@charset "Shift_JIS";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Noto+Serif+JP:wght@400;700&family=Roboto:wght@400;700&display=swap');

/* -- start 各種設定 -- */
/* -- テキスト設定 -- */
p:not(:last-child),
h1:not(:last-child),
h2:not(:last-child),
h3:not(:last-child),
h4:not(:last-child),
h5:not(:last-child),
h6:not(:last-child) {
  margin: 0;
}

* {
  margin: 0;
  padding: 0;
  font-feature-settings: 'palt';
}

.p-products-detail_desc {
    max-height: 4rem;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .p-products-detail_desc {
    max-height: 4rem;
  }
}

.p-products-detail_desc_cover {
  background-color: #fff!important;
}

.p-products-detail_desc_btn {
  width: 100%;
}

.main {
  font-family: 'Noto Serif JP', serif;
  letter-spacing: 0.2rem;
  background-color: #FFF3E7;
}


html {
  scroll-behavior: smooth;
}

.br-pc {
  display: block;
}

.br-sp {
  display: none;
}

picture {
  display: block;
}

.back_color01 {
  background-color: #d88f38;
}

.back_color02,
.back_color03,
.back_color04 {
  margin: auto;
  background-repeat: repeat;
  background-size: 100%;
  max-width: 1920px;
  padding: 0 20px;
}

.anchor_curry_01 {
  margin-bottom: 30px;
}

.anchor_curry_02 {
  display: flex;
  flex-wrap: wrap;
  align-content: stretch;
  justify-content: space-evenly;
  margin-top: 40px;
  width: 840px;
  margin: auto;
}

.down_anchor {
  margin-top: 30px;
}

.curry_product_01 {
  padding: 40px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 5px 5px 0px #3B0004;
}

.curry_product_011 {
  width: 50%;

}

.curry_product_012 {
  width: 44%;
}

.curry_product_02 {
  padding: 30px;
  margin-top: 60px;
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 5px 5px 0px #3B0004;
}

.product_curry_img {
  display: block;
  margin-top: 20px;

}

.chef_img,
.howto_cooking_img-left {
  text-align: center;

}

.chef_img_01 {
  display: block;
  margin-bottom: 40px;

}

.curry_space {
  margin-bottom: 40px;

}

.back_color02 {
  background-image: url(/articles/grp/honey/honeycurry/chicken/img/question_bg.png);
  background-color: #FFF3E7;
}

.back_color03 {
  background-image: url(/articles/grp/honey/honeycurry/chicken/img/product_bg.png);
  background-color: #85512D;
  border-top: 12px solid #3B0004;
  border-bottom: 12px solid #3B0004;
}

.back_color04 {
  background-image: url(/articles/grp/honey/honeycurry/chicken/img/features_bg.jpg);

}



.back_color05 {
  background-color: #3B0004;

}

.back_color06 {
  background-repeat: no-repeat;
  background-image: url(/articles/grp/honey/honeycurry/chicken/img/quality_bg.jpg);
  background-size: cover;
}

.features_curry_01 {
  margin-bottom: 30px;

}


.features_curry_021 {
  text-align: left;
}

.features_curry_022 {
  text-align: right;
  margin-top: 20px;
}

.features_curry_023 {
  text-align: left;
  margin-top: 20px;
}


.product_curry_01 {
  background-color: white;
  border-radius: 4px;
  box-shadow: 5px 5px 0px #3B0004;
  padding: 40px 20px;
}

#buy_it_now .product_curry_01 {
  border-radius: 0;
  box-shadow: none;
}



.product_curry_01_02 {
  margin-top: 30px;
  display: flex;
  justify-content: space-evenly;
  align-items: flex-start;

}


.product_curry_01_021 {
  border-right: 2px solid #85512D;
  width: 50%;
}

.product_curry_01_022 {
  width: 50%;
}


.question_answer_img {
  margin: 60px auto 0;
  width: 80%;
}

.head_garnish_img {
  padding: 0;
}

.kv,
.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

/* -- ブロック設定 -- */

.category-area {
  padding: 100px 0;
}

.inner {
  width: 90%;
  max-width: 1024px;
  margin: 0 auto;
}


.left {
  width: 50%;
}

.right {
  width: 50%;
}

/* -- end 各種設定 -- */

/* -- start ポジション設定 -- */
.kv {
  position: relative;
}

@media screen and (width >=1024px) {
  .kv-img img {
    margin: auto;
    height: 540px;
    object-fit: cover;
    object-position: center;
    display: block;
  }
}

.question_head {
  width: 80%;
  margin: auto;
}

