#online_shop #key img {
  width: 100%;
  height: auto;
}

#online_shop .txt,
#online_shop .wrap {
  padding: 0 1.5%;
}

#online_shop .tar {
  text-align: right;
}

#online_shop .tac {
  text-align: center;
}

#online_shop .s2-fade .fade * {
  line-height: 0;
}

#online_shop .flexBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#online_shop section img {
  width: 100%;
  height: auto;
}

#online_shop section * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#online_shop section {
  overflow: hidden;
}

#online_shop .slick-dots li {
  margin: 0 7px;
}

#online_shop #sec1 {
  padding-bottom: 6vw;
  position: relative;
}

#online_shop #sec2 {
  padding-bottom: 15vw;
}

#online_shop #sec2 .box {
  background: url(../img/shared/bg2.jpg) repeat-y center top/100%;
  border-radius: 5px;
  padding-bottom: 6vw;
  margin: 7vw 1.5% 0;
  color: #fff;
}

#online_shop #sec2 .box dt {
  margin: 0 -3%;
}

#online_shop #sec2 .box dd {
  padding: 0 3%;
}

#online_shop #sec2 .s2-fade {
  position: relative;
  margin: 0 1.5%;
}

#online_shop #sec2 .s2-fade .slick-dots {
  position: static;
  padding-top: 10px;
}

#online_shop #sec2 .s2-fade1 h3 {
  position: absolute;
  width: 50%;
  top: 0;
  left: 0;
  z-index: 1;
}

#online_shop #sec2 .s2-fade1 .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  padding-right: 15px;
  padding-bottom: 10px;
}

#online_shop #sec3 {
  background: url(../img/online_shop/s3-dc4.png) no-repeat center bottom/100%, url(../img/online_shop/s3-bg.jpg) no-repeat center top/cover;
  color: #fff;
  padding-bottom: 12vw;
}

#online_shop #sec3 .txt1 {
  margin-top: -9vw;
}

#online_shop #sec3 .txt1 p {
  padding-bottom: 6vw;
}

#online_shop #sec3 .fade .slick-dots button {
  background: #fff;
}

#online_shop #sec3 .fade .slick-dots .slick-active button {
  background: #592c0a;
}

#online_shop #sec3 .h31 {
  margin-top: -9vw;
}

#online_shop #sec3 .menu {
  text-align: center;
}

#online_shop #sec3 .menu dt {
  font-size: 5.3vw;
  letter-spacing: 0.2em;
  padding-bottom: 5px;
  line-height: 8vw;
}

#online_shop #sec3 .menu dd {
  font-size: 4.8vw;
}

#online_shop #sec3 .menu1 {
  margin-bottom: 3vw;
}

#online_shop #sec3 .box {
  width: 90%;
  margin: auto;
  position: relative;
  padding-bottom: 12px;
}

#online_shop #sec3 .box::after {
  background: url(../img/online_shop/s3-box-bg-03.png) no-repeat center bottom/100%;
  position: absolute;
  height: 22px;
  left: 0;
  right: 0;
  content: '';
  bottom: 0;
}

#online_shop #sec3 .box dt {
  text-align: center;
}

#online_shop #sec3 .box dd {
  text-align: center;
  background: url(../img/online_shop/s3-box-bg.png) repeat-y center top/100%;
  padding-bottom: 12px;
  line-height: 23px;
  font-size: 13px;
}
#online_shop #sec3 .box dd .fz_s{
	font-size:0.9em;	
}
#online_shop #sec3 .box dd{
	text-align: left;
    padding: 0 1em 1em
}

#online_shop #sec3 .box1 {
  margin-top: 6vw;
}

#online_shop #sec3 .menu2 {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 8px;
}

#online_shop #sec3 .menu2 dt {
  /*padding-right: 20px;*/
  font-size: 5vw;
}

#online_shop #sec3 .s3-fade2 {
  position: relative;
  margin: 0 1.5%;
}

#online_shop #sec3 .s3-fade2 .fade * {
  line-height: 0;
}

#online_shop #sec3 .s3-fade2 .fade .slick-dots button {
  border: 1px solid #fff;
  background: transparent;
}

