@charset "UTF-8";
/*
ユーティリティ系おまとめファイル
*/
/*
██████   █████  ███████ ███████
██   ██ ██   ██ ██      ██
██████  ███████ ███████ █████
██   ██ ██   ██      ██ ██
██████  ██   ██ ███████ ███████
*/
/*
██████  ██████  ███████  █████  ██   ██ ██████   ██████  ██ ███    ██ ████████
██   ██ ██   ██ ██      ██   ██ ██  ██  ██   ██ ██    ██ ██ ████   ██    ██
██████  ██████  █████   ███████ █████   ██████  ██    ██ ██ ██ ██  ██    ██
██   ██ ██   ██ ██      ██   ██ ██  ██  ██      ██    ██ ██ ██  ██ ██    ██
██████  ██   ██ ███████ ██   ██ ██   ██ ██       ██████  ██ ██   ████    ██
*/
/*
 ██████  ██████  ██       ██████  ██████
██      ██    ██ ██      ██    ██ ██   ██
██      ██    ██ ██      ██    ██ ██████
██      ██    ██ ██      ██    ██ ██   ██
 ██████  ██████  ███████  ██████  ██   ██
*/
/*
████████ ███████ ██   ██ ████████
   ██    ██       ██ ██     ██
   ██    █████     ███      ██
   ██    ██       ██ ██     ██
   ██    ███████ ██   ██    ██
*/
.u-pt0 {
  padding-top: 0px !important; }

.u-pb0 {
  padding-bottom: 0px !important; }

.u-mt0 {
  margin-top: 0px !important; }

.u-mb0 {
  margin-bottom: 0px !important; }

.u-pt5 {
  padding-top: 5px !important; }

.u-pb5 {
  padding-bottom: 5px !important; }

.u-mt5 {
  margin-top: 5px !important; }

.u-mb5 {
  margin-bottom: 5px !important; }

.u-pt10 {
  padding-top: 10px !important; }

.u-pb10 {
  padding-bottom: 10px !important; }

.u-mt10 {
  margin-top: 10px !important; }

.u-mb10 {
  margin-bottom: 10px !important; }

.u-pt15 {
  padding-top: 15px !important; }

.u-pb15 {
  padding-bottom: 15px !important; }

.u-mt15 {
  margin-top: 15px !important; }

.u-mb15 {
  margin-bottom: 15px !important; }

.u-pt20 {
  padding-top: 20px !important; }

.u-pb20 {
  padding-bottom: 20px !important; }

.u-mt20 {
  margin-top: 20px !important; }

.u-mb20 {
  margin-bottom: 20px !important; }

.u-pt25 {
  padding-top: 25px !important; }

.u-pb25 {
  padding-bottom: 25px !important; }

.u-mt25 {
  margin-top: 25px !important; }

.u-mb25 {
  margin-bottom: 25px !important; }

.u-pt30 {
  padding-top: 30px !important; }

.u-pb30 {
  padding-bottom: 30px !important; }

.u-mt30 {
  margin-top: 30px !important; }

.u-mb30 {
  margin-bottom: 30px !important; }

.u-pt35 {
  padding-top: 35px !important; }

.u-pb35 {
  padding-bottom: 35px !important; }

.u-mt35 {
  margin-top: 35px !important; }

.u-mb35 {
  margin-bottom: 35px !important; }

.u-pt40 {
  padding-top: 40px !important; }

.u-pb40 {
  padding-bottom: 40px !important; }

.u-mt40 {
  margin-top: 40px !important; }

.u-mb40 {
  margin-bottom: 40px !important; }

.u-pt45 {
  padding-top: 45px !important; }

.u-pb45 {
  padding-bottom: 45px !important; }

.u-mt45 {
  margin-top: 45px !important; }

.u-mb45 {
  margin-bottom: 45px !important; }

.u-pt50 {
  padding-top: 50px !important; }

.u-pb50 {
  padding-bottom: 50px !important; }

.u-mt50 {
  margin-top: 50px !important; }

.u-mb50 {
  margin-bottom: 50px !important; }

