@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap');

#ori-sp-wrapper a:hover{
filter:alpha(opacity=90);
-moz-opacity: .9;
opacity: .9;
}
/*position: stickyが効かないためoverflow:hidden解除*/
#ori-sp-wrapper,
.ori-sp-wrapper,
.ori-sp-container{
overflow:visible;
}
.ori-sp-container{
width:100%;
padding-bottom:40px;
margin-bottom:30px;
margin-left:auto;
margin-right:auto;
text-align:center;
font-family: "Zen Old Mincho", serif;
font-weight: 200;
font-style: normal;
/*font-family: "Zen Kaku Gothic New", sans-serif;*/
/*font-weight: 400;*/
/*font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
font-weight: 500;*/
color:#222;
}
.ori-sp-container .font-Gothic{
font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.ori-sp-container .font-mincho{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: 500;
}


:root {
  --cl-1:#fad0c9;
  --cl-2:#f9e6e0;
  --cl-3: #222;
  --cl-4: #fff;
  --cl-5: #666;
  --cl-6: #c2274c;
  --cl-7: #ee869d;
  --cl-8: #698667;
  --cl-9: #7b5959;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}


.ori-sp-container br.brake{
display:block;
}
.ori-sp-container br.sp-brake{
display:none;
}
.ori-sp-container .key-color-ptn1{
color:#d21d5c;
}
.ori-sp-container .key-color-ptn2{
color:#2a3e61;
}
.ori-sp-container .key-color-ptn3{
color:#ff5400;
}
.ori-sp-container .key-color-ptn4{
color:#fff;
}
.ori-sp-container .container-1010{
width:1010px;
margin:0 auto;
text-align:center;
}
.ori-sp-container .al-center{
width:100%;
margin:0 auto;
text-align:center;
}
.ori-sp-container .al-left{
text-align:left;
}
.ori-sp-container .al-right{
text-align:right;
}
.ori-sp-container .disp-pc{
display:block;
}
.ori-sp-container .disp-sp{
display:none;
}
.ori-sp-container .flex{
display: -webkit-flex;
display: flex;
justify-content: space-between;
clear:both;
}
.ori-sp-container .float-left-ptn1{
width:50%;
float:left;
}
.ori-sp-container .float-right-ptn1{
width:50%;
float:right;
text-align:right;
}
.ori-sp-container .color-white{
color:white;
}
.ori-sp-container .color-green{
color:#458565;
}
.ori-sp-container .color-red{
color:#b60014;
}
.ori-sp-container .color-pink{
color:#e02c2e;
}
.ori-sp-container .color-red2{
color:#fd0505;
}
.ori-sp-container .font-12{
font-size:12px;
}
.ori-sp-container .font-14{
font-size:14px;
}
.ori-sp-container .font-15{
font-size:15px;
}
.ori-sp-container .font-16{
font-size:16px;
}
.ori-sp-container .font-18{
font-size:18px;
}
.ori-sp-container .font-20{
font-size:20px;
}
.ori-sp-container .font-22{
font-size:22px;
}
.ori-sp-container .font-24{
font-size:24px;
}
.ori-sp-container .font-26{
font-size:26px;
}
.ori-sp-container .font-28{
font-size:28px;
}
.ori-sp-container .font-36{
font-size:36px;
}
.clear-area{
clear:both;
}

.vegas-timer-progress{
display:none;
}

.main-wrap{
width:100%;
margin:0 auto;
text-align:center;
background-color:var(--cl-1);
}
.main-wrap img{
max-width:100%;
height:auto;
}
#header-floating {
position:relative;
z-index:10;
width:100%;
margin:0 auto;
text-align:center;
background-color:var(--cl-1);
background-color: rgba(250, 208, 201, 0.8);
transition:opacity .3s ease, transform .3s ease;
}
#header-floating.is-fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
	width: 100%;
}
#header-floating.is-hidden{
	opacity:0;
	transform:translateY(-20px);
	pointer-events:none;
}
/* 固定した際のレイアウトずれを防ぐ */
.header-floating-placeholder {
display: none;
}

.header-floating-placeholder.is-active {
display: block;
}
.header-wrap{
padding:35px 0 20px 0;
width:720px;
margin:0 auto;
text-align:center;
}
#header-floating.is-fixed .header-wrap{
padding:10px 0 25px 0;
}

