@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Jost:wght@300&family=Noto+Sans+JP&display=swap");
.bscstm .ls-0em {
  letter-spacing: 0em !important;
}

.bscstm .ls-1em {
  letter-spacing: 0.01em !important;
}

.bscstm .ls-2em {
  letter-spacing: 0.02em !important;
}

.bscstm .ls-3em {
  letter-spacing: 0.03em !important;
}

.bscstm .ls-4em {
  letter-spacing: 0.04em !important;
}

.bscstm .ls-5em {
  letter-spacing: 0.05em !important;
}

.bscstm .ls-6em {
  letter-spacing: 0.06em !important;
}

.bscstm .ls-7em {
  letter-spacing: 0.07em !important;
}

.bscstm .ls-8em {
  letter-spacing: 0.08em !important;
}

.bscstm .ls-9em {
  letter-spacing: 0.09em !important;
}

.bscstm .ls-10em {
  letter-spacing: 0.1em !important;
}

.bscstm .ls-11em {
  letter-spacing: 0.11em !important;
}

.bscstm .ls-12em {
  letter-spacing: 0.12em !important;
}

.bscstm .ls-13em {
  letter-spacing: 0.13em !important;
}

.bscstm .ls-14em {
  letter-spacing: 0.14em !important;
}

.bscstm .ls-15em {
  letter-spacing: 0.15em !important;
}

.bscstm .ls-16em {
  letter-spacing: 0.16em !important;
}

.bscstm .ls-17em {
  letter-spacing: 0.17em !important;
}

.bscstm .ls-18em {
  letter-spacing: 0.18em !important;
}

.bscstm .ls-19em {
  letter-spacing: 0.19em !important;
}

.bscstm .ls-20em {
  letter-spacing: 0.2em !important;
}

@media screen and (min-width: 768px) {
  .bscstm .ls-md-0em {
    letter-spacing: 0em !important;
  }
}

@media screen and (min-width: 768px) {
  .bscstm .ls-md-1em {
    letter-spacing: 0.01em !important;
  }
}

@media screen and (min-width: 768px) {
  .bscstm .ls-md-2em {
    letter-spacing: 0.02em !important;
  }
}

@media screen and (min-width: 768px) {
  .bscstm .ls-md-3em {
    letter-spacing: 0.03em !important;
  }
}

@media screen and (min-width: 768px) {
  .bscstm .ls-md-4em {
    letter-spacing: 0.04em !important;
  }
}

@media screen and (min-width: 768px) {
  .bscstm .ls-md-5em {
    letter-spacing: 0.05em !important;
  }
}

@media screen and (min-width: 768px) {
  .bscstm .ls-md-6em {
    letter-spacing: 0.06em !important;
  }
}

@media screen and (min-width: 768px) {
  .bscstm .ls-md-7em {
    letter-spacing: 0.07em !important;
  }
}

@media screen and (min-width: 768px) {
  .bscstm .ls-md-8em {
    letter-spacing: 0.08em !important;
  }
}

@media screen and (min-width: 768px) {
  .bscstm .ls-md-9em {
    letter-spacing: 0.09em !important;
  }
}

@media screen and (min-width: 768px) {
  .bscstm .ls-md-10em {
    letter-spacing: 0.1em !important;
  }
}

@media screen and (min-width: 768px) {
  .bscstm .ls-md-11em {
    letter-spacing: 0.11em !important;
  }
}

@media screen and (min-width: 768px) {
  .bscstm .ls-md-12em {
    letter-spacing: 0.12em !important;
  }
}

@media screen and (min-width: 768px) {
  .bscstm .ls-md-13em {
    letter-spacing: 0.13em !important;
  }
}

@media screen and (min-width: 768px) {
  .bscstm .ls-md-14em {
    letter-spacing: 0.14em !important;
  }
}

@media screen and (min-width: 768px) {
  .bscstm .ls-md-15em {
    letter-spacing: 0.15em !important;
  }
}

@media screen and (min-width: 768px) {
  .bscstm .ls-md-16em {
    letter-spacing: 0.16em !important;
  }
}

@media screen and (min-width: 768px) {
  .bscstm .ls-md-17em {
    letter-spacing: 0.17em !important;
  }
}

@media screen and (min-width: 768px) {
  .bscstm .ls-md-18em {
    letter-spacing: 0.18em !important;
  }
}

@media screen and (min-width: 768px) {
  .bscstm .ls-md-19em {
    letter-spacing: 0.19em !important;
  }
}

@media screen and (min-width: 768px) {
  .bscstm .ls-md-20em {
    letter-spacing: 0.2em !important;
  }
}

