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

body{font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}


main{width: 1000px; margin: auto; background: #fff; overflow: hidden;}

a:hover{opacity: 0.5;}

#intro{max-width: 1000px; margin: auto; padding: 0 0 65px; background: url("../img/lead_bg.jpg") repeat-y; background-size: 100%; background-position: bottom; position: relative; background-color: #f0e8d0;}

#hero{text-align: right; }
#hero .mv span{font-size : 14px; line-height: 23px; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; padding: 0 10px 0;}
#hero h1{width: 740px; margin: 63px auto ;}

#intro .lead{font-size: 2.3em; line-height: 1.8em; text-align: center; padding: 0 0 44px; color : #3e3a39;}


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

#hero h1{width: 95%; margin: 30px auto 20px;}
#intro .lead{font-size: 1.4em; line-height: 1.6em; padding: 0 0 35px;}
#hero .mv span{font-size : 9px;}
}




#kikan{text-align: center;}
#kikan h2{font-size : 3.1em;  letter-spacing : 6.2px; color : #e9839a; margin-bottom: 33px;}
#kikan .data{}
#kikan .data .day{font-size : 3.8em; color : #3E3A39; margin-bottom: 30px;}
#kikan .data .rv{ font-size : 2em;  color : #2CA0DA;}

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

#kikan h2{font-size : 2.1em; margin-bottom: 15px;}
#kikan .data .day{font-size : 2.8em;  margin-bottom: 10px;}
#kikan .data .rv{ font-size : 1.4em; }

}



#goods{ background-color: #fff; padding: 60px 0;}
#goods h2{width: 1000px; margin: auto; }
#goods .lead{ font-size : 20px;  line-height : 31.42px;  letter-spacing : 0.8px;  color : #3E3A39; font-weight: 600; text-align: center; margin: 25px 0 48px;}
#goods .item{}
#goods .item li{width: 784px; margin:0 auto 25px;}

#goods .note{font-size : 16px; color : #231815; text-align: center; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";}

@media screen and (max-width: 768px) {
#goods{padding: 40px 0;}
#goods h2{width:100%;}
#goods .lead{font-size : 11px;  line-height : 1.4em; margin: 10px 0 20px;}

#goods .item li{width: 85%; margin:0 auto 25px;}
#goods .note{font-size : 11px;}
}


#illust{background:#e9839a; padding: 80px 0 50px;}
#illust .lead{ font-size : 20px;  line-height : 31.42px;  letter-spacing : 0.8px;  color : #fff; font-weight: 600; text-align: center; margin: 25px 0 48px;}

@media screen and (max-width: 768px) {
#illust{background:#e9839a; padding: 40px 0 30px;}
#illust .lead{font-size : 11px; margin: 15px 0 20px; line-height: 1.4em;}

}



#stay{padding: 80px 0 90px; background: url("../img/plan_bg.jpg")repeat-y; background-size: 100% auto; text-align: center;  border-bottom: 1px solid #808080;}
#stay h2{width: 1000px; margin: auto;}
#stay .lead{font-size : 22px;  line-height : 37px; color: #3e3a39; text-align: center; margin: 30px 0 60px;}
#stay .lead span{color: #ef819e;}
#stay h3{font-size: 35px; color: #ef819e; border-bottom: 1px solid #ef819e; display: inline; padding: 0 10px 0;}
#stay .roomtype{font-size: 18px; font-weight: 600;  font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; margin: 35px 0 20px;}

#stay .roompict{width: 664px; margin: auto;text-align: right ; }
#stay .roompict span{color: #3e3a39; line-height: 2em; font-size: 16px; font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";}
#stay .roompict p:first-child{margin-bottom: 30px;}

#stay .price{display: flex; justify-content: center; margin-bottom:10px;}
#stay .time{font-size: 1.8em; color:#3e3a39; text-align: center; margin-bottom: 60px; font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";}
#stay .price dl{display: flex; justify-content: center; align-items: center; color: #3e3a39; font-weight: normal; padding: 0 10px;}
#stay .price dt{font-size: 23px;}
#stay .price dd{width: auto; font-size: 39px;}

#stay .btnlink{display: flex; flex-wrap: wrap; justify-content: center; margin: 50px 0 0;}
#stay .btnlink li{width: 340px; margin: 0 60px 50px;}