.question_comment {
  width: 80%;
  margin: 60px auto 0;
}




/* -- end ポジション設定 -- */

/* -- start 各コンテンツ設定 -- */
.product {
  position: absolute;
  padding: 40px 0px;
  top: 49%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
}


.anchor-left {
  width: 50%;
}

.anchor-right {
  width: 50%;
}

.hasegawa {
  margin: 5rem auto !important;
  width: 90%;
}



.inner-blok {
  position: relative;
  text-align: center;
}


.buy_it {
  width: 480px;
  position: absolute;
  bottom: 40px;
  left: 50%;
}

.notice_01 {
  text-align: left;
}

.p-footer {
  margin-top: 0 !important;
}


/* -- end 各コンテンツ設定 -- */

@media screen and (width < 1024px) {
  .main {
    letter-spacing: 0.2vw;
  }

  .br-pc {
    display: none;
  }

  .br-sp {
    display: block;
    margin-top: 20px;
  }


  .back_color01 {
    background-color: #d88f38;
  }

  .back_color02,
  .back_color03,
  .back_color04 {
    margin: auto;
    background-repeat: repeat;
    background-size: 100%;
    max-width: 1920px;
    padding: 0 20px;
  }

  .back_color02 {
    background-image: url(/articles/grp/honey/honeycurry/chicken/img/sp/sp_question_bg.png);
  }

  .back_color03 {
    background-image: url(/articles/grp/honey/honeycurry/chicken/img/sp/sp_product_bg.png);
    background-color: #85512D;
  }

  .back_color04 {
    background-image: url(/articles/grp/honey/honeycurry/chicken/img/sp/sp_features_bg.jpg);

  }

  .back_color05 {
    background-color: #3B0004;

  }


  .back_color06 {
    background-image: url(/articles/grp/honey/honeycurry/chicken/img/sp/sp_quality_bg.jpg);
  }

  /* -- ブロック設定 -- */
  .category-area {
    padding: 10vw 5vw;
  }

  .inner {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
  }


  .left {
    width: 50%;
  }

  .right {
    width: 50%;
  }

  /* -- end 各種設定 -- */

  /* -- start ポジション設定 -- */
  .kv-img {
    position: relative;
  }

  /* -- end ポジション設定 -- */

  /* -- start 各コンテンツ設定 -- */
  .product {
    position: absolute;
    padding: 8vw 1.5vw;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
  }


  .anchor-left {
    width: 100%;
    margin-bottom: 3vw;
  }

  .anchor-right {
    width: 100%;
  }


  .hasegawa {
    margin: 5vw auto !important;
    text-align: center;
    width: 100%;
  }

  .hasegawa-img {
    width: 100%;
  }


  .inner-blok {
    position: relative;
    text-align: center;
  }



  .buy_it {
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    bottom: 2%;
  }


  .down_anchor {
    margin-top: 3vw;
    width: 100%;
  }


  .curry_product_01 {
    display: block;
    padding: 40px 20px;
  }

  .curry_product_011 {
    padding: 6vw;
    width: 100%;

  }

  .curry_product_012 {
    width: 100%;

  }

  .curry_product_02 {
    margin-top: 6vw;

  }

  .features_curry_01 {
    margin-bottom: 2vw;

  }


  .features_curry_021,
  .features_curry_022,
  .features_curry_023 {
    width: 100%;
    text-align: center;
    margin-top: 0;
  }

  .chef_img_01 {
    margin-bottom: 4vw;
  }


  .details {
    width: 40%;
  }

  .product_curry_01_02 {
    display: block;
  }


  .product_curry_01_021 {
    border-right: none;
    width: 100%;
    padding: 4vw 0;
    border-bottom: 0.4vw solid #85512D;
    border-top: 0.4vw solid #85512D;

  }

  .product_curry_01_022 {
    width: 100%;
    padding: 4vw 0 0 0;
  }

  .question_head {
    width: 100%;
  }

  .question_head img {
    width: 100%;
    margin: auto;
  }


  .question_answer_img {
    margin-top: 40px;
    width: 100%;
  }

  .question_answer_img img {
    width: 100%;
  }

  .question_comment {
    width: 100%;
    margin-top: 40px;
  }

  .anchor_curry_01 img {
    width: 60%;
  }

  .anchor_curry_02 img {
    width: 100%;
  }

  .notice_01,
  .howto_cooking_img {
    text-align: center;
  }

  .p-footer {
    margin-top: 0 !important;
  }


  .head_garnish_img {
    margin-bottom: 10px;

  }

  .anchor_curry_02 {
    width: 100%;
  }


}