@charset "UTF-8";
/* CSS Document */

body{font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; background: #000;}


main{max-width: 1000px; margin: auto; overflow: hidden;}

a:hover{opacity: 0.5;}



#hero{color: #fff; text-align: right; font-size: 14px; line-height: 35px;}
#hero p,
#hero .mv{max-width: 1000px; margin: auto;}






#intro{color: #fff; text-align: center;}
#intro .lead{font-size : 23px;  line-height : 41px;}
#intro h1{width: 806px; margin: 100px auto 90px;}
#intro .lead .subtit{color: #bf9f56; font-size: 37px; font-weight: 600; margin: 0 0 23px;}
#intro .lead i{font-style: normal;}


#kikan{}
#kikan .data{ margin: 60px 0 0;}
#kikan .data .day{font-size : 35px;  line-height : 43px;  letter-spacing : 1.4px;  color : #BF9F56; font-weight: 700;}
#kikan .data .rv{  font-size : 22px;  line-height : 30.62px;  letter-spacing : 0.88px;  color : #BF9F56; margin: 35px 0 40px; font-weight: 700; color: #fff;}
#kikan .note{ font-size : 15px;  line-height : 21px; font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; margin-bottom: 75px;}
#kikan .note a{color: #fff; text-decoration: underline;}


@media screen and (max-width: 768px) {
#hero{font-size: 10px; line-height: 1em;}
#hero p{padding: 5px;}

#intro h1{width: 76%; margin: 40px auto 30px;}
#intro .lead{font-size: 14px; line-height: 1.4em;}
#intro .lead .subtit{font-size: 24px; margin: 10px 0 15px;}

#kikan .data{ margin: 20px 0 0;}
#kikan .data .day{font-size : 19px; line-height : 1em; letter-spacing: 0;}
#kikan .data .rv{font-size : 16px;  line-height : 1.4em;  letter-spacing : 0px; margin: 15px 0 20px;}

#kikan .note{ font-size: 12px; margin-bottom: 30px;}

}

/* 
  main ----------
  
*/

main{color: #fff;}
main .lead{width: 800px; margin: auto; color: #fff;   font-size : 18px; line-height : 31px;}
main ul{display: flex;}
main .note{font-size: 15px; line-height: 21px; width: 800px; margin: auto;}
main ul.note_list{display: block; font-size: 15px; line-height: 21px; width: 800px; margin: auto;}
main .note_list li{padding-left: 1.5em; margin: 0 0 5px;}
main .note_list li::before{content: '※'; margin-left: -1.2em;}

@media screen and (max-width: 768px) {

main{width: 100%;}
main .lead{width: 90%; font-size: 14px; line-height: 1.4em; margin-top: 20px;}

main .note{ width: 90%; font-size: 10px;}
main ul.note_list{width: 90%; font-size: 10px; line-height: 1.4em;}

main h2{width: 100%; overflow: hidden;}
main h2 img{width: 130%; margin-left: -15%;}
}

/* 
  room ----------
  
*/

#room{padding: 0 0 60px;}
#room h2{margin: 0 0 45px;}

#room ul{width: 800px; margin: 45px auto 0; justify-content: space-between;}
#room ul li:first-child{width: 387px;}
#room ul li:last-child{width: 277px;}

#room ul li>div{margin-bottom: 30px;  font-size : 15px; line-height : 21px; position: relative;}
#room ul li>div p.icon{width: 147px; position: absolute; top: -20px; right: -73px;}

@media screen and (max-width: 768px) {

#room ul{width: 90%; position: relative;}
#room ul li:first-child{width: 65%;}
#room ul li:last-child{width: 50%; position: absolute; right: -8%;}
#room ul li>div{font-size: 11px;}

#room ul li>div p.icon{width: 35%; position: absolute; top: -20px; right: -10px;}
}

/* 
  lounge ----------
  
*/


#lounge{}
#lounge ul{flex-wrap: wrap; justify-content: space-between; width: 800px; margin: 45px auto 0;}
#lounge ul li{width: 375px; margin-bottom: 30px;  font-size : 20px;line-height : 31px; color : #BF9F56;}
#lounge .chra{width: 470px; margin: auto;}

@media screen and (max-width: 768px) {
#lounge ul{display: block; width: 90%;}
#lounge ul li{width: 100%; font-size: 14px;}
#lounge .chra{width: 100%;}
}

/* 
  goods ----------
  
*/

#goods{position: relative; padding: 0 0 150px;}
#goods .lead>p{font-size: 22px; color: #bf9f56;}
#goods .box_item{display: flex; justify-content: space-between; align-items: center; width: 800px; margin: 65px auto 35px;}
#goods .item{width: 492px;}
#goods .chra{width: 237px;}
/*#goods .item{width: 755px; margin: 50px auto 53px;}
#goods .chra{width: 208px; position: absolute; bottom: 20px; right: 120px;}*/


@media screen and (max-width: 768px) {

/*#goods .item{width: 90%;}
#goods .chra{width: 40%; right: -5%; }*/
#goods{padding: 0 0 70px;}
#goods .box_item{ width: 90%; margin: 25px auto 20px;}
#goods .item{width: 70%;}
#goods .chra{width: 40%; margin-left: -10%;}
#goods .lead>p{margin-bottom: 0.5em;}


}

/* 
  price ----------
  
*/


#price{}
#price h2{margin-bottom: 70px;}
#price .cost_tit{font-size: 17px; margin: 25px 0 0;}

#price ul{width: 800px; margin: 0px auto 30px; justify-content: space-between; }
#price ul li{width: 390px;}
#price ul li h3{text-align: center; color: #fff;  font-size : 23px; line-height : 41px;}
#price ul li.spcrv h3{background: #2ca0da; }
#price ul li.nmlrv h3{background: #c8161d; }
#price ul li .cost{font-size: 23px; line-height: 1.5em; font-weight: 600; margin: 0 0 15px;}
#price ul li .cost span{font-size: 16px; width: 9em; display: inline-block;}

#price ul li.spcrv .btn,
#price ul li.nmlrv .btn{ width: 390px; margin-bottom: 30px;}


#price .rev{ font-size : 24px; line-height : 33px; color : #fff; text-align: center;}

#price .note_list{margin: 0 auto 150px;}
#price .note_list li{width: 100%;}

#price .btn2{width: 414px; margin: 180px auto 145px;}


@media screen and (max-width: 768px) {

#price ul{display: block; width: 90%;}
#price ul li{width: 100%; margin-bottom: 10px;}
#price ul li.spcrv{margin-bottom: 60px;}
#price ul li h3{font-size: 18px;}
#price ul li .cost{line-height: 30px; padding: 10px 0;}
#price ul li .cost span{display: block;}

#price .cost_tit{margin: 10px 0 0;}
#price ul li.spcrv .btn,
#price ul li.nmlrv .btn{ width: 100%; margin-bottom: 20px;}


#price .rev{font-size: 18px;}


#price .btn{width: 70%;}

#price .btn2{width: 80%; margin: 90px auto 80px;}
}


/* 
  foods ----------
  
*/

#foods{margin: 60px 0 0; }
#foods h2{margin-bottom: 55px;}
#foods .lead2{text-align: center; font-size: 18px; line-height: 35px; margin: 50px auto 30px;}
#foods .lead2 h3{font-size : 24px; line-height : 30px; color : #BF9F56; font-weight: 600; margin: 10px 0;}

#foods .foodlist{position: relative;}
#foods .foodlist ul{width: 510px; margin: auto; justify-content: space-between; flex-wrap: wrap;}
#foods .foodlist ul li:nth-child(1){width: 100%;}
#foods .foodlist ul li:nth-child(2),
#foods .foodlist ul li:nth-child(3){width: calc((100% - 15px)/2); margin-top: 15px;}
#foods .foodlist ul li span{font-size: 12px; display: block; line-height: 18px; text-align: right;}

#foods .foodlist .f_char01{position: absolute; left: -10px; bottom: 0; width: 260px;}
#foods .foodlist .f_char02{position: absolute; right: 10px; bottom: 0; width: 232px;}

#foods .f_data{width: 540px; padding-left: 40px; margin: 30px auto 40px; display: flex; flex-wrap: wrap; font-size: 18px; line-height: 1.5em; justify-content: center;}
#foods .f_data dt{width: 9em; margin-bottom: 10px;}
#foods .f_data dd{width: calc(100% - 9em); margin-bottom: 10px;}
#foods .f_data dd .data{display: table;}
#foods .f_data dd .data span{display: table-cell;}
#foods .f_data dd .data .row {display:table-row;}
#foods .f_data dd .data .row span:first-child{padding-right: 1em;}
#foods .f_data dd .cap{font-size: 0.8em;}

#foods .f_data2{max-width: 300px;  display: flex; flex-wrap: wrap; font-size: 17px; line-height: 1.5em; justify-content: center;}
#foods .f_data2 dt{width: 12em; margin-bottom: 10px;}
#foods .f_data2 dd{width: calc(100% - 13.2em); margin-bottom: 10px; padding-left: 1.2em;}
#foods .f_data2 dd.kaku::before{content: '各'; margin-left: -1em;}
#foods .f_data2 dt span{font-size: 0.8em;}

#foods .f_price{ font-size : 18px;  line-height : 27px;  letter-spacing : 0.72px;  color : #BF9F56; margin: 10px 0;}


#foods .buppanlist{position: relative; width: 510px; margin: auto;}
#foods .buppanlist .f_char01{position: absolute; left: -258px; top: -42px; width: 283px;}
#foods .buppanlist .f_char02{position: absolute; right: -222px; top: 17px; width: 222px;}
#foods .buppanlist .f_data{padding-left: 0;}


#foods .note_list li{width: 100%; font-size: 15px; line-height: 21px;}

#foods .note{font-size : 15px;  line-height : 21px; font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";  text-align: center; margin: 95px auto 60px;}
#foods .note a{color: #fff; text-decoration: underline;}


#foods .btn3{display: flex; justify-content: space-between; width: 800px; margin: 40px auto 0;}
#foods .btn3 p{width: 384px; text-align: center; }





@media screen and (max-width: 768px) {
#foods{padding: 0 0 30px;}
#foods h3{font-size: 20px;}
#foods .foodlist ul{width: 50%; padding-left: 25px;}
#foods .foodlist ul li:nth-child(2),
#foods .foodlist ul li:nth-child(3){width: calc((100% - 5px)/2); margin-top: 5px;}


#foods .foodlist .f_char01{width: 39%; left: -20px; bottom: -20px;}
#foods .foodlist .f_char02{width: 35%; right: -30px; bottom: -25px;}

#foods .f_price{font-size: 16px;}

#foods .note_list li{font-size: 10px; line-height:1.4em;}
#foods .note_list li:first-child{margin-bottom: 5px;}

#foods .note{ font-size: 12px; margin-bottom: 30px;}

main #foods h2{width: 100%; overflow: hidden; margin-bottom: 25px;}
main #foods h2 img{width: 120%; margin-left: -10%;}

#foods .lead2{width: 90%; margin: 50px auto 50px; font-size: 14px; line-height: 1.4em;}

#foods .f_data{width: 90%; display: block; font-size: 12px; padding-left: 0;}
#foods .f_data dt,
#foods .f_data dd{width: 100%; text-align: center; margin-bottom: 0px;}
#foods .f_data dd{margin-bottom: 10px;}

#foods .f_data dd .data{display: inline;}
#foods .f_data dd .data span{display: inline;}
#foods .f_data dd .data .row {display:block;}

#foods .f_data2{max-width: 100%; font-size: 12px; padding-left: 0;}
#foods .f_data2 dt,
#foods .f_data2 dd{text-align: center; margin-bottom: 0px;}
#foods .f_data2 dd{margin-bottom: 10px; padding-left: 0;}
#foods .f_data2 dd.kaku::before{margin-left: 0;}

#foods .btn3{display: block; justify-content: space-between; width: 70%; margin: 40px auto 0;}
#foods .btn3 p{width: 100%; margin-bottom: 20px;}


#foods .buppanlist{width: 100%;}
#foods .buppanlist .pict{width: 50%; margin: auto;}
#foods .buppanlist .f_char01{width: 42%; left: -20px; top: -80px;}
#foods .buppanlist .f_char02{width: 31%; right: 0px; top: -40px;}

#foods .buppanlist .f_data{/*width: 50%;*/ font-size: 12px;}



}



/*カレンダー*/

#calendar{padding: 35px 0 40px;}
#calendar h3{width: 800px; margin: 0 auto 30px;}

#calendar .tab-wrap{width: 620px; margin: auto;}

#calendar .tab-wrap ul{padding: 0 6px;   display: flex;}
#calendar .balloon1 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #fff;
  font-size: 16px;
  background: #b79446;
}

#calendar .balloon1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #b79446;
}

#calendar .balloon1 p {
  margin: 0;
  padding: 0;
} 

