@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;
background-repeat:repeat;
background-position:center top;
background-image:url(/special/travel/cp_koyo_atm_2026/images/bg_base.jpg);
}
.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-base_1: #41251d;/*ベース茶*/
  --cl-base_2:#fff;/*ベース白*/
  --cl-nv:#9c3f38;/*ナビ*/
  --cl-title: #79510f;/*メニュータイトル*/
  --cl-area: #666;/*エリア*/
  --cl-fac: #794c13;/*施設名*/
  --cl-1:#ae6305;/*見頃とか*/
  --bg-info: #c77208;/*インフォボックス*/
  --bg-info-cate: #6b5531;/*インフォボックスカテゴリ*/
  --bg-link: #d14906;
  --bg-link-hover: #a03c0b;
}
*,
*::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;
height:891px;
}
.main-wrap img{
max-width:100%;
height:auto;
}
.main-sp{
display:none;
}
.main-bg{
background-repeat:no-repeat;
background-position:center top;
background-image:url(/special/travel/cp_koyo_atm_2026/images/main_bg.png);
height:849px;
}
.main-container{
width:1060px;
margin:0 auto;
text-align:center;
position:relative;
}
.main-ill{
position:absolute;
top:298px;
right:178px;
}
.main-ctach{
position:absolute;
top:69px;
right:38px;
}
.main-title{
position:absolute;
top:188px;
left:14px;
}

@media screen and (min-width: 801px) and (max-width: 1059px){
.main-container{
width:1010px;
}
}
@media screen and (min-width: 248px) and (max-width: 800px){
.main-wrap{
height:auto;
}
.main-wrap img{
width:100%;
height:auto;
	}
.main-sp{
display:block;
width:100%;
margin:0 auto;
text-align:center;
}
.main-bg{
background-image:none;
height:auto;
}
.main-container{
display:none;
}
}

