@charset "UTF-8";
/* ================================
  initialize
================================ */
#mainContent *, #mainContent *:before, #mainContent *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4, #mainContent h5, #mainContent h6, #mainContent p {
  margin: 0;
  padding: 0;
}

#mainContent dl, #mainContent dd, #mainContent dt, #mainContent ol, #mainContent ul, #mainContent li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#mainContent figure, #mainContent figcaption {
  margin: 0;
  padding: 0;
}

#mainContent del, #mainContent ins {
  text-decoration: none;
}

#mainContent a {
  display: inline-block;
  color: initial;
}

#mainContent a:link, #mainContent a:visited, #mainContent a:hover, #mainContent a:active, #mainContent a:focus {
  text-decoration: none;
}

/* ================================
  #mainContent initialize
================================ */
#mainContent {
  display: block;
  color: #000;
  font-size: 14px;
  font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

#mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4 {
  margin-top: -.2em;
  margin-bottom: -.2em;
  font-weight: 600;
  font-family: 'Gothic MB101 Bold', 'MySansSerif', 'YakuHanJP', sans-serif;
  line-height: 1.4;
}

#mainContent h5, #mainContent h6 {
  margin-top: -.2em;
  margin-bottom: -.2em;
  font-weight: 600;
  line-height: 1.4;
}

#mainContent a {
  color: #000;
}

#mainContent p {
  margin-top: -.4em;
  margin-bottom: -.4em;
  color: #585858;
  line-height: 1.8;
}

#mainContent img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  font-size: .5em;
}

/* =====================
  Utility
===================== */
/* ALL */
#mainContent .ut-inBlock {
  display: inline-block;
}

/* PC */
@media screen and (min-width: 768px) {
  #mainContent .ut-wrapper {
    margin-right: auto;
    margin-left: auto;
    padding-right: 30px;
    padding-left: 30px;
    max-width: 1160px;
  }
}

/* Tablet */
/* SP */
@media screen and (max-width: 767px) {
  #mainContent .ut-wrapper {
    margin-right: auto;
    margin-left: auto;
    padding-right: 8vw;
    padding-left: 8vw;
  }
}

/* =====================
  Modifier
===================== */
/* PC */
@media screen and (min-width: 768px) {
  #mainContent .m-btn {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
  }
  #mainContent .m-btn:hover {
    opacity: .8;
  }
  #mainContent .m-btn--square .m-btn__link {
    padding: .893em 2em;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
  }
}

/* Tablet */
/* SP */
@media screen and (max-width: 767px) {
  #mainContent .m-btn--square .m-btn__link {
    padding: .786em 2em;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
  }
}

/* =====================
  - #mainContent
    > #hero
    > #contents
      >.localNav
===================== */
/* ALL */
/* PC */
/* Tablet */
/* SP */
/* ================================
  #hero
================================ */
/* PC */
@media screen and (min-width: 768px) {
  #hero {
    margin-bottom: 40px;
  }
  #hero .mainvisual {
    margin-right: auto;
    margin-left: auto;
    max-width: 1500px;
  }
  #hero .hero__desc {
    padding-top: 75px;
    text-align: center;
  }
  #hero .hero__ttl {
    font-size: 40px;
  }
  #hero .hero__txt {
    font-size: 16px;
  }
  #hero .hero__txt:not(:first-child) {
    padding-top: calc(50px - .4em);
  }
}

/* Tablet */
@media screen and (min-width: 768px) and (max-width: 1023px) {
  #hero .hero__ttl {
    font-size: 32px;
  }
}

/* SP */
@media screen and (max-width: 767px) {
  #hero .hero__wrap {
    margin-bottom: 15px;
  }
  #hero .hero__desc {
    padding-top: 30px;
  }
  #hero .hero__ttl {
    text-align: center;
    font-size: 21px;
  }
  #hero .hero__txt {
    font-size: 16px;
  }
  #hero .hero__txt:not(:first-child) {
    padding-top: calc(35px - .4em);
  }
}