#online_shop #sec3 .s3-fade2 .fade .slick-dots .slick-active button {
  background: #fff;
}

#online_shop #sec3 .s3-fade2 .fade .slick-dots {
  bottom: 15px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 20px;
}

#online_shop #sec3 .s3-fade2::after {
  left: -1.5%;
  right: -1.5%;
  bottom: -30vw;
  height: 25vw;
  content: '';
  background: url(../img/online_shop/s3-dc-2.png) no-repeat center top/100%;
  position: absolute;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

#online_shop #sec3 .s3-fade2-noDeco::after {
  display: none;
}

#online_shop #sec3 .menu3 {
  margin-bottom: 3vw;
}

#online_shop #sec3 .box4 {
  margin-bottom: 12vw;
}


#online_shop #sec3 .btn3-2 {
    padding: 4% 0 0;
}

#online_shop #sec4 {
  padding-bottom: 20vw;
}

#online_shop #sec4 .s4-fade {
  margin: 8vw 0 3vw;
  padding: 0 1.5%;
}

#online_shop #sec4 .s4-fade * {
  line-height: 0;
}

#online_shop #sec4 .s4-fade .slick-dots {
  position: static;
  padding-top: 3vw;
}

#online_shop #sec4 .btnBox .btn + .btn {
  margin-top: 3vw;
}

#online_shop .prc{
	font-size: 4.8vw;
    text-align: center;
    padding-bottom: 0.3em;
}

#howto_eat #key img {
  width: 100%;
  height: auto;
}

#howto_eat .txt,
#howto_eat .wrap {
  padding: 0 1.5%;
}

#howto_eat .tar {
  text-align: right;
}

#howto_eat .tac {
  text-align: center;
}

#howto_eat .s2-fade .fade * {
  line-height: 0;
}

#howto_eat .flexBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#howto_eat section img {
  width: 100%;
  height: auto;
}

#howto_eat section * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#howto_eat section {
  overflow: visible;
}

#howto_eat #sec1 {
  background: url(../img/howto_eat/s1-bg.jpg) no-repeat center bottom/cover;
  padding-bottom: 15vw;
  color: #fff;
  margin-top: -41vw;
}

#howto_eat #sec1::before {
  content: '';
  background: url(../img/howto_eat/s1-bg.jpg) no-repeat center top/100%;
  height: 30vw;
}

#howto_eat #sec1 .txt {
  font-size: 12px;
}

#howto_eat #sec2 {
  padding-bottom: 15vw;
}

#howto_eat #sec2 .img1 {
  margin-top: -20vw;
}

#howto_eat #sec2 .img2 {
  margin-top: -3vw;
}

#howto_eat #sec2 .img3 {
  margin-top: -4vw;
}

#howto_eat #sec2 .img4 {
  margin-top: -12vw;
}

#howto_eat #sec2 .box {
  color: #fff;
  text-align: center;
  margin: 0 1%;
  background: url(../img/howto_eat/s2-boxB.jpg) no-repeat center bottom/100%, url(../img/howto_eat/s2-boxC.jpg) repeat-y center top/100%;
  padding-bottom: 9vw;
}

#howto_eat #sec2 .box dd {
  background: url(../img/howto_eat/s2-boxC.jpg) repeat-y center top/100%;
  padding-bottom: 2vw;
  line-height: 1.8;
    padding-top: 2vw;
}
#howto_eat #sec2 .box dd.ttls{
	font-size:1.3em;
	padding-bottom:0;
	
}
#howto_eat #sec2 #sakusaku dl {
  text-align: center;
  background: url(../img/howto_eat/s2-box-setB.png) no-repeat center bottom/100%;
  padding-bottom: 2vw;
}

#howto_eat #sec2 #sakusaku dl dd {
  background: url(../img/howto_eat/s2-box-setC.png) repeat-y center top/100%;
  padding-bottom: 3vw;
}

#howto_eat #sec3 {
  background: url(../img/howto_eat/s3-bg.png) no-repeat center top/cover;
  color: #fff;
  padding-bottom: 15vw;
}

#howto_eat #sec3 .txt {
  padding-bottom: 10vw;
}
/*# sourceMappingURL=style.css.map */