/**/

#calendar .tab-wrap ul{width: calc(100% - 15px); margin: 0 auto; }

#calendar .tab-btn {
  text-align: center;
  list-style: none;
  cursor: pointer;
border: 3px solid #b79446;
border-width: 3px 3px 3px 0px;
/*width: 124px;*/ 
width: calc(100% / 4);
/*line-height: 45px;*/
font-size : 24px;
 color : #B79446;
 padding: 5px 0;
}


#calendar .tab-btn.show {
  position: relative;
  display: inline-block;
  /*margin: 1.5em 0;*/
  /*padding: 7px 10px;*/
  /*min-width: 124px;
  max-width: 100%;*/
  color: #fff;
  /*font-size: 16px;*/
  background: #b79446;
}

#calendar .tab-btn.show:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #b79446;
}

#calendar .tab-btn.show p {  margin: 0;  padding: 0;} 


#calendar .tab-btn:first-child{border-left: 3px solid #b79446;}
#calendar .tab-btn span{font-size: 16px; display: block; margin-bottom: 5px;}

#calendar .tab-contents {  display: none;}
 
#calendar .tab-contents.show {  display: block;   padding: 20px 0 0;}

#calendar .note{font-size: 1.3em; text-align: center; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";}


#calendar>div{background: #fff; width: 620px; margin: auto; padding: 5px 0;}