.header-container>ul{
width: 100%;
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.header-container>ul li{
/*width: 25%;*/
}
.header-container>ul li a{
display:block;
width:100%;
text-decoration:none;
color:var(--cl-8);
}
.header-container>ul li a{
p{
text-align:center;
font-size:13px;
line-height:100%;
letter-spacing: .15rem;
position:relative;
}
p::before{
content: "";
position: absolute;
top:25px;
left:0;
right:0;
width: 33px;
height: 1px;
margin:0 auto;
text-align:center;
background-color:var(--cl-8);
}
}
.main-sp{
display:none;
}
.main-container{
width:100%;
margin:0 auto;
text-align:center;
height:923px;
}
.main-container-inner{
width:1010px;
margin:0 auto;
text-align:center;
position:relative;
}
.main-slide{
position:absolute;
width:100%;
margin:0 auto;
text-align:center;
top:30px;
left:0;
right:0;
}
.main-slide-inner {
  width: 584px;
  height: 735px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center top;
  /*background-size: cover;*/
 -webkit-clip-path: url("#svgPath");
  clip-path: url("#svgPath");
}

/*.main-slide-inner.img1 {
  background-image:url("/special/travel/cp_premium_stay_2026/images/img_main_1.jpg");
}*/

.svg-clip-defs {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}
.path-scale{
transform:scale(1.764);
}
.main-en{
position:absolute;
width:100%;
margin:0 auto;
text-align:center;
top:55px;
left:0;
right:0;
h2{
width:100%;
margin:0 auto;
text-align:center;
}
}
.main-ctach{
position:absolute;
width:100%;
margin:0 auto;
text-align:center;
top:220px;
left:0;
right:0;
}
.main-ctach-inner{
width:950px;
margin:0 auto;
text-align:center;
position:relative;
h3{
position:absolute;
top:0;
right:0;
}
p{
position:absolute;
top:0;
left:0;
}
h3 span,
p span{
display:none;
}
}
@media screen and (min-width: 769px) and (max-width: 1100px){

}
@media screen and (min-width: 248px) and (max-width: 768px){
#header-floating {
display:none;
}
.main-container{
height:auto;
}
.main-container-inner{
width:94%;
height:700px;
}
.main-slide{
top:20px;
}
.main-slide-inner {
width: 360px;
height: 453px;
background-size: cover;
}
.path-scale{
transform:scale(1.1);
}
.main-en{
top:35px;
}
.main-ctach{
top:auto;
bottom:6%;
}
.main-ctach-inner{
width:100%;
margin:0 auto;
text-align:center;
position:relative;
h3{
position:static;
}
p{
position:static;
}
h3 span,
p span{
display:block;
}
h3 span{
font-size:22px;
margin-bottom:15px;
font-weight:normal;
letter-spacing: .35rem;
}
p span{
font-size:16px;
letter-spacing: .35rem;
}
h3 img,
p img{
display:none;
}
}
}



