@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;
padding-bottom:30px;
font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-weight:500;
color:#333;
background-image:url(/special/travel/cp_newyear_2026/images/bg_contents.png);
background-repeat:repeat;
background-position:center top;
}
.ori-sp-container .font-mincho{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: 500;
}

:root {
  --cl-base: #333;
  --cl-gray:#666666;/*エリア*/
  --cl-brown:#68301d;/*施設名*/
  --cl-white: #fff;
  --bg-link: #b83233;
  --bg-link-hover: #aa3132;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

.ori-sp-container a.link{
color:#624409;
text-decoration:underline;
}
.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%;
height:683px;
margin:0 auto;
text-align:center;
background-image:url(/special/travel/cp_newyear_2026/images/main_bg.jpg);
background-repeat:repeat;
background-position:center top;
}
.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-tree-left,
.main-tree-right{
position:absolute;
top:0;
}
.main-tree-left{
left:0;
}
.main-tree-right{
right:0;
}
.main-tree-left>p,
.main-tree-right>p{
overflow:hidden;
}
.main-sun{
position:absolute;
top:0;
width:100%;
margin:0 auto;
text-align:center;
left:auto;
right:auto;
}
.main-sun>p{;
width:698px;
margin:0 auto;
text-align:center;
}
.main-cloud{
position:absolute;
top:0;
width:100%;
margin:0 auto;
text-align:center;
left:auto;
right:auto;
}
.main-cloud>p{;
width:940px;
margin:0 auto;
text-align:center;
}
.main-mt{
position:absolute;
top:359px;
width:100%;
margin:0 auto;
text-align:center;
left:auto;
right:auto;
}
.main-mt>p{;
width:100%;
margin:0 auto;
text-align:center;
height:325px;
background-image:url(/special/travel/cp_newyear_2026/images/main_mt.png);
background-repeat:repeat;
background-position:top center;
}
.main-ff{
position:absolute;
top:354px;
width:100%;
margin:0 auto;
text-align:center;
left:auto;
right:auto;
}
.main-ff>p{;
width:535px;
margin:0 auto;
text-align:center;
}
.main-sheep-left,
.main-sheep-right{
position:absolute;
top:320px;
}
.main-sheep-left{
left:0;
}
.main-sheep-right{
right:0;
}
.main-balloon{
position:absolute;
top:30px;
width:100%;
margin:0 auto;
text-align:center;
left:auto;
right:auto;
}
.main-balloon>p{;
width:1010px;
margin:0 auto;
text-align:center;
}
.main-2027{
position:absolute;
top:528px;
width:100%;
margin:0 auto;
text-align:center;
left:auto;
right:auto;
}
.main-2027>p{;
width:424px;
margin:0 auto;
text-align:center;
}
.main-title{
position:absolute;
top:58px;
width:100%;
margin:0 auto;
text-align:center;
left:auto;
right:auto;
}
.main-title>h2{;
width:550px;
margin:0 auto;
text-align:center;
}
@media screen and (min-width: 801px) and (max-width: 1059px){

}
@media screen 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;
}
.main-container{
display:none;
}
}


.cal-wrap{
width:1010px;
margin:0 auto 120px auto;
text-align:center;
padding:130px 0 0 0;
}
.cal-wrap img{
max-width:100%;
height:auto;
}
.cal-title{
width:320px;
margin:0 auto 50px auto;
text-align:center;
p{
margin-bottom:15px;
}
h3{
font-size:26px;
font-weight:bold;
line-height:100%;
color:var(--cl-white);
		position:relative;
		letter-spacing: .25rem;
}
h3::before,
h3::after{
content: "";
position: absolute;
bottom:0;
width: 44px;
height: 55px;
background-repeat:no-repeat;
background-position:top center;
}
h3::before{
left:0;
background-image:url(/special/travel/cp_newyear_2026/images/title_side_left.png);
}
h3::after{
right:0;
background-image:url(/special/travel/cp_newyear_2026/images/title_side_right.png);
}
}
.cal-btn{
margin-bottom:50px;
}
.cal-btn>ul{
width: 100%;
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
li{
padding-bottom:5px;
	}
	li p{
		width: 100%;
		margin:0 auto;
		text-align:center;
}
}
.cal-buttun{
width:450px;
margin:0 auto;
text-align:center;
}
.cal-buttun>a{
width:100%;
margin:0 auto;
text-align:center;
display:block;
text-decoration:none;
border-radius:100px;
background-color:#b83233;
border:3px solid #fff;
box-sizing:border-box;
transition: 0.5s ease;
p{
text-align:center;
line-height:100%;
color:var(--cl-white);
font-size:18px;
font-weight:bold;
padding:30px 20px;
position:relative;
}
p::before{
content: "";
position: absolute;
top:45%;
right: 25px;
width: 10px;
height: 10px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: 0.5s ease;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}
}
.cal-buttun>a:hover p::before{
right: 20px;
}
@media screen and (max-width: 768px) {
.cal-wrap{
width:94%;
margin:0 auto 60px auto;
padding:60px 0 0 0;
}
.cal-title{
width:300px;
margin:0 auto 30px auto;
text-align:center;
p{
margin-bottom:10px;
}
h3{
font-size:20px;
letter-spacing:0rem;
}
h3::before,
h3::after{
width: 30px;
height: 38px;
background-size:cover;
}
}
.cal-btn{
margin-bottom:30px;
}
.cal-btn>ul{
li{
width:32%;
padding-bottom:8px;
}
}
.cal-buttun{
width:300px;
}
.cal-buttun>a{
border:2px solid #fff;
p{
font-size:16px;
line-height:130%;
padding:20px 10px;
}
p::before{
right: 20px;
width: 7px;
height: 7px;
}
}
}


