.pc { display: none !important; }
div#grpLocationArea{ width: 100%; overflow: hidden;}
#widewrapper{width: 100%; position: relative; clear: both; font-family:'貂ｸ譏取悃', 'Yu Mincho' , 'Noto Serif JP', serif;}
.ss-container{ margin: 32px 0 16px; padding: 8px 0 0; border-radius: 0 !important;}
#contentsArea{ padding-bottom: 30px; overflow: hidden; position: relative;}
.footerBg{ background: #fff; width: 100%;}
a:hover { opacity: 0.8; text-decoration: none !important; }
a,.htls{-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;}

/*kv*/
.kv { position: relative; overflow: hidden;}
.kv h1{ position: absolute; left:0; top: 80px; z-index: 9; line-height: 1.8; color: #fff; font-weight: normal; width: 100%;}
.kv h1 span{display: table; font-size: 30px; border-bottom: 1px solid #fff; padding-bottom: 4px; margin:32px 0 16px 24px;}
.kv h1 small{ font-size: 15px; margin-left: 24px; display: block; margin-bottom: 10px;}
.kv h1 img{ width: calc(100% - 32px); max-width: 270px; margin: 0 24px 8px;}
.kv .jdsSlides2{ width: 100%; overflow: hidden;}
.kv .jdsSlides2 li{ width: 100%;}
.kv .jdsSlides2 li img{ width: 100%;}
.kv .jdsSlides2 li a{ display: block; color: #fff;}
.kv .jdsSlides2 li span{ display: block; position: absolute; left: 10px; bottom: 34px;}
.kv .jdsSlides2 li p{ position: absolute; right: 10px; bottom: 30px; border-radius: 50px; border:1px solid #fff; padding: 4px 8px 4px 16px;}
.kv .rslides_tabs{ position: absolute; left: 0; bottom: 10px; width: 100%; display: flex; justify-content: center; z-index: 9;}
.kv .rslides_tabs li{ width: 10%; height: 3px; margin: 0 2px; background:rgba(255,255,255,0.3); border-radius: 10px; text-indent: -9999px; cursor: pointer;}
.kv .rslides_tabs li.rslides_here{ background: #fff;}
.kv .rslides_tabs li a{display: block;}
.kv .logo{ width: 100%; background: #0B0C1B;  overflow: hidden; text-align: center;overflow:hidden;}
.kv .logo a{position: relative; display: block; width: 100px; margin: 10px auto; padding: 12px 16px 16px; z-index:1;overflow:hidden;text-align:center;text-decoration:none;}
.kv .logo img{ width: 100%;}
.kv .logo .top{position:absolute;top:0;left:0;z-index:-1;width:100%;height:2px;background:#fff;transition:transform .1s;transition-delay:0s;transform:scale(0);transform-origin:left top}
.kv .logo .right{top:0;width:2px;height:100%;transition:transform .1s;transition-delay:50ms;transform:scale(0);transform-origin:right top}
.kv .logo .bottom,.kv .logo .right{position:absolute;right:0;z-index:-1;display:block;background:#fff;content:""}
.kv .logo .bottom{bottom:0;width:100%;height:2px;transition:transform .1s;transition-delay:.1s;transform:scale(0);transform-origin:right bottom}
.kv .logo .left{position:absolute;top:0;left:0;z-index:-1;display:block;width:2px;height:100%;background:#fff;content:"";transition:transform .1s;transition-delay:.15s;transform:scale(0);transform-origin:left bottom}
.kv .logo a:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;content:""}
.kv .logo a:hover .top{content:""}
.kv .logo a:hover .right,.kv .logo a:hover .top{transform:scale(1);transform-origin:left top}
.kv .logo a:hover .bottom{transform:scale(1);transform-origin:right bottom}
.kv .logo a:hover .left{transform:scale(1);transform-origin:left bottom}



.tpr{ margin: 16px 16px 0; text-align: center; font-size: 14px; line-height: 1.8;}
.ttl{  font-size: 24px; position: relative; color: #B2994E; display: table; margin: 0 auto; text-align: center;}
.ttl::before{ content: ""; display: block; width: 30px; height: 1px; background: #B2994E; position: absolute; left: -40px; top: 50%;}
.ttl::after{ content: ""; display: block; width: 30px; height: 1px; background: #B2994E; position: absolute; right: -40px; top: 50%;}
.ss-container{ margin: 40px 0 0; border-radius: 0 !important; background: none; color: #C9C4B8;}
.ss-container.navy{ background: rgba(252, 249, 243, 0.06) ; padding: 40px 0;}

.bnr2{ text-align: center; margin: 32px 16px 0;}
.bnr2 img{ width: 100%;}


.htls{ margin: 0 8px; border:1px solid #C9C4B8; background: url(https://img.travel.rakuten.co.jp/platinum/2022/images/cmn_bg.jpg);}
.htls a{ display: block; color: #333 !important;}
.htls .photo { background-position: center; background-size: cover; width: 100%; height: 100px;}
.htls .photo img{ width: 100%;}
.htls .photo a{ display: block; width: 100%; height: 100px;}
.htls .name{ font-size: 18px; margin: 16px 8px 0; text-align: center; padding-bottom: 16px; position: relative;}
.htls .name::after{ display: block; content: ""; width: 50px; border-bottom: 1px solid #C9C4B8; position: absolute; left: 50%; margin-left: -25px; bottom: 0;}
.htls .name span{ display: block; margin-top: 8px; font-size: 12px;}
.htls .txt{ margin: 16px 8px 0; font-size: 14px; line-height: 1.6;}
.htls .price{ margin: 16px 8px 0; text-align: right; font-size: 13px;}
.htls .price b{ font-size: 20px;}
.htls .btn{ margin: 16px 8px; position: relative;}
.htls .btn a{ margin-top: 8px; display: block; border: 1px solid #000; color: #000; font-size: 12px; text-align: center; padding: 8px 6px; background: #FCF9F3 url(https://img.travel.rakuten.co.jp/platinum/2022/images/arrow.png) 95% center no-repeat; background-size: 13px; }
.htls .btn a:active{ opacity: .5;}
.htls .guid{ margin: 0 8px 24px;/*  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', '繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3', Meiryo, 繝｡繧､繝ｪ繧ｪ, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS P Gothic", sans-serif; */}
.htls .guid .tit{ border-bottom: 1px solid #dcdcdc; height: 12px; margin-bottom: 15px;}
.htls .guid .tit span{ display: block; width: 100px; background: #08121C; font-size: 12px; color: #FCF9F3; text-align: center; padding: 4px 0; }
.htls .guid .pr a{ font-size: 12px; color: #08121C !important; line-height: 1.4;}
.htls .guid .pr a:hover{ text-decoration: underline !important;}


.seleBox{ margin: 0 8px; display: flex; justify-content:flex-start; flex-wrap: wrap;}
.seleBox .htls{width: calc(50% - 8px); border: none; background: #FCF9F3; color: #333; margin: 24px 4px 0;}
.seleBox .htls .name{ padding-bottom: 0;}
.seleBox .htls .name::after{ content: normal;}
.seleBox .htls .txt{ margin-bottom: 24px;}
#guid .seleBox .htls .txt{ margin: 16px 16px 24px;}
#guid .seleBox .htls .txt small{ display: block; text-align: right; margin-top: 16px;}

.jdsTab{ margin: 24px auto 0;}
.jdsTabNav{ margin: 0 6px 0 8px; display: flex; justify-content: center; flex-wrap: wrap; background: url(https://img.travel.rakuten.co.jp/platinum/2022/images/cmn_bg.jpg);}
.jdsTabNav li{ width: calc(  100% * 1/3 - 2px); margin:2px 2px 0 0; padding: 0 8px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; color: #fff; height: 70px; opacity: .5; text-align: center; font-size: 18px;}
.jdsTabNav li:nth-child(1){ background: url(https://img.travel.rakuten.co.jp/platinum/202405/images/tabNavTokyo.png) center center no-repeat #fff; background-size: cover; width: calc(  100% * 1/2 - 2px);}
.jdsTabNav li:nth-child(2){ background: url(https://img.travel.rakuten.co.jp/platinum/202405/images/tabNavOsaka.png) center center no-repeat #fff; background-size: cover; width: calc(  100% * 1/2 - 2px);}
.jdsTabNav li:nth-child(3){ background: url(https://img.travel.rakuten.co.jp/platinum/202405/images/tabNavKyoto.png) center center no-repeat #fff; background-size: cover;}
.jdsTabNav li:nth-child(4){ background: url(https://img.travel.rakuten.co.jp/platinum/202405/images/tabNav6.png) center center no-repeat #fff; background-size: cover;}
.jdsTabNav li:nth-child(5){ background: url(https://img.travel.rakuten.co.jp/platinum/202405/images/tabNav1.png) center center no-repeat #fff; background-size: cover;}
.jdsTabNav li:nth-child(6){ background: url(https://img.travel.rakuten.co.jp/platinum/202405/images/tabNav2.png) center center no-repeat #fff; background-size: cover; width: calc(  100% * 1/4 - 2px);}
.jdsTabNav li:nth-child(7){ background: url(https://img.travel.rakuten.co.jp/platinum/202405/images/tabNav3.png) center center no-repeat #fff; background-size: cover; width: calc(  100% * 1/4 - 2px);}
.jdsTabNav li:nth-child(8){ background: url(https://img.travel.rakuten.co.jp/platinum/202405/images/tabNav4.png) center center no-repeat #fff; background-size: cover; width: calc(  100% * 1/4 - 2px);}
.jdsTabNav li:nth-child(9){ background: url(https://img.travel.rakuten.co.jp/platinum/202405/images/tabNav5.png) center center no-repeat #fff; background-size: cover; width: calc(  100% * 1/4 - 2px);}
.jdsTabNav li:nth-child(10){ background: url(https://img.travel.rakuten.co.jp/platinum/202405/images/tabNav7.png) center center no-repeat #fff; background-size: cover; width: calc(  100% * 1/4 - 2px);}
.jdsTabNav li:nth-child(11){ background: url(https://img.travel.rakuten.co.jp/platinum/202405/images/tabNav8.png) center center no-repeat #fff; background-size: cover; width: calc(  100% * 1/4 - 2px);}
.jdsTabNav li:nth-child(12){ background: url(https://img.travel.rakuten.co.jp/platinum/202405/images/tabNav9.png) center center no-repeat #fff; background-size: cover; width: calc(  100% * 1/4 - 2px);}
.jdsTabNav li:nth-child(13){ background: url(https://img.travel.rakuten.co.jp/platinum/202405/images/tabNav10.png) center center no-repeat #fff; background-size: cover; width: calc(  100% * 1/4 - 2px);}
.jdsTabNav li:nth-child(14){ background: url(https://img.travel.rakuten.co.jp/platinum/202405/images/tabNav11.png) center center no-repeat #fff; background-size: cover;}
.jdsTabNav li:nth-child(15){ background: url(https://img.travel.rakuten.co.jp/platinum/202405/images/tabNav12.png) center center no-repeat #fff; background-size: cover;}
.jdsTabNav li:nth-child(16){ background: url(https://img.travel.rakuten.co.jp/platinum/202405/images/tabNav13.png) center center no-repeat #fff; background-size: cover;}

.jdsTabNav li.active{ opacity: 1;}
.jdsTabMain .ttls{ font-size: 20px; display: table; color: #C9C4B8; margin: 24px auto 0; text-align: center; padding-bottom: 8px; position: relative;}
.jdsTabMain .ttls::after{ display: block; content: ""; width: 80%; border-bottom: 1px solid #C9C4B8; position: absolute; left: 50%; margin-left: -40%; bottom: 0;}

.swiper-container{margin: 24px 0 0;}
.swiper-container .swiper-wrapper{  flex-wrap: nowrap; padding-bottom: 24px; }
.swiper-container .swiper-wrapper .htls{ margin: 0; height: auto;}
.swiper-scrollbar{ background: rgba(255,255,255,0.2);}
.swiper-scrollbar-drag{ background: #B2994E;}
#pickup{ margin-top: 0;}
#pickup .swiper-container{ overflow: visible; margin-top: 80px;}
#pickup .hideBox{ overflow: hidden; width: 100%; padding:0 0 30px;}
#pickup .swiper-slide-active{ transform:scale(1.1) !important;}
#pickup .wn{ font-size: 12px; margin: 24px 8px 0; line-height: 1.4;}
#guid .hideBox{ margin: 0 8px;}

.vdBox{ margin: 24px 16px 0; border: 1px solid #C9C4B8; background: url(https://img.travel.rakuten.co.jp/platinum/2022/images/cmn_bg.jpg); overflow: hidden;}
.vdBox .rtBox .txt{ font-size: 14px; line-height: 1.6;  margin: 16px 16px 0;}
.vdBox .rtBox .txt b{ display: block; font-size: 18px; margin-bottom: 16px; text-align: center;}
.vdBox .rtBox .btn{ display: flex; justify-content:center; margin: 24px;}
.vdBox .rtBox .btn a{ display: block; color: #333; font-weight: bold; padding: 8px 56px 8px 24px; background: url(https://img.travel.rakuten.co.jp/platinum/2022/images/arrow2.png) 90% center no-repeat #C9C4B8; border-radius: 50px;}
.vdBox .mv {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	aspect-ratio: 400 / 240;
	overflow: hidden;
	background-color: #000;
	margin: 0 auto;
}

.vdBox .mv .playkit-engine {
	object-fit: cover;
}
.vdBox .mv .playkit-poster {
	background-size: cover;
}

/* JS 逕ｻ髱｢驕ｷ遘ｻ */
/*========= 繝ｭ繝ｼ繝�ぅ繝ｳ繧ｰ逕ｻ髱｢縺ｮ縺溘ａ縺ｮCSS ===============*/
#splash {
	overflow: hidden;
	position: absolute;
	width: 100%;
	height: 100%;
	background: #333;
	z-index: 9999999;
	text-align:center;
	color:#fff;
}

#splash-logo {
	width: 50px;
	position: absolute;
	top: 50vh;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 12px;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	position: relative;
	text-indent: -9999em;
	-webkit-animation: load5 1.1s infinite ease;
	animation: load5 1.1s infinite ease;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	}
@-webkit-keyframes load5 {
0%,
100% {
	box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
}
12.5% {
	box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
}
25% {
	box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
37.5% {
	box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
50% {
	box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
62.5% {
	box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
75% {
	box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
87.5% {
	box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
}
}
@keyframes load5 {
0%,
100% {
	box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
}
12.5% {
	box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
}
25% {
	box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
37.5% {
	box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
50% {
	box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
62.5% {
	box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
75% {
	box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
87.5% {
	box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
}
}



/*========= 逕ｻ髱｢驕ｷ遘ｻ縺ｮ縺溘ａ縺ｮCSS ===============*/

#widewrapper{
	overflow: hidden;
}

/*逕ｻ髱｢驕ｷ遘ｻ繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ*/
.splashbg{
    display: none;
}

/*body縺ｫappear繧ｯ繝ｩ繧ｹ縺後▽縺�◆繧牙�迴ｾ*/
body.appear .splashbg{
    display: block;
    content: "";
    position:absolute;
	z-index: 999;
    width: 100%;
	height: 100%;
    top: 0;
	left: 0;
    transform: scaleY(0);
    background-color: #333;/*莨ｸ縺ｳ繧玖レ譎ｯ濶ｲ縺ｮ險ｭ螳�*/
	animation-name:PageAnime;
	animation-duration:1.2s;
	animation-timing-function:ease-in-out;
	animation-fill-mode:forwards;

}

@keyframes PageAnime{
	0% {
		transform-origin:bottom;
		transform:scaleY(0);
	}
	50% {
		transform-origin:bottom;
		transform:scaleY(1);
	}
	50.001% {
		transform-origin:top;
	}
	100% {
		transform-origin:top;
		transform:scaleY(0);
	}
}

/*逕ｻ髱｢驕ｷ遘ｻ縺ｮ蠕檎樟繧後ｋ繧ｳ繝ｳ繝�Φ繝�ｨｭ螳�*/

#container{
	opacity: 1;/*縺ｯ縺倥ａ縺ｯ騾城℃0縺ｫ*/
    position:absolute;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 99;
}

/*body縺ｫappear繧ｯ繝ｩ繧ｹ縺後▽縺�◆繧牙�迴ｾ*/
body.appear #container{
	animation-name:PageAnimeAppear;
	animation-duration:1s;
	animation-delay: 0.8s;
	animation-fill-mode:forwards;
}

@keyframes PageAnimeAppear{
	0% {
	opacity: 1;
	}
	100% {
	opacity: 0;
}
}
/* / JS 逕ｻ髱｢驕ｷ遘ｻ */

/* / JS 閭梧勹螟牙喧 */
#particles-js{
	opacity: 1;
	transition: all 0.3s ease-in-out;
}
#particles-js.active{
	opacity: 0;
}
/* / JS 閭梧勹螟牙喧 */

/* slideshow */
.bgAnima {
	background: url(https://img.travel.rakuten.co.jp/platinum/2022/images/LUXURY_SELECTION.png) repeat-x; background-size: 800px;
	height: 55px;
	margin-bottom: 30px;
	text-align: center;
    animation: bgAnima 20s linear infinite normal;
    -ms-animation: bgAnima 20s linear infinite;
}
 @keyframes bgAnima {
from {
background-position: 0 0;
}
 to {
background-position: -800px 0;
}
}

 @-ms-keyframes bgAnima {
from {
background-position: 0 0;
}
 to {
background-position: -800px 0;
}
}



.gotop { position: fixed; bottom: 10px; right: 10px; z-index: 99; }
.gotop img{ width: 50px;}
#sns{ background: none !important; padding: 24px 0 0 !important;}


/* prem */
#prem .mainTtl{ width: auto; height: auto; font-size: 24px; position: relative; color: #B2994E; display: table; margin: 0 auto; text-align: center;}
#prem .mainTtl span{ padding: 0;}
#prem .mainTtl::before{ content: ""; display: block; width: 30px; height: 1px; background: #B2994E; position: absolute; left: -40px; top: 50%;}
#prem .mainTtl::after{ content: ""; display: block; width: 30px; height: 1px; background: #B2994E; position: absolute; right: -40px; top: 50%;}
#prem .lxs{ margin: 0 8px; display: flex; justify-content: flex-start; flex-wrap: wrap;}
#prem .lxs li{ width: calc(50% - 8px); background: #FCF9F3; color: #333; margin: 24px 4px 0;}
#prem .lxs li a{ display: block;}
#prem .lxs li .lxImg img{ width: 100%;}
#prem .lxs li .lxMain{ margin: 16px 8px; font-size: 14px; line-height: 1.6;}
#prem .lxs li h4{font-size: 18px; margin:0 8px 8px; text-align: center; font-weight: normal;}

.htls .price span{display: block; text-align: left; font-size: 13px; padding: 5px 0; line-height: 130%;}









/* 202206 */
#prmCp{ background: #06101A; margin:0;overflow: hidden; padding: 16px;}
.prmcp{overflow: hidden; height: 600px; background: url(https://img.travel.rakuten.co.jp/platinum/202206/images/prmcpbgSp.png) center center no-repeat #FCF9F3; background-size: 320px 90%; padding: 16px 24; margin: 0 auto;}
.prmcp .lf{ height: 300px; text-align: center; padding: 70px 40px 0;box-sizing: border-box;}
.prmcp .lf img{ width: 100%;}
.prmcp .rt{ height: 300px;}
#prmCp .wn{ margin-top: 8px; font-size: 12px;line-height: 1.4; color: #C9C4B8;}

@media screen and (max-width:414px) {
.prmcp{ background-size: 360px 90%;}  
.prmcp .lf{  padding: 50px 40px 0;}
}

@media screen and (max-width:390px) {
.prmcp{ background-size: 330px 90%;}  
}



/* Searchbox */
#Searchbox{ margin: 40px auto 0; padding:0 0 24px;}
#search-box{ margin-top: 16px;}
#search-box #domestic-search-box, #search-box #overseas-search-box{ padding: 0;}


/* 202305 */
.popUpplan span{ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAMAAACfvvDEAAAAkFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////8AAAAKCgoQEBASEhIbGxskJCQqKioyMjI2NjY4ODhSUlJXV1dYWFhpaWlwcHCLi4uTk5Ofn5+qqqq7u7u9vb3g4ODl5eXy8vL5+fn8/Pz///8ms/lDAAAAFXRSTlMA9u3n28y1saicknFrXlhRNyQbEQe52N26AAABYElEQVR42pWVZcICIRQAsZe149ndBXP/232JYMv8MoZ+oa7o1NNCFoBsIa131DMaOk9IXjcees0E2K8mffmhP1ntgaR5L1YynNcjCRmtz2Qqt6KG7UBuGWxBq5B2ETOXRywMxXZw5BLHkTxmdKTUCZY+DeQZg5PfQBk7lOcMLeU/sZVlJq+YkW2pH4rs5DU7Sr8vg+nJP5tZONXafeoZfl4rYX0RYSKOCWzc5zWJUp0cAy9inTq1eHVArqNq7C+3bNGY6Z9o0NjLa+ypqZSlX9D8qBMnGr+VJakqMBaHE/wQx5iCytCVQLVozqszGjsRT5eMAgmZGIpA0c3oAGd69Ug1rXKcyDtTlmilg2PGzxmxz+dnn16f/dF9jv/vc3p1n/6Nwpfxqn+j8N3n1ol3736gFhFLn8ZnRMxH5FFEbkbke0QNeV2XTpQ617Vu8azWldoR9TOiJkfV+fje8b4ffQGku4zNkRKhNAAAAABJRU5ErkJggg==) no-repeat; background-size: 30px 30px;}
.mapPopUp { width: 300px; left: calc(50% - 150px); }
.popUpplan>p#popUpplan{ font-weight: 500; font-family: '貂ｸ譏取悃', 'Yu Mincho', 'Noto Serif JP', serif; padding:32px 16px;}
.popUpplan>p#popUpplan dl dt{ text-align: center; font-size: 14px; }
.popUpplan>p#popUpplan dl dd{ margin-top: 8px;}
.popUpplan>p#popUpplan dl dd a{ display: block; color: #fff; font-size: 14px; padding: 4px 0; text-align: center; letter-spacing: 2px;}
.popUpplan>p#popUpplan dl dd a.ana{ background: #1B0E80 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAydpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAxIDc5LjE0NjI4OTk3NzcsIDIwMjMvMDYvMjUtMjM6NTc6MTQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNS4xIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBNUEzQTA5RjBDMTkxMUVGQjQ5MUJFNzhCQjYwN0Y4MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBNUEzQTBBMDBDMTkxMUVGQjQ5MUJFNzhCQjYwN0Y4MCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE1QTNBMDlEMEMxOTExRUZCNDkxQkU3OEJCNjA3RjgwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE1QTNBMDlFMEMxOTExRUZCNDkxQkU3OEJCNjA3RjgwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ZW/E9AAAAJNJREFUeNqs1c0JgDAMBeC2OEBH6Ci6gRupm+gkruIICp4EqSn0JP1J0jx4hEL56KVEe+8VJu9zOxg9dK3dNQqfEzrFFtMR0QG6x/MigYYcGJiKomAOWoW5aBFuQbNwK5qEJdA/fBklHyuFuvjKDTobaZD691FgK5oEW9AsyEWLIAetglQUBYZowjqxMEbMOvkEGAB5EjONgZjXuAAAAABJRU5ErkJggg==) 95% center no-repeat;}
.popUpplan>p#popUpplan dl dd a.jal{ background: #CC0001 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAydpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAxIDc5LjE0NjI4OTk3NzcsIDIwMjMvMDYvMjUtMjM6NTc6MTQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNS4xIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBNUEzQTA5RjBDMTkxMUVGQjQ5MUJFNzhCQjYwN0Y4MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBNUEzQTBBMDBDMTkxMUVGQjQ5MUJFNzhCQjYwN0Y4MCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE1QTNBMDlEMEMxOTExRUZCNDkxQkU3OEJCNjA3RjgwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE1QTNBMDlFMEMxOTExRUZCNDkxQkU3OEJCNjA3RjgwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ZW/E9AAAAJNJREFUeNqs1c0JgDAMBeC2OEBH6Ci6gRupm+gkruIICp4EqSn0JP1J0jx4hEL56KVEe+8VJu9zOxg9dK3dNQqfEzrFFtMR0QG6x/MigYYcGJiKomAOWoW5aBFuQbNwK5qEJdA/fBklHyuFuvjKDTobaZD691FgK5oEW9AsyEWLIAetglQUBYZowjqxMEbMOvkEGAB5EjONgZjXuAAAAABJRU5ErkJggg==) 95% center no-repeat;}
.popUpplan>p#popUpplan dl dd a.jr{ background: #000 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAydpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAxIDc5LjE0NjI4OTk3NzcsIDIwMjMvMDYvMjUtMjM6NTc6MTQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNS4xIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBNUEzQTA5RjBDMTkxMUVGQjQ5MUJFNzhCQjYwN0Y4MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBNUEzQTBBMDBDMTkxMUVGQjQ5MUJFNzhCQjYwN0Y4MCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE1QTNBMDlEMEMxOTExRUZCNDkxQkU3OEJCNjA3RjgwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE1QTNBMDlFMEMxOTExRUZCNDkxQkU3OEJCNjA3RjgwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ZW/E9AAAAJNJREFUeNqs1c0JgDAMBeC2OEBH6Ci6gRupm+gkruIICp4EqSn0JP1J0jx4hEL56KVEe+8VJu9zOxg9dK3dNQqfEzrFFtMR0QG6x/MigYYcGJiKomAOWoW5aBFuQbNwK5qEJdA/fBklHyuFuvjKDTobaZD691FgK5oEW9AsyEWLIAetglQUBYZowjqxMEbMOvkEGAB5EjONgZjXuAAAAABJRU5ErkJggg==) 95% center no-repeat;}


.seleBox .htls .details{ z-index: 10; position: absolute; left: -8px; top: calc(100% + 8px); width: 100%; background: #FFF; padding: 24px 8px 16px; box-shadow: 0 0 5px #ccc; font-weight: 500; font-family: '貂ｸ譏取悃', 'Yu Mincho', 'Noto Serif JP', serif;}
.seleBox .htls .back { width: 100%; height: 100%; background: rgba(0, 0, 0, 0); position: fixed; top: 0; left: 0; z-index: 9; }
.seleBox .htls .details span{ display: block; position: absolute; cursor: pointer; right: 0; top: 0; width: 20px; height: 30px; text-indent: -9999999px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAMAAACfvvDEAAAAkFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////8AAAAKCgoQEBASEhIbGxskJCQqKioyMjI2NjY4ODhSUlJXV1dYWFhpaWlwcHCLi4uTk5Ofn5+qqqq7u7u9vb3g4ODl5eXy8vL5+fn8/Pz///8ms/lDAAAAFXRSTlMA9u3n28y1saicknFrXlhRNyQbEQe52N26AAABYElEQVR42pWVZcICIRQAsZe149ndBXP/232JYMv8MoZ+oa7o1NNCFoBsIa131DMaOk9IXjcees0E2K8mffmhP1ntgaR5L1YynNcjCRmtz2Qqt6KG7UBuGWxBq5B2ETOXRywMxXZw5BLHkTxmdKTUCZY+DeQZg5PfQBk7lOcMLeU/sZVlJq+YkW2pH4rs5DU7Sr8vg+nJP5tZONXafeoZfl4rYX0RYSKOCWzc5zWJUp0cAy9inTq1eHVArqNq7C+3bNGY6Z9o0NjLa+ypqZSlX9D8qBMnGr+VJakqMBaHE/wQx5iCytCVQLVozqszGjsRT5eMAgmZGIpA0c3oAGd69Ug1rXKcyDtTlmilg2PGzxmxz+dnn16f/dF9jv/vc3p1n/6Nwpfxqn+j8N3n1ol3736gFhFLn8ZnRMxH5FFEbkbke0QNeV2XTpQ617Vu8azWldoR9TOiJkfV+fje8b4ffQGku4zNkRKhNAAAAABJRU5ErkJggg==) no-repeat; background-size: 20px 20px; }
.seleBox .htls .details dt{ text-align: center; font-size: 14px; padding-bottom: 8px;}
.seleBox .htls .details a{ position: relative;background: #fff; margin: 8px 8px 0;}
.seleBox .htls .details a::after{ content: ""; position: absolute; right: 15px; top: 50%; margin-top: -5px; width: 8px; height: 8px; transform: rotate(45deg);}
.seleBox .htls .details a.ana{ border: 1px solid #1B0E80; color: #1B0E80 !important;}
.seleBox .htls .details a.ana::after{ border: solid #1B0E80; border-width: 1px 1px 0 0;}
.seleBox .htls .details a.jal{ border: 1px solid #CC0001; color: #CC0001 !important;}
.seleBox .htls .details a.jal::after{ border: solid #CC0001; border-width: 1px 1px 0 0;}
.seleBox .htls .details a.jr{ border: 1px solid #000; color: #000 !important;}
.seleBox .htls .details a.jr::after{ border: solid #000; border-width: 1px 1px 0 0;}



/* ▼動画対応 */
.mv .kaltura-video-player {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	/* アスペクト比を維持しつつ枠内に収める */
}

.playkit-pre-playback-play-button:hover {
	background-color: #00b900!important;
	border: none!important;
}


.playkit-player .playkit-seek-bar .playkit-progress-bar .playkit-progress {
	background-color: #00b900!important;
}

#player-gui .playkit-control-button-container.playkit-control-play-pause .playkit-control-button:focus {
	outline: none !important;
	border: none !important;
	box-shadow: none !important;
}