@charset "utf-8";

/* ----------------------------------------
 *   トップスライダー
 * ---------------------------------------- */
#topMainMovie{background-size:cover;background-position:50%;position: relative;overflow: hidden;width:100%;min-height: 100vh;min-height: calc(var(--vh, 1vh) * 100);}
#topMainMovie .mainVisual{bottom: 0;left: 0;overflow: hidden;position: absolute;right: 0;width:100%;top: 0;}
#topMainMovie iframe {height: 56.25vw;left: 50%;min-height: 100%;min-width: 100%;position: absolute;top: 50%;transform: translate(-50%, -50%);width: 177.77777778vh;}
#mvt01{position:absolute;width:100%;text-align:center;z-index:2;bottom:0;left: 50%;-webkit-transform: translate(-50%,0);transform: translate(-50%,0);}
#mvt01 img{height:100vh;}
#topMainMovie .scrl {height:180px;width:50px;z-index: 99;display: block;position: absolute;bottom: 0;right:5%;}
#topMainMovie .scrl .text{position:absolute;top:0;left:25%;writing-mode: vertical-rl;-ms-writing-mode: tb-rl;-webkit-writing-mode:vertical-rl;letter-spacing:.1em;}
#topMainMovie .scrl a {height: 100%;position: relative;color:#fff;display:block;}
#topMainMovie .scrl a .line {height:50%;position: absolute;bottom: 0;left: 50%;margin-left: -.5px;width: 1px;z-index: 100;overflow: hidden;}
#topMainMovie .scrl a .line:before {content: '';height: 100%;background-color: #fff;position: absolute;top: 0;left: 50%;margin-left: -.5px;width: 1px;z-index: 100;-webkit-animation: scrl 2s infinite;animation: scrl 2s infinite;}
@-webkit-keyframes scrl {0%{-webkit-transform: translate(0, -100px);transform: translate(0, -100px);}80%{-webkit-transform: translate(0, 100px);transform: translate(0, 100px);}100%{-webkit-transform: translate(0, 100px);}}
@keyframes scrl{0%{-webkit-transform: translate(0, -100px);transform: translate(0, -100px);}80%{-webkit-transform: translate(0, 100px);transform: translate(0, 100px);}100%{-webkit-transform: translate(0, 100px);}}

 /* スライドのサイズ調整 */
#topMainMovie .swiper {height:100%;z-index: 1;}
#topMainMovie .copy {position: absolute;bottom: 20px;left: 20px;color: #fff; font-size:16px;}
#topMainMovie .splide__arrows {display:none;}
#topMainMovie .swiper-wrapper {display: flex;}
#topMainMovie .swiper-slide > div{position: relative;overflow: hidden;width: 100% !important;height: 100%;}
#topMainMovie .swiper-slide img {height: 100%;width: 100%;object-fit: cover;z-index: 1;}
#topMainMovie .swiper-slide-active img,
#topMainMovie .swiper-slide-duplicate-active img,
#topMainMovie .swiper-slide-prev img {animation: zoomUp 18s linear both}
@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.4);
  }
}

@media screen and (max-width:959px){
	#topMainMovie .scrl {display:none;}
}
@media screen and (max-width:767px){
	#mvt01 img{width:100vw;}
}
/*
@media (orientation: landscape){
	.isMobile #mvt01 img{height:65vh;}
}
*/
/* ----------------------------------------
 *   公式サイト予約特典
 * ---------------------------------------- */
