#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: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
font-weight:500;
color:#222;
padding-bottom:30px;
background-repeat:repeat-x;
background-position:center top;
background-image:url(/special/travel/cp_3renkyu_atm_2025/images/bg.jpg);
background-color:#43261c;
}

.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;
}
.clear-area{
clear:both;
}

.wrap{
width:100%;
margin:0 auto;
text-align:center;
background-repeat:repeat;
background-position:center top;
background-image:url(/special/travel/cp_3renkyu_atm_2025/images/bg_ptn.png);
}

.main-wrap{
width:100%;
margin:0 auto;
text-align:center;
}
.main-wrap img{
max-width:100%;
height:auto;
}
.main-sp{
display:none;
}
.main-bg-head{
background-repeat:no-repeat;
background-position:center top;
background-image:url(/special/travel/cp_3renkyu_atm_2025/images/bg_main_reaf.png);
height:666px;
}
.main-bg-left{
background-repeat:no-repeat;
background-position:left top;
background-image:url(/special/travel/cp_3renkyu_atm_2025/images/bg_main_ball_left.png);
height:666px;
}
.main-bg-right{
background-repeat:no-repeat;
background-position:right top;
background-image:url(/special/travel/cp_3renkyu_atm_2025/images/bg_main_ball_right.png);
height:666px;
}
.main-position{
width:100%;
margin:0 auto;
text-align:center;
position:relative;
}
.main-frame{
width:100%;
position:absolute;
top:50px;
left:0px;
z-index:0;
}
.main-frame-inner{
width:1200px;
margin:0 auto;
text-align:center;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.main-frame-inner .frame{
float:left;
}
.main-jackpod{
clear:both;
width:815px;
height:622px;
position:absolute;
top:45px;
right:0px;
z-index:10;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.main-title{
width:100%;
position:absolute;
top:155px;
left:0px;
z-index:50;
}
.main-title-inner{
width:1200px;
margin:0 auto;
text-align:center;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.main-title-inner>h2{
float:left;
}



.summary-wrap{
width:1010px;
margin:0 auto;
text-align:center;
padding-top:80px;
padding-bottom:80px;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.summary-wrap img{
max-width:100%;
height:auto;
}
.summary-bg-left{
background-repeat:no-repeat;
background-position:top 40px left;
background-image:url(/special/travel/cp_3renkyu_atm_2025/images/bg_summary_left.png);
}
.summary-bg-right{
background-repeat:no-repeat;
background-position:top right;
background-image:url(/special/travel/cp_3renkyu_atm_2025/images/bg_summary_right.png);
}
.summary-ov>h3{
width:100%;
margin:0 auto;
text-align:center;
}


.calender-wrap{
width:1010px;
margin:0 auto;
text-align:center;
padding-bottom:50px;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.calender-wrap img{
max-width:100%;
height:auto;
}
.calender-box{
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.calender{
width:320px;
margin-bottom:20px;
}
.calender-inner{
text-align:left;
}
.calender-title{
margin-bottom:4px;
}
.calender-btn-box{
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.calender-btn{
width:100px;
}


.bnr-wrap{
width:1010px;
margin:0 auto;
text-align:center;
padding-bottom:70px;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.bnr-wrap img{
max-width:100%;
height:auto;
}
.bnr-title{
width:470px;
margin-bottom:30px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.bnr-title>h3{
font-size:22px;
line-height:100%;
color:#fff;
letter-spacing: .15rem;
position: relative;
}
.bnr-title>h3::before{
content: "";
width: 50px;
height: 1px;
display: block;
position: absolute;
top: 45%;
left: 0;
margin: auto;
background-color: #fff;
}
.bnr-title>h3::after{
content: "";
width: 50px;
height: 1px;
display: block;
position: absolute;
top: 45%;
right: 0;
margin: auto;
background-color: #fff;
}
.bnr-box>ul{
width: 100%;	
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
text-align: left;
}
.bnr-box>ul li{
width: 245px;	
margin-bottom:10px;
}
.bnr-box>ul li p img{
border-radius:20px;
}


.nv-wrap{
width:740px;
margin:0 auto;
text-align:center;
padding-bottom:80px;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.nv-wrap img{
max-width:100%;
height:auto;
}
.nv-title{
width:100%;
margin-bottom:25px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.nv-head{
width:100%;
margin:0 auto;
text-align:center;
}
.nv-head-balloon{
width:286px;
margin:0 auto;
text-align:center;
border-radius:30px;
height:auto;
background-color:#f9e4cb;
position: relative;
}
.nv-head-balloon::before{
content: "";
width: 10px;
height: 10px;
display: block;
position: absolute;
bottom: -17px;
left: 50%;
margin: auto;
background-color: #f9e4cb;
transform: rotate(-135deg);
transform-origin:left top;
transform-origin:0 0;
}
.nv-head-balloon>p{
display: flex;
justify-content: center;
align-items: center;
width:286px;
height:50px;
margin:0 auto;
text-align:center;
}
.nv-head-balloon>p span{
display:block;
line-height:100%;
font-weight:bold;
color:#42261b;
font-size:18px;
}
.nv-box{
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.nv-box-inner{
width:200px;
}
.nv-box-inner a{
display:block;
text-decoratio:none;
}
.nv-box-link>dl{
width:100%;
margin:0 auto;
text-align:center;
}
.nv-box-link>dl dt{
margin-bottom:15px;
}
.nv-box-link>dl dd{
padding-bottom:30px;
background-repeat:no-repeat;
background-position:center bottom;
background-image:url(/special/travel/cp_3renkyu_atm_2025/images/nv_arrow.png);
}
.nv-box-link>dl dd>p{
color:#fff;
font-weight:bold;
text-align:center;
}
.nv-box-link>dl dd>p span:nth-of-type(1){
font-size:24px;
}
.nv-box-link>dl dd>p span:nth-of-type(2){
font-size:20px;
}
.nv-box-link>dl dd>p span:nth-of-type(3){
font-size:20px;
}





.menu-wrap{
width:100%;
margin-bottom:610px;
margin-left:auto;
margin-right:auto;
text-align:center;
clear:both;
}
.menu-wrap:last-child{
margin-bottom:20px;
}
.menu-wrap img{
max-width:100%;
height:auto;
}
.menu-wrap-head-left{
background-repeat:no-repeat;
background-position:top left;
background-image:url(/special/travel/cp_3renkyu_atm_2025/images/bg_contents_left.png);
}
.menu-wrap-head-right{
background-repeat:no-repeat;
background-position:top right;
background-image:url(/special/travel/cp_3renkyu_atm_2025/images/bg_contents_right.png);
}
.menu-container{
width:1010px;
margin:0 auto;
text-align:center;
padding-top:40px;
position:relative;
}
.menu-submain{
position:absolute;
width:1010px;
height:470px;
z-index:100;
}
.menu-submain img{
border-radius:20px;
}
.menu-submain .submain-sp-img{
display:none;
}
.menu-submain-title{
position:absolute;
top:40px;
left:0px;
width:350px;
height:370px;
z-index:50;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.menu-submain-img-1{
position:absolute;
top:0px;
right:0px;
width:560px;
height:410px;
z-index:10;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.menu-submain-img-2{
position:absolute;
top:40px;
left:242px;
width:225px;
height:225px;
z-index:50;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.menu-submain-img-3{
position:absolute;
bottom:0px;
left:350px;
width:180px;
height:180px;
z-index:50;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.menu-submain-name{
width:155px;
height:290px;
float:left;
background-repeat:repeat-y;
background-position:left top;
background-image:url(/special/travel/cp_3renkyu_atm_2025/images/bg_submain_title.png);
}
.menu-submain-name-flex{
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.menu-submain-name-en{
width:20px;
}
.menu-submain-name-jp{
width:95px;
}
.menu-submain-name-en>p{
font-size:18px;
font-weight:bold;
line-height:100%;
color:#fff;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-align:left;
letter-spacing: .15rem;
}
.menu-submain-name-jp>p{
font-size:18px;
font-weight:bold;
color:#fff;
line-height:240%;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-align:left;
letter-spacing: .15rem;
}
.menu-submain-name-jp>p span:nth-of-type(1){
font-size:40px;
}
.menu-submain-name-jp>p span:nth-of-type(2){
font-size:30px;
}
.menu-submain-name-jp>p span:nth-of-type(3){
font-size:34px;
}
.menu-submain-ctach{
clear:both;
padding-top:30px;
}
.menu-submain-ctach>p{
font-size:18px;
font-weight:bold;
color:#fff;
line-height:150%;
text-align:left;
letter-spacing: .1rem;
}

.menu-fac-container{
position:relative;
top:450px;
left:0;
z-index:0;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.menu-fac-box{
background-color:#f9e4cb;
border-radius:20px;
padding-top:45px;
padding-left:30px;
padding-right:30px;
padding-bottom:0px;
}
.menu-fac-box>ul{
width: 100%;	
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
text-align: left;
}
.menu-fac-box>ul li{
width: 450px;	
margin-bottom:40px;
}
.fac-box{
background-color:#fff;
border-radius:20px;
}
.fac-img{
padding:5px;
}
.fac-img img{
border-radius:20px;
}
.fac-img>p{
width:100%;
margin:0 auto;
text-align:center;
}
.fac-ov{
padding-top:15px;
padding-bottom:20px;
padding-left:30px;
padding-right:30px;
text-align:left;
}
.fac-area{
display: -webkit-flex;
display: flex;
justify-content: space-between;
margin-bottom:20px;
border-bottom:1px solid #ccc;
padding-bottom:15px;
}
.fac-area>p{
font-size:14px;
color:#444;
line-height:100%;
}
.fac-area>p:nth-child(1){
text-align:left;
}
.fac-area>p:nth-child(2){
text-align:right;
}
.fac-area>p>span{
font-size:18px;
color:#6c280d;
line-height:100%;
font-weight:bold;
}
.fac-name{
margin-bottom:15px;
}
.fac-name>p{
font-size:21px;
color:#6c280d;
font-weight:bold;
height:2.5em;
}
.fac-read>p{
font-size:16px;
color:#222;
margin-bottom:10px;
height:8em;
text-align: justify;
text-justify: inter-ideograph;
}
.button-area {
width:100%;
margin:0 auto;
text-align:center;
overflow:hidden;
zoom:1;
clear:both;
}
.button {
margin:0px auto;
text-align:center;
width:180px;
}
.button a {
display:block;
background-color:#802b0a;
text-decoration:none;
text-align:center;
border-radius:100px;
box-shadow:0px 0px 10px #CCC;
transition: 0.3s ease;
}
.button a:hover {
background-color:#5a1f08;
transition: 0.3s ease;
}
.button a>p{
width:100%;
line-height:100%;
color:#fff;
position: relative;
padding:15px 0px;
font-size:14px;
}
.button a>p::before{
content: "";
position: absolute;
top:42%;
right: 20px;
width: 6px;
height: 6px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: 0.3s ease;
}
.button a:hover>p::before{
right: 15px;
transition: 0.3s ease;
}



@media screen and (min-width: 769px) and (max-width: 1199px){
.main-frame-inner{
width:100%;
}
.main-jackpod{
right:-100px;
width:700px;
height:534px;
}
.main-title-inner{
width:100%;
}
}
@media screen and (min-width: 500px) and (max-width: 768px){
.nv-box-inner{
width:400px;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
}
@media screen and (min-width: 248px) and (max-width: 768px){
.ori-sp-container{
padding-top:0px;
background-image:none;
}
.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%;
}

.main-wrap{
height:auto;
}
.main-wrap img{
width:100%;
height:auto;
}
.main-sp{
display:block;
margin:0 auto;
text-align:center;
}
.main-bg-head{
display:none;
height:auto;
}
.main-bg-left{
display:none;
height:auto;
}
.main-bg-right{
display:none;
height:auto;
}
.main-position{
display:none;
}

.summary-wrap{
width:94%;
padding-top:50px;
padding-bottom:50px;
}
.summary-bg-left{
background-image:none;
}
.summary-bg-right{
background-image:none;
}

.calender-wrap{
width:94%;
padding-bottom:30px;
}
.calender-box{
display: block;
margin:0 auto;
text-align:center;
}
.calender{
width:100%;
}
.calender-inner{
text-align:left;
}
.calender-title{
margin-bottom:4px;
}
.calender-btn-box{
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.calender-btn{
width:100%;
}
.calender-btn>p{
width:100%;
margin:0 auto;
text-align:center;
}

.bnr-wrap{
width:94%;
padding-bottom:50px;
}
.bnr-title{
width:100%;
margin-bottom:20px;
}
.bnr-title>h3{
font-size:18px;
line-height:130%;
}
.bnr-title>h3::before{
width: 40px;
}
.bnr-title>h3::after{
width: 40px;
}

.bnr-box>ul li{
width: 48%;
}
.bnr-box>ul li p{
width:100%;
margin:0 auto;
text-align:center;
}
.bnr-box>ul li p img{
border-radius:10px;
}

.nv-wrap{
width:94%;
padding-bottom:50px;
}
.nv-title{
width:100%;
margin-bottom:20px;
}
.nv-head-balloon{
width:246px;
}
.nv-head-balloon>p{
width:246px;
}
.nv-head-balloon>p span{
font-size:16px;
}
.nv-box{
display:block;
width:100%;
margin:0 auto;
text-align:center;
}
.nv-box-link>dl{
overflow:hidden;
zoom:1;
clear:both;
padding-bottom:20px;
margin-bottom:20px;
background-repeat:no-repeat;
background-position:center bottom;
background-image:url(/special/travel/cp_3renkyu_atm_2025/images/nv_arrow.png);
}
.nv-box-link>dl:last-child{
margin-bottom:0px;
}
.nv-box-link>dl dt{
float:left;
width:15%;
margin-bottom:0px;
}
.nv-box-link>dl dd{
padding-bottom:0px;
padding-left:2%;
width:83%;
float:right;
text-align:left;
background-image:none;
}
.nv-box-link>dl dd>p{
text-align:left;
padding-top:3%;
}
.nv-box-link>dl dd>p span:nth-of-type(1){
font-size:18px;
}
.nv-box-link>dl dd>p span:nth-of-type(2){
font-size:14px;
}
.nv-box-link>dl dd>p span:nth-of-type(3){
font-size:14px;
}
.nv-box-link>dl dd>p br{
display:none;
}

.menu-wrap{
margin-bottom:100px;
}
.menu-wrap:last-child{
margin-bottom:50px;
}
.menu-wrap-head-left{
background-position:left -100px top -50px;
}
.menu-wrap-head-right{
background-position:right -100px top -50px;
}
.menu-container{
width:94%;
padding-top:0px;
}
.menu-submain{
position:static;
width:100%;
height:auto;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.menu-submain img{
border-radius:0px;
}
.menu-submain .submain-sp-img{
display:block;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.menu-submain-title{
position:static;
top:0px;
left:0px;
width:100%;
height:auto;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.menu-submain-img-1{
display:none;
}
.menu-submain-img-2{
display:none;
}
.menu-submain-img-3{
display:none;
}
.menu-submain-name{
width:155px;
height:auto;
float:none;
margin:0 auto;
text-align:center;
}
.menu-submain-name-jp>p span:nth-of-type(1){
font-size:30px;
}
.menu-submain-name-jp>p span:nth-of-type(2){
font-size:18px;
}
.menu-submain-name-jp>p span:nth-of-type(3){
font-size:22px;
}
.menu-submain-ctach>p{
font-size:16px;
text-align:center;
}

.menu-fac-container{
top:0px;
}
.menu-fac-box{
padding-top:20px;
padding-left:10px;
padding-right:10px;
padding-bottom:20px;
}
.menu-fac-box>ul{
display:block;
}
.menu-fac-box>ul li{
width: 100%;	
margin-bottom:20px;
}
.fac-ov{
padding-top:15px;
padding-bottom:15px;
padding-left:15px;
padding-right:15px;
}
.fac-area{
margin-bottom:15px;
}
.fac-area>p{
font-size:12px;
}
.fac-area>p>span{
font-size:14px;
}
.fac-name>p{
font-size:18px;
height:auto;
}
.fac-read>p{
font-size:14px;
margin-bottom:15px;
height:auto;
}
.fac-read>p br{
display:none;
}
}
@media screen and (min-width: 248px) and (max-width: 499px){
.nv-box-inner{
width:100%;
margin-bottom:20px;
}
}