.u-pt55 {
  padding-top: 55px !important; }

.u-pb55 {
  padding-bottom: 55px !important; }

.u-mt55 {
  margin-top: 55px !important; }

.u-mb55 {
  margin-bottom: 55px !important; }

.u-pt60 {
  padding-top: 60px !important; }

.u-pb60 {
  padding-bottom: 60px !important; }

.u-mt60 {
  margin-top: 60px !important; }

.u-mb60 {
  margin-bottom: 60px !important; }

.u-pt65 {
  padding-top: 65px !important; }

.u-pb65 {
  padding-bottom: 65px !important; }

.u-mt65 {
  margin-top: 65px !important; }

.u-mb65 {
  margin-bottom: 65px !important; }

.u-pt70 {
  padding-top: 70px !important; }

.u-pb70 {
  padding-bottom: 70px !important; }

.u-mt70 {
  margin-top: 70px !important; }

.u-mb70 {
  margin-bottom: 70px !important; }

.u-pt75 {
  padding-top: 75px !important; }

.u-pb75 {
  padding-bottom: 75px !important; }

.u-mt75 {
  margin-top: 75px !important; }

.u-mb75 {
  margin-bottom: 75px !important; }

.u-pt80 {
  padding-top: 80px !important; }

.u-pb80 {
  padding-bottom: 80px !important; }

.u-mt80 {
  margin-top: 80px !important; }

.u-mb80 {
  margin-bottom: 80px !important; }

.u-pt85 {
  padding-top: 85px !important; }

.u-pb85 {
  padding-bottom: 85px !important; }

.u-mt85 {
  margin-top: 85px !important; }

.u-mb85 {
  margin-bottom: 85px !important; }

.u-pt90 {
  padding-top: 90px !important; }

.u-pb90 {
  padding-bottom: 90px !important; }

.u-mt90 {
  margin-top: 90px !important; }

.u-mb90 {
  margin-bottom: 90px !important; }

.u-pt95 {
  padding-top: 95px !important; }

.u-pb95 {
  padding-bottom: 95px !important; }

.u-mt95 {
  margin-top: 95px !important; }

.u-mb95 {
  margin-bottom: 95px !important; }

.u-pt100 {
  padding-top: 100px !important; }

.u-pb100 {
  padding-bottom: 100px !important; }

.u-mt100 {
  margin-top: 100px !important; }

.u-mb100 {
  margin-bottom: 100px !important; }

