@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:50px;
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;*/
color:#222;
}
.f-min{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight:500;
}
.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;
}
.ori-sp-container .t-indent{
padding-left:1em;
text-indent:-1em;
}
.clear-area{
clear:both;
}
a.link{
	color:#610f17;
	text-decoration:underline;
}


.heder-wrap{
width:100%;
margin:0 auto;
text-align:center;
background-color:#fcf0df;
}
.bottom-frame-1,
.bottom-frame-2{
clear:both;
width:100%;
margin:0 auto;
text-align:center;
height:144px;
background-repeat:no-repeat;
background-position:top center;
}
.bottom-frame-1{
background-image:url(/special/travel/cp_koyo_atm_2025/images/bg_contents_bottom_1.jpg);
}
.bottom-frame-2{
background-image:url(/special/travel/cp_koyo_atm_2025/images/bg_contents_bottom_2.jpg);
}
@media screen and (min-width: 1900px){
.bottom-frame-1,
.bottom-frame-2{
background-size:cover;
}
}
@media screen and (min-width: 248px) and (max-width: 768px){
.bottom-frame-1,
.bottom-frame-2{
height:100px;
background-position:bottom center;
}
}


.main-wrap{
width:100%;
margin:0 auto;
text-align:center;
height:1104px;
}
.main-wrap img{
max-width:100%;
height:auto;
}
.main-sp{
display:none;
}
.bg-main-cloud-left,
.bg-main-cloud-right{
background-repeat:no-repeat;
height:490px;
}
.bg-main-cloud-left{
background-position:left top;
background-image:url(/special/travel/cp_koyo_atm_2025/images/main_cloud_left.png);
}
.bg-main-cloud-right{
background-position:right top;
background-image:url(/special/travel/cp_koyo_atm_2025/images/main_cloud_right.png);
}
.main-row{
width:100%;
margin:0 auto;
text-align:center;
position:relative;
height:1104px;
}
.main-leaves{
position:absolute;
width:100%;
margin:0 auto;
text-align:center;
top:0;
left:auto;
}
.main-leaves>p{
width:100%;
margin:0 auto;
text-align:center;
background-repeat:no-repeat;
background-position:center top;
background-image:url(/special/travel/cp_koyo_atm_2025/images/main_leaves_top.png);
height:236px;
}
.main-bottom-tree-left,
.main-bottom-tree-right{
position:absolute;
top:557px;
}
.main-bottom-tree-left{
left:0;
}
.main-bottom-tree-right{
right:0;
}
.main-tree-left,
.main-tree-right{
position:absolute;
top:0;
}
.main-tree-left{
left:0;
}
.main-tree-right{
right:0;
}
.main-travel-icon{
position:absolute;
width:100%;
margin:0 auto;
text-align:center;
top:47px;
}
.main-travel-icon>p{
width:1010px;
margin:0 auto;
text-align:center;
}
.main-fields{
position:absolute;
width:100%;
margin:0 auto;
text-align:center;
top:691px;
}
.main-fields>p{
position:absolute;
width:100%;
margin:0 auto;
text-align:center;
height:412px;
background-repeat:no-repeat;
background-position:center top;
background-image:url(/special/travel/cp_koyo_atm_2025/images/main_fields.png);
}
.main-glass-left,
.main-glass-right{
position:absolute;
top:738px;
}
.main-glass-left{
left:0;
}
.main-glass-right{
right:0;
}
.main-ill-left,
.main-ill-right{
position:absolute;
top:0;
}
.main-ill-left{
left:0;
}
.main-ill-right{
right:0;
}
.main-ill-bottom{
position:absolute;
width:100%;
margin:0 auto;
text-align:center;
top:494px;
left:auto;
}
.main-ill-bottom>p{
width:714px;
margin:0 auto;
text-align:center;
}
.main-name{
position:absolute;
width:100%;
margin:0 auto;
text-align:center;
top:149px;
left:auto;
}
.main-name>h2{
width:697px;
margin:0 auto;
text-align:center;
}
@media screen and (min-width: 769px) and (max-width: 1100px){
.main-tree-left{
left:-10%;
}
.main-tree-right{
right:-10%;
}
.main-ill-left{
left:-10%;
}
.main-ill-right{
right:-10%;
}
.main-name>h2{
width:610px;
}
}
@media screen and (min-width: 248px) and (max-width: 768px){
.main-wrap{
height:auto;
}
.main-wrap img{
width:100%;
height:auto;
}
.main-sp{
display:block;
width:100%;
margin:0 auto;
text-align:center;
}
.bg-main-cloud-left,
.bg-main-cloud-right{
height:auto;
}
.bg-main-cloud-left{
background-image:none;
}
.bg-main-cloud-right{
background-image:none;
}
.main-row{
display:none;
}
}



