@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:1030px;
background-color:#4594dd;
}
.main-wrap img{
max-width:100%;
height:auto;
}
.main-sp{
display:none;
}
.main-bg-left{
background-repeat:no-repeat;
background-position:left top;
background-image:url(/special/life/cp_wintergift_2025/images/main_bg_left.png);
}
.main-bg-right{
background-repeat:no-repeat;
background-position:right top;
background-image:url(/special/life/cp_wintergift_2025/images/main_bg_right.png);
}
.main-container{
width:100%;
margin:0 auto;
text-align:center;
position:relative;
height:1030px;
overflow:hidden;
}
.main-snowbase{
position:absolute;
width:100%;
margin:0 auto;
text-align:center;
top:233px;
}
.main-snowbase-bg{
height:800px;
background-repeat:no-repeat;
background-position:bottom center;
background-image:url(/special/life/cp_wintergift_2025/images/main_snowbase.png);
}
.main-snow-left,
.main-snow-right{
position:absolute;
width:481px;
height:411px;
top:0;
}
.main-snow-left{
left:0;
}
.main-snow-right{
right:0;
}
.main-box{
position:absolute;
width:100%;
margin:0 auto;
text-align:center;
top:380px;
}
.main-box>p{
width:414px;
margin:0 auto;
text-align:center;
}
.main-img-left,
.main-img-right{
position:absolute;
width:462px;
height:540px;
top:0px;
}
.main-img-left{
left:25px;
}
.main-img-right{
right:25px;
}
.main-peple{
position:absolute;
width:100%;
margin:0 auto;
text-align:center;
top:520px;
}
.main-peple>p{
width:1010px;
margin:0 auto;
text-align:center;
}
.main-light{
position:absolute;
width:100%;
margin:0 auto;
text-align:center;
top:0px;
height:190px;
}
.main-light>p{
width:100%;
margin:0 auto;
text-align:center;
height:190px;
background-repeat:no-repeat;
background-position:top center;
background-image:url(/special/life/cp_wintergift_2025/images/main_light.png);
}
.main-title{
position:absolute;
width:100%;
margin:0 auto;
text-align:center;
top:45px;
z-index:10;
}
.main-title>h2{
width:420px;
margin:0 auto;
text-align:center;
}
@media screen and (min-width: 1600px){

}
@media screen and (min-width: 1280px) and (max-width: 1340px){
.main-img-left{
left:-30px;
}
.main-img-right{
right:-30px;
}
}
@media screen and (min-width: 1111px) and (max-width: 1270px){
.main-img-left{
left:-50px;
}
.main-img-right{
right:-50px;
}
}
@media screen and (min-width: 769px) and (max-width: 1100px){
.main-img-left{
left:-140px;
}
.main-img-right{
right:-140px;
}
}
@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;
}
.main-container{
display:none;
}
}


.summary-container{
width:100%;
margin:0 auto;
text-align:center;
padding-top:140px;
}
.summary-container img{
max-width:100%;
height:auto;
}
.summary-box-sp{
display:none;
}
.summary-box{
width:1010px;
height:373px;
margin:0 auto;
text-align:center;
position:relative;
background-repeat:no-repeat;
background-position:top center;
background-image:url(/special/life/cp_wintergift_2025/images/summary_bg.png);
}
.summary-balloon-left,
.summary-balloon-right{
position:absolute;
top:0px;
}
.summary-balloon-left{
left:0;
}
.summary-balloon-right{
right:0;
}
.summary-text{
width:100%;
margin:0 auto;
text-align:center;
padding-top:80px;
padding-bottom:55px;
}
.summary-text>h3{
margin-bottom:30px;
}
.summary-text>p{
letter-spacing: .15rem;
font-size:18px;
line-height:180%;
margin-bottom:30px;
}

@media screen and (min-width: 769px) and (max-width: 1100px){

}
@media screen and (min-width: 248px) and (max-width: 768px){
.summary-container{
width:94%;
padding-top:70px;
padding-bottom:100px;
}
.summary-container img{
width:100%;
height:auto;
}
.summary-box-sp{
display:block;
width:94%;
margin:0 auto;
text-align:center;
}
.summary-box{
display:none;
}
}

