@charset "utf-8";
/* CSS Document */

.osechi-top{margin-top:70px;}

.ship-wrap{display:flex;}


.stc{width:50%;margin:0 auto 100px;padding:100px 15px 0;}
.stc h1{font-size:1.5rem;text-align:center;margin-bottom:50px;}
.stc-table{width:100%;border-collapse: collapse;}
.stc-table th,.stc-table td{padding:10px;line-height:2.5em;border:solid 1px #AAA;vertical-align:middle;}
.stc-table th{text-align:left;width:20%;}

.daibiki{font-size:0.8em;}

.breadcrumb{padding-top:20px;margin-bottom:50px;}
.breadcrumb li a,.breadcrumb li a span{color:#FFF;}
img{display:block;width:100%;}
main {background:#000;}
.stc-main{background:#FFF;}

.top{width:100%;margin:0;padding:100px 0 0 0;background:url(../images/osechi/cloud01.png) ,url("../images/osechi/bg01.png");background-position:bottom right,top left 25%;background-repeat:no-repeat;background-size:auto,30%;}
.top-image{position:relative;width:1000px;margin:0 auto 50px;}
.top-title{position:absolute;top:-100px;right:-10%;width:25%;margin:0;padding:0;}
.top-image2{position:absolute;top:0;left:20%;width:30%;}

.cap{width:1000px;margin:0 auto;margin-right:23.9%;}
.cap.mb100{margin-bottom:100px;}
.cap.center{text-align:center;}
.cap.center p{text-align:left;}
.cap.center.mb100{margin-bottom:100px;}
.cap p{color:#FFF;margin-bottom:20px;font-size:16px;line-height:1.6em;}

.posi-re{position:relative;}
.chef01{position:absolute;width:20%;top:0;right:-18%;}
.chef02{position:absolute;width:20%;top:0;left:-20%;}


.top p.c-gold{position:relative;font-size:2.5rem;line-height:1.2;display:inline-block;background:-webkit-linear-gradient(#fcf7c0,#d9891f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:'EB Garamond','Noto Serif JP',serif;font-weight:bold;}
.cap p.c-gold{position:relative;font-size:2.5rem;line-height:1.2;display:inline-block;background:-webkit-linear-gradient(#fcf7c0,#d9891f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:'EB Garamond','Noto Serif JP',serif;font-weight:bold;}
.cap h3.c-gold{position:relative;font-size:2.5rem;margin-bottom:20px;line-height:1.2;display:inline-block;background:-webkit-linear-gradient(#fcf7c0,#d9891f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:'EB Garamond','Noto Serif JP',serif;font-weight:bold;}

.osechi-price{display:flex;justify-content:space-between;width:50%;margin:20px auto 100px;}
.osechi-price li{position:relative;width:45%;}


.sold-mark{position:absolute;width:25%;top:50%;right:0;transform: translate(0,-50%);}

.order-link{display:block;background:#D00;color:#FFF;padding:20px;width:50%;text-align:center;font-size:2rem;margin:0 auto 100px;border-radius:10px;}

.osechi-image-wrap{position:relative;padding-top:100px;background:url(../images/osechi/cloud01.png) ,url("../images/osechi/cloud02.png");background-position:bottom right,top left;background-repeat:no-repeat;margin-bottom:50px;}
.wayou{position:absolute;top:-50px;left:50%;transform:translateX(-50%);width:30%;margin:0 auto;}

.osechi-ver{background:url(../images/osechi/cloud03.png) ,url("../images/osechi/cloud04.png"),url("../images/osechi/cloud03.png");background-position:bottom right,center left,top right;background-repeat:no-repeat;margin-bottom:50px;}
.osechi-image{width:100%;}
.osechi-image img{width:1000px;margin:0 auto;}
.osechi-image-chef{display:flex;width:66%;margin:1rem auto;justify-content:space-between;}



.slash-wrap{position:relative;width:100%;height:1000px;overflow:hidden;margin-bottom:100px;}
.slash{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-10deg);width:150%;height:600px;background:url(../images/osechi/bg03.jpg) no-repeat;background-size:cover;}
.kyushu{position:absolute;top:-150px;left:50%;transform:translateX(-50%) rotate(10deg);}
.kyushu h2{font-size:2.5rem;text-align:center;color:#FFF;margin-bottom:100px;}
.kyushu-list{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;width:1200px;margin:0 auto 100px;}
.kyushu-image{width:50%;}
.kyushu-cap{width:50%;padding:2%;}
.kyushu-cap h3{font-size:2rem;line-height:1.2em;margin-bottom:20px;color:#FFF;}
.kyushu-cap p{color:#FFF;}

.safety{width:1000px;margin:0 auto 30px;background:linear-gradient(to bottom,#4facd8 0%,#87c7eb 100%);}
.safety p{font-size:2rem;text-align:center;padding:1em;color:#FFF;}

.set-wrap{background:url(../images/osechi/bg02.png) no-repeat;background-position:top 100px left 23%;background-size:20%;}
#matsu,#take,#ume{margin-top:-100px;padding-top:100px;}
.price-box{width:1000px;margin:0 auto 100px;padding-bottom:50px;background:linear-gradient(to top,#bb9154 0%,#bb9154 1%,#e6d2ab 1%,#e6d2ab 65%,#bb9154 65%,#bb9154 66%,rgba(0,0,0,0) 54%,rgba(0,0,0,0) 100%);}
.box-none{background:linear-gradient(to top,#bb9154 0%,#bb9154 1%,#e6d2ab 1%,#e6d2ab 66%,#bb9154 66%,#bb9154 67%,rgba(0,0,0,0) 49%,rgba(0,0,0,0) 100%);}
.item{display:flex;align-items:center;width:100%;margin-bottom:50px;}
.item-image{position:relative;width:40%;filter:drop-shadow(5px 5px 5px rgba(0,0,0,.7));}
.item-cap{width:60%;padding-left:2%;}
.item-cap h3.c-gold{position:relative;font-size:2rem;line-height:1.2;display:inline-block;background:-webkit-linear-gradient(#fcf7c0,#d9891f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:'EB Garamond','Noto Serif JP',serif;font-weight:bold;margin-bottom:10px;}
.item-cap h3 span{position:relative;font-size:1rem;line-height:1.2;display:inline-block;background:-webkit-linear-gradient(#fcf7c0,#d9891f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:'EB Garamond','Noto Serif JP',serif;font-weight:bold;}
.item-cap p.ship{display:block;width:40%;font-size:1rem;margin-left:15px;background:#D00;text-align:center;padding:5px 15px;color:#FFF;}

.sold{position:absolute;top:50%;left:50%;width:50%;transform:translate(-50%,-50%);}

.osechi-menu{display:flex;justify-content:space-between;flex-wrap:wrap;}
.item-detail{display:flex;width:49%;padding:0 20px;margin-bottom:20px;}
.item-detail:nth-child(n + 3){margin-bottom:0;}
.detail-image{width:30%;}
.detail-cap{width:70%;padding-left:2%;}
.detail-cap h3{font-size:1.2rem;margin-bottom:10px;}

.info{background:url("../images/osechi/detail-bg.jpg") repeat;height:900px;width:1000px;margin:0 auto 100px;}
.info-title{width:50%;margin:0 auto 50px;text-align:center;padding-top:50px;}
.info-title h2{font-size:1.5em;margin-bottom:10px;padding-bottom:10px;border-bottom:solid 2px #BBB}
.info-list{padding:0 100px;}
.info-list li{margin-bottom:20px;}
.info-list h3{margin-bottom:5px;}


.form-title p{color:#FFF;}
.privacy_link{text-align:left;}
/*.privacy_link{color:#FFF;}*/
.privacy_link a{color:#00F;}

.procedure-wrap{background:url("../images/osechi/detail-bg.jpg") repeat;width:100%;padding:70px 0;}
form#mailformpro .color-wrap{width:50%;background:url("../images/osechi/detail-bg.jpg") repeat;padding:10px;margin:0 auto;}
.d-right{text-align:right;}
form#mailformpro {padding-bottom:100px;margin-bottom:0;border-bottom:solid 1px #666;}
.sns a,.sns i{color:#FFF;}

.osusume{margin:50px 75px 0;background:url("../images/osechi/detail-bg.jpg");}
.osusume-title{background:#F00;padding:5px 0;}
.osusume-title h2{color:#FFF;padding:5px;font-size:1.2em;font-family:'EB Garamond','Noto Serif JP',serif;}
.osusume-title h2 span{color:#FFF;font-size:1.5em;margin-right:10px;font-family:'EB Garamond','Noto Serif JP',serif;}
.osusume-box{display:flex;justify-content:center;align-items:center;padding:25px 0;}
.osusume-cont{width:45%;}
.osusume-cont-title{font-size:1.2em;font-family:'EB Garamond','Noto Serif JP',serif;padding-bottom:10px;margin-bottom:10px;border-bottom:solid 1px #DDD;width:90%;}
.osusume-cont-cap{font-size:1em;font-family:'EB Garamond','Noto Serif JP',serif;margin-bottom:10px;}
.osusume-cont-cap span{font-size:1.2em;margin:0 5px;border-bottom:solid 3px;color:#F00;font-weight: bold;font-family:'EB Garamond','Noto Serif JP',serif;}
.osusume-cont-cap i{font-size:1.15em;}

.sold-out{position:relative;}
.sold-out-mark{position:absolute;width:50%;top:50%;left:50%;transform:translate(-50%,-50%);}

.sold-out-cap{text-decoration:line-through;}

.osechi-link{position:fixed;bottom:2%;right:2%;background:#F00;width:17%;display:flex;align-items:center;z-index: 999;}
.osechi-link a{color:#FFF;font-size:1.5rem;line-height:normal;padding:10px 10px 10px 20px;text-align: center;}
.osechi-link a i{color:#FFF;font-size:1.5rem;line-height:normal;padding:10px;text-align: center;}
.sp-tokusyouhou{display:block;}
.sp-tokusyouhou a{color:#FFF;}
.check-box input{display:inline-block;width:auto;}

@media screen and (max-width:1536px){
.cap{width:1000px;margin:0 auto;}
}
@media screen and (max-width:1366px){
.top{background-position:bottom right,top left 10%;background-repeat:no-repeat;background-size:auto,35%;overflow:hidden;}
.osechi-price{width:80%;}
.wayou{top:0;width:45%;}
.set-wrap{background-position:top 50px left 10%;background-size:25%;}
}
@media screen and (max-width:1280px){
.wayou{top:0;width:45%;}
#form_wrap{width:100%;margin:0 auto;}
.form-tel{width:70%;}
form#mailformpro .color-wrap{width:70%;}
}
@media screen and (max-width:1024px){
.top-image{width:80%;}
.cap{width:80%;}
.osechi-price{width:90%;}
.slash-wrap{width:100%;height:850px;}
.slash{height:500px;}
.kyushu-list{width:950px;margin:0 auto;}
.osechi-image{width:90%;margin:0 auto;}
.osechi-image img{width:100%;}
.safety{width:70%;}
.price-box{width:85%;background:linear-gradient(to top,#bb9154 0%,#bb9154 1%,#e6d2ab 1%,#e6d2ab 62%,#bb9154 62%,#bb9154 63%,rgba(0,0,0,0) 63%,rgba(0,0,0,0) 100%);}
.info{width:90%;}
}
@media screen and (max-width:768px){
.top{background-position:bottom right,top left 20px;background-size:auto,40%;}
.top-image{width:90%;}
.top-title{top:-100px;right:-2%;}
.top-image2{left:10%;width:50%;}
.cap{width:95%;}
.kyushu{top:0;}
.kyushu-list{width:750px;}
.slash-wrap{width:100%;height:700px;}
.item-detail{display:flex;width:100%;align-items:center;}
.item-detail:nth-child(n + 3){margin-bottom:20px;}
.item-detail:last-child{margin-bottom:0;}
.wayou{width:60%;}
.detail-image{width:30%;}
.detail-cap{width:70%;padding-left:2%;}
.detail-cap h3{font-size:1.2rem;margin-bottom:10px;}
.price-box{background:linear-gradient(to top,#bb9154 0%,#bb9154 1%,#e6d2ab 1%,#e6d2ab 80%,#bb9154 80%,#bb9154 81%,rgba(0,0,0,0) 81%,rgba(0,0,0,0) 100%);}
.item{margin-bottom:20px;align-items:flex-start;}
.item-cap h3.c-gold{font-size:1.5rem;}
.item-cap p.ship{width:50%;}
.form-tel{width:85%;}
form#mailformpro .color-wrap{width:85%;}
	
.osechi-link{width:30%;}
.osechi-link a{font-size:1rem;padding:5px 5px 5px 10px;}
.osechi-link a i{font-size:1rem;padding:5px;}

	
}
@media screen and (max-width:640px){
.top{padding:50px 0 0 0;background-position:bottom 50px right,top left -50px;background-size:40%,65%;}
.top-image{width:95%;margin:0 auto 50px;}
.top-title{top:-50px;right:0;width:25%;}
.top p.c-gold{font-size:1.5rem;}

.cap{width:100%;margin:0 auto;margin-right:0;padding:0 15px;}
.cap.mb100{margin-bottom:50px;}
.cap.center p{text-align:left;}
.cap p{color:#FFF;margin-bottom:20px;font-size:16px;line-height:1.6em;}
.cap p.c-gold{position:relative;font-size:1.2rem;}
.cap h3.c-gold{position:relative;font-size:1.2rem;}

.osechi-price{display:block;width:100%;padding:0 15px;margin:50px auto 30px;}
.osechi-price li{width:100%;margin-bottom:30px;}
.order-link{padding:15px;width:95%;font-size:1.2rem;margin:0 auto 50px;}

.osechi-image-wrap{padding-top:50px;background-size:40%,20%;margin-bottom:30px;}
.wayou{top:0;width:70%;margin:0 auto;}

.slash-wrap{position:static;width:100%;height:auto;margin-bottom:50px;}
.slash{position:static;top:0;left:0;transform:translate(0) rotate(0);width:100%;height:auto;}
.kyushu{position:static;top:0;left:0;transform:translateX(0) rotate(0);padding:50px 0;}
.kyushu h2{font-size:1.5rem;margin-bottom:30px;}
.kyushu-list{display:flex;flex-wrap:wrap;width:100%;margin:0 auto;}
.kyushu li:nth-child(1){order:1;}
.kyushu li:nth-child(2){order:2;}
.kyushu li:nth-child(3){order:4;margin-bottom:0;}
.kyushu li:nth-child(4){order:3;}
.kyushu-image{width:100%;margin-bottom:10px;}
.kyushu-cap{width:100%;margin-bottom:10px;}
.kyushu-cap h3{font-size:1.2rem;}

.safety{width:95%;margin:0 auto 30px;}
.safety p{font-size:1.2rem;padding:10px;}

.set-wrap{background:url(../images/osechi/bg02.png) no-repeat;background-position:top 50px left 15px;background-size:50%;}
#matsu,#take,#ume{margin-top:-100px;padding-top:100px;}

.price-box{width:90%;margin:0 auto 100px;padding:0 0 50px;background:linear-gradient(to top,#bb9154 0%,#bb9154 1%,#e6d2ab 1%,#e6d2ab 74%,#bb9154 74%,#bb9154 75%,rgba(0,0,0,0) 75%,rgba(0,0,0,0) 100%);}	
.box-none{background:linear-gradient(to top,#bb9154 0%,#bb9154 1%,#e6d2ab 1%,#e6d2ab 70%,#bb9154 70%,#bb9154 71%,rgba(0,0,0,0) 71%,rgba(0,0,0,0) 100%);}
.price-box.last{margin-bottom:50px;}
.item{display:block;margin-bottom:30px;}
.item-image{width:100%;}
.item-cap{width:100%;padding-left:0;text-align:center;}
.item-cap h3.c-gold{font-size:1.3rem;margin:10px 0;}
.item-cap h3 span{font-size:1rem;}
.item-cap p.ship{width:95%;font-size:1rem;margin:0 auto 15px;}

.line4{background:linear-gradient(to top,#bb9154 0%,#bb9154 1%,#e6d2ab 1%,#e6d2ab 77%,#bb9154 77%,#bb9154 78%,rgba(0,0,0,0) 75%,rgba(0,0,0,0) 100%);}	
	
.info{width:100%;height:1200px;}
.info-title{width:95%;}
.info-list{padding:0 20px;}

.osechi-menu{display:block;}
.item-detail{display:block;width:95%;padding:0;margin:0 auto 20px;}
.detail-image{width:40%;margin:0 auto 10px;}
.detail-cap{width:100%;padding:0 15px;}
.detail-cap h3{font-size:1.2rem;text-align:center;margin-bottom:10px;}
	
.osusume{margin:50px 10px 0;}
.osusume-box{display:block;justify-content:center;align-items:center;padding:25px 0;}
.osusume-cont{width:100%;padding:1em;}
.osusume-cont-title{width:100%;}
	
.stc{width:90%;padding:100px 0 0;}

.sp-tokusyouhou{display:block;}
.sp-tokusyouhou a{color:#FFF;}
.sold-out-mark{width:85%;}
.item-cap p.ship{width:60%;font-size:1rem;margin:0 auto;}
/*.item-cap p.ship:last-child{margin:0;}*/
	
.osechi-top{margin-top:60px;}	
.osechi-link{width:100%;bottom:0;right:0;padding:10px;}
}