/**********
 style-top.css
**********/



/**********
 topImg
**********/
#topImg_print{
	display:none;
}
#topImg{
	 position:relative;
	 background:#fff;
	 margin:0;
}
#topSlider{
    width: 100%;
	top:50px;
	left:0;
}

#topSlider li img {
    width: 100%;
	padding:0;
	margin:0;
	opacity: 0.6;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}
#topSlider .slick-current img {
  opacity: 1;
}

/**topImg_txt **/
#topImg_txt{
	position:absolute;
	top:0;
	left:0;
	display:none;
	text-align:left;
	line-height:1.2;
	color:#f7931e;
	font-size:4.5rem;
	font-weight:bold;
}

#typB{
	padding-top:15px;
}
#typB,#typC{
	font-size:1.9rem;
	font-weight:normal;
	padding-bottom:10px;
	color:#fff;
}

/**********
 topAbout
**********/
#topAbout{
	padding:75px 0 40px 0;
}

/** topAboutTxt **/
#topAbout #topAboutTxt{
	width:100%;
	text-align:left;
}

#topAbout #topAboutTxt h2{
	font-size:1.6em;
	line-height:1.42;
	text-align:center;
}

#topAbout #topAboutTxt h2 span{
	display:block;
}

#topAbout #topAboutTxt div{
	padding-top:30px;
	font-size:1.1em;
}

#topAbout #topAboutTxt #topAboutBtn{
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

#topAbout #topAboutTxt #topAboutBtn a{
	display:block;
	margin-bottom:15px;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	color:#fff;
	font-size:1.1em;
	text-align:center;
	text-decoration:none;
}

#topAbout #topAboutTxt #topAboutBtn a span{
	padding:9px 5px;
	display:block;
}

#topAbout #topAboutTxt #topAboutBtn a#tab_menu{
	width:100%;
	background:#6bb92d;
}

#topAbout #topAboutTxt #topAboutBtn a#tab_menu:hover,
#topAbout #topAboutTxt #topAboutBtn a#tab_menu:active{
	background:#8cc63f;
}

#topAbout #topAboutTxt #topAboutBtn a#tab_price{
	width:48%;
	background:#f7931e;
}
#topAbout #topAboutTxt #topAboutBtn a#tab_open{
	width:48%;
	background:#f7931e;
}

#topAbout #topAboutTxt #topAboutBtn a#tab_price:hover,
#topAbout #topAboutTxt #topAboutBtn a#tab_price:active,
#topAbout #topAboutTxt #topAboutBtn a#tab_open:hover,
#topAbout #topAboutTxt #topAboutBtn a#tab_open:active{
	background:#fbb03b;
}


/** topAboutTImgxt **/
#topAbout #topAboutImg{
	display:none;
	width:44%;
}

/**
#topAbout #topAboutImg img{
	width:100%;
	max-height:530px;
}
**/

#topAbout #topAboutImg #topAboutImgInner{
	position: relative;
	height:400px;
}

#topAbout #topAboutImg #topAboutImgInner #topAboutImg_01,
#topAbout #topAboutImg #topAboutImgInner #topAboutImg_02{
	position: absolute;
}


#topAbout #topAboutImg #topAboutImgInner #topAboutImg_01{
	top:0;
	left:0;
	width:98%;
	max-width:348px;
	z-index:2;
}

#topAbout #topAboutImg #topAboutImgInner #topAboutImg_01 img{
	width:100%;
	max-width:348px;
}

#topAbout #topAboutImg #topAboutImgInner #topAboutImg_02{
	bottom:0;
	right:0;
	width:50%;
	max-width:182px;
	z-index:3;
}

#topAbout #topAboutImg #topAboutImgInner #topAboutImg_02 img{
	width:100%;
	max-width:182px;
}

/*以下フェードイン表示の指定*/
.fadein_img {
    opacity: 0;
    animation: fadein 2s ease forwards;
}
@keyframes fadein {
    100% {  opacity: 1;}
}
 
/*以下遅延の指定*/
.fadein_img_01 {animation-delay: 0.5s;}
.fadein_img_02 {animation-delay: 1s;}
.fadein_img_03 {animation-delay: 0.4s;}



/*スクロールでフェードイン*/
.fade_blk_off {
	opacity: 0;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
}
.fade_blk_on {
	opacity: 1;
}


/**********
 topInfo
**********/
#topInfo{
	padding:46px 0;
	background:#f9f1e1;
}

/** topInfoNews **/
#topInfoNews{
	width:100%;
}