.bestrateContent{max-width:1060px;}
.bestrateContent .titleThum{width:100%;max-width:200px;}
.bestrateContent .title{font-size:2.6em;font-weight: 900;margin-bottom:2rem;letter-spacing: .2rem;}
.bestrateContent .title .textL{font-size:7.0rem;display:inline-block;margin-left: 6px;}
.bestrateContent .heading{margin-bottom:1rem;}
.bestrateContent .textL{font-size: 2.2rem;font-weight: 900;line-height:1.6;}
.bestrateContent .textS{font-size: 1.6rem;line-height:1.6;font-weight:bold;}
.bestrateContent .bestrateDetail ul li .number{height:30px; width:30px;border-radius:50%;line-height:30px;text-align:center;background: #054980;color: #fff;font-size: 1.6rem;font-weight: bold;margin-right:10px;margin-top:4px;}
.bestrateContent .bestrateDetail ul li{margin-bottom: 2rem;}
.bestrateContent .bestrateDetail ul li:last-child{margin-bottom:0;}
@media screen and (max-width:764px){
	.bestrateContent .title{margin-top: 0;margin-bottom: 0;}
}
@media screen and (max-width:640px){
	.bestrateContent .titleThum{max-width:260px;}
	.bestrateContent .title{font-size: 2.8rem;}
	.bestrateContent .title .textL{font-size:5.0rem;margin-left: 0;}
	.bestrateContent .heading{margin-bottom:.5rem;}
	.bestrateContent .textL{font-size: 2.0rem;line-height:1.4;}
	.bestrateContent .bestrateDetail ul li{margin-bottom: 2.5rem;}
	.bestrateContent .bestrateDetail ul li .number{height:25px; width:25px;border-radius:50%;line-height:25px;font-size: 1.5rem;margin-top:2px;}
	.bestrateContent .btn{margin-bottom:2rem;}
}

/* ----------------------------------------
 *   ニュース
 * ---------------------------------------- */
.newsArea{position:relative;}
.newsArea .btn{position:absolute;bottom:-135px;width:100%;left:50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);padding-left:0;}
.articleList{font-weight:bold;}
.articleList .category{display:inline-block;font-size:14px;background-color:#054980;color:#fff;margin:15px 0 5px 0;padding:6px 6px;min-width:100px;text-align:center;line-height:1}
.articleBox{padding-top:4em;}
.articleList .time{font-size:1.6rem;}
.articleList a{color:#000;}

.newsArea .uk-tab > .uk-active > a{border-color:none;border-bottom:none;}
.newsArea .uk-tab > * > a::after{display:none;}
.newsArea .uk-tab::before{display:none;}
.newsBtn{font-weight:bold;width:400px;position:relative;}
.newsBtn a{font-size:2.2rem;}
.newsBtn a:before{position:absolute;content:"\f078";font-family: FontAwesome;font-size:22px;top:40px;left:50%;right:50%;font-weight:normal;}

@media screen and (max-width:767px){
	.newsBtn{margin:0 auto;}
	.articleBox{padding:1em 0;}
	.articleList p{font-size:1.4rem;}
	.articleList li:nth-child(n+2){margin-top:20px;}
	.newsArea .btn{bottom:-100px;width:100%;}
	.newsBtn a{font-size:1.6rem;}
	.newsBtn a:before{font-size:18px;top:28px;}
}
@media (max-width: 640px){
.articleList img{width:100%;}
}

	
/* ----------------------------------------
 *   コンセプト
 * ---------------------------------------- */
.conceptArea{padding-top:130px;}
.conceptArea .mainTtl{font-size:60px;}
.conceptTtl{display:block;text-align:center;}
.conceptTtl img{max-width:800px;}
.mainTtl{font-size:80px;font-weight:900;}
.conceptArea .textS{font-size:1.8rem;line-height:2.2;}
.conceptArea .textM{font-size:2.2rem;}
.conceptArea .textL{font-size:3.0rem;}
.conceptArea .map{text-align:center;}

@media screen and (max-width:767px){
	.conceptArea{padding-top:120px;}
	.conceptArea .mainTtl{font-size:8.8vw;}
	.conceptArea .textS{font-size:1.6rem;}
	.conceptArea .textM{font-size:2.0rem;}
	.conceptArea .textL{font-size:2.8rem;}
	.conceptArea .map{text-align:left;}
	.mainTtl{font-size:44px;margin-top:12px;line-height:1.4;}

}

/* ----------------------------------------
 *   客室紹介
 * ---------------------------------------- */
.roomArea .textS{font-size:1.8rem;line-height:2.2;}
.roomTtl{position:relative;}
.roomTtl:before{content:"";position:absolute;top:40px;left:0;width:40px;height:2px;background:#808080;}
.roomTtl .t1{font-size:26px;line-height:1;font-weight:bold;}
.roomTtl .t2{font-size:2.0rem;margin:18px 0 0 0;font-weight:bold;color:#4d4d4d;}
.roomThum{padding-top:3em;}
.roomThum a{color:#000;}
.roomThum a:hover{opacity:0.75;}
.roomArea .btn{margin-top:4em;}

@media screen and (max-width:767px){
	.roomArea .textS{font-size:1.6rem;padding-top:1em;}
	.roomThum{padding-top:1em;}
	.roomArea .btn{margin:2em;}
}

/* ----------------------------------------
 *   朝食紹介
 * ---------------------------------------- */
.breakfastArea{position:relative;}
.breakfastArea .btn{position:absolute;bottom:-32px;left:0;right:0;}
.breakfastArea .textS{font-size:1.8rem;line-height:2.2;}
.breakfastArea .spOnly{display:none;}

@media screen and (max-width:767px){
	.breakfastArea .textS{font-size:1.6rem;padding-bottom:2rem;}
	.breakfastArea .pcOnly{display:none;}
	.breakfastArea .spOnly{display:block;}
	.breakfastArea .btn{position:initial;margin-top:2em;}
}


/* ----------------------------------------
 *   周辺情報
 * ---------------------------------------- */
.recommendedArea .area{display:inline-block;font-size:1.6rem;background-color:#054980;color:#fff;margin:15px 0 5px 0;padding:6px 0;min-width:160px;text-align:center;font-weight:bold;height:40px;border-radius:20px;line-height:2.8rem;}
.recommendedArea .textL{font-size:3.0rem;font-weight:900;}

@media screen and (max-width:959px){
	.recommendedArea .area{font-size:1.4rem;min-width:120px;}
	.recommendedArea .textL{font-size:2.4rem;}
}


/* ----------------------------------------
 *   よくあるご質問
 * ---------------------------------------- */
.faqArea a{color:#000;}
.uk-accordion-title{background:none;border-bottom:2px solid #000;}
.answer{padding:0 15px;}
.faqAccordion .textLink{color:#054980;}
.faqArea .faqAccordion .question{display:flex;align-items:center;}

@media screen and (max-width:767px){
	.faqAccordion{margin-left:30px;}
}


/* ----------------------------------------
 *   アクセス
 * ---------------------------------------- */
.accessArea .textS{font-size:1.8rem;line-height:2.0;}
.accessArea .textXs{font-size:1.6rem;}

@media screen and (max-width:767px){
	.accessArea .textS{font-size:1.6rem;}
	.accessArea .textXs{font-size:1.4rem;}

}