#stay .note{color: #3e3a39;}
#stay .note li{ text-align: center;  font-size : 16px; line-height : 27px; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";}
#stay .note li::before{content: '※'; margin-left: -1.2em;}
    
#stay .spc{color: #3e3a39;  border: solid #3e3a39 1px; width: 620px; margin: 70px auto 0; text-align: center;   font-size : 20px;
  line-height : 35px; padding: 40px 0; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";}
#stay .spc .arrw{width: 20px; margin: auto; line-height: 1em;}
#stay .spc h4{  font-size : 26px; color: #2ca0da; }
#stay .spc a{color: #2ca0da; text-decoration: underline;}
  #stay .spc .nyukai{font-size: 18px; font-weight: 900;}  


@media screen and (max-width: 768px) {
#stay{padding: 40px 0 30px;}
#stay h2{width: 100%; margin: auto;}
#stay h3{font-size: 16px;}
#stay .lead{font-size : 11px; margin: 15px 0 20px; line-height: 1.4em;}
#stay .roomtype{font-size: 12px; font-weight: 600;  margin: 20px 0 10px;}

#stay .roompict{width: 76%; margin: auto;}
#stay .roompict span{ font-size: 10px; }
#stay .roompict p:first-child{margin-bottom: 15px;}


#stay .price{ margin-bottom: 10px;}
#stay .time{font-size: 1.4em;}
#stay .price dl{ padding: 0 10px;}
#stay .price dt{font-size: 12px;}
#stay .price dd{width: auto; font-size: 24px;}




#stay .btnlink{display: flex; flex-wrap: wrap; justify-content: center; margin: 50px 0 0;}
#stay .btnlink li{width: 42%; margin: 0 4% 20px;}


#stay .note{}
#stay .note li{ width: auto; font-size : 11px; line-height: 1.4em;}



#stay .spc{width: 84%; font-size: 14px; line-height: 1.6em;}
#stay .spc h4{font-size: 18px;}
  #stay .spc .nyukai{font-size: 16px;} 

}




footer{font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; padding:  0 0 80px;
background: url("../img/bg04.jpg") no-repeat; background-position: top left; background-size: 100% 100%;}
footer .footerlogo{padding: 60px 0 50px; text-align: center; font-size : 12px; line-height: 22px; border-bottom: 1px solid #808080;}
footer .footerlogo .f_logo{width: 467px; margin: 0 auto 35px;}

footer .footerlogo .txtlink a{ font-size : 18px;  line-height : 23px;    color : #ef819e; text-decoration: underline;}



footer .sns{  padding:  0 0 44px; border-bottom: 1px solid #808080;}
footer .snstit{width: 453px; margin: 50px auto 68px;}
footer .snsicon{display: flex; justify-content: space-between; width: 385px; margin: auto;}
footer .snsicon li{width: 67px;}

footer .info{width: 770px; margin: auto; padding: 50px 0;}
footer .info h3{font-size: 2em; margin-bottom: 15px; font-weight: normal;}
footer .info p{font-size: 1.5em; line-height: 1.8em; margin-bottom: 40px;}
footer .info ul{font-size: 1.5em; line-height: 1.8em;}
footer .info ul li{padding-left: 1.2em;}
footer .info ul li::before{content: '・'; margin-left: -1.2em; padding: 0 5px 0;}
footer .info a{color: #000; text-decoration: underline;}

footer .safety{padding: 50px 0; text-align: center; border: solid 2px #54c3f1; width: 760px; margin: auto;}


footer .safety .icon{display: flex; justify-content: space-between; align-items: center; max-width: 523px; margin: 0 auto 45px; }

footer .safety .icon li:nth-child(1){width: 115px;}
footer .safety .icon li:nth-child(2){width: 159px;}
footer .safety .icon li:nth-child(3){width: 126px;}

footer .safety h3{color : #54c3f1; font-size: 2.6em; line-height: 1.4em; font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; font-weight: 600;}
footer .safety a{color : #54c3f1; text-decoration: underline; font-size: 1.8em;}

#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) {

body{font-size: 8px;}
main{width: 100%;}



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



footer .safety .icon li:nth-child(1){width: 30%;}
footer .safety .icon li:nth-child(2){width: 32%;}
footer .safety .icon li:nth-child(3){width: 30%;}
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{}
footer .footerlogo .f_logo{width: 70%;}

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){

}