@media screen and (max-width: 768px) {

#calendar .tab-wrap{width: 100%;}
#calendar>div{background: #fff; width: 90%; margin: auto; padding: 5px 0;}
#calendar .tab-btn{font-size: 22px;}
#calendar .tab-btn span{font-size: 12px;}

#calendar .tab-contents.show{padding: 10px 0 0;}
}



/*SPC*/
#spc{background : #fff; border: solid #2ca0da 1px; width: 620px; margin: 100px auto 0; text-align: center;   font-size : 20px; line-height : 35px; padding: 40px 0; position: relative; color: #3e3a39;}
#spc .arrw{width: 20px; margin: auto;}
#spc h4{  font-size : 22px;  color : #2CA0DA;}
#spc a{color: #2ca0da; text-decoration: underline;}

#spc .price_chr{position: absolute; right: -120px; top: -100px; width: 220px;}


@media screen and (max-width: 768px) {
#spc{width: 75%; font-size: 13px; line-height: 1.6em; padding-left: 25%;}
#spc h4{font-size: 14px;}
#spc .price_chr{width: 46%; right: auto; left: -7%; top: -90px;}
}


#f_logo{max-width: 1000px; margin: auto; /*background: #fff;*/ padding: 50px 0 60px; color: #fff; text-align: center; font-size: 14px; border-bottom: 1px solid #555; border-top: 1px solid #555;}
#f_logo h2{width: 337px; margin: auto;}
#f_logo .txtlink{margin: 33px 0 0; font-size : 18px; text-decoration: underline;}
#f_logo .txtlink a{color: #fff;}