.c-topicspath {
  max-width: 1170px;
  width: 100%;
  margin: 0 auto;
  padding: 2.5px 0;
  text-align: left; }
  @media screen and (max-width: 1200px) {
    .c-topicspath {
      padding: 8px 20px; } }
  .c-topicspath__wrap {
    background-color: #009C6F; }
  .c-topicspath li {
    display: inline-block;
    font-size: 14px;
    color: #fff; }
    .c-topicspath li:after {
      content: "\f105";
      font-family: "Font Awesome 5 Free";
      font-weight: 600;
      display: inline-block;
      margin-left: 8px;
      color: #fff; }
    .c-topicspath li:last-child:after {
      content: none; }
    .c-topicspath li a {
      color: inherit; }
      .c-topicspath li a:hover {
        color: inherit; }


@media screen and (max-width: 1024px) {
  .l-lowerCaptionLP--foods {
    height: 550px; } }

@media screen and (max-width: 568px) {
  .l-lowerCaptionLP--foods {
    height: auto; } }

.l-lowerCaptionLP--foods .l-lowerCaptionLP__inner {
  position: relative;
  height: 100%; }
  @media screen and (max-width: 768px) {
    .l-lowerCaptionLP--foods .l-lowerCaptionLP__inner {
      padding: 0 20px; } }
  @media screen and (max-width: 568px) {
    .l-lowerCaptionLP--foods .l-lowerCaptionLP__inner {
      max-width: 100%; } }

.l-lowerCaptionLP--foods .l-lowerCaptionLP__img {
  max-width: 794px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0; }
  @media screen and (max-width: 1200px) {
    .l-lowerCaptionLP--foods .l-lowerCaptionLP__img {
      max-width: 70%; } }
  @media screen and (max-width: 1024px) {
    .l-lowerCaptionLP--foods .l-lowerCaptionLP__img {
      max-width: 55%;
      top: 50%;
      transform: translateY(-50%);
      left: -20px; } }
  @media screen and (max-width: 568px) {
    .l-lowerCaptionLP--foods .l-lowerCaptionLP__img {
      position: static;
      max-width: 100%;
      transform: none;
      margin-bottom: 40px; } }
  .l-lowerCaptionLP--foods .l-lowerCaptionLP__img img {
    display: block;
    width: 100%; }

.l-lowerCaptionLP--foods .l-lowerCaptionLP__txt {
  max-width: 352px;
  width: 100%;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 10; }
  @media screen and (max-width: 1200px) {
    .l-lowerCaptionLP--foods .l-lowerCaptionLP__txt {
      right: 20px; } }
  @media screen and (max-width: 1024px) {
    .l-lowerCaptionLP--foods .l-lowerCaptionLP__txt {
      max-width: 45%;
      top: 50%;
      transform: translateY(-50%); } }
  @media screen and (max-width: 568px) {
    .l-lowerCaptionLP--foods .l-lowerCaptionLP__txt {
      position: relative;
      max-width: 100%;
      transform: none;
      right: auto;
      top: -20px; } }

.l-lowerCaptionLP--foods .l-lowerCaptionLP__title {
  margin-bottom: 20px; }
  @media screen and (max-width: 768px) {
    .l-lowerCaptionLP--foods .l-lowerCaptionLP__title {
      max-width: 90%;
      margin: 0 auto 20px; } }
  .l-lowerCaptionLP--foods .l-lowerCaptionLP__title img {
    width: 100%; }



  .l-lowerCaption__inner {
    max-width: 1170px;
    width: 100%;
    padding: 0 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .l-lowerCaption__tag {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: -10px; }
    .l-lowerCaption__tag li {
      font-size: 18px;
      font-weight: 600;
      color: #fff;
      background-color: #009C6F;
      padding: 1px 10px;
      margin-right: 10px;
      margin-bottom: 10px;
      display: inline-block;
      border-radius: 4px; }
      .l-lowerCaption__tag li:last-child {
        margin-right: 0; }
      @media screen and (max-width: 568px) {
        .l-lowerCaption__tag li {
          font-size: 14px; } }

@media screen and (max-width: 568px) {
  #foods img.pc {
    display: none !important; } }

#foods img.sp {
  display: none !important; }
  @media screen and (max-width: 568px) {
    #foods img.sp {
      display: block !important; } }

#foods .txt_italic {
  font-style: italic; }

#foods .l-lowerCaption__inner {
  max-width: 857px;
  background: url("/productguide/inc/image/common/bg/bg_light-veneer.jpg");
  padding: 10px;
  position: relative; }
  @media screen and (max-width: 1024px) {
    #foods .l-lowerCaption__inner {
      max-width: 95%; } }
  #foods .l-lowerCaption__inner-line {
    border: 1px solid #009C6F;
    padding: 38px 20px; }

#foods .l-lowerCaption__sub {
  display: block;
  margin-bottom: 5px;
  font-size: 15px;
  font-family: "Noto Sans JP", 游ゴシック体, YuGothic-M, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 600;
  line-height: 1;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%); }
  #foods .l-lowerCaption__sub span {
    display: inline-block;
    background-color: #000;
    color: #fff;
    padding: 7.5px 30px; }
    @media screen and (max-width: 768px) {
      #foods .l-lowerCaption__sub span {
        font-size: 2.5vw; } }
    @media screen and (max-width: 568px) {
      #foods .l-lowerCaption__sub span {
        font-size: 15px; } }

#foods .l-lowerCaption__title {
  font-size: 58px;
  margin: 0; }
  @media screen and (max-width: 768px) {
    #foods .l-lowerCaption__title {
      font-size: 8.5vw; } }
  @media screen and (max-width: 568px) {
    #foods .l-lowerCaption__title {
      font-size: 10vw; } }

