@charset "UTF-8";

img {
display: block;
} html {
font-size:16px;
}
.cover {background: #101010;}
.cover > div{padding: 0; margin: 0px auto;}
#main {
display: table;
position: relative;
background: url(//deli-i.jp/wp-content/themes/img/christmas/bg.jpg);
text-align: center;
width: 100%;
height: 100%;
}
#main .center {
display: table-cell;
width: 100%;
vertical-align: middle;
}
#main h1 img {
width: 521px;
margin: 0 auto;
}
#main nav {
margin-top: 40px;
font-size: 0;
}
#main nav li {
display: inline-block;
margin: 0 30px;
}
#main nav a {
display: block;
color: #b5b6b6;
width: 100%;
padding: 12px 0;
margin: 0 auto;
border-top: 1px solid #b5b6b6;
border-bottom: 1px solid #b5b6b6;
-webkit-transition-duration: 1s;
transition-duration: 1s;
}
#main nav a img {
height: 14px;
margin: 0 auto;
}
#main nav a:hover {
-ms-filter: "alpha(opacity=40)";
filter: alpha(opacity=40);
opacity: 0.4;
}
#main .attention {
position: absolute;
bottom: 30px;
right: 30px;
}
#main .attention img {
width: 300px;
height: auto;
}
#main .attention-sp {
display: none !important;
}
#main #gnavi {
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
#main #gnavi.fixed {
position: fixed;
top: 0;
left: -1px;
width: 100%;
padding: 20px 0;
z-index: 9999;
background: url(//deli-i.jp/wp-content/themes/img/christmas/bg.jpg);
}
#main .top img {
position: absolute;
top: 35px;
right: 50px;
-webkit-transition-duration: 1s;
transition-duration: 1s;
}
#main .top img:hover {
-ms-filter: "alpha(opacity=40)";
filter: alpha(opacity=40);
opacity: 0.4;
}
#main .right img {
position: absolute;
top: 0;
bottom: 0;
right: 40px;
margin: auto;
}
#main .left img {
position: absolute;
top: 0;
bottom: 0;
left: 40px;
margin: auto;
} #contents, footer {
background-color: #f8f7f0;
font-family: "Sawarabi Mincho"; 
}
section .wrap {
max-width: 1040px;
margin-right: auto;
margin-left: auto;
}
section.item h2 {
margin: 30px auto 60px;
font-size: 2rem;
color: #C9A063;
font-weight: 200;
margin: 0px auto;
text-align: center;
font-weight: bold;
}
.chickenarea section.item h2 {
color: #fff;
}
section .copy {
font-size: 15px;
text-align: center;
margin-bottom: 70px;
color: #fff;
}
section .cover img {
width: 100%;
}
section .icon img {
height: 11px;
margin-top: 10px;
margin-left: auto;
}
section .line {
background-color: #C9A063;
width: 20px;
height: 1px;
margin: 20px auto 15px auto;
}
.chickenarea #section03 .line {
background-color: #fff;
}
.price {
font-size: 12px;
margin-bottom: 20px;
color: #fff;
text-align: right;
}
.chickenarea .price {
color: #fff;
text-align: right;
}
.price span {
font-size: 28px;
}
.price span.fontS {
font-size: 1rem;
}
.chickenarea section .text {
color: #fff;
}
section .text {
font-size: 12px;
color: #fff;
} #section01 {
overflow: hidden;
text-align: center;
font-size: 16px;
padding: 0;
background: #101010;
}
#section01 h1 {
font-size: 34px;
padding: 110px 0px 0px 0px;
letter-spacing: 6px;
font-weight: bold;
color: #fff;
text-shadow: 0px 0px 7px #000;
}
#section01 h2 {
text-shadow: 0px 0px 7px #000;
}
#section01 img {
width: 100%;
}
#section01 h2 {
margin: 10px auto 60px;
font-size: 28px;
color: #fff;
font-weight: 200;
}
#section01 .line {
background-color: #333;
width: 60px;
height: 2px;
margin: 0 auto 60px;
}
#section01 p {
margin: 50px auto 60px auto;
font-size: 1.8rem;
color: #C9A063;
line-height: 1.4;
}
#section01 p img {
width: 588px;
margin: 0 auto 100px;
}
#section01 li {
float: left;
margin-left: 13px;
list-style: none;
}
#section01 li:first-child {
margin-left: 0;
}
#section01 li img {
width: 338px;
} .mainttl {
text-align: center;
color: #C9A063;
font-size: 2rem;
padding: 50px 0px 0px 0px;
font-weight: normal;
line-height: 1.5;
}
.subttl {
text-align: center;
color: #C9A063;
padding: 20px 0px 60px 0px;
font-size: 1rem;
line-height: 1.5;
}
#section02 {
clear: both;
margin-bottom: 0;
background: #101010;
}
#section02.limited {
clear: both;
margin-bottom: 80px;
}
#sozaiitem .spec {
margin-bottom: 30px;
}
#sozaiitem .spec h3 {
margin: 30px auto 20px; color: #124327;
font-weight: 500;
}
#section02 ul { padding:0;     margin: 0px auto;
display: block;
width: 200px;
}
#section02 ul li{list-style: none;width: 32.3333%;}
#sozaiitem .spec p {
font-size: 12px;
}
.pizzaarea .spec p.price span {
}
.pizzaarea .spec p.price {color: #fff6d2;}
.saladarea #section02 .sub p.price {color: #ff5151;}
.saladarea #section02 .sub .text {color: #124327;}
#sozaiitem .spec p .size {
font-size: 16px;
}
#sozaiitem .text {
font-size: 14px;
}
#section02 .main {
position: relative;
overflow: hidden;
max-width: 1040px;
margin: 0 auto 150px;
}
#section02 .main .wrap {
position: relative;
}
#section02 .main .wrap span {
position: absolute;
bottom: 10px;
right: 5px;
font-size: 11px;
color: #fff;
}
#section02 .main .spec {
margin-top: 30px;
padding: 0px 0px 0px 0px;
}
#section02 .main .spec .iconlist + h3{
margin:0;
}
#section02 .main .spec h3 {
margin: 30px auto 60px; color: #C9A063;
font-weight: 500;
margin: 0px auto;
}
#section02 .main .spec h3 span {
background: #da6245;
color: #fff;
font-size: 14px;
margin: 0px 6px 0px 0px;
}
#section02 .main .spec p {
margin-top: 0;
color: #C9A063;
text-align: center;
}
#section02 .main h3 img:first-child {
width: 160px;
margin-bottom: 10px;
}
#section02 .main h3 img {
width: 380px;
}
#section02 .main .text {
float: left;
width: 400px;
}
#section02 .main .text h4{
color: #fff;
font-weight: normal;
font-size: 1rem;
background: #95763B;
width: 77px;
text-align: center;
padding: 6px 5px;
}
#section02 .main hr {
border: 0 none;
height: 1px;
color: #fff;
background-color: #fff;
margin: 10px 0 15px;
}
#section02 .main .image {
position: absolute;
bottom: 0;
right: 0;
}
#section02 .main .slice {
width: 614px;
}
#section02 .note {
font-size: 18px;
margin-bottom: 10px;
color: #C9A063;
line-height: 1.5;
}
#section02 .info {
font-size: 1rem;
padding: 0px 0px 20px 0px;
color: #C9A063;
}
#section02 .note span {
font-size: 1rem;
padding: 0px 5px;
margin: 0px 0px 0px 10px;
}
#section02 .note span.selectmenu {
background: #da6245;
color: #fff;
font-size: 1rem;
margin: 0px 6px 0px 0px;
}
#section02 .sub > div {
clear: both;
overflow: hidden;
display: table;
width: 100%;
}
#section02 .sub01 {
margin-bottom: 150px;
}
.chickenarea #section02 .sub .spec p {
color: #fff;
}
#section02 .sub .spec p {
margin-top: 0;
text-align: right;
color: #ff5151;
}
#section02 .sub01 .left {
display: table-cell;
width: 34%;
padding-left: 8%;
padding-right: 2%;
vertical-align: bottom;
}
.chickenarea .spec h3 {
margin: 30px auto 20px;
font-size: 26px;
color: #fff;
font-weight: 500;
}
#section02 .sub01 .right {
text-align: right;
float: right;
}
#section02 .sub02 .left {
text-align: left;
}
.roastarea #section02 .sub02 .left { }
.roastarea #section02 .sub02 .right {
display: table-cell;
width: 43%;
padding-right: 6%;
padding-left: 2%;
vertical-align: bottom;
}
#section02 .sub .cake {
display: inline;
width: 90%;
}
#section02 .sub01 h3 img {
width: 170px;
}
#section02 .sub02 h3 {
}
#section02 .sub .text {
margin-bottom: 20px;
color: #fff;
}
#section02 .sub .slice {
width: 100%;
} #section05 {
background-color: #efeee5;
padding: 100px 0;
}
#section05 .wrap {
overflow: hidden;
max-width: 1040px;
margin: 0 auto;
font-size: 14px;
}
#section05 h2 img {
margin-bottom: 80px;
}
#section05 .left {width: 90%;margin: 0px auto;}
#section05 .left img {
width: 242px;
margin-bottom: 30px;
}
#section05 .left p {
}
#section05 .right {
padding: 10px 40px 20px;
border: 1px solid #333;
box-sizing: border-box;
}
#section05 .shop {
}
#section05 .shop ul {
clear:both;
margin: 0;
}
#section05 .shop li {
float: left;
clear: both;
}
#section05 .shop .txt1 {
padding-top: 10px;
list-style: none;
}
#section05 .shop li dl {
padding-top: 10px;
}
#section05 .shop li dt, #section05 .shop li dd {
padding-top: 10px;
}
#section05 .shop li dt {
float: left;
width: 130px;
}
#section05 .shop li dd {
margin-left: 130px;
} .link .wrap {
overflow: hidden;
width: 480px;
margin: 0 auto;
}
.link .btn {
clear: both;
width: 90%;
margin: 100px auto 0;
border: 1px solid #333;
box-sizing: border-box;
text-align: center;
-webkit-transition-duration: 1s;
transition-duration: 1s;
}
.link .btn a {
display: block;
padding: 18px 0;
font-size: 14px;
}
.link .btn a:before {
content: '';
display: inline-block;
width: 13px;
height: 12px;
background: url(//deli-i.jp/wp-content/themes/img/christmas/ico_back.png) no-repeat;
background-size: contain;
vertical-align: top;
margin-right: 10px;
}
.link .btn:hover {
width: 100%;
} @media screen and (max-width: 768px) {
#section02 .main .spec p.price {
padding: 0px 0px 20px 0px;
}
#section02 .main .spec dd p.price {
padding: 0px 0px 0px 0px;
}
#section02 ul {
padding: 30px 0px 30px 0px;
} #main {
height: calc(100% + 3px);
}
#main h1 img {
width: 70%;
}
#main nav {
margin-top: 25px;
}
#main nav li {
margin: 0 20px 20px;
width: 28%;
}
#main nav a img {
height: 12px;
}
#main #gnavi.fixed {
position: relative;
left: 0;
padding: 0;
}
#main .top, #main .left, #main .right {
display: none !important;
}
#main .attention {
display: none !important;
}
#main .attention-sp {
display: inline-block !important;
padding: 20px;
text-align: left;
font-size: 65%;
color: #bbb;
} .menu {
top: 30px;
right: 5%;
}
.menu span {
background-color: #b5b6b6;
}
.menu span.title {
background: none;
}
.menu.active span {
background-color: #333;
}
.nav-wrap {
display: none;
margin-top: -133px;
margin-left: -106px;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
font-size: 18px;
} #contents h2 {
margin: 10px auto 30px;
font-size: 24px;
}
#contents section.item h2 { }
#contents p {
}
.subttl {
padding: 0px 20px 50px 20px;
font-size: 0.8rem;
}
#contents img {
max-width: 100%;
}
section .wrap {
width: 100%;
}
section.item h2 img {
height: 20px;
}
section .copy {
width: 90%;
margin: 0 auto 40px;
}
section .icon img {
height: 10px;
margin-right: 5%;
} #section01 {
margin-bottom: 0;
}
#section01 h2 img {
height: 20px;
}
#section01 h2 img:first-child {
margin-right: 0;
margin-bottom: 20px;
}
#section01 .line {
width: 12%;
margin-bottom: 40px;
}
#section01 p img {
width: 90%;
margin-bottom: 50px;
}
#section01 li {
float: none;
display: inline-block;
width: 29%;
margin: 0 auto;
}
#section01 li img {
width: 100%;
} #section02 {
margin-bottom: 0px;
}
#section02.limited {
margin-bottom: 0px;
padding: 20px 0px 0px 0px;
}
#sozaiitem .spec {
margin-left: 5%;
margin-bottom: 20px;
}
#sozaiitem .spec p {
margin-bottom: 0;
}
#sozaiitem .text, #section02 .main .text {
width: 90%;
margin: 0 auto;
}
#section02 .main {
width: 100%;
margin-bottom: 80px;
}
#section02 .main .wrap {
text-align: right;
}
#section02 .main .wrap span {
right: 4px;
bottom: 7px;
font-size: 7px;
}
#section02 .main h3 img {
width: 80%;
}
#section02 .main h3 img:first-child {
width: 30%;
}
#section02 .main .text, #section02 .main .image {
float: none;
position: static;
}
#section02 .main .slice, #section02 .sub .slice {
width: 90%;
margin: 10px auto 0;
}
#section02 .sub h3 span img {
height: 10px;
}
#section02 .sub01 .left, #section02 .sub02 .right {
display: block;
padding: 0;
margin: 0 auto;
width: 90%;
}
#section02 .sub01 .right .batch {
position: absolute;
top: 10px;
left: 10px;
}
#section02 .sub01 .right img.batch {
width: 45%;
}
#section02 .sub02 .left img.batch {
width: 45%;
}
#section02 .sub01 .right img, #section02 .sub02 .left img {
margin-bottom: 30px;
width: 100%;
}
#section02 .sub01 {
margin-bottom: 80px;
}
#section02 .sub01 .right {
display: table-header-group;
width: 100%;
}
#section02 .sub h3 img {
display: inline-block;
margin-right: 4%;
}
#section02 .sub h3 span img {
vertical-align: 4px;
}
#section02 .sub01 h3 img {
width: 40%;
}
#section02 .sub02 h3 img {
width: 26%;
}
#section02 .sub .cake {
width: 100%;
} #section05 {
padding: 50px 0;
}
#section05 .wrap {
width: 100%;
}
#section05 h2 {
margin: 0 auto;
}
#section05 h2 img {
margin-bottom: 50px;
}
#section05 .left {
float: none;
width: 90%;
margin: 0 auto;
}
#section05 .left img {
width: 60%;
margin-bottom: 20px;
}
#section05 .left p {
}
#section05 .right {
float: none;
overflow: hidden;
width: 90%;
margin: 20px auto 0;
padding: 10px 4% 10px;
font-size: 13px;
}
#section05 .shop li {
float: none;
}
#section05 .shop .txt1 {
padding-top: 0;
margin-left: 0;
list-style: none;
}
#section05 .shop li dt, #section05 .shop li dd {
padding-top: 0;
}
#section05 .shop li dt {
float: none;
width: auto;
}
#section05 .shop li dd {
margin-left: 0;
margin-bottom: 10px;
} .link .wrap {
width: 86%;
margin-top: 20px;
}
.link .btn {
width: 100%;
margin-top: 30px;
}
.link .btn a {
padding: 12px 0;
font-size: 12px;
}
.link .btn a:before {
width: 10px;
height: 9px;
}
} @media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) and (max-width:640px) {
#section02 .main .wrap span {
-webkit-transform: scale(0.7);
-webkit-transform-origin: 100% 0;
}
}
#sozaiitem .spec p.take_price {
text-align: right;
color: #ff5151;
font-size: 36px;
margin: 17px 0px 0px 0px;
}
#sozaiitem .spec p.take_price.yoyaku_price {
text-align: right;
color: #fff6d2;
font-size: 36px;
background: #900;
padding: 10px 10px 10px 10px;
}
#sozaiitem p.take_price span {
font-size: 14px;
}
.hanapack {
padding: 0px 0px 60px 0px;
max-width: 670px;
margin: 0px auto;
}
.order {}
.order .wrap {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;
flex-wrap: wrap;
}
.order .wrap h2 {
width: 100%;
text-align: left;
color: #000;
font-weight: normal;
}
.order .wrap h2 span{
display:block;
font-size: 19px;
}
#section05.order .wrap .right{
width: 60%;
overflow: hidden;
}
#section05.order .wrap .left{
width: 35%;
padding: 0;
}
#section05.order .wrap .left h3{padding: 20px 0px 0px 0px;}
#section05.order .wrap .left p{
}
.orderflow {
max-width: 1040px;
margin: 30px auto;
background: #C9BF8D;
padding: 20px;
box-sizing: border-box;
}
.orderflow dl{
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;
flex-wrap: wrap;
border-bottom: 1px solid #777;
padding: 20px 0px;
}
.orderflow dl:last-child{
border:0;
}
.orderflow dl dt{
width: 220px;
font-size: 18px;
font-weight: 500;
}
.orderflow dl dd{
width: 710px;
font-size: 16px;
}
.orderflow dl dd span{
padding: 1px 5px;
display: block;
max-width: 140px;
text-align: center;
border: 1px solid #777;
font-size: 14px;
}
.pcimg {display: block;}
.spimgarea {}
.spimg {display: none;}
#section01 ul {
margin:0;
padding:0;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
flex-wrap: wrap;
}
.xmasinfo {
max-width: 980px;
margin: 50px auto;
}
.sauceinfo {
max-width: 500px;
margin: 50px auto;
}
.sauceinfo img{
width: 100% !important;
}
.chickenarea #section02 .sub .spec p.yoyakuicon {
background: #C9BF8D;
color:#900;
font-size: 14px;
text-align: center;
padding: 0px;
}
.chickenarea #section02 .sub .spec p.countlimited {
background: #124327;
color: #fff;
font-size: 14px;
text-align: center;
padding: 0px 5px 0px 5px;
margin: 0;
}
.chickenarea #section02 .sub .spec .iconlist + h3 {margin: 0px auto 30px auto;}
p.yoyakuicon {
margin: 30px 0px 0px 0px;
background: #900;
width: 84px;
text-align: center;
padding: 5px 0px;
color: #fff;
}
.list .iconlist {
margin: 10px 0px 0px 0px !important;
}
.iconlist {
display: -webkit-flex;
display: flex;
-webkit-justify-content:inherit !important;
justify-content:inherit !important; }
.iconlist + h3 {
margin: 0 !important;
}
.iconlist li{
width: auto !important;
margin: 0 !important;
list-style: none;
}
p.yoyakuicon {
background: #fff;
color:#900;
font-size: 14px;
text-align: center;
padding: 0px;
}
p.countlimited {
background: #124327;
color: #fff;
font-size: 14px;
text-align: center;
padding: 0px 5px 0px 5px;
margin: 0 !important;
}
#section02 .sub .spec p.yoyakuicon {
background: #C9BF8D;
color: #fff;
font-size: 14px;
text-align: center;
padding: 0px;
}
#section02 .sub .spec p.sauceicon {
background: #ff9900;
color: #fff;
font-size: 14px;
text-align: center;
padding: 0px 5px 0px 5px;
margin: 0;
}
@media screen and (max-width:1024px){
#section01 li  {
width: 31.3333%;
margin: 0;
}
#section01 li img {
width:100%;
}
#section02 .main .slice {
width:100%;
}
.cover > div {
padding: 0px 0px;
}
#section01 p {
}
#section02 .main .spec {
padding: 0px 20px;
}
#section02 .main .text {
width: 50%;
padding: 0px 20px;
}
#section02 .note span {
font-size:14px;
}
#section02 .main .text p{
font-size: 16px;
}
#section02 .main .image {
width: 50%;
}
#section01 h1 {
font-size:28px;
}
#section02 .sub01 .left {
width: 40%;
padding: 0px 50px 0px 40px;
}
#section03 ul {
width:90%;
}
#section03 li {
width: 46%;
}
.order .wrap {
display: block;
}
.order .wrap h2 {
text-align: center;
}
#section05.order .wrap .left {
width: 100%;
}
#section05.order .wrap .left h3 {
text-align:center;
}
#section05.order .wrap .left p {
text-align:center;
}
.order .wrap .right {
width: 90%;
margin: 0px auto;
height: 100%;
}
}
@media screen and (max-width:768px){
#section02 .main .text img {
max-width: 200px;
margin: 0px auto;
}
.chickenarea section .text {
text-align:center;
}
#section02 .main .image {
width: 100%;
padding: 20px 0px 0px 0px;
}
#section02 .sub01 .left {
width:100%;
}
.pcimg {display: none;}
#section02 .sub > div {
width:90%;
margin:0px auto;
padding: 40px 0px 0px 0px;
}
.saladarea #section02 .sub > div {
padding: 50px 0px;
width: 100%;
margin: 0px auto 50px auto;
}
.spimg {display: block;}
#section01 p {
font-size: 1.2rem;
}
#section02 .main .spec {
padding: 0px;
margin: 0px auto;
width: 95%;
}
#section02 .main .spec h3 {
text-align:center;
}
section .line {
margin:0px auto 20px auto;
}
#section02 .main .text {padding: 10px 0px 0px 0px;margin: 0px auto;width: 95%;text-align: center;}
#section02 .main .text h4 {
margin: 0px auto 14px auto;
}
.chickenarea .spec h3 {
text-align:center;
}
.chickenarea .line {
}
}
.zeikomi {
display: none;
}
#section02 .main .spec h3 {
font-size: 1rem;
padding: 20px 0px 20px 0px;
text-align: center;
}
.selectarea dd {
margin: 10px 0px 0px auto;
}
#section02 .main .text h4 {
text-align: center;
margin: 0px auto 20px auto;
}
#section02 .main .text img {
max-width: 200px;
margin: 0px auto;
}
@media screen and (max-width:425px){
.mainttl {
font-size: 1rem;
padding: 0px 0px 10px 0px;
}
.zeikomi {
display: block; }
#section01 p {
font-size: 12px;
padding: 50px 0px;
margin: 0;
}
#section01 .cover h1 {
font-size:12px;
padding: 0;
}
#section01 .cover h2 {
font-size:12px;
padding: 0;
margin: 0;
}
#contents h2 {margin: 10px auto;font-size: 20px;padding: 0;}
#section02 .main .spec h3 {
font-size: 0.8rem;
}
#contents .chickenarea h2 {
margin: 0px auto 0px auto;
}
small {
font-size: 0.8rem;
text-align:left;
display: block;
}
#section02 .main .text p {
padding: 0px 0px 0px 0px;
text-align: center; }
#section02 .main .text p.info {
padding: 0px 0px 10px 0px;
font-size: 0.8rem;
}
#section02 .note span.selectmenu {
font-size: 0.8rem;
}
#section02 .note span {}
section01 p {
margin: 0px;
padding: 50px 0px;
}
#section01 li {
width:33.33333%;
}
#contents section .copy {
padding: 0px 0px 0px 0px;
}
#sozaiitem .spec p.take_price {
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
}  
#section03 .price span {
font-size: 26px;
}
#contents .price span.fontS {
font-size: 20px;
}
#section02 .sub .text p{
padding: 20px 0px 0px 0px;
text-align: center;
}
.chickenarea .spec h3 {
margin: 0;
padding: 0;
}
.chickenarea #section03 .spec .line {
padding: 0px 0px 0px 0px;
margin: 0px auto 20px auto;
}
#section02 .sub .spec p {
}
#section02 .sub01 .left {
padding: 0;
}
#section03 .list h3 {
font-size: 17px;
margin: 0px auto 0px;
text-align: center;
}
.chickenarea #section03 .line {
padding: 0px 0px 0px 0px;
margin: 0px auto 20px auto;
}
.saladarea #section02 .sub > div.sub02 .right {
width:100%;
padding: 0;
display: block;
}
.saladarea #section02 .sub > div {
display:block;
}
.saladarea #section02 .sub > div.sub02 .left {
display:block;
}
.chickenarea #section02 .sub01 {
display: -webkit-flex;
display: flex;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.saladarea #section02 .sub > div.sub01 {
display: -webkit-flex;
display: flex;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.roastarea #section02 .sub > div.sub01 {
display: -webkit-flex;
display: flex;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-flex-direction: column-reverse;
flex-direction: column-reverse;
}
#sozaiitem .spec h3 {
font-size: 23px;
text-align: center;
}
.saladarea #section03 .right h3 {
}
.saladarea #section03 .right .line {margin: 20px auto 20px auto;}
.roastarea  .line {margin: 20px auto 20px auto;background: #fff;}
.roastarea #section02 .sub02 .right {
width: 100%;
}
.roastarea #section02 .sub > div {
display: block;
}
#section03 ul {
width: 95%;
}
#section03 li {
width:49%;
}
#section03 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.price{
}
#sozaiitem .spec {
margin: 0px 0px 30px 0px;
padding: 0px 10px;
}
#section05.order .wrap .left p {
max-width:90%;
margin:0px auto;
font-size: 12px;
text-align: left;
}
#section05.order .wrap .right {
width: 90%;
}
#contents .roastarea .copy {
padding: 0px 20px;
text-align: left;
}
.iconlist {
-webkit-justify-content: center !important;
justify-content: center !important;
}
#section02 .main .spec .iconlist {padding: 26px 0px 22px 0;}
.sauceinfo {
max-width:100%;
clear: both;
}
.iconlist p {
font-size:10px;
padding:0px 5px;
}
}
.osechi_special {
background: #947918;
padding: 40px 0px;
}
.specialinner {
max-width: 980px;
background: #fff;
padding: 40px;
margin: 0px auto;
}
.specialinner .sub-heading{
text-align: center;
margin: 0;
padding: 0px;
}
.specialinner .xmas_info {
margin: 0;
text-align: center;
}
.price span {
font-size: 2rem;
}
#contents p.price {
font-size: 0.8rem;
}
.selectarea dl dt {
font-size: 1.4rem;
}
.optionarea dl dt {
font-size:16px;}
@media screen and (max-width:425px){
#section01 h1 {
font-size: 18px;
padding: 0;
}
#section01 h2 {
font-size: 14px;
}
#section01 p {
font-size: 14px;
padding: 0px 20px 60px 20px;
}
.pcimg {display: none;}
.spimgarea {}
.spimg {display: block;}
.cover > div {
padding: 0px 0px 40px 0px;
}
}
.netbtn {
margin:0px auto;
max-width: 460px;
padding: 0px 0px 60px 0px;
text-align: center;
}
.btn,
a.btn,
button.btn {
font-size: 1rem;
font-weight: 700;
position: relative;
display: inline-block;
padding: 1rem 4rem;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
letter-spacing: 0.1em;
color: #212529;
border-radius: 0.5rem;
}
a.btn--yellow {
color: #000;
background-color: #fff100;
}
a.btn--yellow:hover {
color: #000;
background: #fff20a;
}
.buybtn {
text-align: center;
}
a.btn--yellow.btn--cubic {
border-bottom: 5px solid #ccc100;
}
a.btn--yellow.btn--cubic:hover {
margin-top: 3px;
border-bottom: 2px solid #ccc100;
}
a.btn-c {
font-size: 1.8rem;
position: relative;
padding: 2rem 5rem 2rem 3rem;
border-radius: 100vh;
}
a.btn-c i.fa {
margin-right: 1rem;
}
h1.inview {}
a.btn-c:before {
font-family: 'Font Awesome 5 Free';
font-size: 1.6rem;
position: absolute;
top: calc(50% - .8rem);
right: 1rem;
margin: 0;
padding: 0;
content: '\f054';
}
p.btn{
font-size: 1.6rem;
font-weight: 700;
position: relative;
display: inline-block;
padding: 1rem 4rem;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
letter-spacing: 0.1em;
color: #fff;
border-radius: 0.5rem;
cursor:inherit;
}
p.btn--yellow {
color: #fff;
background-color: #900;
}
p.btn-c {
font-size: 18px;
position: relative;
padding: 20px 40px;
}
p.btn-c i.fa {
margin-right: 1rem;
}
.selectarea {
border-top: 2px solid #C9A063;
border-bottom: 2px solid #C9A063;
max-width: 600px;
margin: 0px auto 30px auto;
}
.selectarea h3{}
.selectarea dl{
flex-wrap: wrap;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.selectarea dl dt{ color: #C9A063;}
.selectarea dd{margin: 0px 0px 0px auto;}
.selectarea p.price{} 
.optionarea {
max-width: 360px;
margin: 0px auto;
border: 2px solid #c9a063;
padding: 20px;
box-sizing: border-box;
}
.optionarea h3{
color: #fff;
text-align: center;
padding: 0px 0px 11px 0px;
}
.optionarea dl{
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
margin: 0;
}
.optionarea dl dt{font-size: 1rem;color: #fff;font-weight: normal;}
.optionarea dl dd p{margin:0;}
.optionarea dl dt small {
display: block;
font-size: 12px;
}
.selectarea {
margin: 40px auto;
padding: 0px 20px;
}
@media screen and (max-width:768px){
#section02 .main .spec p.countlimited {
padding: 10px;
}
.mainttl {}
}
@media screen and (max-width:425px){
.optionarea h3 {
font-size: 1rem;
font-weight: normal;
}
.price span {
font-size: 1.5rem;
}
#section02 .main .spec dd p.price {
font-size: 0.7rem;
}
.selectarea dl dt {
font-size: 1rem;
}
.selectarea dl {
padding: 0px 0px 20px 0px;
}
.optionarea dl dt {}
.optionarea {
max-width: 300px;
}
}