#topInfoNews h2{
	font-family:'PT Serif', seri , "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*font-family: 'PT Serif Caption', serif;*/
	text-align:center;
	line-height:1.3;
	padding-bottom:30px;
	font-size:1.8rem;
	color:#000;
}

#topInfoNews h2 span{
	display:block;
	width:100%;
	margin:0 auto;
	font-size:1.3rem;
	color:#f7931e;
	font-weight:normal;
}

ul#topInfonewsList{
	padding-bottom:20px;
}
ul#topInfonewsList li{
	border-bottom:1px dotted #999;
	padding-bottom:8px;
	margin-bottom:8px;
	font-size:0.94em;
	text-align:left;
}

ul#topInfonewsList li:last-of-type{
	margin-bottom:0;
}

ul#topInfonewsList li p{
	display:inline-block;
}

ul#topInfonewsList li .news_date{
	padding-right:15px;
}

ul#topInfonewsList li .news_txt{}

ul#topInfonewsList li .news_txt a{
	text-decoration:none;
	color:#000;
}

ul#topInfonewsList li .news_txt a:hover,
ul#topInfonewsList li .news_txt a:active{
	text-decoration:underline;
}



/** topInfoAbout **/
#topInfoAbout{
	width:100%;
	padding-top:30px;
}

/** topInfo_open **/
#topInfo_open{
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	background:#fff;
	padding:10px 15px;
}

#topInfo_open h2{
	text-align:left;
	font-size:0.9em;
	padding-bottom:7px;
}
#topInfo_open img{
	width:100%;
	max-width:360px;
}

#topInfo_open #topInfo_closeTime{
	padding-top:8px;
	font-weight:bold;
	font-size:1.3rem;
}

#topInfo_open #topInfo_closeTime p{
	display:inline-block;
	padding:1px 3px;
	color:#fff;
	background:#00a99d;
	margin-right:10px;
	font-size:1.26rem;
}

#topInfo_open #topInfo_closeTime span{
	color:red;
}


/** topInfo_bana **/
#topInfo_bana{
	padding-top:8px;
	text-align:center;
}

#topInfo_bana a{
	display:block;
	margin-top:10px;
}

#topInfo_bana a img{
	width:100%;
	max-width:320px;
	margin:0 auto;
}



/**********
 topContentsBana
**********/
#topContentsBana{
	max-width:800px;
	padding:40px 0;
	text-align:center;
}

#topContentsBana a{
	display:block;
	margin-bottom:20px;
	padding:0;
	width:100%;
}

#topContentsBana a img{
	width:100%;
	margin:0 auto;
	vertical-align:baseline;
}

#topContentsBana .topConBana_t{}
#topContentsBana .topConBana_b{}

#topContentsBana .topConBana_t img{
	max-width:385px;
}

#topContentsBana .topConBana_b img{
	max-width:360px;
	padding:0;
}



/**********
 topMap
**********/
#topMap{}

.iframe-wrap {
  position: relative;
  width: 100%;
  padding-top: 55%; /* = height ÷ width × 100 */
}
.iframe-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (min-width: 769px) {
	.iframe-wrap {
	  padding-top: 40%; /* = height ÷ width × 100 */
	}
}



/* PC・大型タブレット：769px～1050px */
@media only screen and (min-width: 769px) and (max-width: 1050px) {
/**@media only screen and (min-width: 769px) and (max-width: 1100px) {**/


/**********
 topImg
**********/
#topImg{
	position:relative;
}

#topSlider{
	top:0;
}

#topSlider li img {
	width: 100%;
    height: 88vh;
    object-fit: cover;
}

/**topImg_txt **/
#topImg_txt{
	display:block;
	position:absolute;
	top:0;
	left:5%;
	top:60vh;
}

/**********
 topAbout
**********/
#topAbout{
	padding:60px 0;
}

/** topAboutTxt **/
#topAbout #topAboutTxt{
	width:47%;
}

#topAbout #topAboutTxt h2{
	font-size:2.2em;
	text-align:left;
}

#topAbout #topAboutTxt h2 span{
	display:inline;
}


/** topAboutTImgxt **/
#topAbout #topAboutImg{
	display:block;
	width:44%;
}

#topAbout #topAboutImg .fade-img img{
	width:100%;
	max-width:348px;
}


/**********
 topInfo
**********/
#topInfo{}

/** topInfoNews **/
#topInfoNews{
	width:62%;
}

@media only screen and (min-width: 769px) and (max-width: 820px) {
	/** topInfoNews **/
	#topInfoNews{
		width:56%;
	}
}

ul#topInfonewsList li{
	padding-bottom:12px;
	margin-bottom:12px;
}

