@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;
}
.ori-sp-container .font-mincho{
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 .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:791px;
background-repeat:no-repeat;
background-position:center top;
background-image:url(/special/life/cp_christmas_2025/images/bg_main.jpg);
position: relative;
overflow: hidden;
}
.main-wrap img{
max-width:100%;
height:auto;
}
.main-sp{
display:none;
}
.main-tree{
width:100%;
margin:0 auto;
text-align:center;
position:absolute;
top:482px;
left:auto;
}
.main-tree-bg{
width:100%;
height:253px;
margin:0 auto;
text-align:center;
background-repeat:no-repeat;
background-position:center bottom;
background-image:url(/special/life/cp_christmas_2025/images/main_tree.png);
}
.main-bottom{
width:100%;
margin:0 auto;
text-align:center;
position:absolute;
bottom:0;
left:auto;
}
.main-bottom-bg{
width:100%;
height:174px;
margin:0 auto;
text-align:center;
background-repeat:no-repeat;
background-position:center bottom;
background-image:url(/special/life/cp_christmas_2025/images/main_bottom.png);
}
.main-bell-left,
.main-bell-right{
position:absolute;
top:0;
}
.main-bell-left{
left:-80px;
}
.main-bell-right{
right:-80px;
}
.main-ill-left,
.main-ill-right{
position:absolute;
top:65px;
}
.main-ill-left{
left:10%;
}
.main-ill-right{
right:2%;
}
.main-title{
width:100%;
position:absolute;
top:68px;
left:auto;
}
.main-title>h2{
width:410px;
margin:0 auto;
text-align:center;
}

@media screen and (min-width: 1600px){
}
@media screen and (min-width: 1151px) and (max-width: 1320px){
.main-ill-left{
left:5%;
}
.main-ill-right{
right:0%;
}
}
@media screen and (min-width: 1101px) and (max-width: 1150px){
.main-ill-left{
left:0%;
}
.main-ill-right{
right:-5%;
}
}
@media screen and (min-width: 769px) and (max-width: 1110px){
.main-ill-left{
left:0%;
}
.main-ill-right{
right:-15%;
}
}
@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;
}
.main-tree{
display:none;
}
.main-bottom{
display:none;
}
.main-bell-left,
.main-bell-right{
display:none;
}
.main-ill-left,
.main-ill-right{
display:none;
}
.main-title{
display:none;
}
}



