@charset "UTF-8";

body{}

h2{text-align: center;color:#000;}
h2 img{max-width: 560px;width: 80%;}
h3{font-size: 30px;color:#000;font-weight: bold;letter-spacing: 0.05em;}
h4{font-size: 26px;color:#000;font-weight: bold;line-height: 36px;}
h5{font-weight: bold;line-height: 24px;}

@media (max-width: 768px) {
  h3{font-size: 16px;}
  h4{font-size: 20px;color:#000;font-weight: bold;line-height: 28px;}
}


/*----------------------------------------------------

◆　main visual

----------------------------------------------------*/
h1{max-width: 1020px;width: 90%;margin:100px auto 0;position:relative;z-index: 15;  }
h1 img{width: 100%;}

.slider_ctn{position:relative;width: 100%;}
.slider_blur{position: absolute;top:0;left:0;z-index:10;width: 100%;background:url(../images/mv_blur.png)0 0 no-repeat;background-size:contain;padding-bottom: 33%; }

@media (max-width: 768px){
}

/*----------------------------------------------------

◆　lead

----------------------------------------------------*/
section#lead{padding: 140px 0 0;}
.lead_ctn{max-width: 1000px;width: 90%;margin: 0 auto 140px;}
.lead_ctn img{width: 420px;margin-bottom: 40px;}
.lead_ctn p{font-size:22px;line-height: 36px;margin-bottom: 40px;}
@media (max-width: 768px){
	section#lead{padding: 60px 0 0;}
	.lead_ctn{max-width: 1000px;width: 90%;margin: 0 auto;}
	.lead_ctn{text-align: center;}
	.lead_ctn img{width:75%;max-width:280px;margin-bottom: 20px;}
	.lead_ctn p{font-size:15px;line-height: 25px;margin-bottom: 10px;}
}


/*----------------------------------------------------

◆　stay plan

----------------------------------------------------*/
section#stay{padding: 180px 0 0;}
.stay_img_ctn{position:relative;max-width: 1280px;width: 100%;margin: 0 auto;}
#mt-140{margin-top:140px; }
.contents_mv{width:76%;}
.contents_ttl{position: absolute;width: 420px;}
.contents_ttl_sp{width: 240px;padding-left:5%;margin-top: -20px;position: relative;z-index:5; }
.contents_mv img,.contents_ttl img,.contents_ttl_sp img{width: 100%;}

#mv_1{float:right;}
#mv_2{}
#ttl_1{top:60px;}
#ttl_2{right:0;top:0;}

.stay_txt_ctn{position:relative;max-width: 960px;width: 90%;margin:0 auto;}
#stay_txt_2{padding-left:450px;}

.sub_img{position:absolute;}
#stay_sub_1{width: 300px;top:20px;right: 160px;z-index:1;}
#stay_sub_2{width: 300px;top:190px;right: -60px;}
#stay_sub_3{width: 300px;top:20px;left: 80px;z-index:1;}
#stay_sub_4{width: 300px;top:190px;left: -160px;}
#stay_sub_1 img,#stay_sub_2 img,#stay_sub_3 img,#stay_sub_4 img{width: 100%;}


.date{font-weight: bold;margin-top: 5px;margin-bottom: 10px;}
ul.detail{margin: 10px 0 50px;}
ul.detail li{}


@media (max-width: 768px){
	section#stay{padding: 80px 0 0;}
	#mt-140{margin-top:60px; }
	.contents_mv{width:100%;}
	.contents_ttl{position: static;width: 200px;}
	.date{margin-bottom: 5px;}
	#mv_1{float:none;}
	#stay_txt_2{padding-left:0;}
	ul.detail{margin: 10px 0 20px;}
	.sp_flex_img{display: flex;justify-content: space-between;margin-bottom:40px; }
	.sp_flex_box{width:calc(100% / 2);}
	#stay_1_sp{background: url(../images/stay_1.jpg)center center no-repeat;background-size: contain;height: 0;padding-top:36%;}
	#stay_2_sp{background: url(../images/stay_2.jpg)center center no-repeat;background-size: contain;height: 0;padding-top:36%;}
	#stay_3_sp{background: url(../images/stay_3.jpg)center center no-repeat;background-size: contain;height: 0;padding-top:36%;}
	#stay_4_sp{background: url(../images/stay_4.jpg)center center no-repeat;background-size: contain;height: 0;padding-top:36%;}
	#res_1_sp{background: url(../images/res_1.jpg)center center no-repeat;background-size: contain;height: 0;padding-top:36%;}
	#res_2_sp{background: url(../images/res_2.jpg)center center no-repeat;background-size: contain;height: 0;padding-top:36%;}
}

th.em4{width: 4em;}
th.em6{width: 6em;}

/*----------------------------------------------------

◆　restaurant

----------------------------------------------------*/
section#restaurant{padding: 180px 0 0;}
.restaurant_ctn{width: 960px;margin:0 auto;}
.restaurant_txt_ctn{position: relative;}
.contents_mv2{width: 100%;}
.contents_mv2 img{width: 100%;}

#res_sub_1{width: 280px;top:20px;right: 140px;}
#res_sub_2{width: 280px;top:190px;right: -60px;z-index:1;}
#res_sub_1 img,#res_sub_2 img{width: 100%;}

@media (max-width: 768px){
	section#restaurant{padding: 80px 0 0;}
	.restaurant_ctn{width: 90%;margin:0 auto;}
}

/*----------------------------------------------------

◆　original goods

----------------------------------------------------*/
section#goods{padding: 180px 0 0;}
.flex_1{width: 100%;max-width: 1000px; display:flex; justify-content: space-between;margin:100px auto;flex-wrap: wrap;}
.flex_1_img{width: 45%;}
.flex_1_img img{width: 100%;}
.flex_1_txt{width: 50%;}
.goods_date{font-weight: bold;color:#ff3f90;margin-top: 5px;margin-bottom: 10px;}
.goods_place{margin-top: 10px;}

@media (max-width: 768px){
	section#goods{padding: 80px 0 0;}
	.flex_1{margin:20px auto 0;}
	.flex_1_img{width: 90%;margin: 0 auto;}
	.flex_1_txt{width: 90%;margin: 0 auto;}
}

/*----------------------------------------------------

◆　coming soon

----------------------------------------------------*/
section#coming{width: 100%;background: #dadada;padding:120px 0;}
p#stand-by{font-size: 30px;line-height:40px;font-weight:bold;text-align: center;color:#ff3f90;margin-bottom: 50px;}

@media (max-width: 768px) {
	section#coming{padding:40px 0;}
	p#stand-by{font-size: 20px;line-height:28px;margin-bottom: 20px;}
}


/*----------------------------------------------------

◆　3分割BG

----------------------------------------------------*/
section#flex_bg{display: flex;}
.flex_bg_box{width: calc(100% / 3);height:300px;background: #aaa;}
#flex_bg1{background: url(../images/flex_bg1.jpg) center center no-repeat;background-size:cover;}
#flex_bg2{background: url(../images/flex_bg2.jpg) center center no-repeat;background-size:cover;}
#flex_bg3{background: url(../images/flex_bg3.jpg) center center no-repeat;background-size:cover;}

@media (max-width: 768px){
	.flex_bg_box{height:120px;}
}

/*----------------------------------------------------

◆　safety

----------------------------------------------------*/
section#safety{padding:140px 0;}
.flex_3{display: flex;justify-content: space-between;max-width: 1000px;width: 90%;margin: 0 auto;flex-wrap: wrap;}
a.safety_img{width: 30%;}
a.safety_img img{width: 100%;}
.safety_txt{width: 65%;}
p.sub{font-weight: bold;margin-bottom: 10px;}

.line{max-width:1100px;width: 90%;height: 1px;background: #000;margin: 80px auto;}
.address{text-align: center;}
a#insta{font-size: 42px;}
a#fb{font-size: 40px;}
a#insta:hover{color: #e50091;transition: .2s;}
a#fb:hover{color: #3B5998;transition: .2s;}

@media (max-width: 768px){
	section#safety{padding:60px 0;}
	h3#safety_commit{font-size: 20px;margin-top: 5px;}
	a.safety_img{width: 50%;margin: 0 auto;}
	p.sub{text-align: center;}
	.safety_txt{width: 100%;text-align: center;}
	.line{margin: 40px auto;}
	a#insta{font-size: 36px;}
	a#fb{font-size: 34px;}
}


/*----------------------------------------------------

◆　google_map

----------------------------------------------------*/

.map {position: relative;min-height: 460px;max-width: 100%;margin: 0 auto;height: 0;overflow: hidden;}
.map iframe,.map object,.map embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
@media (max-width: 768px){
  .map {min-height: 360px;}
}

/*----------------------------------------------------

◆　annotation

----------------------------------------------------*/
section#annotation{padding:80px 0;}
ul.att{max-width: 1000px;width:90%;margin:0 auto;}
ul.att li{text-indent: -1em;padding-left: 2em;}

@media (max-width: 768px){
	section#annotation{padding:60px 0 40px;}
}

/*----------------------------------------------------

◆　botton

----------------------------------------------------*/
.btn a{box-sizing: border-box;text-align: center;display: block;font-size: 20px;font-weight: bold;}
.btn a:hover{transition: .3s;}
@media (max-width: 768px) {
  .btn a{margin-top: 0;font-size: 16px;}
} 

#safety_btn1 a{width: 500px;color: #fff;background: #000;padding: 20px 0;border: 1px solid #000;margin:30px auto 0;}
#safety_btn1 a:hover{color: #000;background: #fff;}
#safety_btn2 a{width: 600px;color: #fff;background: #0097dc;padding: 20px 0;border: 1px solid #0097dc;margin:30px auto 0;}
#safety_btn2 a:hover{color: #0097dc;background: #fff;}
@media (max-width: 768px) {
  #safety_btn1 a{width:90%;}
  #safety_btn2 a{width:90%;margin:10px auto 0;}
} 

/*----------------------------------------------------

◆　design btn

----------------------------------------------------*/
.design_btn{position: relative;width: 520px;height: 120px;}
.btn_main a{position: absolute;top:0;left:0;z-index:1;width: 500px;color: #fff;background: #000;padding: 35px 0;border: 1px solid #000;}
.btn_main a:hover{color: #000;background: #fff;}
.btn_bg{position: absolute;bottom:0;right:0;z-index:0;width:500px;height: 100px;background: url(../images/btn_bg.jpg)center center no-repeat;background-size:contain;}

@media (max-width: 768px){
	.design_btn{position: relative;width: 340px;height: 90px;margin: 0 auto;}
	.btn_main a{width: 330px;color: #fff;background: #000;padding: 25px 0;border: 1px solid #000;margin-top: 0;}
	.btn_bg{width:330px;height: 70px;}
}



/*----------------------------------------------------

◆　design line

----------------------------------------------------*/
.design_line{width: 100%;height: 0;margin-top: 140px;}
#line1{background: url(../images/line_1.jpg)center center no-repeat;background-size: cover;padding-top: 1.58%;}
#line2{background: url(../images/line_2.jpg)center center no-repeat;background-size: cover;padding-top: 1.58%;}
@media (max-width: 768px){
	.design_line{margin-top: 60px;}
	#line1{padding-top: 2%;}
	#line2{padding-top: 2%;}
}