.nv-wrap{
width:1010px;
padding-top:140px;
padding-bottom:200px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.nv-wrap img{
max-width:100%;
height:auto;
}
.nv-title{
margin-bottom:30px;
}
.nv-box>ul{
width: 100%;
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.nv-box>ul li{
width: 193px;
}
.nv-box-inner{
width:100%;
margin:0 auto;
text-align:center;
}
.nv-box-inner a{
display:block;
text-decoration:none;
height:102px;
background-repeat:no-repeat;
background-position:bottom center;
}
.nv-box-inner a.nb{
background-image:url(/special/life/cp_wintergift_2025/images/nv_bg_nb.png);
color:#ea9b02;
}
.nv-box-inner a.gm{
background-image:url(/special/life/cp_wintergift_2025/images/nv_bg_gm.png);
color:#a2735f;
}
.nv-box-inner a.sw{
background-image:url(/special/life/cp_wintergift_2025/images/nv_bg_sw.png);
color:#fc9999;
}
.nv-box-inner a.gf{
background-image:url(/special/life/cp_wintergift_2025/images/nv_bg_gf.png);
color:#b17499;
}
.nv-icon{
margin-bottom:6px;
}
.nv-text>p{
font-weight:bold;
font-size:16px;
line-height:100%;
margin:0 auto;
text-align:center;
letter-spacing: .15rem;
}
@media screen and (min-width: 248px) and (max-width: 768px){
.nv-wrap{
width:94%;
padding-top:70px;
padding-bottom:70px;
}
.nv-box>ul li{
width:170px;
padding-bottom:10px;
}
.nv-box-inner a{
height:90px;
background-size:cover;
}
.nv-icon{
margin-bottom:3px;
}
.nv-text>p{
font-size:14px;
letter-spacing: 0rem;
}
}




.menu-wrap{
width:100%;
margin:0 auto;
text-align:center;
}
.menu-wrap img{
max-width:100%;
height:0 auto;
}
.menu-head{
height:150px;
background-repeat:repeat-x;
background-position:bottom center;
}
.menu-head.nb{
background-image:url(/special/life/cp_wintergift_2025/images/bg_contents_top_nb.png);
}
.menu-head.gm{
background-image:url(/special/life/cp_wintergift_2025/images/bg_contents_top_gm.png);
}
.menu-head.sw{
background-image:url(/special/life/cp_wintergift_2025/images/bg_contents_top_sw.png);
}
.menu-head.gf{
background-image:url(/special/life/cp_wintergift_2025/images/bg_contents_top_gf.png);
}
.menu-body{
width:100%;
margin:0 auto;
text-align:center;
}
.menu-body.nb{
background-color:#fac764;
}
.menu-body.gm{
background-color:#c29887;
}
.menu-body.sw{
background-color:#fbbcbc;
}
.menu-body.gf{
background-color:#d6b6ca;
}
.bg-menu-left,
.bg-menu-right{
background-repeat:repeat-y;
}
.bg-menu-left{
background-position:left top;
background-image:url(/special/life/cp_wintergift_2025/images/bg_contents_snow_left.png);
}
.bg-menu-right{
background-image:url(/special/life/cp_wintergift_2025/images/bg_contents_snow_right.png);
background-position:right top;
}
@media screen and (min-width: 248px) and (max-width: 768px){
.bg-menu-left,
.bg-menu-right{
background-image:none;
}
}

.menu-container{
width:1010px;
margin-left:auto;
margin-right:auto;
text-align:center;
padding-bottom:80px;
}
.menu-container:nth-of-type(5){
margin-bottom:40px;
}
.menu-title{
margin-bottom:50px;
}
.menu-title-balloon{
background-repeat:no-repeat;
background-position:top center;
width:300px;
height:250px;
margin:0 auto;
text-align:center;
}
.menu-title-balloon.nb{
color:#ea9b02;
background-image:url(/special/life/cp_wintergift_2025/images/title_balloon_nb.png);
}
.menu-title-balloon.gm{
color:#a2735f;
background-image:url(/special/life/cp_wintergift_2025/images/title_balloon_gm.png);
}
.menu-title-balloon.sw{
color:#fc9999;
background-image:url(/special/life/cp_wintergift_2025/images/title_balloon_sw.png);
}
.menu-title-balloon.gf{
color:#b17499;
background-image:url(/special/life/cp_wintergift_2025/images/title_balloon_gf.png);
}
.menu-title-balloon .row{
padding-top:50px;
}
.menu-title-balloon .row>p{
margin-bottom:5px;
}
.menu-title-balloon .row>h3{
line-height:100%;
font-size:24px;
}
.menu-list>ul{
width: 100%;
display: -webkit-flex;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.menu-list>ul li{
padding-right:45px;
padding-bottom:45px;
}
.menu-list>ul li:nth-child(2n){
padding-right:0px;
}
.menu-row{
width:480px;
}
.menu-row-inner{
width:100%;
margin:0 auto;
text-align:center;
}
.menu-row-box{
background-color:#fff;
border-radius:30px;
padding:5px;
}
.menu-img{
width:100%;
margin:0 auto;
text-align:center;
position:relative;
}
.menu-img .logo{
position:absolute;
bottom:-10px;
right:10px;
z-index:5;
}
.menu-img .logo img{
border-radius:15px;
}
.menu-img .item-slide-img img{
border-radius:25px;
}
.menu-summary{
padding-top:45px;
padding-bottom:20px;
text-align:left;
padding-left:20px;
padding-right:20px;
}
.menu-no{
margin-bottom:15px;
}
.menu-no>p{
line-height:100%;
color:#666;
font-size:12px;
}
.menu-name{
margin-bottom:15px;
}
.menu-name>p{
line-height:130%;
font-size:24px;
font-weight:bold;
height:2.4em;
}
.menu-name>p.nb{
color:#ea9b02;
}
.menu-name>p.gm{
color:#a2735f;
}
.menu-name>p.sw{
color:#fc9999;
}
.menu-name>p.gf{
color:#b17499;
}
.menu-read{
margin-bottom:30px;
}
.menu-read>p{
line-height:140%;
font-size:14px;
color:#666;
height:7.3em;
text-align: justify;
text-justify: inter-ideograph;
}
.menu-price{
/*margin-bottom:20px;*/
}
.menu-price-box{
background-color:#c70707;
border-radius:16px;
	position:relative;
	margin-bottom:12px;
}
.menu-price-off{
position: absolute;
top:-15px;
right:10px;
z-index:5;
}
.menu-price-inner{
padding-top:20px;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
text-align:left;
color:#fff;
}
.use-price>p{
line-height:100%;
font-size:16px;
margin-bottom:5px;
}
.sp-price>p span{
line-height:100%;
font-weight:bold;
}
.sp-price>p span:nth-child(1){
font-size:24px;
}
.sp-price>p span:nth-child(2){
font-size:40px;
}
.sp-price>p span:nth-child(3){
font-size:14px;
}
.menu-note{
margin-bottom:20px;
}
.menu-note-box{
background-color:#f5f5f5;
border-radius:20px;
}
.menu-note-box>p{
height:128px;
vertical-align:middle;
display:table-cell;
padding:0 10px;
text-align:left;
}
.menu-note-box>p span:nth-child(1){
display:block;
margin-bottom:5px;
font-weight:bold;
font-size:12px;
line-height:100%;
}
.menu-note-box>p span:nth-child(2){
display:block;
font-size:12px;
line-height:130%;
}
.btn-area{
width:100%;
margin:0 auto;
text-align:center;
}
.buttun{
width:230px;
margin:0 auto;
text-align:center;
}
.buttun a{
width:100%;
margin:0 auto;
text-align:center;
display:block;
text-decoration:none;
border-radius:100px;
background-color:#3a87cf;
transition: 0.5s ease;
}
.buttun a:hover{
transition: 0.5s ease;
background-color:#1462ac;
}
.buttun a>p{
text-align:center;
color:#fff;
font-size:14px;
padding:20px 10px;
position:relative;
line-height:100%;
}
.buttun 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{
right: 15px;
transition: 0.5s ease;
}
@media screen and (min-width: 769px) and (max-width: 1100px){

}
@media screen and (min-width: 248px) and (max-width: 768px){
.menu-container{
width:94%;
}
.menu-title{
margin-bottom:25px;
}
.menu-list>ul{
display:block;
}
.menu-list>ul li{
width:100%;
margin:0 auto;
text-align:center;
padding-bottom:30px;
padding-right:0px;
}
.menu-row{
width:100%;
}
.menu-img .logo{
bottom:0px;
}
.menu-img .logo img{
width:90px;
height:auto;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.menu-summary{
padding-top:25px;
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
}
.menu-no{
margin-bottom:15px;
}
.menu-name{
margin-bottom:15px;
}
.menu-name>p{
font-size:18px;
height:auto;
}
.menu-name>p br{
display:none;
}
.menu-read{
margin-bottom:30px;
}
.menu-read>p{
height:auto;
}

.menu-price-off{
width:72px;
height:72px;
}
.menu-price-off>p{
height:72px;
}
.menu-price-off>p span{
font-size:18px;
}
.menu-price-inner{
padding-left:15px;
padding-right:15px;
}
.use-price>p{
font-size:14px;
}
.sp-price>p span{
line-height:100%;
}
.sp-price>p span:nth-child(1){
font-size:17px;
}
.sp-price>p span:nth-child(2){
font-size:29px;
}
.sp-price>p span:nth-child(3){
font-size:10px;
}
.menu-note-box>p{
height:auto;
display:block;
padding:10px 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%;
}
.ori-sp-container .flex{
display: block;
margin-bottom:10px;
}
.ori-sp-container .disp-pc{
display:none;
}
.ori-sp-container .disp-sp{
display:block;
}

}