.bscstm .text-justify {
  text-align: justify !important;
}
.bscstm .rg-15px {
  row-gap: 15px !important;
}
@media screen and (min-width: 768px) {
  .bscstm .rg-md-60px {
    row-gap: 60px !important;
  }
}

.pc1100-only {
  display: none;
}
@media screen and (max-width: 1100px) {
  .pc1100-only {
    display: block;
  }
}

#main-content {
  color: #552b21;
  font-weight: 500;
  font-family: YuGothic, YuGothicM, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  background-color: #fff9fb;
  background-image: url("/common/img/goods/hot/2603/main_bg_sp.jpg"), url("/common/img/goods/hot/2603/bg_bottom.jpg");
  background-repeat: no-repeat, no-repeat;
  background-size: 100% auto, 100% auto;
  background-position: top center, bottom center;
}
@media screen and (min-width: 768px) {
  #main-content {
    background-image: url("/common/img/goods/hot/2603/main_bg.jpg"), url("/common/img/goods/hot/2603/bg_bottom.jpg");
  }
}
#main-content img {
  max-width: 100%;
  height: auto;
}
#main-content .fc-pink {
  color: #d7005e;
}
#main-content .ff-yugothic {
  font-family: YuGothic, YuGothicM, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#main-content .ff-hanna {
  font-family: "Hannari", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#main-content .ff-mincho {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#main-content .main-content__inner {
  position: relative;
  max-width: 1250px;
}
@media screen and (min-width: 768px) {
  #main-content .main-content__inner {
    margin: 0 auto;
    padding: 0 15px;
  }
}

.page-category #main-content h1 {
  display: block !important;
  padding: 0;
}


#main-content .oishi-tohoku {
  background-color: #fffff2;
  background-image: url("/common/img/goods/hot/2603/about_obi_sp.png"), url("/common/img/goods/hot/2603/about_obi_sp.png");
  background-repeat: no-repeat, no-repeat;
  background-size: 100% auto, 100% auto;
  background-position: top center, bottom center;
}
@media screen and (min-width: 768px) {
  #main-content .oishi-tohoku {
    background-image: url("/common/img/goods/hot/2603/about_obi.png"), url("/common/img/goods/hot/2603/about_obi.png");
  }
}
#main-content .oishi-tohoku .about-ttl-border {
  border-top: solid 2px #f29c97;
  border-bottom: solid 2px #f29c97;
  padding-block: 12px;
}
@media screen and (min-width: 768px) {
  #main-content .oishi-tohoku .about-ttl-border {
    padding-top: 36px;
    padding-bottom: 23px;
  }
}
#main-content .interview {
  background: url("/common/img/goods/hot/2603/int_bg_sp.png") repeat-y left top/100% auto;
}
@media screen and (min-width: 768px) {
  #main-content .interview {
    background-image: url("/common/img/goods/hot/2603/int_bg.jpg");
  }
}
#main-content .interview .interview-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#main-content .interview .text-frame {
  border: 1px solid #552b21; /* 画像の濃い茶色を抽出 */
  color: #552b21;
  padding: 10px 20px;
  line-height: 1;
  white-space: nowrap; /* テキストの折り返しを防ぐ */
}
#main-content .interview {
  /* 下の枠を上の枠の線に重ねるためのネガティブマージン */
}
#main-content .interview .bottom-frame {
  margin-top: -1px;
}
@media screen and (max-width: 767px) {
  #main-content .interview .left-bottom-img:after {
    content: "";
    display: block;
    clear: both;
  }
  #main-content .interview .left-bottom-img .space {
    float: left;
  }
  #main-content .interview .left-bottom-img .img {
    float: left;
    clear: both;
  }
}
@media screen and (max-width: 767px) {
  #main-content .interview .right-bottom-img:after {
    content: "";
    display: block;
    clear: both;
  }
  #main-content .interview .right-bottom-img .space {
    float: right;
  }
  #main-content .interview .right-bottom-img .img {
    float: right;
    clear: both;
  }
}
#main-content .line-up .online-btn {
  display: block;
  background: #df5e00;
  line-height: 57px;
  height: 57px;
  margin-inline: auto;
  color: #fff;
  border-radius: 40px;
  position: relative;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #main-content .line-up .online-btn {
    max-width: 570px;
    line-height: 80px;
    height: 80px;
  }
}
#main-content .line-up .online-btn:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 20px;
  margin: auto;
  background: url(/common/img/goods/hot/2603/2602/cart_icon_sp.png) no-repeat center center/contain;
  width: 21px;
  height: 23.5px;
}
@media screen and (min-width: 768px) {
  #main-content .line-up .online-btn:before {
    background-image: url(/common/img/goods/hot/2603/2602/cart_icon.png);
    width: 29px;
    height: 32px;
    left: 40px;
  }
}
#main-content .line-up .online-btn:after {
  content: "";
  display: block;
  width: 9px;
  height: 14px;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="14" viewBox="0 0 9 14"><path d="M1.764,12.495 L7.086,7.132 L1.764,1.763" fill-rule="evenodd"  stroke="rgb(255, 255, 255)" stroke-width="1px" stroke-linecap="round" stroke-linejoin="miter" fill="none"></path></svg>');
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
}
@media screen and (min-width: 768px) {
  #main-content .line-up .online-btn:after {
    width: 10.5px;
    height: 17.5px;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="10.5" height="17.5" viewBox="0 0 10.5 17.5"><path d="M1.764,12.495 L7.086,7.132 L1.764,1.763" fill-rule="evenodd"  stroke="rgb(255, 255, 255)" stroke-width="1px" stroke-linecap="round" stroke-linejoin="miter" fill="none"></path></svg>');
    background-size: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 35px;
  }
}