/* ================================
  #contents .localNav
================================ */
/* PC */
@media screen and (min-width: 768px) {
  #contents {
    padding-top: 40px;
  }
  #contents .localNav__nav--follow {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: -1;
    background-color: #fff;
    opacity: 0;
  }
  #contents .localNav__nav--follow.js-follow {
    z-index: 10;
    opacity: 1;
  }
  #contents .localNav__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
  }
  #contents .localNav__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 14.42%;
    border-bottom: solid 4px #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
  }
  #contents .localNav__item.js-active, #contents .localNav__item:hover {
    border-bottom: solid 4px #999;
  }
  #contents .localNav__item--meal-kit.js-active, #contents .localNav__item--meal-kit:hover {
    border-color: #448224;
  }
  #contents .localNav__item--cut-vegetables.js-active, #contents .localNav__item--cut-vegetables:hover {
    border-color: #448224;
  }
  #contents .localNav__item--side-dish.js-active, #contents .localNav__item--side-dish:hover {
    border-color: #ad6717;
  }
  #contents .localNav__item--freshly-baked.js-active, #contents .localNav__item--freshly-baked:hover {
    border-color: #735530;
  }
  #contents .localNav__item--stew.js-active, #contents .localNav__item--stew:hover {
    border-color: #963c26;
  }
  #contents .localNav__item--rice-noodles.js-active, #contents .localNav__item--rice-noodles:hover {
    border-color: #808221;
  }
  #contents .localNav__item--snack.js-active, #contents .localNav__item--snack:hover {
    border-color: #c58061;
  }
  #contents .localNav__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 1em;
    padding-right: .5em;
    padding-bottom: calc(1em - 4px);
    padding-left: .5em;
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
  }
}

/* Tablet */
@media screen and (min-width: 768px) and (max-width: 1023px) {
  #contents .localNav__link {
    font-size: 12px;
  }
}

/* SP */
@media screen and (max-width: 767px) {
  #contents {
    padding-top: 15px;
  }
  #contents .localNav {
    width: 100vw;
  }
  #contents .localNav__nav {
    overflow-x: auto;
    overflow-y: hidden;
    background-color: #fff;
  }
  #contents .localNav__nav--follow {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
  }
  #contents .localNav__nav--follow.js-follow {
    z-index: 10;
    opacity: 1;
  }
  #contents .localNav__list {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
  }
  #contents .localNav__item {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 110px;
    border-bottom: solid 4px #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
  }
  #contents .localNav__item.js-active, #contents .localNav__item:active {
    border-bottom: solid 4px #999;
  }
  #contents .localNav__item--meal-kit.js-active, #contents .localNav__item--meal-kit:active {
    border-color: #448224;
  }
  #contents .localNav__item--cut-vegetables.js-active, #contents .localNav__item--cut-vegetables:active {
    border-color: #448224;
  }
  #contents .localNav__item--side-dish.js-active, #contents .localNav__item--side-dish:active {
    border-color: #ad6717;
  }
  #contents .localNav__item--freshly-baked.js-active, #contents .localNav__item--freshly-baked:active {
    border-color: #735530;
  }
  #contents .localNav__item--stew.js-active, #contents .localNav__item--stew:active {
    border-color: #963c26;
  }
  #contents .localNav__item--rice-noodles.js-active, #contents .localNav__item--rice-noodles:active {
    border-color: #808221;
  }
  #contents .localNav__item--snack.js-active, #contents .localNav__item--snack:active {
    border-color: #c58061;
  }
  #contents .localNav__link {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 1em;
    padding-right: .25em;
    padding-bottom: calc(1em - 4px);
    padding-left: .25em;
    width: 100%;
    text-align: center;
    font-weight: 600;
  }
}

/* ================================
  #contents
================================ */
/* ALL */
#contents .products__link {
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

#contents .products__link:hover {
  opacity: .8;
}

/* PC */
@media screen and (min-width: 768px) {
  #contents .section {
    padding-top: 40px;
    padding-bottom: 80px;
  }
  #contents .section:first-child {
    margin-top: 80px;
  }
  #contents .section__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #contents .section__desc {
    position: relative;
    padding-top: 95px;
    width: 30.91%;
  }
  #contents .section__tmb {
    width: 63.63%;
  }
  #contents .section__flag {
    position: absolute;
    top: 0;
    left: 0;
  }
  #contents .section__flag--new {
    margin-top: 0;
    padding: .58em .9em;
    border-radius: 2px;
    background-color: #9a2525;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
  }
  #contents .section__ttl {
    padding-bottom: 30px;
    border-bottom: 4px solid #999;
    font-size: 38px;
  }
  #contents .section__ttl--meal-kit {
    border-color: #448224;
  }
  #contents .section__ttl--cut-vegetables {
    border-color: #448224;
  }
  #contents .section__ttl--side-dish {
    border-color: #ad6717;
  }
  #contents .section__ttl--freshly-baked {
    border-color: #735530;
  }
  #contents .section__ttl--stew {
    border-color: #963c26;
  }
  #contents .section__ttl--rice-noodles {
    border-color: #808221;
  }
  #contents .section__ttl--snack {
    border-color: #c58061;
  }
  #contents .section__txt {
    font-size: 16px;
  }
  #contents .section__txt:not(:first-child) {
    padding-top: 40px;
  }
  #contents .section__products {
    padding-top: 80px;
  }
  #contents .products__ttl {
    margin-bottom: calc(60px - .2em);
    font-size: 30px;
  }
  #contents .products__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #contents .products__list::before {
    display: block;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    width: 23.09%;
    content: '';
  }
  #contents .products__list::after {
    display: block;
    width: 23.09%;
    content: '';
  }
  #contents .products__item {
    width: 23.09%;
  }
  #contents .products__item:nth-child(n+5) {
    padding-top: 50px;
  }
  #contents .thumb {
    display: block;
  }
  #contents .name {
    display: block;
    padding-top: 20px;
    font-weight: 600;
    line-height: 1.57;
  }
  #contents .nameNum {
    font-weight: 300;
    font-size: 13px;
  }
  #contents .label {
    display: block;
    margin-bottom: -5px;
    padding-top: 10px;
    min-width: 100px;
    width: 51.18%;
  }
  #contents .oldPrice {
    display: inline-block;
    padding-top: 15px;
    padding-right: .6em;
    color: #585858;
    font-size: 12px;
  }
  #contents .oldPrice::after {
    padding-left: .4em;
    content: '→';
  }
  #contents .oldPrice + .price {
    padding-top: 5px;
  }
  #contents .price {
    display: inline-block;
    padding-top: 15px;
    color: #585858;
    font-size: 12px;
  }
  #contents .num {
    margin: 0 .2em;
    color: #000;
    font-weight: 600;
    font-size: 16px;
    font-family: 'Helvetica', sans-serif;
    line-height: 1;
  }
  #contents .section__linkArea {
    padding-top: 80px;
  }
}