.fac-wrap{
width:1010px;
margin:0 auto 120px auto;
text-align:center;
}
.fac-wrap img{
max-width:100%;
height:auto;
}
.fac-title{
width:492px;
margin:0 auto 120px auto;
text-align:center;
p{
margin-bottom:15px;
}
h3{
font-size:26px;
font-weight:bold;
line-height:100%;
color:var(--cl-white);
		position:relative;
		letter-spacing: .25rem;
}
h3::before,
h3::after{
content: "";
position: absolute;
bottom:0;
width: 44px;
height: 55px;
background-repeat:no-repeat;
background-position:top center;
}
h3::before{
left:0;
background-image:url(/special/travel/cp_newyear_2026/images/title_side_left.png);
}
h3::after{
right:0;
background-image:url(/special/travel/cp_newyear_2026/images/title_side_right.png);
}
}
.fac-wrap .fac-container{
width:100%;
margin:0 auto 170px auto;
text-align:center;
}
.fac-wrap .fac-container:last-child{
margin:0 auto 120px auto;
}
.fac-box{
background-color:var(--cl-white);
border-radius:40px;
position:relative;
}
.fac-menu-title{
position:absolute;
width:100%;
margin:0 auto;
text-align:center;
top:-70px;
left:auto;
right:auto;
}
.fac-menu-title>h4{
width:230px;
height:150px;
margin:0 auto;
text-align:center;
background-repeat:no-repeat;
background-position:top center;
}
.fac-menu-title>h4.tp{
background-image:url(/special/travel/cp_newyear_2026/images/fac_title_1.png);
}
.fac-menu-title>h4.onsen{
background-image:url(/special/travel/cp_newyear_2026/images/fac_title_2.png);
}
.fac-menu-title>h4.pop{
background-image:url(/special/travel/cp_newyear_2026/images/fac_title_3.png);
}
.fac-menu-title>h4 p{
text-align:center;
padding-top:87px;
span{
display:block;
line-height:100%;
color:var(--cl-white);
}
span:first-child{
font-size:20px;
margin-bottom:5px;
}
span:last-child{
font-size:14px;
letter-spacing: .15rem;
}
}
.fac-ff-left,
.fac-ff-right{
position:absolute;
top:-80px;
}
.fac-ff-left{
left:50px;
}
.fac-ff-right{
right:50px;
}
.fac-col{
padding:90px 25px 10px 25px;
}
.fac-col>ul{
width: 100%;
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
li{
width:300px;
padding-bottom:40px;
}
}
.fac-img{
width:100%;
margin:0 auto;
text-align:center;
img{
border-radius:25px;
}
}
.fac-summary{
padding:20px 0 0 0;
text-align:left;
}
.fac-area{
width:100%;
margin:0 auto 15px auto;
text-align:center;
background-repeat:repeat-x;
background-position:left bottom;
background-image:url(/special/travel/cp_newyear_2026/images/dot_line.png);
padding-bottom:15px;
display: -webkit-flex;
display: flex;
justify-content: space-between;
p{
line-height:100%;
color:var(--cl-gray);
font-size:12px;
}
p:first-child{
text-align:left;
}
p:last-child{
text-align:right;
}
}
.fac-name{
margin-bottom:10px;
text-align:left;
p{
line-height:130%;
font-size:20px;
font-weight:bold;
color:var(--cl-brown);
height:2.5em;
}
}
.fac-read{
margin-bottom:10px;
p{
line-height:130%;
font-size:14px;
color:var(--cl-base);
height:4.3em;
text-align: justify;
span{
font-size:12px;
display:block;
}
}
}
.fac-buttun{
width:250px;
margin:0 auto;
text-align:center;
}
.fac-buttun>a{
width:100%;
margin:0 auto;
text-align:center;
display:block;
text-decoration:none;
border-radius:50px;
background-color:var(--bg-link);
transition: 0.5s ease;
p{
text-align:center;
line-height:100%;
color:var(--cl-white);
font-size:14px;
padding:20px 10px;
position:relative;
}
p::before{
content: "";
position: absolute;
top:45%;
right: 20px;
width: 6px;
height: 6px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: 0.5s ease;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}
}
.fac-buttun>a:hover{
background-color:var(--bg-link-hover);
}
.fac-buttun>a:hover p::before{
right: 15px;
}
@media screen and (max-width: 768px) {
.fac-wrap{
width:94%;
margin:0 auto 60px auto;
}
.fac-title{
width:340px;
margin:0 auto 100px auto;
p{
margin-bottom:10px;
}
h3{
font-size:20px;
letter-spacing:0rem;
}
h3::before,
h3::after{
width: 30px;
height: 38px;
background-size:cover;
}
}
.fac-wrap .fac-container{
margin:0 auto 150px auto;
}
.fac-wrap .fac-container:last-child{
margin:0 auto 80px auto;
}
.fac-box{
border-radius:20px;
}
.fac-ff-left{
left:0px;
}
.fac-ff-right{
right:0px;
}
.fac-col{
padding:90px 10px 10px 10px;
}
.fac-col>ul{
display:block;
li{
width:300px;
padding-bottom:40px;
margin:0 auto;
text-align:center;
}
}
.fac-img{
img{
border-radius:15px;
}
}
.fac-summary{
padding:15px 0 0 0;
}
.fac-name{
margin-bottom:15px;
p{
font-size:18px;
height:auto;
}
}
.fac-read{
margin-bottom:15px;
p{
height:auto;
}
}
}