/** topInfoAbout **/
#topInfoAbout{
	width:320px;
	padding-top:0;
}

/** topInfo_closeTime **/
#topInfo_open #topInfo_closeTime{
	padding-top:10px;
	font-size:1.2rem;
}

#topInfo_open #topInfo_closeTime p{
	display:inline-block;
	padding:1px 3px;
	color:#fff;
	background:#00a99d;
	margin-right:10px;
	font-size:1.2rem;
}
	


/**********
 topContentsBana
**********/
#topContentsBana a{
	width:auto;
}

#topContentsBana a img{
	margin:0;
}

#topContentsBana .topConBana_t{
	width:49%;
	max-width:385px;
}

#topContentsBana .topConBana_t img{
	max-width:385px;
}

#topContentsBana .topConBana_b{
	width:33%;
	max-width:244px;
}

#topContentsBana .topConBana_b img{
	width:100%;
	max-width:244px;
}




}


/* PC向け：1050px以上で固定 */
@media only screen and (min-width: 1051px) {

/**********
 topImg
**********/
#topImg{}
#topSlider{
	top:0;
}

#topSlider li img {
	width: 100%;
    height: 88vh;
    object-fit: cover;
}

/**topImg_txt **/
#topImg_txt{
	display:block;
	position:absolute;
	top:0;
	left:5%;
	top:60vh;
}

/**********
 topAbout
**********/
#topAbout{
	padding:60px 0;
}


/** topAboutTxt **/
#topAbout #topAboutTxt{
	width:47%;
}

#topAbout #topAboutTxt h2{
	font-size:2.4em;
	text-align:left;
}

#topAbout #topAboutTxt h2 span{
	display:block;
}

/** topAboutTImgxt **/
#topAbout #topAboutImg{
	display:block;
	width:44%;
}



/**********
 topInfo
**********/
/** topInfoNews **/
#topInfoNews{
	width:700px;
}

ul#topInfonewsList li{
	padding-bottom:12px;
	margin-bottom:12px;
}

/** topInfoAbout **/
#topInfoAbout{
	width:320px;
	padding-top:0;
}

/** topInfo_closeTime **/
#topInfo_open #topInfo_closeTime{
	padding-top:10px;
	font-size:1.2rem;
}

#topInfo_open #topInfo_closeTime p{
	display:inline-block;
	padding:1px 3px;
	color:#fff;
	background:#00a99d;
	margin-right:10px;
	font-size:1.2rem;
}
	

/**********
 topContentsBana
**********/
#topContentsBana a{
	width:auto;
}

#topContentsBana a img{
	margin:0;
}

#topContentsBana .topConBana_t{
	width:49%;
	max-width:385px;
}

#topContentsBana .topConBana_t img{
	max-width:385px;
}

#topContentsBana .topConBana_b{
	width:244px;
}

#topContentsBana .topConBana_b img{
	width:244px;
}

}

@media print {
	
/**********
 topImg
**********/
#topImg{
	display:none;
}
#topImg_print{
	display:block;
	text-align:center;
}
#topImg_print img{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}

/**********
 topAbout
**********/
#topAbout{
	padding:60px 0;
}


/** topAboutTxt **/
#topAbout #topAboutTxt{
	width:47%;
}

#topAbout #topAboutTxt h2{
	font-size:2.4em;
	text-align:left;
}

#topAbout #topAboutTxt h2 span{
	display:block;
}

/** topAboutTImgxt **/
#topAbout #topAboutImg{
	display:block;
	width:44%;
}



/**********
 topInfo
**********/
/** topInfoNews **/
#topInfoNews{
	width:700px;
}

ul#topInfonewsList li{
	padding-bottom:12px;
	margin-bottom:12px;
}

/** topInfoAbout **/
#topInfoAbout{
	width:320px;
	padding-top:0;
}

/** topInfo_closeTime **/
#topInfo_open #topInfo_closeTime{
	padding-top:10px;
	font-size:1.2rem;
}

#topInfo_open #topInfo_closeTime p{
	display:inline-block;
	padding:1px 3px;
	color:#fff;
	background:#00a99d;
	margin-right:10px;
	font-size:1.2rem;
}
	

/**********
 topContentsBana
**********/
#topContentsBana a{
	width:auto;
}

#topContentsBana a img{
	margin:0;
}

#topContentsBana .topConBana_t{
	width:49%;
	max-width:385px;
}

#topContentsBana .topConBana_t img{
	max-width:385px;
}

#topContentsBana .topConBana_b{
	width:244px;
}

#topContentsBana .topConBana_b img{
	width:244px;
}


}