.summary-wrap{
width:100%;
margin:0 auto;
text-align:center;
background-color:#fff;
background-repeat:no-repeat;
background-position:center bottom;
background-image:url(/special/life/cp_christmas_2025/images/summary_bottom.png);
}
.summary-wrap img{
max-width:100%;
height:auto;
}
.summary-container{
width:100%;
margin:0 auto;
text-align:center;
height:732px;
position:relative;
}
.summary-ill-left,
.summary-ill-right{
position:absolute;
z-index:10;
}
.summary-ill-left{
left:0;
top:60px;
}
.summary-ill-right{
right:0;
top:60px;
}
.summary-row{
width:600px;
margin:0 auto;
text-align:center;
padding-top:30px;
}
.summary-text{
margin-bottom:80px;
}
.summary-text>h3{
margin-bottom:35px;
}
.summary-text>p{
line-height:200%;
color:#333;
font-size:24px;
letter-spacing: .15rem;
}
.nav-wrap{
width:100%;
margin:0 auto;
text-align:center;
}
.nav-title{
margin-bottom:30px;
}
.nav-row>ul{
width: 100%;
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.nav-row>ul li{
width: 200px;
margin-bottom:10px;
}
.nav-col{
width:100%;
margin:0 auto;
text-align:center;
}
.nav-col a{
display:block;
text-decoration:none;
position: relative;
}
.nav-col a::before{
content: "";
width: 8px;
height: 8px;
position: absolute;
bottom: -25px;
left:50%;
margin: auto;
border-top: 1px solid #4f7c34;
border-left: 1px solid #4f7c34;
transform: rotate(-135deg);
transform-origin:left top;
transform-origin:0 0;
}
.nav-icon{
margin-bottom:12px;
}
.nav-text>p{
font-size:18px;
line-height:100%;
color:#4f7c34;
margin-bottom:5px;
font-weight:bold;
letter-spacing: .15rem;
}
.nav-text>span{
display:block;
font-size:14px;
line-height:100%;
color:#4f7c34;
letter-spacing: .15rem;
}
@media screen and (min-width: 769px) and (max-width: 1100px){
.summary-row{
width:510px;
}
.nav-row>ul li{
width: 30%;
}
.nav-text>p{
font-size:16px;
}
.nav-text>span{
font-size:12px;
}
}
@media screen and (min-width: 501px) and (max-width: 768px){
.summary-ill-left,
.summary-ill-right{
top:60px;
}
.summary-ill-left img,
.summary-ill-right img{
width:250px;
height:auto;
}
.summary-ill-left{
left:-5%;
}
.summary-ill-right{
right:-10%;
top:200px;
}
}
@media screen and (min-width: 401px) and (max-width: 500px){
.summary-ill-left,
.summary-ill-right{
top:60px;
}
.summary-ill-left img,
.summary-ill-right img{
width:200px;
height:auto;
}
.summary-ill-left{
left:-8%;
}
.summary-ill-right{
right:-15%;
top:200px;
}
}
@media screen and (min-width: 248px) and (max-width: 400px){
.summary-container{
overflow: hidden;
}
.summary-ill-left,
.summary-ill-right{
top:60px;
}
.summary-ill-left img,
.summary-ill-right img{
width:180px;
height:auto;
}
.summary-ill-left{
left:-10%;
top:100px;
}
.summary-ill-right{
right:-20%;
top:300px;
}
}
@media screen and (min-width: 248px) and (max-width: 768px){
.summary-container{
height:720px;
}
.summary-row{
width:92%;
padding-top:30px;
}
.summary-text{
margin-bottom:40px;
}
.summary-text>h3{
margin-bottom:20px;
}
.summary-text>p{
line-height:150%;
font-size:18px;
letter-spacing: .0rem;
}
.nav-title{
margin-bottom:20px;
}
.nav-row>ul{
display:block;
}
.nav-row>ul li{
width:100%;
margin:0 auto;
text-align:center;
padding-bottom:25px;
}
.nav-icon{
margin-bottom:8px;
}
.nav-icon img{
width:80px;
height:auto;
}
.nav-text>p{
font-size:15px;
letter-spacing: .0rem;
}
.nav-text>span{
display:none;
}
}






.menu-wrap{
width:100%;
margin:0 auto;
text-align:center;
}
.menu-wrap img{
max-width:100%;
height:0 auto;
}
.menu-bg-red,
.menu-bg-green,
.menu-bg-bottom{
background-repeat:no-repeat;
background-position:bottom center;
padding-bottom:110px;
}
.menu-bg-red{
background-color:#9b100f;
background-image:url(/special/life/cp_christmas_2025/images/bg_contents_bototm_1.png);
}
.menu-bg-green{
background-color:#2b704c;
background-image:url(/special/life/cp_christmas_2025/images/bg_contents_bototm_2.png);
}
.menu-bg-bottom{
background-color:#9b100f;
background-image:url(/special/life/cp_christmas_2025/images/bg_contents_bototm_3.png);
}
.menu-body-top,
.menu-body{
width:100%;
margin:0 auto;
text-align:center;
}
.menu-body-top{
padding-top:180px;
}
.menu-body{
padding-top:124px;
}
.menu-body-bg-left,
.menu-body-bg-right{
background-repeat:repeat-y;
}
.menu-body-bg-left{
background-image:none;
}
.menu-body-bg-right{
background-image:none;
}
@media screen and (min-width: 248px) and (max-width: 768px){
.menu-body-bg-left{
background-position:left -50px top;
}
.menu-body-bg-right{
background-position:right -50px top;
}
.menu-body-top{
padding-top:100px;
}
.menu-body{
padding-top:80px;
}
}

.menu-container{
width:1010px;
margin-left:auto;
margin-right:auto;
text-align:center;
padding-top:60px;
}
.menu-title{
margin-bottom:80px;
}
.menu-title>p{
margin-bottom:20px;
}
.menu-title>h3{
margin-bottom:20px;
line-height:100%;
color:#fff;
font-size:36px;
letter-spacing: .15rem;
}
.menu-title>span{
display:block;
line-height:100%;
color:#fff;
font-size:20px;
letter-spacing: .15rem;
}

.menu-pu-wrap{
margin-bottom:30px;
}
.menu-pu-row{
border-radius:30px;
background-color:#fff;
position:relative;
padding:30px;
}
.menu-pu-santa{
position:absolute;
left:20px;
top:-40px;
z-index:5;
}
.menu-pu-col{
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.menu-pu-img{
width:475px;
}
.menu-pu-img img{
border-radius:25px;
}
.menu-pu-text{
width:420px;
}
.menu-pu-text-inner{
width:420px;
text-align:left;
height:420px;
vertical-align:middle;
display:table-cell;
}
.menu-pu-no{
margin-bottom:10px;
}
.menu-pu-no>p{
color:#666;
font-size:14px;
line-height:100%;
}
.menu-pu-name{
margin-bottom:35px;
}
.menu-pu-name>p{
font-size:26px;
font-weight:bold;
}
.menu-pu-name>p.red{
color:#960018;
}
.menu-pu-name>p.green{
color:#1e6545;
}
.menu-pu-info{
margin-bottom:35px;
}
.menu-pu-info-box{
border-radius:20px;
position:relative;
background-repeat:no-repeat;
background-position:center center;
}
.menu-pu-info-box.bginfo-pu-1{
background-image:url(/special/life/cp_christmas_2025/images/bg_info_1.jpg);
}
.menu-pu-info-box.bginfo-pu-2{
background-image:url(/special/life/cp_christmas_2025/images/bg_info_2.jpg);
}
.menu-pu-info-box.bginfo-pu-3{
background-image:url(/special/life/cp_christmas_2025/images/bg_info_3.jpg);
}
.menu-pu-info-santa{
position:absolute;
top:-10px;
left:10px;
z-index:5;
}
.menu-pu-info-inner{
padding-left:143px;
}
.menu-pu-info-inner>p{
height:110px;
vertical-align:middle;
display:table-cell;
color:#fff;
font-weight:bold;
font-size:20px;
}
.menu-pu-read{
margin-bottom:30px;
}
.menu-pu-read>p{
font-size:16px;
color:#333;
text-align: justify;
text-justify: inter-ideograph;
}
@media screen and (min-width: 248px) and (max-width: 768px){
.menu-container{
width:94%;
padding-top:30px;
}
.menu-title{
margin-bottom:50px;
}
.menu-title>p{
margin-bottom:15px;
}
.menu-title>h3{
margin-bottom:10px;
font-size:28px;
}
.menu-title>span{
font-size:14px;
}
.menu-pu-row{
width:100%;
border-radius:20px;
padding-top:6px;
padding-left:6px;
padding-right:6px;
padding-bottom:15px;
}
.menu-pu-santa{
left:0px;
top:-40px;
}
.menu-pu-santa img{
/*width:100px;
height:auto;*/
}
.menu-pu-col{
width:100%;
margin:0 auto;
text-align:center;
display:block;
}
.menu-pu-img{
width:100%;
margin:0 auto;
text-align:center;
}
.menu-pu-img img{
width:100%;
height:auto;
}
.menu-pu-img img{
border-radius:20px;
}
.menu-pu-text{
width:100%;
}
.menu-pu-text-inner{
height:auto;
padding-top:15px;
padding-left:15px;
padding-right:15px;
}
.menu-pu-no{
margin-bottom:5px;
}
.menu-pu-no>p{
font-size:10px;
}
.menu-pu-name{
margin-bottom:10px;
}
.menu-pu-name>p{
font-size:18px;
}
.menu-pu-info{
margin-bottom:15px;
}
.menu-pu-info-box.bginfo-pu-1{
background-image:url(/special/life/cp_christmas_2025/images/bg_info_1_sp.jpg);
}
.menu-pu-info-box.bginfo-pu-2{
background-image:url(/special/life/cp_christmas_2025/images/bg_info_2_sp.jpg);
}
.menu-pu-info-box.bginfo-pu-3{
background-image:url(/special/life/cp_christmas_2025/images/bg_info_3_sp.jpg);
}
.menu-pu-info-santa{
top:-15px;
left:auto;
right:-4%;
}
.menu-pu-info-santa img{
width:80px;
height:auto;
}
.menu-pu-info-inner{
padding-left:0px;
width:100%;
height:86px;
display: flex;
justify-content: center;
align-items: center;
margin:0 auto;
text-align:center;
}
.menu-pu-info-inner>p{
height:auto;
display:block;
font-size:16px;
}
.menu-pu-read{
margin-bottom:20px;
}
.menu-pu-read>p{
font-size:13px;
}
}

.menu-list>ul{
width: 100%;
display: -webkit-flex;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.menu-list>ul li{
padding-right:25px;
padding-bottom:25px;
}
.menu-list>ul li:nth-child(3n){
padding-right:0px;
}
.menu-row{
width:320px;
margin:0 auto;
text-align:center;
}
.menu-row-inner{
/*width:100%;
margin:0 auto;
text-align:center;*/
}
.menu-row-box{
background-color:#fff;
border-radius:30px;
padding-top:6px;
padding-left:6px;
padding-right:6px;
padding-bottom:20px;
}
.menu-img{
width:100%;
margin:0 auto;
text-align:center;
}
.menu-img img{
border-radius:25px;
}
.menu-summary{
padding-top:20px;
text-align:left;
padding-left:19px;
padding-right:19px;
}
.menu-no{
margin-bottom:8px;
}
.menu-no>p{
line-height:100%;
color:#666;
font-size:12px;
}
.menu-name{
margin-bottom:15px;
}
.menu-name>p{
line-height:130%;
font-size:18px;
font-weight:bold;
height:3em;
}
.menu-name>p.red{
color:#960018;
}
.menu-name>p.green{
color:#1e6545;
}

.menu-info{
margin-bottom:15px;
}
.menu-info-box{
border-radius:20px;
background-repeat:no-repeat;
background-position:center center;
background-image:url(/special/life/cp_christmas_2025/images/bg_fac_info.jpg);
width:285px;
height:86px;
display: flex;
justify-content: center;
align-items: center;
margin:0 auto;
text-align:center;
}
.menu-info-box>p{
text-align:center;
color:#fff;
font-weight:bold;
font-size:18px;
line-height:130%;
}
.menu-read{
margin-bottom:10px;
}
.menu-read>p{
line-height:140%;
font-size:13px;
color:#333;
height:6.5em;
text-align: justify;
text-justify: inter-ideograph;
}
@media screen and (min-width: 248px) and (max-width: 768px){
.menu-list>ul{
display:block;
}
.menu-list>ul li{
padding-right:0px;
}
.menu-row-box{
border-radius:20px;
padding-bottom:15px;
}
.menu-img img{
border-radius:20px;
}
.menu-summary{
padding-top:15px;
text-align:left;
padding-left:15px;
padding-right:15px;
}
.menu-no{
margin-bottom:5px;
}
.menu-no>p{
font-size:10px;
}
.menu-name{
margin-bottom:15px;
}
.menu-name>p{
font-size:16px;
height:auto;
}
.menu-info-box{
background-image:url(/special/life/cp_christmas_2025/images/bg_fac_info_sp.jpg);
width:100%;
}
.menu-info-box>p{
font-size:16px;
}
.menu-read{
margin-bottom:15px;
}
.menu-read>p{
height:auto;
}
}

.btn-area{
width:100%;
margin:0 auto;
text-align:center;
}
.buttun,
.buttun-L{
margin:0 auto;
text-align:center;
}
.buttun{
width:180px;
}
.buttun-L{
width:200px;
}
.buttun a,
.buttun-L a{
width:100%;
margin:0 auto;
text-align:center;
display:block;
text-decoration:none;
border-radius:100px;
background-color:#872025;
transition: 0.5s ease;
box-shadow: 0px 0px 5px rgba(185,172,174,1);
}
.buttun a:hover,{
.buttun-L a:hover
transition: 0.5s ease;
background-color:#681419;
box-shadow: 0px 0px 0px rgba(185,172,174,1);
}
.buttun a>p,
.buttun-L a>p{
text-align:center;
color:#fff;
font-size:14px;
padding:15px 10px;
position:relative;
line-height:100%;
}
.buttun a>p::before,
.buttun-L a>p::before{
content: "";
position: absolute;
top:45%;
right: 20px;
width: 5px;
height: 5px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: 0.5s ease;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}
.buttun a:hover>p::before,
.buttun-L a:hover>p::before{
right: 15px;
transition: 0.5s ease;
}
@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){
.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%;
}
}