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


 = Top Style
 
 
*************************************************************************************************
************************************************************************************************/


#loader-bg{ position:fixed; top:0; left:0; z-index:999999; width:100%; height:100%; background-color:#17294F; }
#loading{ position:absolute; left:0; right:0; bottom:0; top:0; width:80px; height:180px; margin:auto; text-align:center; }
#loading .logo{ width:80px !important; }
#loading path{ fill: #fff; }




/*

.topicPath

-----------------------------------------------------------------------------------------------*/
.topWrapper .topicPath{ display:none !important; }



/*

.mainVisualBlc

-----------------------------------------------------------------------------------------------*/
.mainVisualBlc{}

/*PCとTB（1081以上）*/
@media print, screen and (min-width: 1081px) {
.mainVisualBlc div{ width:100%; height:690px; }
}




/*

.topConceptBlc

-----------------------------------------------------------------------------------------------*/
.topConceptBlc{}
.topConceptBlc .ttl--bg-w{ background:url(../media/images/co19/top/concept/bg.jpg) no-repeat center top / cover; }

/*PCとTB（1081以上）*/
@media print, screen and (min-width: 1081px) {
.topConceptBlc .ttl--bg-w{ min-height:890px;  }
.topConceptBlc .mainInner{ display:flex; justify-content:space-between; padding:30px 0 80px 0; }
.topConceptBlc__txt{ width:calc( 50% - 30px ); }
}
/*SPとTB（1081以下）*/
@media screen and (max-width: 1080px) {
.topConceptBlc .ttl--bg-w{ min-height:240px; }
.topConceptBlc .mainInner{ padding:30px 20px 30px 20px; }
.topConceptBlc__txt{}
.topConceptBlc__txt p{}
.topConceptBlc__txt + .topConceptBlc__txt{ margin-top:2em; }
}


/*

.topHotspringArea

-----------------------------------------------------------------------------------------------*/
.topHotspringBlc{}
.topHotspringBlc__fig{ display:flex; flex-wrap:wrap; }
/*PCとTB（1081以上）*/
@media print, screen and (min-width: 1081px) {
.topHotspringBlc{ padding:100px 0 0 0; background:url(../media/images/co19/common/ttl--line--bg.png) no-repeat center 50px,url(../media/images/co19/top/hotspring/bg.jpg) no-repeat center top / 100% auto; }
.topHotspringBlc__fig p:nth-of-type(1){ flex-basis:33.3%; }
.topHotspringBlc__fig p:nth-of-type(2){ flex-basis:33.3%; }
.topHotspringBlc__fig p:nth-of-type(3){ flex-basis:33.3%; }
.topHotspringBlc__fig p:nth-of-type(4){ flex-basis:100%; }
.topHotspringBlc__txt{ padding:0 30px 40px 30px; }
}
/*SPとTB（1081以下）*/
@media screen and (max-width: 1080px) {
.topHotspringBlc{ padding:60px 0 0 0; background:url(../media/images/co19/common/ttl--line--bg.png) no-repeat center 25px / 160px auto,url(../media/images/co19/top/hotspring/bg_sp.jpg) no-repeat center top / cover; }
.topHotspringBlc__fig p:nth-of-type(1){ flex-basis:50%; }
.topHotspringBlc__fig p:nth-of-type(2){ flex-basis:50%; }
.topHotspringBlc__fig p:nth-of-type(3){ flex-basis:50%; }
.topHotspringBlc__fig p:nth-of-type(4){ flex-basis:50%; }
.topHotspringBlc__txt{ padding:0 20px 40px 20px;}
}


