@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;
}
.ori-sp-container{
width:100%;
margin-bottom:30px;
margin-left:auto;
margin-right:auto;
text-align:center;
overflow:hidden;
zoom:1;
font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
/*font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;*/
/*font-weight:500;*/
color:#222;
}
.f-min{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.ori-sp-container br.brake{
display:block;
}
.ori-sp-container br.sp-brake{
display:none;
}
.ori-sp-container .flex{
display: -webkit-flex;
display: flex;
justify-content: space-between;
clear:both;
}
.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 .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;
}
.ori-sp-container .font-bold{
font-weight:bold;
}
.clear-area{
clear:both;
}



.main-wrap{
width:100%;
height:690px;
margin-left:auto;
margin-right:auto;
text-align:center;
background-color:#b2f3f2;
background-repeat:no-repeat;
background-position:center top;
background-image:url(/special/travel/cp_gw_2026/images/bg_main.png);
}
.main-wrap img{
max-width:100%;
height:auto;
}
.main-sp{
display:none;
}
.main-container{
width:100%;
margin:0 auto;
text-align:center;
position:relative;
}
.main-rainbow-1{
position:absolute;
left:auto;
top:385px;
width:100%;
margin:0 auto;
text-align:center;
}
.main-rainbow-1 .rainbow{
width:100%;
margin:0 auto;
text-align:center;
}
.main-cloud-left{
height:690px;
background-repeat:no-repeat;
background-position:left top;
background-image:url(/special/travel/cp_gw_2026/images/main_cloud_left.png);
}
.main-cloud-right{
height:690px;
background-repeat:no-repeat;
background-position:right top;
background-image:url(/special/travel/cp_gw_2026/images/main_cloud_right.png);
}
.main-star{
position:absolute;
left:auto;
top:0;
width:100%;
margin:0 auto;
text-align:center;
}
.main-star .star{
width:100%;
margin:0 auto;
text-align:center;
}
.main-balloon{
position:absolute;
left:auto;
top:125px;
width:100%;
margin:0 auto;
text-align:center;
}
.main-balloon .balloon{
width:100%;
margin:0 auto;
text-align:center;
height:343px;
background-repeat:no-repeat;
background-position:center top;
background-image:url(/special/travel/cp_gw_2026/images/main_balloon.png);
}
.main-frame{
position:absolute;
left:auto;
top:35px;
width:100%;
margin:0 auto;
text-align:center;
}
.main-frame .frame{
width:100%;
margin:0 auto;
text-align:center;
}
.main-rainbow-2{
position:absolute;
right:-230px;
top:58px;
overflow:hidden;
zoom:1;
}
.main-koinobiri{
position:absolute;
left:auto;
top:211px;
width:100%;
margin:0 auto;
text-align:center;
}
.main-koinobiri .koinobiri{
width:100%;
margin:0 auto;
text-align:center;
}
.main-title{
position:absolute;
left:auto;
top:26px;
width:100%;
margin:0 auto;
text-align:center;
}
.main-title>h2{
width:100%;
margin:0 auto;
text-align:center;
}
.main-bottom{
position:absolute;
left:auto;
top:516px;
width:100%;
margin:0 auto;
text-align:center;
}
.main-bottom .bottom{
width:100%;
margin:0 auto;
text-align:center;
height:187px;
background-repeat:no-repeat;
background-position:center top;
background-image:url(/special/travel/cp_gw_2026/images/main_bottom.png);
}
.main-bottom-ill{
position:absolute;
left:auto;
top:460px;
width:100%;
margin:0 auto;
text-align:center;
}
.main-bottom-ill .ill{
width:100%;
margin:0 auto;
text-align:center;
}
@media screen and (min-width: 769px) and (max-width: 1100px){
}
@media screen and (min-width: 248px) and (max-width: 768px){
.main-wrap{
height:auto;
background-image:none;
}
.main-wrap img{
width:100%;
}
.main-sp{
display:block;
width:100%;
margin:0 auto;
text-align:center;
}
.main-container{
display:none;
}
}