.rec-wrap{
width:1010px;
margin:0 auto 50px auto;
text-align:center;
}
.rec-wrap img{
max-width:100%;
height:auto;
}
.rec-title{
width:320px;
margin:0 auto 40px auto;
text-align:center;
p{
margin-bottom:15px;
}
h3{
font-size:26px;
font-weight:bold;
line-height:100%;
color:var(--cl-white);
		position:relative;
		letter-spacing: .25rem;
}
h3::before,
h3::after{
content: "";
position: absolute;
bottom:0;
width: 44px;
height: 55px;
background-repeat:no-repeat;
background-position:top center;
}
h3::before{
left:0;
background-image:url(/special/travel/cp_newyear_2026/images/title_side_left.png);
}
h3::after{
right:0;
background-image:url(/special/travel/cp_newyear_2026/images/title_side_right.png);
}
}
.rec-container>ul{
width: 100%;
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
li{
width:320px;
padding-bottom:20px;
}
}
.rec-col{
width:100%;
margin:0 auto;
text-align:center;
background-color:var(--cl-white);
border-radius:25px;
a{
text-decoration:none;
display:block;
}
}
.rec-col-inner{
padding:5px;
}
.rec-col-inner>dl{
width:100%;
overflow:hidden;
zoom:1;
clear:both;
}
.rec-col-inner>dl dt{
width:100%;
margin:0 auto;
text-align:center;
p img{
border-radius:20px;
}
}
.rec-col-inner>dl dd{
width:100%;
margin:0 auto;
text-align:center;
p{
padding:15px 10px 10px 10px;
line-height:140%;
font-weight:bold;
color:var(--cl-base);
font-size:15px;
}
}
@media screen and (max-width: 768px) {
.rec-wrap{
width:94%;
margin:0 auto 30px auto;
}
.rec-title{
width:300px;
margin:0 auto 30px auto;
p{
margin-bottom:10px;
}
h3{
font-size:20px;
letter-spacing:0rem;
}
h3::before,
h3::after{
width: 30px;
height: 38px;
background-size:cover;
}
}
.rec-container>ul{
li{
width:49%;
padding-bottom:10px;
}
}
.rec-col{
border-radius:15px;
}
.rec-col-inner>dl dt{
p img{
border-radius:15px;
}
}
.rec-col-inner>dl dd{
p{
padding:10px 0px 10px 0px;
font-size:13px;
}
}
}

.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;
	color:var(--cl-white);
}
@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%;
}
}