/*

.topRoomArea

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

.topRoomBlc{ background:#000000 url(../media/images/co19/top/room/bg.jpg) no-repeat right top / cover; color:#FFFFFF; }
.topRoomBlc__fig{}
.topRoomBlc__txt{}
/*PCとTB（1081以上）*/
@media print, screen and (min-width: 1081px) {
.topRoomBlc{ padding:60px 0 0 0; }
.topRoomBlc section{ display:flex; flex-direction:row-reverse; }
.topRoomBlc__fig{ width:48.75%; }
.topRoomBlc__txt{ width:51.25%; padding:40px 40px 70px 40px; }
}
/*SPとTB（1081以下）*/
@media screen and (max-width: 1080px) {
.topRoomBlc{ padding:50px 0 0 0; }
.topRoomBlc section{ }
.topRoomBlc__fig{ }
.topRoomBlc__txt{ padding:0 20px 40px 20px; }
}




/*

.topMealBlc

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

.topMealBlc{}
.topMealBlc section{}
.topMealBlc__fig{}
.topMealBlc__txt{}
/*PCとTB（1081以上）*/
@media print, screen and (min-width: 1081px) {
.topMealBlc{ padding:100px 0 0 0; }
.topMealBlc section{ display:flex; }
.topMealBlc__fig{ width:48.75%; }
.topMealBlc__txt{ width:51.25%; padding:40px 40px 70px 40px; }
}
/*SPとTB（1081以下）*/
@media screen and (max-width: 1080px) {
.topMealBlc{ padding:60px 0 0 0; }
.topMealBlc section{ }
.topMealBlc__fig{ }
.topMealBlc__txt{ padding:0 20px 40px 20px; }
}


/*

.topGalleryArea

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

.topGalleryBlc { background:#dddddd; }
/*PCとTB（1081以上）*/
@media print, screen and (min-width: 1081px) {
.topGalleryBlc { padding:20px 0;  }
}
/*SPとTB（1081以下）*/
@media screen and (max-width: 1080px) {
.topGalleryBlc { padding:20px 20px; }
.topGalleryBlc img{ width:auto; height:200px; }
}



/*

.topNewsBlc

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

.topNewsBlc{ }
.topNewsBlc section p.commonBtn{ text-align:center; }
/*PCとTB（1081以上）*/
@media print, screen and (min-width: 1081px) {
.topNewsBlc{ padding:100px 0 60px 0; }
}
/*SPとTB（1081以下）*/
@media screen and (max-width: 1080px) {
.topNewsBlc{ padding:60px 0 50px 0; }
}






/*

.topInstagramBlc 202310

-----------------------------------------------------------------------------------------------*/
.topInstagramBlc{background: url(../media/images/co19/common/bg--wagara--w.png) repeat;}
.topInstagramBlc section p.commonBtn{ text-align:center; }
.topInstagramBlc__slick{}
.topInstagramBlc__slick .slick-slide{ aspect-ratio: 1/1; margin-left: 5px; margin-right: 5px;}
.topInstagramBlc__slick .slick-slide img{ object-fit: cover; width: 100%; height: 100%; max-width: 100%; max-height: 100%; }
.topInstagramBlc__slick .slick-arrow{ width: 36px; height: 36px; }
.topInstagramBlc__slick .slick-arrow::before{ display: block; content: ""; width: 100%; height: 100%; border-left: 2px solid #17294F; border-bottom: 2px solid #17294F; }
.topInstagramBlc__slick .slick-prev{ left: -36px; }
.topInstagramBlc__slick .slick-prev::before{ transform: rotate(45deg);}
.topInstagramBlc__slick .slick-next{ right: -36px; }
.topInstagramBlc__slick .slick-next::before{ transform: rotate(-135deg);}

/*PCとTB（1081以上）*/
@media print, screen and (min-width: 1081px) {
.topInstagramBlc{ padding:100px 0 60px 0; }
}
/*SPとTB（1081以下）*/
@media screen and (max-width: 1080px) {
.topInstagramBlc{ padding:60px 0 50px 0; }
.topInstagramBlc__slick{ width: calc(100% - (50px + 50px)); max-width: 400px; margin-left: auto; margin-right: auto; }
}