.nv-wrao{
width:100%;
margin:0 auto;
text-align:center;
position:relative;
padding:66px 0 204px 0;
img{
max-width:100%;
height:auto;
}
}
.nv-leaves-left,
.nv-leaves-right{
position:absolute;
top:-290px;
}
.nv-leaves-left{
left:0;
}
.nv-leaves-right{
right:0;
}
.nv-container{
width:1070px;
margin:0 auto;
text-align:center;
h3{
width:180px;
margin:0 auto 40px auto;
text-align:center;
padding:0 0 20px 0;
background-repeat:no-repeat;
background-position:center bottom;
background-image:url(/special/travel/cp_koyo_atm_2026/images/nv_title_line.png);
position:relative;
font-size:18px;
line-height:100%;
color:var(--cl-nv);
letter-spacing: .15rem;
}
h3::before,
h3::after{
content: "";
width: 33px;
height: 31px;
display: block;
position: absolute;
top: -7px;
background-repeat:no-repeat;
background-position:center top;
}
h3::before{
left:0;
background-image:url(/special/travel/cp_koyo_atm_2026/images/nv_title_left.png);
}
h3::after{
right:0;
background-image:url(/special/travel/cp_koyo_atm_2026/images/nv_title_right.png);
}
}
.nv-list{
width:100%;
margin:0 auto;
text-align:center;
ul{
width: 100%;
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
ul li{
width: 180px;
padding-bottom:10px;
}
ul li a{
width:100%;
margin:0 auto;
text-align:center;
display:block;
text-decoration:none;
background-repeat:no-repeat;
background-position:center top;
height:180px;
}
ul li a.bg1{
background-image:url(/special/travel/cp_koyo_atm_2026/images/nv_1.png);
}
ul li a.bg2{
background-image:url(/special/travel/cp_koyo_atm_2026/images/nv_2.png);
}
ul li a.bg3{
background-image:url(/special/travel/cp_koyo_atm_2026/images/nv_3.png);
}
ul li a.bg4{
background-image:url(/special/travel/cp_koyo_atm_2026/images/nv_4.png);
}
ul li a.bg5{
background-image:url(/special/travel/cp_koyo_atm_2026/images/nv_5.png);
}
ul li a p{
padding-top:115px;
}
ul li a p>span{
width: 180px;
display:block;
text-align:center;
height:38px;
vertical-align:middle;
display:table-cell;
color:var(--cl-base_2);
font-weight:100;
line-height:120%;
font-size:16px;
		position:relative;
		margin: auto;
		text-align:center;
}
ul li a p>span::before{
content: "";
width: 6px;
height: 6px;
display: block;
position: absolute;
bottom: -20px;
left: 50%;
margin: auto;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
transform: rotate(-135deg);
transform-origin:left top;
transform-origin:0 0;
	}
}
@media screen and (min-width: 801px) and (max-width: 1069px){
.nv-container{
width:1010px;
}
}
@media screen and (min-width: 248px) and (max-width: 800px){
.nv-wrao{
padding:40px 0 80px 0;
}
.nv-container{
width:96%;
}
}


.menu-wrap{
width:100%;
margin:0 auto 200px auto;
text-align:center;
img{
max-width:100%;
height:auto;
}
}
.menu-wrap:nth-of-type(7){
margin:0 auto 70px auto;
}
.menu-bg-top{
background-repeat:no-repeat;
background-position:center top;
background-image:url(/special/travel/cp_koyo_atm_2026/images/menu_bg_top.png);
height:307px;
}
.menu-bg-bottom{
background-repeat:no-repeat;
background-position:center bottom;
background-image:url(/special/travel/cp_koyo_atm_2026/images/menu_bg_bottom.png);
height:143px;
}
.menu-bg-contants{
background-repeat:repeat;
background-position:center top;
background-image:url(/special/travel/cp_koyo_atm_2026/images/menu_contents_bg.png);
}
.menu-container{
width:100%;
margin:0 auto;
text-align:center;
}
.menu-container-bg-left,
.menu-container-bg-right{
background-repeat:no-repeat;
}
.menu-container-bg-left{
background-position:top 111px left;
}
.menu-container-bg-right{
background-position:top 111px right;
}
.menu-container-bg-left.bg-left-1{
background-image:url(/special/travel/cp_koyo_atm_2026/images/menu_leaves_left_1.png);
}
.menu-container-bg-left.bg-left-2{
background-image:url(/special/travel/cp_koyo_atm_2026/images/menu_leaves_left_2.png);
}
.menu-container-bg-right.bg-right-1{
background-image:url(/special/travel/cp_koyo_atm_2026/images/menu_leaves_right_1.png);
}
.menu-container-bg-right.bg-right-2{
background-image:url(/special/travel/cp_koyo_atm_2026/images/menu_leaves_right_2.png);
}
@media screen and (min-width: 248px) and (max-width: 1100px){
.menu-container-bg-left.bg-left-1,
.menu-container-bg-left.bg-left-2,
.menu-container-bg-right.bg-right-1,
.menu-container-bg-right.bg-right-2{
background-image:none;
}
}
@media screen and (min-width: 248px) and (max-width: 768px){
.menu-wrap{
margin:0 auto 80px auto;
}
.menu-wrap:nth-of-type(7){
margin:0 auto 40px auto;
}
.menu-bg-top{
background-image:url(/special/travel/cp_koyo_atm_2026/images/menu_bg_top_sp.png);
height:225px;
}
}


.menu-spot{
width:1090px;
margin:0 auto 60px auto;
text-align:center;
}
.menu-spot-title-1,
.menu-spot-title-2{
width:565px;
margin:0 auto 60px auto;
text-align:center;
}
.menu-spot-title-1>span,
.menu-spot-title-2>span{
display:block;
margin:0 auto 30px auto;
text-align:center;
}
.menu-spot-title-1>h3,
.menu-spot-title-2>h3{
width:100%;
margin:0 auto;
text-align:center;
	position:relative;
	font-weight:100;
}
.menu-spot-title-1>h3::before,
.menu-spot-title-1>h3::after,
.menu-spot-title-2>h3::before,
.menu-spot-title-2>h3::after{
content: "";
width: 46px;
height: 70px;
display: block;
position: absolute;
top: 0px;
background-repeat:no-repeat;
background-position:top center;
}
.menu-spot-title-1>h3::before{
	background-image:url(/special/travel/cp_koyo_atm_2026/images/menu_title_left_1.png);
	left:0;
}
.menu-spot-title-1>h3::after{
	background-image:url(/special/travel/cp_koyo_atm_2026/images/menu_title_right_1.png);
	right:0;
}
.menu-spot-title-2>h3::before{
	background-image:url(/special/travel/cp_koyo_atm_2026/images/menu_title_left_2.png);
	left:0;
}
.menu-spot-title-2>h3::after{
	background-image:url(/special/travel/cp_koyo_atm_2026/images/menu_title_right_2.png);
	right:0;
}
.menu-spot-title-1>h3>p,
.menu-spot-title-2>h3>p{
text-align:center;
line-height:100%;
margin:0 auto 15px auto;
font-size:44px;
}
.menu-spot-title-1>h3>p{
color:var(--cl-base_2);
}
.menu-spot-title-2>h3>p{
color:var(--cl-title);
}
.menu-spot-title-1>h3>strong,
.menu-spot-title-2>h3>strong{
text-align:center;
line-height:100%;
font-size:30px;
letter-spacing: .15rem;
}
.menu-spot-title-1>h3>strong{
color:var(--cl-base_2);
}
.menu-spot-title-2>h3>strong{
color:var(--cl-title);
}

.menu-spot-box{
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.menu-spot-img{
width:542px;
}
.menu-spot-summary{
width:494px;
}
.menu-spot-img-box{
width:100%;
margin:0 auto;
text-align:center;
img{
border-radius:100%;
}
}
.menu-spot-summary-box{
height:542px;
vertical-align:middle;
display:table-cell;
text-align:left;
}

.menu-spot-title{
margin-bottom:25px;
h4{
font-size:28px;
		letter-spacing: .15rem;
		font-weight:100;
}
h4.cl1{
color:var(--cl-base_2);
}
h4.cl2{
color:var(--cl-base_1);
}
}
.menu-spot-read{
margin-bottom:50px;
p{
font-size:18px;
line-height:180%;
		letter-spacing: .15rem;
		text-align: justify;
}
p.cl1{
color:var(--cl-base_2);
}
p.cl2{
color:var(--cl-base_1);
}
}
.menu-spot-info{
background-color:var(--cl-base_2);
border:3px solid #c77208;
box-sizing:border-box;
border-radius:20px;
position:relative;
}
.menu-spot-balloon{
position:absolute;
top:-15px;
right:-10px;
z-index:5;
}
.menu-spot-info>h5{
border-top-left-radius:15px;
border-top-right-radius: 15px;
background-color:var(--bg-info);
text-align:left;
p{
font-size:18px;
line-height:100%;
padding:15px 25px 15px 25px;
color:var(--cl-base_2);
font-weight:100;
letter-spacing: .15rem;
}
}
.menu-spot-summary{
padding:15px 20px 5px 10px;
text-align:left;
dl{
width:100%;
margin:0 0 10px 0;
overflow:hidden;
zoom:1;
clear:both;
}
dl dt{
width:22%;
float:left;
}
dl dd{
padding-left:1%;
width:77%;
float:right;
text-align:left;
}
dl dt>p{
width:100%;
margin:0 auto;
text-align:center;
background-color:var(--bg-info-cate);
border-radius:30px;
}
dl dt>p span{
display:block;
width:100%;
margin:0 auto;
text-align:center;
color:var(--cl-base_2);
font-size:14px;
font-weight:100;
line-height:100%;
padding:11px 5px;
}
dl dd>p{
		font-size:14px;
		font-weight:100;
		color:var(--cl-base_1);
		height:34px;
vertical-align:middle;
		display:table-cell;
		line-height:130%;
}
dl dd>p.pad10{
padding-top:10px;
}
dl dd>p.migoro{
color:var(--cl-1);
}
}

@media screen and (min-width: 801px) and (max-width: 1089px){
.menu-spot{
width:98%;
}
.menu-spot-img{
width:542px;
}
.menu-spot-summary{
width:430px;
}
}
@media screen and (min-width: 248px) and (max-width: 800px){
.menu-spot{
width:94%;
margin:0 auto 40px auto;
}
.menu-spot-title-1,
.menu-spot-title-2{
width:380px;
margin:0 auto 30px auto;
}
.menu-spot-title-1>span,
.menu-spot-title-2>span{
margin:0 auto 2px auto;
}
.menu-spot-title-1>h3::before,
.menu-spot-title-1>h3::after,
.menu-spot-title-2>h3::before,
.menu-spot-title-2>h3::after{
width: 30px;
height: 46px;
background-size:cover;
}
.menu-spot-title-1>h3>p,
.menu-spot-title-2>h3>p{
margin:0 auto 10px auto;
font-size:30px;
}
.menu-spot-title-1>h3>strong,
.menu-spot-title-2>h3>strong{
font-size:20px;
}

.menu-spot-box{
display:block;
}
.menu-spot-img{
width:100%;
margin:0 auto 50px auto;
text-align:center;
}
.menu-spot-summary{
width:100%;
}
.menu-spot-img-box{
img{
border-radius:30px;
}
}
.menu-spot-summary-box{
height:auto;
display:block;
}

.menu-spot-title{
margin-bottom:15px;
h4{
font-size:22px;
}
}
.menu-spot-read{
margin-bottom:30px;
p{
font-size:14px;
line-height:150%;
}
}
.menu-spot-balloon{
right:0px;
}
.menu-spot-info>h5{
p{
font-size:14px;
padding:10px 20px 10px 20px;
}
}
.menu-spot-summary{
padding:10px 15px 5px 10px;
text-align:left;
dl dt{
width:100%;
float:none;
margin:0 auto 10px auto;
text-align:center;
}
dl dd{
padding-left:0%;
width:100%;
float:none;
}
dl dt>p{
border-radius:20px;
}
dl dt>p span{
font-size:12px;
}
dl dd>p{
		font-size:12px;
		height:auto;
		display:block;
}
}
}



.menu-fac{
width:1010px;
margin:0 auto;
	text-align:center;
h4{
margin-bottom:40px;
		color:var(--cl-base_2);
		font-weight:100;
}
h4.cl{
color:var(--cl-title);
}
h4 span{
display:block;
margin-bottom:15px;
}
h4 p{
font-size:30px;
letter-spacing: .15rem;
line-height:100%;
margin-bottom:12px;
}
h4 strong{
font-size:13px;
letter-spacing: .15rem;
line-height:100%;
		display:block;
		font-weight:normal;
}
}
.menu-fac-list ul{
width: 100%;
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.menu-fac-list ul li{
width:320px;
padding-bottom:25px;
}
.menu-fac-box{
width:100%;
border:3px solid #d49c56;
background-color:var(--cl-base_2);
box-sizing:border-box;
border-radius:30px;
}
.menu-fac-img{
	padding:5px 5px 0px 5px;
	p{
		width:100%;
		margin:0 auto;
		text-align:center;
}
img{
border-radius:25px;
}
}
.menu-fac-summary{
padding:15px 20px 15px 20px;
text-align:left;
}
.menu-fac-area{
display: -webkit-flex;
display: flex;
	justify-content: space-between;
	margin-bottom:15px;
p{
font-size:12px;
line-height:100%;
color:var(--cl-area);
}
p:nth-child(1){
text-align:left;
}
p:nth-child(2){
text-align:right;
}
}
.menu-fac-name{
margin-bottom:10px;
p{
font-size:21px;
color:var(--cl-fac);
font-weight:100;
		height:2.5em;
		line-height:130%;
}
}
.menu-fac-read{
margin-bottom:10px;
p{
font-size:14px;
color:var(--cl-base_1);
font-weight:100;
height:5.2em;
		line-height:130%;
		text-align: justify;
}
}

.btn-area{
width:100%;
margin:0 auto;
text-align:center;
}
.buttun{
width:166px;
margin:0 auto;
text-align:center;
}
.buttun>a{
text-decoration:none;
display:block;
width:100%;
margin:0 auto;
text-align:center;
border-radius:100px;
transition: 0.5s ease;
background-color: var(--bg-link);
p{
text-align:center;
line-height:100%;
font-size:13px;
color: var(--cl-base_2);
padding:15px 5px 15px 5px;
position:relative;
font-weight:normal;
}
p::before{
content: "";
position: absolute;
top:45%;
right: 20px;
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;
}
}

@media screen and (min-width: 248px) and (max-width: 768px){
.menu-fac{
width:94%;
h4 span{
display:block;
margin-bottom:10px;
}
h4 p{
font-size:22px;
margin-bottom:10px;
}
h4 strong{
}
}
.menu-fac-list ul li{
margin:0 auto;
text-align:center;
}
}


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