#foods .l-lowerCaption--archive .l-lowerCaption__txt {
  line-height: 1.5;
  color: #1E2622;
  margin-bottom: 22px; }

#foods .l-lowerCaption--archive .l-lowerCaption__title:after {
  content: '';
  background: url("/productguide/inc/image/first/pic_book.png") no-repeat center/contain;
  width: 145px;
  height: 100px;
  display: block;
  margin: 10px auto 0; }

#foods .l-lowerCaption--archive .l-lowerCaption__title span {
  display: inline-block;
  position: relative; }
  #foods .l-lowerCaption--archive .l-lowerCaption__title span:before {
    content: '';
    width: 157px;
    height: 75px;
    display: inline-block;
    background: url("/productguide/inc/image/first/img_comment-yokuwakaru.png") no-repeat center/contain;
    position: absolute;
    top: -56px;
    left: -135px; }
    @media screen and (max-width: 1024px) {
      #foods .l-lowerCaption--archive .l-lowerCaption__title span:before {
        position: static;
        display: block; } }
    @media screen and (max-width: 568px) {
      #foods .l-lowerCaption--archive .l-lowerCaption__title span:before {
        width: 125px;
        height: 60px; } }

#foods .l-lowerCaption--single .l-lowerCaption__txt {
  font-size: 18px;
  color: #009C6F;
  text-align: center;
  font-weight: 600;
  margin-bottom: 10px; }

.p-conclude {
  background-size: cover;
  background-position: center center;
  height: 660px; }
  @media screen and (max-width: 568px) {
    .p-conclude {
      padding: 15px;
      background-position: center right -240px;
      height: auto; } }
  .p-conclude__contents {
    margin-top: 30px;
    padding: 40px;
    width: 585px;
    background-color: rgba(255, 255, 255, 0.9); }


    @media screen and (max-width: 568px) {
      .p-conclude__contents {
        padding: 20px 15px;
        margin: 20px auto;
        width: 100%;
        font-size: 16px; } }
    .p-conclude__contents p {
      font-size: 18px; }
      @media screen and (max-width: 568px) {
        .p-conclude__contents p {
          font-size: 16px;
          line-height: 1.8; } }

#foods #contents {
  overflow: hidden; }
  @media screen and (max-width: 1200px) {
    #foods #contents {
      padding-top: 50px; } }

#foods .p-chapter {
  margin-bottom: 30px;
  padding-top: 71px;
  margin-top: -71px; }
  #foods .p-chapter:last-child {
    margin-bottom: 0; }

#foods .p-section {
  position: relative;
  margin-bottom: -20px; }
  @media screen and (max-width: 768px) {
    #foods .p-section {
      margin-bottom: 0;
      padding-bottom: 60px; } }
  #foods .p-section:last-child {
    margin-bottom: 0; }
  #foods .p-section:before {
    content: '';
    background: #E4F7F2;
    display: block;
    width: calc((100vw - 1170px) / 2);
    height: calc(100% - 50px * 2);
    position: absolute;
    top: 50px; }
  @media screen and (max-width: 1200px) {
    #foods .p-section__block {
      top: 0 !important; } }
  @media screen and (max-width: 1024px) {
    #foods .p-section__block {
      display: none !important; } }
  #foods .p-section__block:before {
    content: '';
    background: url("/productguide/inc/image/common/img_leaf-left.png") no-repeat center/contain;
    width: 182px;
    height: 136px;
    display: block;
    position: absolute;
    top: 0; }
  #foods .p-section__block:after {
    content: '';
    background: url("/productguide/inc/image/common/img_leaf-right.png") no-repeat center/contain;
    width: 125px;
    height: 200px;
    display: block;
    position: absolute;
    bottom: 0; }
  #foods .p-section--left {
    padding-left: 369px; }
    @media screen and (max-width: 1024px) {
      #foods .p-section--left {
        padding-left: 30px; } }
    @media screen and (max-width: 768px) {
      #foods .p-section--left {
        padding-left: 20px; } }
    #foods .p-section--left:before {
      left: calc((100vw - 1170px) / 2 * -1); }
    #foods .p-section--left .p-section__block {
      background: #E4F7F2;
      width: 309px;
      height: calc(100% - 50px * 2);
      display: block;
      position: absolute;
      top: 50px;
      left: 0; }
      #foods .p-section--left .p-section__block:before {
        right: 165px; }
      #foods .p-section--left .p-section__block:after {
        right: 25px; }
  #foods .p-section--right {
    padding-right: 369px; }
    @media screen and (max-width: 1024px) {
      #foods .p-section--right {
        padding-right: 30px; } }
    @media screen and (max-width: 768px) {
      #foods .p-section--right {
        padding-right: 20px; } }
    #foods .p-section--right:before {
      right: calc((100vw - 1170px) / 2 * -1); }
    #foods .p-section--right .p-section__block {
      background: #E4F7F2;
      width: 309px;
      height: calc(100% - 50px * 2);
      display: block;
      position: absolute;
      top: 50px;
      right: 0; }
      #foods .p-section--right .p-section__block:before {
        left: 60px; }
      #foods .p-section--right .p-section__block:after {
        left: 235px; }