.nv-wrap{
width:100%;
margin:0 auto;
text-align:center;
padding-top:200px;
padding-bottom:170px;
}
.nv-wrap img{
max-width:100%;
height:auto;
}
.nv-row{
width:1010px;
margin:0 auto;
text-align:center;
}
.nv-title{
width:100%;
margin-bottom:50px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.nv-col>ul{
width: 100%;
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.nv-col>ul li{
width:182px;
padding-bottom:10px;
}
.nv-box{
position: relative;
height:95px;
width:100%;
margin:0 auto;
text-align:center;
}
.nv-box a{
	text-decoration:none;
	display:block;
}
.nv-box::before{
content: "";
position: absolute;
bottom:0;
left: 50%;
width: 4px;
height: 4px;
margin: auto;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
transition: 0.5s ease;
border-top: 1px solid #6b471b;
border-right: 1px solid #6b471b;
}
.nv-name{
position: relative;
width:100%;
margin:0 auto;
text-align:center;
background-repeat:repeat-x;
background-position:center bottom;
background-image:url(/special/travel/cp_koyo_atm_2025/images/nv_border.png);
}
.nv-name::before,
.nv-name::after{
content: "";
position: absolute;
top:0;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
height:52px;
width:34px;
}
.nv-name::before{
left: 0;
background-image:url(/special/travel/cp_koyo_atm_2025/images/nv_leaves_left.png);
}
.nv-name::after{
right: 0;
background-image:url(/special/travel/cp_koyo_atm_2025/images/nv_leaves_right.png);
}
.nv-name .pref{
width:91px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.nv-name .pref>p{
background-color:#945544;
border-radius:100px;
text-align:center;
}
.nv-name .pref>p span{
color:#fcf0df;
font-size:14px;
line-height:100%;
padding:8px 5px;
	text-align:center;
	display:block;
}
.nv-name .area{
width:100%;
margin:0 auto;
padding-bottom:23px;
text-align:center;
}
.nv-name .area>p{
color:#6b471b;
font-size:18px;
line-height:100%;
text-align:center;
}
@media screen and (min-width: 248px) and (max-width: 768px){
.nv-wrap{
padding-top:100px;
padding-bottom:70px;
}
.nv-row{
width:94%;
}
.nv-title{
margin-bottom:30px;
}
.nv-col>ul{
display: block;
}
.nv-col>ul li{
display:inline-block;
width:49%;
}
.nv-box{
position: relative;
height:95px;
width:100%;
margin:0 auto;
text-align:center;
}
.nv-box::before{
bottom:5px;
}
.nv-name::before,
.nv-name::after{
width:37px;
}
.nv-name .pref{
width:80px;
}
.nv-name .pref>p span{
font-size:12px;
}
.nv-name .area>p{
font-size:16px;
}
}


.area-wrap-bgn,
.area-wrap-bgw,
.area-wrap-bgb{
width:100%;
margin:0 auto;
text-align:center;
}
.area-wrap-bgn{
padding-bottom:100px;
}
.area-wrap-bgw{
background-color:#fff;
padding-top:250px;
padding-bottom:100px;
}
.area-wrap-bgb{
background-color:#fcf0df;
padding-top:250px;
padding-bottom:100px;
}
.area-wrap-bgn img,
.area-wrap-bgw img,
.area-wrap-bgb img{
max-width:100%;
height:auto;
}
.area-main{
position:relative;
height:705px;
}
.area-main-img{
position:absolute;
width:100%;
margin:0 auto;
text-align:center;
}
.area-main-img-row{
width:96.4%;
margin:0 auto;
text-align:center;
display: flex;
justify-content: center;
align-items: center;
height:705px;
}
.area-main-img-row.hakone,
.area-main-img-row.yamanashi,
.area-main-img-row.ishikawa,
.area-main-img-row.kyoto,
.area-main-img-row.miyajima{
border-radius:30px;
background-repeat:no-repeat;
background-position:center top;
background-attachment: scroll;
background-size:cover;
}
.area-main-img-row.hakone{
background-image:url(/special/travel/cp_koyo_atm_2025/images/img_submain_hakone.jpg);
}
.area-main-img-row.yamanashi{
background-image:url(/special/travel/cp_koyo_atm_2025/images/img_submain_yamanashi.jpg);
}
.area-main-img-row.ishikawa{
background-image:url(/special/travel/cp_koyo_atm_2025/images/img_submain_ishikawa.jpg);
}
.area-main-img-row.kyoto{
background-image:url(/special/travel/cp_koyo_atm_2025/images/img_submain_kyoto.jpg);
}
.area-main-img-row.miyajima{
background-image:url(/special/travel/cp_koyo_atm_2025/images/img_submain_miyajima.jpg);
}
.area-main-name{
width:475px;
height:201px;
margin:0 auto;
text-align:center;
background: rgba(63,41,10,0.55);
border-radius:30px;
display: flex;
justify-content: center;
align-items: center;
}
.area-main-name-inner{
width:100%;
margin:0 auto;
text-align:center;
}
.area-main-name-inner>p,
.area-main-name-inner>h3{
color:#fff;
line-height:100%;
letter-spacing: .15rem;
}
.area-main-name-inner>p{
margin-bottom:20px;
font-size:24px;
}
.area-main-name-inner>h3{
font-size:30px;
}

.area-main-ill-hakone,
.area-main-ill-yamanashi,
.area-main-ill-ishikawa,
.area-main-ill-kyoto,
.area-main-ill-miyajima{
position:absolute;
right:0;
z-index:5;
}
.area-main-ill-hakone{
bottom:-20px;
}
.area-main-ill-yamanashi{
bottom:10px;
}
.area-main-ill-ishikawa{
bottom:-10px;
}
.area-main-ill-kyoto{
bottom:10px;
}
.area-main-ill-miyajima{
bottom:10px;
}
@media screen and (min-width: 769px) and (max-width: 1100px){
.area-main-img-row{
width:98%;
}
}
@media screen and (min-width: 248px) and (max-width: 768px){
.area-wrap-bgn{
padding-bottom:30px;
}
.area-wrap-bgw{
padding-top:100px;
padding-bottom:30px;
}
.area-wrap-bgb{
padding-top:100px;
padding-bottom:30px;
}
.area-main{
height:400px;
}
.area-main-img-row{
width:100%;
height:400px;
}
.area-main-img-row.hakone,
.area-main-img-row.yamanashi,
.area-main-img-row.ishikawa,
.area-main-img-row.kyoto,
.area-main-img-row.miyajima{
border-radius:0px;
}
.area-main-name{
width:340px;
height:180px;
border-radius:20px;
}
.area-main-name-inner>p,
.area-main-name-inner>h3{
letter-spacing: .0rem;
}
.area-main-name-inner>p{
margin-bottom:10px;
font-size:18px;
}
.area-main-name-inner>h3{
font-size:22px;
}
.area-main-ill-hakone img,
.area-main-ill-yamanashi img,
.area-main-ill-ishikawa img,
.area-main-ill-kyoto img,
.area-main-ill-miyajima img{
width:70%;
height:auto;
}
.area-main-ill-hakone{
bottom:-20px;
right:-15%;
}
.area-main-ill-yamanashi{
bottom:-20px;
right:-15%;
}
.area-main-ill-ishikawa{
bottom:-20px;
right:-15%;
}
.area-main-ill-kyoto{
bottom:-20px;
right:-15%;
}
.area-main-ill-miyajima{
bottom:-20px;
right:-15%;
}
}

.fac-wrap{
width:100%;
margin:0 auto;
text-align:center;
}
.fac-wrap img{
max-width:100%;
height:auto;
}
.bg-fac-left{
background-repeat:no-repeat;
background-position:top 50px left;
background-image:url(/special/travel/cp_koyo_atm_2025/images/bg_leaves_left.png);
}
.bg-fac-right{
background-repeat:no-repeat;
background-position:top 50px right;
background-image:url(/special/travel/cp_koyo_atm_2025/images/bg_leaves_right.png);
}
.spot-row{
width:1010px;
margin:0 auto;
text-align:center;
padding-top:80px;
}
.spot-col{
margin-bottom:80px;
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.spot-img{
width:500px;
}
.spot-summary{
width:450px;
}
.spot-img img{
border-radius:30px;
}
.spot-summary-text{
/*height:470px;
vertical-align:middle;
display:table-cell;*/
text-align:left;
}
.spot-summary-area{
width:135px;
margin-bottom:15px;
}
.spot-summary-area>p{
background-color:#945544;
border-radius:100px;
text-align:center;
}
.spot-summary-area>p span{
display:block;
line-height:100%;
color:#fff;
font-size:16px;
padding:15px 5px;
text-align:center;
}
.spot-summary-name{
margin-bottom:20px;
}
.spot-summary-name>h4{
color:#6b471b;
font-size:30px;
}
.spot-summary-ctach{
margin-bottom:10px;
}
.spot-summary-ctach>p{
font-size:18px;
font-weight:bold;
}
.spot-summary-read{
margin-bottom:22px;
}
.spot-summary-read>p{
font-size:16px;
line-height:170%;
text-align: justify;
text-justify: inter-ideograph;
}
.spot-summary-info{
position:relative;
}
.spot-summary-info.box-1,
.spot-summary-info.box-2{
border-radius:30px;
}
.spot-summary-info.box-1{
background-color:#fff;
}
.spot-summary-info.box-2{
background-color:#fcf0df;
}
.spot-summary-info-ill{
position:absolute;
right:10px;
top:-20px;
z-index:5;
}
.spot-summary-info-title>h5{
background-color:#fe8b63;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
text-align:left;
}
.spot-summary-info-title>h5 p{
line-height:100%;
font-size:16px;
padding-top:14px;
padding-bottom:14px;
padding-left:30px;
color:#fff;
}
.spot-summary-info-text{
padding-top:15px;
padding-left:10px;
padding-right:10px;
	padding-bottom:15px;
	text-align:left;
}
.spot-summary-info-text>dl{
width:100%;
overflow:hidden;
zoom:1;
clear:both;
margin-bottom:10px;
}
.spot-summary-info-text>dl:last-child{
margin-bottom:0px;
}
.spot-summary-info-text>dl dt{
width:23%;
float:left;
}
.spot-summary-info-text>dl dd{
padding-left:2%;
width:75%;
float:right;
text-align:left;
}
.spot-summary-info-text>dl dt p{
width:100%;
margin:0 auto;
text-align:center;
background-color:#feb063;
border-radius:100px;
}
.spot-summary-info-text>dl dt p span{
display:block;
text-align:center;
line-height:100%;
color:#fff;
font-size:14px;
padding:7px 3px;
}
.spot-summary-info-text>dl dd p{
height:30px;
vertical-align:middle;
display:table-cell;
font-size:14px;
}
@media screen and (min-width: 769px) and (max-width: 1100px){
.bg-fac-left{
background-position:top -10px left -50px;
}
.bg-fac-right{
background-position:top -10px right -50px;
}
}
@media screen and (min-width: 248px) and (max-width: 768px){
.bg-fac-left{
background-image:none;
}
.bg-fac-right{
background-image:none;
}
.spot-row{
width:94%;
padding-top:60px;
}
.spot-col{
margin-bottom:50px;
display:block;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.spot-img{
width:100%;
margin-bottom:20px;
}
.spot-summary{
width:100%;
}
.spot-img img{
border-radius:20px;
}
.spot-summary-text{
height:auto;
display:block;
}
.spot-summary-area{
width:100px;
margin-bottom:10px;
}
.spot-summary-area>p span{
font-size:14px;
padding:12px 5px;
}
.spot-summary-name>h4{
font-size:22px;
}
.spot-summary-ctach{
margin-bottom:10px;
}
.spot-summary-ctach>p{
font-size:16px;
}
.spot-summary-read{
margin-bottom:28px;
}
.spot-summary-read>p{
font-size:14px;
line-height:150%;
}
.spot-summary-info.box-1,
.spot-summary-info.box-2{
border-radius:20px;
}
.spot-summary-info-ill{
right:-8%;
top:-20px;
}
.spot-summary-info-ill img{
width:80%;
height:auto;
}
.spot-summary-info-title>h5{
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.spot-summary-info-title>h5 p{
font-size:14px;
padding-top:12px;
padding-bottom:12px;
padding-left:15px;
}
.spot-summary-info-text>dl dt p span{
font-size:12px;
padding:5px 3px;
}
.spot-summary-info-text>dl dd p{
height:auto;
display:block;
font-size:12px;
}
}


.fac-row{
width:1050px;
margin:0 auto;
text-align:center;
}
.fac-title{
width:380px;
margin-bottom:30px;
margin-left:auto;
margin-right:auto;
text-align:center;
background-repeat:no-repeat;
background-position:center bottom;
background-image:url(/special/travel/cp_koyo_atm_2025/images/rec_title_balloon.png);
background-size:cover;
}
.fac-title>h3{
padding-top:5px;
padding-bottom:50px;
}
.fac-title>h3 p{
line-height:100%;
margin-bottom:10px;
font-size:26px;
letter-spacing: .1rem;
}
.fac-title>h3 span{
display:block;
lien-height:100%;
font-size:12px;
letter-spacing: .1rem;
font-weight:normal;
}
.fac-col{
/*display: -webkit-flex;
display: flex;
justify-content: space-between;*/
}
.fac-box{
width:310px;
margin:0 auto;
text-align:center;
}
.fac-img{
width:100%;
margin:0 auto;
text-align:center;
}
.fac-img img{
border-radius:30px;
}
.fac-text{
padding-top:15px;
padding-left:20px;
padding-right:20px;
text-align:left;
}
.fac-area{
display: -webkit-flex;
display: flex;
justify-content: space-between;
margin-bottom:15px;
}
.fac-area>p{
color:#555;
font-size:12px;
line-height:100%;.
}
.fac-area>p:nth-child(1){
text-align:left;
}
.fac-area>p:nth-child(2){
text-align:right;
}
.fac-name{
margin-bottom:10px;
}
.fac-name>p{
color:#6b471b;
font-size:20px;
font-weight:bold;
height:2em;
}
.fac-read{
margin-bottom:20px;
}
.fac-read>p{
font-size:14px;
height:5.5em;
text-align: justify;
text-justify: inter-ideograph;
color:#333;
}
.buttun{
width:170px;
margin:0 auto;
text-align:center;
}
.buttun>a{
width:100%;
margin:0 auto;
text-align:center;
display:block;
text-decoration:none;
background-color:#e84a00;
border-radius:100px;
transition: 0.5s ease;
}
.buttun>a:hover{
background-color:#b9420a;
transition: 0.5s ease;
}
.buttun>a p{
line-height:100%;
text-align:center;
font-size:14px;
padding-top:15px;
padding-bottom:15px;
padding-left:5px;
padding-right:5px;
color:#fff;
}
@media screen and (min-width: 769px) and (max-width: 1100px){
.fac-row{
width:1010px;
}
}
@media screen and (min-width: 248px) and (max-width: 768px){
.fac-row{
width:100%;
}
.fac-title{
width:350px;
margin-bottom:20px;
}
.fac-title>h3{
padding-top:5px;
padding-bottom:50px;
}
.fac-title>h3 p{
font-size:20px;
}
.fac-title>h3 span{
font-size:10px;
}
}






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

}