@media screen and (max-width: 768px) {
#f_logo{font-size: 12px;}
#f_logo h2{width: 90%;}
#f_logo h2 img{width: 100%; margin-left:0;}
}





/*フッター*/

footer{/*background: #cdb475; */}


#safety{max-width: 1000px; margin: auto; padding: 50px 0 50px; /*background: #fff;*/}

#safety .box1,
#safety .box2,
#safety .box3{padding: 20px 25px 25px; font-size: 15px; line-height: 25px; color: #3e3a39; background: #fff;}


#safety .box2 li,
#safety .box3 li{padding-left: 1.5em; margin: 0 0 5px;}
#safety .box2 li::before,
#safety .box3 li::before{content: '●'; margin-left: -1.2em;}

#safety .icon{margin: 40px 0 25px; }

#safety .icon li{width: 268px; margin: auto;}

#safety .box1 .txtlink a{color: #2ca0da; font-size: 18px; text-decoration: underline;}



/**/
#gototop{position: fixed; right: 20px; bottom: 20px;  }
#gototop a{font-size: 25px; background: rgba(54,54,54,0.6); color: #fff; display: block; padding: 15px 15px; text-decoration: none;}



/**/





/* @media : SP */
@media screen and (max-width: 768px) {
#copyright{font-feature-settings: "palt"; letter-spacing: -0.05em; text-align: center;}

/*body{font-size: 8px;}
main{width: 100%;}
#intro{width: 100%; overflow: hidden;}

#hero h1{width: 80%; margin: 40px auto;}
#hero .lead{font-size: 2em; line-height: 1.6em; padding:  0 3% 60px;}

#kikan .data .day{font-size: 26px; letter-spacing: -0.02em;}
#kikan .data .rv{font-size: 18px; letter-spacing: -0.02em;}
#kikan .note{font-size: 12px; padding:  0 3% 0;}

#kikan .kamen{width: 100%;}
#kikan .txt1{
    font-size: 14px;
    line-height: 22px; padding:  0 3% 0;}*/


.safety .tab-btn{font-size: 14px;}


footer .safety{width: 100%; padding: 25px 0;}
footer .info,
footer .safety .icon{width: 90%; margin: 0 auto 0px;}




footer .safety h3{font-size: 2em; font-weight: 500;}

footer{ /*padding-bottom: 20px;*/}
footer .footerlogo{padding: 30px 0 40px; text-align: center;}
footer .footerlogo img{width: 50%;}

footer .footer_ch{padding: 0 5% 20px;}
footer .footer_ch img{width: 100%; }

footer .sns{padding: 22px 0;}
footer .snstit{width: 90%; margin: 20px auto 10px;}
footer .snsicon{display: flex; justify-content: space-between; width: 60%; margin: 30px auto;}
footer .snsicon li{width: 15%;}

}