#foods .p-heading {
  font-size: 38px;
  font-family: "Sawarabi Mincho", "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-weight: 400;
  margin-bottom: 25px;
  letter-spacing: .08em; }
  @media screen and (max-width: 568px) {
    #foods .p-heading {
      font-size: 24px;
      margin-bottom: 10px; } }
  #foods .p-heading-sub {
    font-size: 28px;
    font-family: "Sawarabi Mincho", "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-weight: 400;
    margin-bottom: 15px;
    letter-spacing: .08em; }
    @media screen and (max-width: 568px) {
      #foods .p-heading-sub {
        font-size: 20px;
        margin-bottom: 5px; } }

#foods .p-tbl {
  border-collapse: collapse;
  font-size: 16px;
  width: 100%; }
  #foods .p-tbl th, #foods .p-tbl td {
    padding: 16px 15px;
    border: 1px solid #AEC6BE; }
  #foods .p-tbl thead th {
    background-color: #EDF5F3;
    width: 50%; }
  #foods .p-tbl tbody th, #foods .p-tbl tbody td {
    font-weight: 400; }

#foods .p-index {
  background: url("/productguide/inc/image/common/bg/bg_light-veneer.jpg");
  padding: 10px;
  border: 1px solid #009C6F; }
  #foods .p-index__inner {
    border: 1px solid #009C6F;
    padding: 25px 40px 25px 25px; }
  #foods .p-index__heading {
    font-size: 18px;
    margin-bottom: 10px;
    color: #009C6F; }

#foods .p-more {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  margin-top: 50px;
  margin-bottom: 75px; }
  @media screen and (max-width: 768px) {
    #foods .p-more {
      margin-top: 0; } }
  #foods .p-more:before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: .3; }
  #foods .p-more__inner {
    max-width: 910px;
    width: 100%;
    margin: 0 auto;
    padding: 50px 0 45px;
    text-align: center; }
    @media screen and (max-width: 1024px) {
      #foods .p-more__inner {
        padding: 50px 20px 45px; } }
  #foods .p-more__heading {
    font-size: 32px;
    color: #fff;
    display: inline-block;
    margin-bottom: 32px;
    position: relative; }
    @media screen and (max-width: 568px) {
      #foods .p-more__heading {
        font-size: 25px; } }
    #foods .p-more__heading small {
      display: block; }
      #foods .p-more__heading small span {
        display: inline-block;
        position: relative;
        font-size: 18px; }
        @media screen and (max-width: 568px) {
          #foods .p-more__heading small span {
            font-size: 15px; } }
        #foods .p-more__heading small span:before, #foods .p-more__heading small span:after {
          content: '';
          display: block;
          width: 1px;
          height: 20px;
          background-color: #fff;
          position: absolute;
          top: 5px; }
          @media screen and (max-width: 568px) {
            #foods .p-more__heading small span:before, #foods .p-more__heading small span:after {
              top: 3px; } }
        #foods .p-more__heading small span:before {
          left: -10px;
          transform: rotate(-30deg); }
        #foods .p-more__heading small span:after {
          right: -10px;
          transform: rotate(30deg); }
  #foods .p-more__btns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center; }
    @media screen and (max-width: 568px) {
      #foods .p-more__btns {
        -ms-flex-direction: column;
            flex-direction: column; } }
    #foods .p-more__btns > li {
      width: 100%;
      padding: 0 5px; }
      @media screen and (max-width: 1024px) {
        #foods .p-more__btns > li {
          margin-right: 10px; }
          #foods .p-more__btns > li:last-child {
            margin-right: 0; } }
      @media screen and (max-width: 568px) {
        #foods .p-more__btns > li {
          margin: 0 0 20px;
          padding: 0; }
          #foods .p-more__btns > li:last-child {
            margin-bottom: 0; } }
      @media screen and (max-width: 568px) {
        #foods .p-more__btns > li .c-btn {
          max-width: 100%; } }


