@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: "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;
background-position:left top;
background-repeat:repeat;
background-image:url(/special/travel/cp_onsen_2026/images/bg_contents.jpg);
}
.ori-sp-container .font-mincho{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: 500;
}

:root {
  --bg-1:#fff;
  --bg-2:#7c6a11;
  --bg-3:#c2b15a;
  --a-bg-1: #546fab;
  --a-bg-2: #aa9a83;
  --text-color-1: #5e500d;
  --text-color-2: #7c6a11;
  --text-color-3: #444;
  --text-color-4: #fff;
  --text-color-5: #333;
}
*,
*::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;
}

.main-wrap{
width:100%;
margin:0 auto;
text-align:center;
height:1010px;
background-repeat:no-repeat;
background-position:bottom center;
background-image:url(/special/travel/cp_onsen_2026/images/bg_main_bottom.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-left-item,
.main-right-item{
position:absolute;
top:0;
}
.main-left-item{
left:0;
}
.main-right-item{
right:0;
}
.main-oke{
position:absolute;
top:0;
left:auto;
width:100%;
margin:0 auto;
text-align:center;
p{
width:700px;
margin:0 auto;
text-align:center;
}
}
.main-duck{
position:absolute;
top:0;
left:auto;
width:100%;
margin:0 auto;
text-align:center;
p{
width:700px;
margin:0 auto;
text-align:center;
}
}

.main-balloon{
position:absolute;
top:0;
left:auto;
width:100%;
margin:0 auto;
text-align:center;
}
.main-balloon-inner{
width:1154px;
margin:0 auto;
text-align:center;
position:relative;

.left-balloon,
.right-balloon{
position:absolute;
}
.left-balloon{
left:0;
top:236px;
}
.right-balloon{
right:0;
top:121px;
}
}

.main-title{
width:100%;
margin:0 auto;
text-align:center;
position:absolute;
top:111px;
left:auto;

h2{
width:435px;
margin:0 auto;
text-align:center;
}
}

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


.summary-wrap{
width:100%;
margin:0 auto;
text-align:center;
}
.summary-wrap img{
max-width:100%;
height:auto;
}
.bg-summary{
padding-top:20px;
background-color:#fff;
}
.summary-bottom{
background-repeat:no-repeat;
background-position:bottom center;
background-image:url(/special/travel/cp_onsen_2026/images/bg_summary_bottom.png);
height:231px;
}
.summary-container{
width:1200px;
margin:0 auto;
text-align:center;
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.summary-container .img-box{
width:635px;
height:682px;
position:relative;
}
.summary-container .text-box{
width:565px;
}
.summary-container .img-box{
p{
position:absolute;
}
p:nth-child(1){
top:0;
left:0;
}
p:nth-child(2){
bottom:0;
right:0;
}
img{
border-radius:100%;
}
}
.summary-container .text-box-inner{
height:682px;
vertical-align:middle;
display:table-cell;
padding-right:95px;
}
.summary-container .text-box-inner .inner{
margin-bottom:40px;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-align:left;
h3{
line-height:180%;
margin-left: 30px;
font-size:28px;
font-weight:normal;
letter-spacing: .15rem;
}
p{
line-height:200%;
font-size:18px;
font-weight:normal;
letter-spacing: .15rem;
}
}
.summary-container .text-box-inner .ill{
display: flex;
justify-content: flex-end;
clear:both;
}
.summary-container .img-box-sp{
display:none;
}
@media screen and (min-width: 769px) and (max-width: 1024px){
.summary-container{
width:1010px;
}
.summary-container .img-box{
width:510px;
height:537px;
}
.summary-container .text-box{
width:450px;
}
.summary-container .text-box-inner{
height:auto;
display:block;
padding-right:0px;
}
.summary-container .text-box-inner .inner{
margin-bottom:30px;
float:right;
h3{
margin-left: 40px;
font-size:26px;
}
p{
font-size:16px;
}
}
.summary-container .img-box{
p:nth-child(2) img{
width:220px;
height:auto;
}
}
}
@media screen and (min-width: 248px) and (max-width: 768px){
.summary-bottom{
background-size:cover;
height:120px;
}
.summary-container{
padding-top:30px;
width:94%;
display:block;
}
.summary-container .text-box{
width:100%;
}
.summary-container .text-box-inner{
height:auto;
display:block;
padding-right:0px;
width:100%;
margin:0 auto;
text-align:center;
}
.summary-container .text-box-inner .inner{
width:100%;
margin:0 auto;
text-align:center;
writing-mode: unset;
h3{
line-height:160%;
margin-left: 0px;
margin-bottom: 15px;
font-size:20px;
text-align:left;
}
p{
line-height:160%;
font-size:15px;
letter-spacing: .0rem;
text-align: justify;
text-justify: inter-ideograph;
}
}
.summary-container .text-box-inner .ill{
display: block;
width:100%;
margin:20px auto 20px auto;
text-align:center;
}
.summary-container .img-box{
display:none;
}
.summary-container .img-box-sp{
display:block;
width:100%;
margin:0 auto;
text-align:center;
p:nth-child(1){
padding-bottom:10px;
}
p:nth-child(2){
/*display: flex;
justify-content: flex-end;*/
display: none;
}
img{
border-radius:100%;
}
}
}



.nv-wrap{
width:100%;
margin:0 auto 200px auto;
text-align:center;
position: relative;
}
.nv-wrap img{
max-width:100%;
height:auto;
}
.nv-container{
width:100%;
margin:0 auto;
text-align:center;
position:absolute;
top:-100px;
}
.nv-container .nv{
width:1010px;
margin:0 auto;
text-align:center;
}
.nv-container .nv>h4{
width:106px;
margin:0 auto 30px auto;
text-align:center;
}
.nv-container .nv>h4 p{
background-color:#5e500d;
border-radius:50px;
}
.nv-container .nv>h4 span{
display:block;
text-align:center;
line-height:100%;
color: var(--text-color-4);
font-size:16px;
padding:15px 10px 15px 10px;
letter-spacing: .15rem;
}


.nv-container .nv ul{
width: 100%;
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.nv-container .nv ul li{
width:200px;
}
.nv-container .nv ul li a{
display:block;
text-decoration:none;
}
.nv-container .nv ul li p{
width:100%;
margin:0 auto;
text-align:center;
position:relative;
}
.nv-container .nv ul li p::before,
.nv-container .nv ul li p::after{
content: "";
width: 25px;
height: 37px;
display: block;
position: absolute;
top: 0px;
background-repeat:no-repeat;
}
.nv-container .nv ul li p::before{
left:0;
background-position:left center;
background-image:url(/special/travel/cp_onsen_2026/images/nv_left.png);
}
.nv-container .nv ul li p::after{
right:0;
background-position:right center;
background-image:url(/special/travel/cp_onsen_2026/images/nv_right.png);
}
.nv-container .nv ul li p>span{
display:block;
text-align:center;
line-height:100%;
letter-spacing: .15rem;
}
.nv-container .nv ul li p>span:nth-child(1){
font-size:16px;
font-weight:bold;
margin-bottom:5px;
}
.nv-container .nv ul li p>span:nth-child(2){
font-size:13px;
font-weight:bold;
color:#666;
margin-bottom:10px;
}

@media screen and (min-width: 1010px) and (max-width: 1099px){

}
@media screen and (min-width: 248px) and (max-width: 768px){
.nv-container .nv{
width:94%;
}
.nv-container .nv ul li{
width:49%;
padding-bottom:15px;
}
.nv-container .nv ul li p>span{
display:block;
text-align:center;
line-height:100%;
letter-spacing: .15rem;
}
.nv-container .nv ul li p>span:nth-child(1){
font-size:14px;
padding-top:3px;
}
.nv-container .nv ul li p>span:nth-child(2){
font-size:11px;
margin-bottom:0px;
}
}


.menu-wrap{
width:100%:
padding-top:20px;
margin:0 auto;
text-align:center;
padding-bottom:180px;
}
.menu-wrap:nth-of-type(7){
padding-bottom:50px;
}
.bg-menu-head,
.bg-menu-foota{
width:100%;
margin:0 auto;
text-align:center;
background-repeat:no-repeat;
height:132px;
}
.bg-menu-head{
background-position:center top;
background-image:url(/special/travel/cp_onsen_2026/images/bg_contents_head.png);
}
.bg-menu-foota{
background-position:center bottom;
background-image:url(/special/travel/cp_onsen_2026/images/bg_contents_bottom.png);
}
.menu-bg-wht{
padding-top:50px;
background-color:var(--bg-1);
}
@media screen and (min-width: 248px) and (max-width: 768px){
.menu-wrap{
padding-bottom:70px;
}
.bg-menu-head,
.bg-menu-foota{
background-size:cover;
height:100px;
}
.menu-bg-wht{
padding-top:10px;
}
}


.submain-wrap{
width:100%;
margin:0 auto 80px auto;
text-align:center;
}
.submain-img{
width:96%;
height:580px;
margin:0 auto;
text-align:center;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
background-attachment: fixed;
border-radius:30px;
}
.submain-img.bg-1{
background-image:url(/special/travel/cp_onsen_2026/images/img_submain_1.jpg);
}
.submain-img.bg-2{
background-image:url(/special/travel/cp_onsen_2026/images/img_submain_2.jpg);
}
.submain-img.bg-3{
background-image:url(/special/travel/cp_onsen_2026/images/img_submain_3.jpg);
}
.submain-img.bg-4{
background-image:url(/special/travel/cp_onsen_2026/images/img_submain_4.jpg);
}
.submain-img.bg-5{
background-image:url(/special/travel/cp_onsen_2026/images/img_submain_5.jpg);
}
.submain-inner{
width:100%;
height:580px;
display: flex;
justify-content: center;
align-items: center;
}
.submain-inner>h2{
width:100%;
margin:0 auto;
text-align:center;
color:var(--text-color-4);
font-weight:normal;
span{
line-height:100%;
display:block;
font-size:20px;
margin-bottom:20px;
letter-spacing: .3rem;
}
p{
line-height:100%;
font-size:40px;
margin-bottom:40px;
position:relative;
letter-spacing: .3rem;
}
p::before{
content: "";
position: absolute;
top:60px;
left:0;
right:0;
width: 180px;
height: 1px;
background-color:#fff;
margin:0 auto;
text-align:center;
}
strong{
line-height:100%;
display:block;
font-size:20px;
letter-spacing: .3rem;
}
}
@media screen and (min-width: 248px) and (max-width: 768px){
.submain-wrap{
margin:0 auto 40px auto;
}
.submain-img{
		height:380px;
		border-radius:20px;
background-attachment: scroll;
}
.submain-inner{
height:380px;
}
.submain-inner>h2{
span{
font-size:16px;
margin-bottom:15px;
}
p{
font-size:30px;
margin-bottom:20px;
}
p::before{
top:40px;
width: 100px;
}
strong{
font-size:14px;
}
}
}

.area-info-wrap{
width:1245px;
margin:0 auto 60px auto;
text-align:center;
}
.area-info-wrap img{
max-width:100%;
height:auto;
}
.area-info-container{
position:relative;
height:606px;
img{
border-radius:100%;
}
}
.area-info-img-left-top,
.area-info-img-right-top{
overflow:hidden;
position:absolute;
top:0;
width:330px;
height:330px;
}
.area-info-img-left-bottom,
.area-info-img-right-bottom{
position:absolute;
bottom:0;
width:227px;
height:227px;
}
.area-info-img-left-top{
left:0;
}
.area-info-img-left-bottom{
left:7.5%;
}
.area-info-img-right-top{
right:0;
}
.area-info-img-right-bottom{
right:7.5%;
}
.area-info-summary{
position:absolute;
width:100%;
margin:0 auto;
text-align:center;
top:0;
left:auto;
}
.area-info-summary-inner{
width:440px;
margin:0 auto;
text-align:center;
padding:20px 0;
}
.area-info-summary-text{
/*margin-bottom:40px;*/
	position:relative;
	height:490px;
}
.area-info-text,
.area-info-kouno{
position:absolute;
height:490px;
top:0;
}
.area-info-text{
width:290px;
right:0;
text-align:left;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
.text-combine {
  -webkit-text-combine: horizontal;
  -ms-text-combine-horizontal: all;
  text-combine-upright: all;
}
.area-info-kouno{
width:113px;
left:0;
}
.area-info-text>h3{
font-size:24px;
margin-left:20px;
line-height:180%;
color: var(--text-color-1);
letter-spacing: .15rem;
font-weight:normal;
}
.area-info-text>p{
font-size:16px;
line-height:200%;
letter-spacing: .15rem;
}
.area-info-kouno-inner{
border-radius:20px;
background-color:#7c6a11;
	padding:10px 10px;
}
.area-info-kouno-inner>dl{
width:100%;
}
.area-info-kouno-inner>dl dt{
margin-bottom:20px;
}
.area-info-kouno-inner>dl dt p{
background-color:#f1f0eb;
border-radius:15px;
width:100%;
margin:0 auto;
text-align:center;
}
.area-info-kouno-inner>dl dt span{
display:block;
font-weight:bold;
line-height:100%;
color:#7c6a11;
font-size:14px;
text-align:center;
padding:15px 10px;
letter-spacing: .15rem;
}
.area-info-kouno-inner>dl dd{
	/*padding:0 25px;*/
	width:62px;
	margin:0 auto;
	text-align:center;
}
.area-info-kouno-inner>dl dd.col2{
	width:42px;
}
.area-info-kouno-inner>dl dd p{
line-height:150%;
font-size:14px;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
letter-spacing: .15rem;
text-align:left;
color:var(--text-color-4);
}
@media screen and (min-width: 1100px) and (max-width: 1244px){
.area-info-wrap{
width:1100px;
}
.area-info-img-left-top{
left:-3%;
}
.area-info-img-left-bottom{
left:5%;
}
.area-info-img-right-top{
right:-3%;
}
.area-info-img-right-bottom{
right:5%;
}
}
@media screen and (min-width: 769px) and (max-width: 1099px){
.area-info-wrap{
width:1010px;
}
.area-info-img-left-top{
left:-7%;
}
.area-info-img-left-bottom{
left:1.5%;
}
.area-info-img-right-top{
right:-7%;
}
.area-info-img-right-bottom{
right:1.5%;
}
.area-info-summary-inner{
width:370px;
}
.area-info-text{
width:200px;
}
.area-info-kouno{
width:90px;
}
.area-info-text>h3{
font-size:20px;
margin-left:10px;
line-height:160%;
}
.area-info-text>p{
font-size:15px;
line-height:180%;
}
.area-info-kouno-inner>dl{
width:100%;
}
.area-info-kouno-inner>dl dt{
margin-bottom:20px;
}
.area-info-kouno-inner>dl dt span{
font-size:13px;
}
.area-info-kouno-inner>dl dd p{
font-size:13px;
}
}
@media screen and (min-width: 248px) and (max-width: 768px){
.area-info-wrap{
width:94%;
margin:0 auto 40px auto;
}
.area-info-container{
height:auto;
	}
.area-img-box{
width:100%;
margin:0 auto 20px auto;
text-align:center;
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.area-info-img-left-top,
.area-info-img-right-top{
position:static;
width:48%;
height:48%;
}
.area-info-img-left-bottom,
.area-info-img-right-bottom{
position:static;
padding-top:20px;
width:40%;
height:40%;
}
.area-info-summary{
position:static;
}
.area-info-summary-inner{
width:100%;
margin:0 auto 20px auto;
padding:0 0;
}
.area-info-summary-text{
margin-bottom:30px;
	height:auto;
}
.area-info-text,
.area-info-kouno{
position:static;
height:auto;
}
.area-info-text{
width:100%;
right:0;
margin-bottom:20px;
text-align:left;
writing-mode: unset;
}
.area-info-kouno{
width:100%;
left:0;
}
.area-info-text>h3{
font-size:18px;
margin-left:0px;
margin-bottom:15px;
line-height:140%;
}
.area-info-text>p{
font-size:14px;
line-height:160%;
text-align: justify;
text-justify: inter-ideograph;
}
.area-info-text>h3 br,
.area-info-text>p br{
display:none;
}
.area-info-kouno-inner{
border-radius:20px;
background-color:#7c6a11;
padding:10px 10px;
}
.area-info-kouno-inner>dl{
width:100%;
overflow:hidden;
zoom:1;
clear:both;
}
.area-info-kouno-inner>dl dt{
margin-bottom:0px;
float:left;
width:20%;
}
.area-info-kouno-inner>dl dt p{
background-color:#f1f0eb;
border-radius:15px;
width:100%;
margin:0 auto;
text-align:center;
}
.area-info-kouno-inner>dl dt span{
display:block;
font-weight:bold;
line-height:100%;
color:#7c6a11;
font-size:12px;
text-align:center;
padding:15px 10px;
letter-spacing: .15rem;
}
	.area-info-kouno-inner>dl dd,
	.area-info-kouno-inner>dl dd.col2{
padding-left:2%;
width:78%;
float:right;
text-align:left;
	}
.area-info-kouno-inner>dl dd p{
line-height:150%;
font-size:14px;
writing-mode: unset;
}
.area-info-kouno-inner>dl dd p br{
display:none;
	}
.text-combine {
  -webkit-text-combine: none;
  -ms-text-combine-horizontal: none;
  text-combine-upright: none;
}
}

.yado-nv{
width:100%;
margin:0 auto 140px auto;
text-align:center;
}
.yado-nv>ul{
width: 100%;
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.yado-nv>ul li{
width:161px;
padding-bottom:10px;
}
.yado-nv>ul li a{
display:block;
text-decoration:none;
width:100%;
margin:0 auto;
text-align:center;
background-color: var(--a-bg-2);
border-radius:50px;
p{
line-height:100%;
color: var(--text-color-4);
font-size:13px;
text-align:center;
padding:20px 10px;
position:relative;
}
p::before{
content: "";
position: absolute;
top:45%;
right: 10px;
width: 5px;
height: 5px;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
transition: 0.3s ease;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}
}

@media screen and (min-width: 248px) and (max-width: 768px){
	.yado-nv{
margin:0 auto 70px auto;
}
.yado-nv>ul li{
width:30%;
	}
.yado-nv>ul li a{
p{
font-size:11px;
padding:20px 5px;
}
p::before{
content: "";
position: absolute;
top:auto;
right: auto;
left:50%;
			bottom:20%;
			border-top: 2px solid #fff;
border-right: 2px solid #fff
}
}
}

.yado-wrap{
width:100%;
margin:0 auto;
text-align:center;
}
.yado-wrap img{
max-width:100%;
height:auto;
}
.bg-yado-left,
.bg-yado-right{
background-repeat:no-repeat;
}
.bg-yado-left{
background-position:top left;
background-image:url(/special/travel/cp_onsen_2026/images/bg_yado_left.png);
}
.bg-yado-right{
background-position:top 110px right;
background-image:url(/special/travel/cp_onsen_2026/images/bg_yado_right.png);
}
.yado-container{
width:1010px;
margin:0 auto;
text-align:center;
}
.yado-container>h4{
width:390px;
margin:0 auto 40px auto;
text-align:center;
span{
display:block;
margin-bottom:10px;
}
p{
position:relative;
line-height:100%;
font-size:20px;
font-weight:bold;
}
p::before,
p::after{
content: "";
position: absolute;
top:45%;
width: 60px;
height: 1px;
background-color:#222;
}
p::before{
left: 0px;
}
p::after{
right: 0px;
}
	}
	
.yado-col{
padding-bottom:80px;
}
.yado-col>h4{
width:390px;
margin:0 auto 40px auto;
text-align:center;
p{
position:relative;
line-height:100%;
font-size:20px;
font-weight:bold;
}
p::before,
p::after{
content: "";
position: absolute;
top:45%;
width: 60px;
height: 1px;
background-color:#222;
}
p::before{
left: 0px;
}
p::after{
right: 0px;
}
}
.yado-list>ul{
width: 100%;
display: -webkit-flex;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.yado-list>ul li{
padding-right:25px;
padding-bottom:25px;
}
.yado-list>ul li:nth-child(3n){
padding-right:0px;
}
.yado-box{
width:320px;
margin:0 auto;
text-align:center;
background-color: var(--bg-1);
border-radius:30px;
}
.yado-box.border{
border:2px solid #f0eacd;
box-sizing:border-box;
}
.yado-img{
padding:5px 5px 0px 5px;
img{
border-radius:25px;
}
}
.yado-info{
padding:20px 20px;
text-align:left;
}
.yado-area{
margin-bottom:15px;
display: -webkit-flex;
display: flex;
justify-content: space-between;
p{
font-size:12px;
color:#444;
line-height:100%;
}
p:nth-child(1){
text-align:left;
}
p:nth-child(2){
text-align:right;
}
}
.yado-name{
margin-bottom:10px;
p{
height:2.5em;
font-size:20px;
color: var(--text-color-2);
		line-height:130%;
		font-weight:bold;
}
}
.yado-read{
margin-bottom:10px;
p{
height:2.8em;
font-size:14px;
color: var(--text-color-5);
}
}
.yado-onsen{
margin-bottom:15px;
}
.yado-onsen-box{
background-color:var(--bg-3);
border-radius:12px;
padding:7px 10px 7px 10px;
}
.yado-onsen-box>dl{
width:100%;
overflow:hidden;
zoom:1;
clear:both;
}
.yado-onsen-box>dl dt{
width:17%;
float:left;
}
.yado-onsen-box>dl dd{
padding-left:2%;
width:81%;
float:right;
text-align:left;
}
.yado-onsen-box>dl dt p{
border-radius:100%;
background-color:#faefbb;
width:45px;
margin:0 auto;
text-align:center;
height:45px;
}
.yado-onsen-box>dl dt p img{
border-radius:100%;
}
.yado-onsen-box>dl dd p{
height:45px;
vertical-align:middle;
display:table-cell;
color:var(--text-color-4);
font-size:13px;
font-weight:bold;
}
@media screen and (min-width: 248px) and (max-width: 768px){
.bg-yado-left{
background-image:none;
}
.bg-yado-right{
background-image:none;
}
.yado-container{
width:94%;
}
.yado-container>h4{
width:350px;
margin:0 auto 30px auto;
p{
font-size:17px;
}
p::before,
p::after{
width: 50px;
}
}

.yado-col{
padding-bottom:50px;
}
.yado-col>h4{
width:350px;
margin:0 auto 30px auto;
p{
font-size:17px;
}
p::before,
p::after{
width: 50px;
}
}

.yado-list>ul{
display:block;
}
.yado-list>ul li{
padding-right:0px;
padding-bottom:20px;
}

.yado-name{
margin-bottom:15px;
p{
height:auto;
}
}
.yado-read{
margin-bottom:15px;
p{
height:auto;
}
}

}
	
	
.buttun-area{
width:100%;
margin:0 auto;
text-align:center;
}
.buttun-1,
.buttun-2{
margin:0 auto;
text-align:center;
background-color: var(--a-bg-1);
border-radius:100px;
}
.buttun-1{
width:320px;
}
.buttun-2{
width:190px;
}
.buttun-1 a,
.buttun-2 a{
text-decoration:none;
display:block;
width:100%;
margin:0 auto;
text-align:center;
}
.buttun-1 a>p,
.buttun-2 a>p{
position:relative;
text-align:center;
line-height:100%;
color:var(--text-color-4);
}
.buttun-1 a>p{
font-size:16px;
padding:20px 10px;
}
.buttun-2 a>p{
font-size:14px;
padding:15px 10px;
}
.buttun-1 a>p::before,
.buttun-2 a>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){

}






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