@media screen and (min-width:768px) and (max-width:1024px){



}




/*====================================================================
.s_01 .accordion_one
====================================================================*/
.s_01 .accordion_one {
  max-width: 800px;
  margin: 0 auto;
}
.s_01 .accordion_one .accordion_header {
  background-color: #4982b0;
  color: #fff;
  font-size: 18px;
  line-height: 60px;
  font-weight: bold;
  padding-left: 25px;
  text-align: left;
  position: relative;
  z-index: +1;
  cursor: pointer;
  transition-duration: 0.2s;
  border-bottom:solid 5px #103770;
}


.s_01 .accordion_one .accordion_header .i_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px; 
  box-sizing: border-box;
  transform-origin: center center;
  transition-duration: 0.2s;
  background: #37538a;
}
.s_01 .accordion_one .accordion_header.open .i_box {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.s_01 .accordion_one .accordion_inner {
  display: none;
  border-left: 1px solid #808080;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  box-sizing: border-box;
}
.s_01 .accordion_one .accordion_inner .box_one {

}
.s_01 .accordion_one .accordion_inner p.txt_a_ac {
  margin: 0;
}
@media screen and (max-width: 1024px) {
  .s_01 .accordion_one .accordion_header {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .s_01 .accordion_one .accordion_header {
    font-size: 16px;
    text-align: left;
    line-height: 1.2em;
    padding: 0 60px 0 15px;
    height: 60px;
    display: flex; align-items: center;
  }
}