#foods.foods .p-index__inner > ul.c-list > li > .c-list {
  padding-left: 2em; }
  #foods.foods .p-index__inner > ul.c-list > li > .c-list > li > a {
    color: #1E2622; }
    #foods.foods .p-index__inner > ul.c-list > li > .c-list > li > a:hover {
      color: #009C6F; }

#foods.foods .p-class__img {
  margin-bottom: 30px; }
  #foods.foods .p-class__img img {
    display: block;
    width: 100%; }

#foods.foods .p-market__img img {
  display: block;
  width: 100%; }

#foods.foods .p-effect__list > li {
  margin-bottom: 0; }
  @media screen and (max-width: 1024px) {
    #foods.foods .p-effect__list > li {
      margin-bottom: 30px;
    } }



  #foods.foods .p-effect__list > li:last-child {
    margin-bottom: 0; }
  @media screen and (max-width: 568px) {
    #foods.foods .p-effect__list > li {
      margin-bottom: 50px; } }

@media screen and (max-width: 568px) {
  #foods.foods .p-effect__item {
    margin-bottom: -15px; } }

#foods.foods .p-effect__item > img {
  display: block;
  width: 75%;
  margin-bottom: -65px;
  position: relative;
  z-index: 1; }
  @media screen and (max-width: 768px) {
    #foods.foods .p-effect__item > img {
      margin-bottom: -45px; } }
  @media screen and (max-width: 568px) {
    #foods.foods .p-effect__item > img {
      max-width: 250px;
      margin: 0 auto 0px; } }

@media screen and (max-width: 768px) {
  #foods.foods .p-effect__item--noTtl > img {
    margin-bottom: 0; } }

#foods.foods .p-effect__txt {
  text-align: center;
  position: relative;
  z-index: 2; }
  #foods.foods .p-effect__txt h4 {
    font-size: 28px;
    font-weight: 400;
    font-family: "Sawarabi Mincho", "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    margin-bottom: 10px; }
    @media screen and (max-width: 768px) {
      #foods.foods .p-effect__txt h4 {
        font-size: 24px; } }
    @media screen and (max-width: 568px) {
      #foods.foods .p-effect__txt h4 {
        font-size: 28px; } }
  @media screen and (max-width: 768px) {
    #foods.foods .p-effect__txt p {
      font-size: 14px; } }
  @media screen and (max-width: 568px) {
    #foods.foods .p-effect__txt p {
      font-size: 16px; } }

#foods.foods .p-effect__detail h4 {
  font-size: 28px;
  font-weight: 400;
  font-family: "Sawarabi Mincho", "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  margin-bottom: 5px;
  padding-left: 28px; }
  @media screen and (max-width: 768px) {
    #foods.foods .p-effect__detail h4 {
      font-size: 24px; } }
  @media screen and (max-width: 568px) {
    #foods.foods .p-effect__detail h4 {
      font-size: 28px;
      padding: 0;
      text-align: center; } }
  #foods.foods .p-effect__detail--noTtl {
    padding-top: 47px;
  }
@media screen and (max-width: 768px) {
  #foods.foods .p-effect__detail--noTtl {
    padding-top: 0;
  } }