.menu-wrap{
width:100%;
margin:0 auto;
text-align:center;
}
.submain-wrap{
width:100%;
margin:0 auto;
text-align:center;
height:602px;
display: flex;
justify-content: center;
align-items: center;
background-repeat:no-repeat;
background-position:center top;
background-size:cover;
background-color:var(--cl-2);
}
.submain-wrap.bg1{
background-image:url(/special/travel/cp_premium_stay_2026/images/img_submain_1.jpg);
}
.submain-wrap.bg2{
background-image:url(/special/travel/cp_premium_stay_2026/images/img_submain_2.jpg);
}
.submain-wrap.bg3{
background-image:url(/special/travel/cp_premium_stay_2026/images/img_submain_3.jpg);
}
.submain-wrap.bg4{
background-image:url(/special/travel/cp_premium_stay_2026/images/img_submain_4.jpg);
}
.submain-wrap.bg5{
background-image:url(/special/travel/cp_premium_stay_2026/images/img_submain_5.jpg);
}
.submain-wrap>h2{
width:100%;
margin:0 auto;
text-align:center;
p{
color: var(--cl-4);
line-height:100%;
font-size:40px;
margin-bottom:20px;
font-weight:normal;
letter-spacing: .35rem;
}
span{
color: var(--cl-4);
line-height:100%;
font-size:28px;
display:block;
font-weight:normal;
letter-spacing: .3rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1100px){

}
@media screen and (min-width: 248px) and (max-width: 768px){
.submain-wrap{
height:400px;
}
.submain-wrap>h2{
p{
font-size:26px;
margin-bottom:15px;
letter-spacing: .15rem;
}
span{
font-size:18px;
letter-spacing: .15rem;
}
}
.submain-wrap.bg5{
background-position:left top;
}
}

.fac-wrap{
width:100%;
margin:0 auto;
text-align:center;
background-repeat:no-repeat;
background-position:center top;
background-image:url(/special/travel/cp_premium_stay_2026/images/bg_contents.jpg);
background-color:var(--cl-2);
}
.fac-bg-left,
.fac-bg-right{
background-repeat:no-repeat;
}
.fac-bg-left{
background-position:left top;
background-image:url(/special/travel/cp_premium_stay_2026/images/bg_contents_gold_left.png);
}
.fac-bg-right{
background-position:right top;
background-image:url(/special/travel/cp_premium_stay_2026/images/bg_contents_gold_right.png);
}
.fac-container{
width:1100px;
margin:0 auto;
		text-align:center;
		padding:150px 0 150px 0;
}
.fac-container img{
max-width:100%;
height:auto;
}
.fac-pickup{
margin-bottom:120px;
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.fac-pickup-img{
width:560px;
}
.fac-pickup-text{
width:470px;
}
.fac-pickup-slide{
position:relative;
width:100%;
margin:0 auto;
text-align:center;
.balloon{
position:absolute;
z-index:5;
left:20px;
top:-30px;
}
}
.fac-pickup-text-inner{
width:470px;
text-align:left;
height:520px;
vertical-align:middle;
display:table-cell;
}
.fac-pickup-text-inner .area{
display: -webkit-flex;
display: flex;
justify-content: space-between;
background-repeat:repeat-x;
background-position:left bottom;
background-image:url(/special/travel/cp_premium_stay_2026/images/line_area.png);
padding-bottom:20px;
margin-bottom:30px;
p{
font-size:14px;
line-height:100%;
color: var(--cl-5);
}
p:nth-child(2){
text-align:right;
}
}
.fac-pickup-text-inner .name{
margin-bottom:25px;
p{
font-size:29px;
line-height:140%;
color: var(--cl-6);
font-weight:bold;
letter-spacing: .15rem;
}
}
.fac-pickup-text-inner .ctach{
margin-bottom:25px;
p{
font-size:19px;
line-height:160%;
font-weight:bold;
color: var(--cl-9);
letter-spacing: .15rem;
}
}
.fac-pickup-text-inner .read{
margin-bottom:30px;
p{
font-size:16px;
line-height:180%;
color:#555;
}
}
@media screen and (min-width: 769px) and (max-width: 1099px){
.fac-container{
max-width:1010px;
}
.fac-pickup-text{
width:430px;
}
.fac-pickup-text-inner{
width:430px;
}
.fac-pickup-text-inner .name{
p{
font-size:26px;
}
}
}
@media screen and (min-width: 248px) and (max-width: 768px){
.fac-bg-left,
.fac-bg-right{
background-image:none;
}
.fac-container{
width:94%;
padding:70px 0 70px 0;
}
.fac-pickup{
margin-bottom:80px;
display:block;
}
.fac-pickup-img{
width:100%;
margin:0 auto 40px auto;
text-align:center;
}
.fac-pickup-text{
width:100%;
}
.fac-pickup-slide{
.balloon{
left:10px;
top:-10px;
}
.balloon img{
width:90px;
height:90px;
}
}
.fac-pickup-text-inner{
width:100%;
height:auto;
display:block;
}
.fac-pickup-text-inner .area{
padding-bottom:20px;
margin-bottom:20px;
p{
font-size:12px;
}
}
.fac-pickup-text-inner .name{
margin-bottom:20px;
p{
font-size:23px;
letter-spacing: .0rem;
}
}
.fac-pickup-text-inner .ctach{
margin-bottom:15px;
p{
			font-size:15px;
			line-height:140%;
}
p br{
display:none;
}
}
.fac-pickup-text-inner .read{
margin-bottom:20px;
p{
font-size:13px;
line-height:160%;
}
p br{
display:none;
}
}
}


.fac-rec-container{
width:100%;
margin:0 auto;
text-align:center;
position:relative;
background-repeat:repeat;
background-position:center top;
background-image:url(/special/travel/cp_premium_stay_2026/images/bg_hotel_list.png);
}
.fac-rec-container .ribbon{
position:absolute;
top:-20px;
left:0;
right:0;
width:100%;
margin:0 auto;
text-align:center;
}
.fac-rec-box{
padding:50px 40px 25px 40px;
}
.fac-rec-box h3{
width:458px;
margin:0 auto 35px auto;
text-align:center;
p{
font-size:20px;
line-height:100%;
letter-spacing: .2rem;
color: var(--cl-4);
font-weight:normal;
position:relative;
margin-bottom:15px;
}
p::before,
p::after{
content: "";
position: absolute;
top:45%;
width: 48px;
height: 1px;
background-color:var(--cl-4);
}
p::before{
left:0;
}
p::after{
right:0;
}
span{
font-size:16px;
display:block;
line-height:100%;
letter-spacing: .2rem;
color: var(--cl-4);
font-weight:normal;
}
}
.fac-rec-box>ul{
width: 100%;
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.fac-rec-box>ul li{
width:320px;
padding-bottom:25px;
}
.fac-rec-box-inner{
background-color:var(--cl-4);
}
.fac-rec-img{
width:100%;
margin:0 auto;
text-align:center;
}
.fac-rec-text{
text-align:left;
padding:20px 20px 20px 20px;
}
.fac-rec-text .area{
display: -webkit-flex;
display: flex;
justify-content: space-between;
border-bottom:1px solid #fbdbe3;
padding-bottom:15px;
margin-bottom:22px;
p{
font-size:12px;
line-height:100%;
color: var(--cl-5);
}
p:nth-child(2){
text-align:right;
}
}
.fac-rec-text .name{
margin-bottom:10px;
p{
font-size:19px;
line-height:125%;
color: var(--cl-6);
font-weight:normal;
height:2.3em;
font-weight:bold;
}
}
.fac-rec-text .ctach{
margin-bottom:10px;
p{
font-size:14px;
line-height:140%;
font-weight:normal;
height:2.8em;
color: var(--cl-9);
font-weight:bold;
}
}
.fac-rec-text .read{
margin-bottom:10px;
p{
font-size:12px;
line-height:150%;
height:4.5em;
color:#555;
}
}
	
	
.btn-area{
width:100%;
margin:0 auto;
text-align:center;
}
.buttun{
width:161px;
margin:0 auto;
text-align:center;
}
.buttun>a{
text-decoration:none;
display:block;
border:1px solid #f9b2c0;
box-sizing:border-box;
width:100%;
margin:0 auto;
text-align:center;
border-radius:100px;
transition: 0.5s ease;
p{
text-align:center;
line-height:100%;
font-size:11px;
color: var(--cl-7);
padding:14px 5px 14px 5px;
position:relative;
font-weight:normal;
letter-spacing: .15rem;
}
p::before{
content: "";
position: absolute;
top:39%;
right: 20px;
width: 10px;
height: 10px;
background-repeat:no-repeat;
background-position:right center;
background-image:url(/special/travel/cp_premium_stay_2026/images/arrow.png);
transition: 0.5s ease;
}
}
.buttun>a:hover{
background-color: rgba(255, 255, 255, 0.5);
transition: 0.5s ease;
p::before{
right: 15px;
transition: 0.5s ease;
}
}
@media screen and (min-width: 769px) and (max-width: 1099px){
.fac-rec-box{
padding:50px 15px 25px 15px;
}
}
@media screen and (min-width: 248px) and (max-width: 768px){
.fac-rec-box{
padding:50px 15px 10px 15px;
}
.fac-rec-box h3{
width:96%;
margin:0 auto 25px auto;
p{
font-size:17px;
letter-spacing: .15rem;
line-height:100%;
margin-bottom:10px;
}
p::before,
p::after{
width: 20px;
}
p::before{
left:0;
}
p::after{
right:0;
}
span{
font-size:14px;
letter-spacing: .15rem;
}
}
.fac-rec-box>ul li{
margin:0 auto;
text-align:center;
}
.fac-rec-text{
text-align:left;
padding:20px 15px 20px 15px;
}
.fac-rec-text .area{
padding-bottom:15px;
margin-bottom:20px;
p{
font-size:10px;
}
}
.fac-rec-text .name{
margin-bottom:15px;
p{
font-size:18px;
height:auto;
}
}
.fac-rec-text .ctach{
margin-bottom:15px;
p{
font-size:14px;
height:auto;
}
}
.fac-rec-text .read{
margin-bottom:15px;
p{
font-size:12px;
line-height:140%;
height:auto;
}
}

}

.note-wrap{
width:1010px;
margin-top:30px;
margin-bottom:30px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.note-wrap>p{
text-align:left;
}
@media screen and (min-width: 248px) and (max-width: 768px){
.note-wrap{
width:94%;
}
}

@media screen and (min-width: 248px) and (max-width: 768px){
.ori-sp-container{
padding-top:0px;
}
.ori-sp-container br.brake{
display:none;
}
.ori-sp-container br.sp-brake{
display:block;
}
.ori-sp-container .font-12{
font-size:10px;
}
.ori-sp-container .font-14{
font-size:12px;
}
.ori-sp-container .font-15{
font-size:13px;
}
.ori-sp-container .font-16{
font-size:14px;
}
.ori-sp-container .font-18{
font-size:16px;
}
.ori-sp-container .font-20{
font-size:18px;
}
.ori-sp-container .font-22{
font-size:20px;
}
.ori-sp-container .font-24{
font-size:22px;
}
.ori-sp-container .font-26{
font-size:24px;
}
.ori-sp-container .font-28{
font-size:26px;
}
.ori-sp-container .font-36{
font-size:30px;
}

.ori-sp-container .container-1010{
width:94%;
}
.ori-sp-container .flex{
display: block;
margin-bottom:10px;
}
.ori-sp-container .disp-pc{
display:none;
}
.ori-sp-container .disp-sp{
display:block;
}
.note-wrap{
width:94%;
}
}