.nv-wrap{
width:100%;
margin:0 auto;
text-align:center;
padding-top:80px;
padding-bottom:170px;
background-repeat:no-repeat;
background-position:center bottom;
background-image:url(/special/travel/cp_gw_2026/images/bg_nv.png);
}
.nv-wrap img{
max-width:100%;
height:auto;
}
.nv-container{
width:1010px;
margin:0 auto;
text-align:center;
}
.nv-cal{
margin-bottom:80px;
}
.nv-title>h3{
margin-bottom:40px;
text-align:center;
}
.nv-title>h3 span{
display:block;
margin-bottom:10px;
}
.nv-title>h3 p{
line-height:100%;
color:#fff;
font-size:26px;
letter-spacing: .15rem;
}
.nv-cal>ul{
width: 100%;
display: -webkit-flex;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.nv-cal>ul li{
width: 12.5%;
}
.nv-hotel>ul{
width: 100%;
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.nv-hotel>ul li{
width: 186px;
}
.nv-hotel-menu{
width: 100%;
margin:0 auto;
text-align:center;
}
.nv-hotel-menu a{
display:block;
text-decoration:none;
transition: 0.5s ease;
}
.nv-hotel-col{
border:3px solid #fff;
box-sizing:border-box;
border-radius:15px;
height:auto;
width:100%;
position: relative;
}
.nv-hotel-col::before{
content: "";
width: 25px;
height: 13px;
display: block;
position: absolute;
bottom: -13px;
left: 45%;
margin: auto;
/*background-color: #fff;
transform: rotate(-135deg);
transform-origin:left top;
transform-origin:0 0;
z-index:0;*/
background-repeat:no-repeat;
background-position:center bottom;
background-image:url(/special/travel/cp_gw_2026/images/nv_arrow.png);
}
.nv-hotel-col.tm{
background-color:#eea2e6;
}
.nv-hotel-col.onsen{
background-color:#f7b054;
}
.nv-hotel-col.resort{
background-color:#57c09c;
}
.nv-hotel-col.okinawa{
background-color:#00aae7;
}
.nv-hotel-col.ss{
background-color:#c5a81f;
}
.nv-hotel-col>p{
display: flex;
justify-content: center;
align-items: center;
height:73px;
margin:0 auto;
text-align:center;
}
.nv-hotel-col>p span{
display: block;
width:100%;
margin:0 auto;
text-align:center;
color:#fff;
font-weight:bold;
font-size:16px;
line-height:100%;
}
@media screen and (min-width: 248px) and (max-width: 768px){
.nv-wrap{
padding-top:50px;
padding-bottom:80px;
}
.nv-container{
width:94%;
}
.nv-cal{
margin-bottom:40px;
}
.nv-title>h3{
margin-bottom:20px;
text-align:center;
}
.nv-title>h3 p{
font-size:20px;
letter-spacing: 0rem;
}
.nv-cal>ul li{
width:33.333333333333%;
margin-bottom:10px;
}
.nv-hotel>ul li{
width:48%;
margin-bottom:20px;
}
.nv-hotel-col>p span{
font-size:14px;
}
}



.menu-wrap{
width:100%;
margin:0 auto;
text-align:center;
}
.menu-wrap img{
max-width:100%;
height:auto;
}
.menu-tm-container,
.menu-resort-container{
padding-top:200px;
padding-bottom:250px;
}
.menu-ss-container{
padding-top:200px;
padding-bottom:80px;
}
.menu-onsen-header,
.menu-okinawa-header{
background-repeat:no-repeat;
background-position:center top;
height:215px;
}
.menu-onsen-header{
background-image:url(/special/travel/cp_gw_2026/images/bg_contents_head_onsen.png);
}
.menu-okinawa-header{
background-image:url(/special/travel/cp_gw_2026/images/bg_contents_head_okinawa.png);
}
.menu-onsen-fotter,
.menu-okinawa-fotter{
background-repeat:no-repeat;
background-position:center bottom;
height:218px;
}
.menu-onsen-container{
background-color:#f7b054;
}
.menu-okinawa-container{
background-color:#00aae7;
}
.menu-onsen-fotter{
background-image:url(/special/travel/cp_gw_2026/images/bg_contents_bottom_onsen.png);
}
.menu-okinawa-fotter{
background-image:url(/special/travel/cp_gw_2026/images/bg_contents_bottom_okinawa.png);
}
.menu-container{
width:1110px;
margin:0 auto;
text-align:center;
}
.menu-container>h3{
margin-bottom:70px;
text-align:left;
position: relative;
}
.menu-container>h3.tm{
color:#eea2e6;
}
.menu-container>h3.onsen,
.menu-container>h3.okinawa{
color:#fff;
}
.menu-container>h3.resort{
color:#57c09c;
}
.menu-container>h3.ss{
color:#c5a81f;
}
.menu-container>h3 p{
margin-bottom:20px;
line-height:100%;
font-size:80px;
}
.menu-container>h3 span{
display:block;
line-height:100%;
font-size:30px;
}
.menu-container>h3 .balloon{
position: absolute;
top:-25px;
left: 50%;
}
.menu-row{
position: relative;
width:100%;
margin:0 auto;
text-align:center;
border-radius:30px;
}
.menu-row.tm{
background-color:#eea2e6;
}
.menu-row.onsen,
.menu-row.okinawa{
background-color:#fff;
}
.menu-row.resort{
background-color:#57c09c;
}
.menu-row.ss{
background-color:#e6d78f;
}
.menu-ill{
position:absolute;
z-index:5;
top:-170px;
right:0px;
}
.menu-col{
padding-top:50px;
padding-left:50px;
padding-right:50px;
padding-bottom:25px;
}
.menu-col>ul{
width: 100%;
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.menu-col>ul li{
width:320px;
margin-bottom:25px;
background-color:#fff;
border-radius:20px;
box-sizing:border-box;
}
.menu-col>ul li.onsen{
border:2px solid #fcdfba;
}
.menu-col>ul li.okinawa{
border:2px solid #c8effd;
}
.menu-col>ul li.ss{
background-color:#fbf6dd;
}
.menu-col>ul li.ss a{
	display:block;
	text-decoration:none;
}
.menu-box{
width:100%;
margin:0 auto;
text-align:center;
}
.menu-img{
padding-top:5px;
padding-left:5px;
padding-right:5px;
}
.menu-img img{
border-radius:15px;
}
.menu-summary{
text-align:left;
padding:20px 20px;
}
.menu-area{
margin-bottom:15px;
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.menu-area>p{
font-size:12px;
color:#666;
}
.menu-area>p:nth-child(2){
text-align:right;
}
.menu-name>p{
margin-bottom:10px;
height:2.5em;
font-size:18px;
font-weight:bold;
line-height:135%;
}
.menu-name>p.tm{
color:#c652ba;
}
.menu-name>p.onsen{
color:#eb8604;
}
.menu-name>p.resort{
color:#38a27e;
}
.menu-name>p.okinawa{
color:#0491c3;
}
.menu-read>p{
font-size:14px;
line-height:135%;
margin-bottom:10px;
height:6em;
}
.buttun-area{
width:100%;
margin:0 auto;
text-align:center;
}
.buttuns{
width:160px;
margin:0 auto;
text-align:center;
}
.buttuns a{
display:block;
width:100%;
margin:0 auto;
text-align:center;
text-decoration:none;
border-radius:100px;
transition: 0.5s ease;
}
.buttuns a.tm{
background-color:#c652ba;
}
.buttuns a.onsen{
background-color:#eb8604;
}
.buttuns a.resort{
background-color:#57c09c;
}
.buttuns a.okinawa{
background-color:#00aae7;
}
.buttuns a>p{
text-align:center;
font-size:14px;
color:#fff;
line-height:100%;
padding:15px 10px;
position:relative;
}
.buttuns a>p::before{
content: "";
position: absolute;
top:45%;
right: 10px;
width: 5px;
height: 5px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: 0.3s ease;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transition: 0.5s ease;
}
.buttuns a:hover>p::before{
right: 5px;
transition: 0.5s ease;
}
.ss-bnr-img{
padding:5px;
}
.ss-bnr-img img{
border-radius:15px;
}
@media screen and (min-width: 769px) and (max-width: 1109px){
.menu-container{
width:1010px;
}
.menu-col{
padding-left:25px;
padding-right:25px;
}
.menu-col>ul li{
width:310px;
margin-bottom:20px;
}
}
@media screen and (min-width: 248px) and (max-width: 768px){
.menu-tm-container,
.menu-resort-container{
padding-top:100px;
padding-bottom:100px;
}
.menu-ss-container{
padding-top:100px;
padding-bottom:40px;
}
.menu-onsen-header,
.menu-okinawa-header{
height:100px;
}
.menu-onsen-header{
background-image:url(/special/travel/cp_gw_2026/images/bg_contents_head_onsen_sp.png);
}
.menu-okinawa-header{
background-image:url(/special/travel/cp_gw_2026/images/bg_contents_head_okinawa_sp.png);
}
.menu-onsen-fotter{
background-image:url(/special/travel/cp_gw_2026/images/bg_contents_bottom_onsen_sp.png);
}
.menu-okinawa-fotter{
background-image:url(/special/travel/cp_gw_2026/images/bg_contents_bottom_okinawa_sp.png);
}
.menu-onsen-fotter,
.menu-okinawa-fotter{
height:100px;
}
.menu-container{
width:94%;
}
.menu-container>h3{
		margin-bottom:110px;
		text-align:center;
}
.menu-container>h3 p{
font-size:40px;
margin-bottom:10px;
}
.menu-container>h3 span{
font-size:24px;
}
.menu-container>h3 .balloon{
position:static;
width:100%;
margin-bottom:15px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.menu-row{
border-radius:15px;
}
.menu-ill{
top:-100px;
right:auto;
left:auto;
width:100%;
margin:0 auto;
text-align:center;
}
.menu-ill img{
width:80%;
height:auto;
}
.menu-col{
padding-top:50px;
padding-left:15px;
padding-right:15px;
padding-bottom:5px;
}
.menu-col>ul li{
width:100%;
border-radius:15px;
margin-bottom:20px;
}
.menu-img img{
border-radius:10px;
}
.menu-name>p{
margin-bottom:15px;
height:auto;
font-size:18px;
}
.menu-read>p{
font-size:14px;
margin-bottom:15px;
height:auto;
}
}

@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%;
}

}