/* Tablet */
@media screen and (min-width: 768px) and (max-width: 1023px) {
  #contents .section__desc {
    padding-top: 60px;
    width: 42.37%;
  }
  #contents .section__tmb {
    width: 53.67%;
  }
  #contents .section__ttl {
    padding-bottom: 20px;
    font-size: 30px;
  }
  #contents .section__txt {
    font-size: 14px;
  }
  #contents .section__txt:not(:first-child) {
    padding-top: 30px;
  }
}

/* SP */
@media screen and (max-width: 767px) {
  #contents .section {
    padding-top: 20px;
    padding-bottom: 40px;
  }
  #contents .section:first-child {
    margin-top: 40px;
  }
  #contents .section__desc {
    padding-top: 30px;
  }
  #contents .section__ttl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-top: 0;
    padding-bottom: 15px;
    border-bottom: 4px solid #999;
    font-size: 24px;
  }
  #contents .section__ttl--meal-kit {
    border-color: #448224;
  }
  #contents .section__ttl--cut-vegetables {
    border-color: #448224;
  }
  #contents .section__ttl--side-dish {
    border-color: #ad6717;
  }
  #contents .section__ttl--freshly-baked {
    border-color: #735530;
  }
  #contents .section__ttl--stew {
    border-color: #963c26;
  }
  #contents .section__ttl--rice-noodles {
    border-color: #808221;
  }
  #contents .section__ttl--snack {
    border-color: #c58061;
  }
  #contents .section__flag--new {
    margin-top: 0;
    margin-right: 20px;
    padding: .58em .9em;
    border-radius: 2px;
    background-color: #9a2525;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
  }
  #contents .section__txt:not(:first-child) {
    padding-top: 20px;
  }
  #contents .section__products {
    padding-top: 30px;
  }
  #contents .section__products + .section__products {
    padding-top: 50px;
  }
  #contents .products__ttl {
    margin-bottom: calc(30px - .2em);
    font-size: 20px;
  }
  #contents .products__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #contents .products__item {
    width: 47.62%;
  }
  #contents .products__item:nth-child(n+3) {
    padding-top: 30px;
  }
  #contents .thumb {
    display: block;
  }
  #contents .name {
    display: block;
    padding-top: 20px;
    font-weight: 600;
    font-size: 13px;
    line-height: 1.69;
  }
  #contents .nameNum {
    font-weight: 300;
  }
  #contents .label {
    display: block;
    padding-top: 8px;
    width: 100px;
  }
  #contents .oldPrice {
    display: inline-block;
    padding-top: 8px;
    padding-right: .6em;
    color: #585858;
    font-size: 10px;
  }
  #contents .oldPrice::after {
    padding-left: .4em;
    content: '→';
  }
  #contents .oldPrice + .price {
    padding-top: 6px;
  }
  #contents .price {
    display: inline-block;
    padding-top: 12px;
    color: #585858;
    font-size: 12px;
  }
  #contents .num {
    margin: 0 .2em;
    color: #000;
    font-weight: 600;
    font-size: 16px;
    font-family: 'Helvetica', sans-serif;
    line-height: 1;
  }
  #contents .section__linkArea {
    padding-top: 40px;
  }
}

/* ================================
  userAgent
================================ */
.ua-mp-android {
  /* MP Modal Back Scroll (if necessary) */
}

.ua-mp-android.remodal-is-locked {
  overflow: visible !important;
}

/* userAgent PC */
/* userAgent Tablet */
/* userAgent SP */
/*# sourceMappingURL=style_210528.css.map */