.btn.dtl,
.btn.cart {
  font-size: 14px;
}

.btn.dtl {
  background-color: #bfa36d;
  margin-top: 18px;
  color: #fff;
}
.btn.dtl:after {
  content: "";
  display: inline-block;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  width: 6px;
  height: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: 2px;
  margin: 0 4px;
}


.btn.cart {
  background-color: #df5e00;
  color: #fff;
}
@media screen and (min-width: 768px) {
.btn.cart:before {
  content: "";
  background: url(/contents/common/img/cart.png) no-repeat center;
  width: 22px;
  height: 24px;
  vertical-align: middle;
  margin-right: 10px;
  display: inline-block;
  background-size: contain;
  position: absolute;
  left: 10px;
}
}
@media screen and (max-width: 767px) {
  .btn.cart:before {
    width: 24px;
    height: 18px;
    margin-right: 5px;
    position: static;
  }
}
.btn:hover {
  opacity: 0.7;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}


@media screen and (min-width: 768px) {
  #main-content .story__box {
    max-width: 794px;
    margin-inline: auto;
  }
}
#main-content .bg-black {
  background-color: #000;
}
#main-content .btn {
  position: relative;
}
#main-content .btn:after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  right: 6%;
  width: 8px;
  height: 8px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#main-content .btn.border {
  border: solid 1px #000 !important;
}
#main-content .btn:hover {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: #230E02 !important;
  color: #fff;
  cursor: pointer;
}
#main-content .btn:hover:after {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}
@media screen and (min-width: 768px) {
  #main-content .activity__box {
    max-width: 794px;
    margin-inline: auto;
  }
}
#main-content .activity__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* 垂直中心 */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#main-content .activity__title:before,
#main-content .activity__title:after {
  border-top: 1px solid;
  content: "";
  width: 200px;
}
@media screen and (max-width: 799px) {
  #main-content .activity__title:before,
  #main-content .activity__title:after {
    width: 26%;
  }
}
#main-content .activity__title:before {
  margin-right: 50px;
}
@media screen and (max-width: 799px) {
  #main-content .activity__title:before {
    margin-right: 5%;
  }
}
#main-content .activity__title:after {
  margin-left: 50px;
}
@media screen and (max-width: 799px) {
  #main-content .activity__title:after {
    margin-left: 5%;
  }
}
#main-content .activity .subtitle {
  position: relative;
  z-index: 10;
}
#main-content .activity .subtitle.t01:before,
#main-content .activity .subtitle.t02:before,
#main-content .activity .subtitle.t03:before {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  position: absolute;
  font-size: 50px;
  color: #ccc;
  left: 0;
  top: 0;
  z-index: -1;
}
@media screen and (max-width: 799px) {
  #main-content .activity .subtitle.t01:before,
  #main-content .activity .subtitle.t02:before,
  #main-content .activity .subtitle.t03:before {
    font-size: 55px;
  }
}
#main-content .activity .subtitle.t01:before {
  content: "01";
}
#main-content .activity .subtitle.t02:before {
  content: "02";
}
#main-content .activity .subtitle.t03:before {
  content: "03";
}

#cboxClose {
  position: absolute;
  bottom: unset;
  top: 30px;
  right: 30px;
  display: block;
  color: #444;
  background-image: url(/common/img/goods/hot/2603/close.webp);
  height: 30px;
  width: 30px;
}

@media screen and (max-width: 799px) {
  #cboxClose {
    top: 10px;
    right: 10px;
  }
}
#cboxOverlay {
  background: #000;
  opacity: 0.5 !important;
}

.footer {
  position: relative;
}