#foods.foods .p-effect__box {
  padding: 10px 30px;
  border: 6px solid #E4F7F2;
  border-radius: 6px;
  position: relative; }
  @media screen and (max-width: 568px) {
    #foods.foods .p-effect__box {
      padding: 10px; } }
  #foods.foods .p-effect__box:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17px 29.4px 17px 0;
    border-color: transparent #E4F7F2 transparent transparent;
    position: absolute;
    top: 50%;
    left: -30px;
    transform: translateY(-50%); }
    @media screen and (max-width: 568px) {
      #foods.foods .p-effect__box:before {
        display: none; } }
#foods.foods .p-effect__box p {
	display: table-cell;
    vertical-align: middle;
    height: 70px;
}
  @media screen and (max-width: 568px) {
	  #foods.foods .p-effect__box p {
	  	display: inline;
	  }
}
#foods.foods #intro .p-about__img {
}
#foods.foods #intro .p-about__img img {
	width: 80%;
	margin: auto;
}
  @media screen and (max-width: 568px) {
	  #foods.foods #intro .p-about__img img {
	width: 100%;}
}
#foods.foods #blackginger .p-about__img,
#foods.foods #pineapple .p-about__img,
#foods.foods #hihatsu .p-about__img,
#foods.foods #icho .p-about__img {
  line-height: 1; }
  #foods.foods #blackginger .p-about__img img,
  #foods.foods #pineapple .p-about__img img,
  #foods.foods #hihatsu .p-about__img img,
  #foods.foods #icho .p-about__img img,
  #foods.foods #hmpa .p-about__img img,
  #foods.foods #eriodictyol .p-about__img img,
  #foods.foods #support .p-about__img img{
    display: block;
    width: 100%; }

#foods.foods #pineapple .p-ceramide__img {
  line-height: 1; }
  #foods.foods #pineapple .p-ceramide__img img {
    display: block;
    max-width: 631px;
    width: 100%;
    margin: 0 auto 30px; }

#foods.foods #pineapple .p-ceramide__ref {
  margin: 0;
  font-size: 13px;
  text-align: right; }
  @media screen and (max-width: 568px) {
    #foods.foods #pineapple .p-ceramide__ref {
      font-size: 10px; } }

#foods.foods .p-contact {
  margin-top: -40px; }
  @media screen and (max-width: 768px) {
    #foods.foods .p-contact {
      margin-top: 0; } }
  #foods.foods .p-contact__img {
    line-height: 1; }
    #foods.foods .p-contact__img img {
      display: block;
      width: 100%; }



@keyframes changeSticky {
  0% {
    opacity: 0; }
  30% {
    opacity: 0; }
  100% {
    opacity: 1; } }


#foods .p-index__bg {
  display: none;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #000;
  z-index: -1;
  opacity: 0;
  transition: opacity 1s ease; }

#foods .p-index__toggle {
  display: none;
  position: absolute;
  top: 50%;
  left: -46px;
  transform: translateY(-50%);
  background-color: #009C6F;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  width: 46px;
  letter-spacing: .7em;
  padding: 50px 9px 7px 14px;
  border-radius: 4px 0 0 4px; }
  @media screen and (max-width: 568px) {
    #foods .p-index__toggle {
      width: auto;
      top: auto;
      bottom: -37px;
      left: 50%;
      transform: translateX(-50%);
      -ms-writing-mode: initial;
          writing-mode: initial;
      letter-spacing: .2em;
      padding: 5px 25px 5px 40px;
      border-radius: 0 0 4px 4px; } }
  #foods .p-index__toggle:before {
    content: '';
    display: block;
    background: url("/productguide/inc/image/common/ico_drop-white.png") no-repeat center/contain;
    width: 12px;
    height: 18px;
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%); }
    @media screen and (max-width: 568px) {
      #foods .p-index__toggle:before {
        position: absolute;
        top: 50%;
        left: 15px;
        transform: translateY(-50%);
        display: inline-block;
        vertical-align: middle; } }

/*# sourceMappingURL=../_map/page/first.css.map */