@charset "UTF-8";
/*      common     */
/*      #present-coupon用     */
/*--------------------------------------------------------------------------

        PC/SPサイズ共通

--------------------------------------------------------------------------*/
main#present-coupon .lp-menu a {
  background-color: #000000;
  color: #ffffff;
}
main#present-coupon .lp-menu__sub a {
  background-color: #d0c8b5;
}
main#present-coupon .lp-menu .column-box.col02 {
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 4px;
}
main#present-coupon .btn-link {
  background-color: #d0c8b5;
  border-color: #d0c8b5;
  color: #333333;
}
main#present-coupon .btn-recipe {
  background-color: #000000;
  border-color: #000000;
  color: #ffffff;
}
main#present-coupon .btn-copy {
  background-image: url(https://tomizawa-ec.s3.amazonaws.com/common/icn/icn-copy_wht.svg);
  background-color: #000000;
  border-color: #000000;
  color: #ffffff;
}
main#present-coupon .content.bg {
  background-color: #faf1e0;
}
main#present-coupon .content-table__simple dt {
  background-color: #000000;
}
main#present-coupon .content-table .head {
  background-color: #000000;
}
main#present-coupon .content-table.scroll-wrap .content-table_item {
  width: 1600px;
}
main#present-coupon .content-data__ttl-inner {
  background-color: #d0c8b5;
  border-color: #d0c8b5;
  color: #333333;
}
main#present-coupon .content-data__txt {
  border-color: #d0c8b5;
}
main#present-coupon .section-ttl.type-radius {
  background-color: #000000;
}
main#present-coupon .section-ttl.type-band {
  background-color: #000000;
}
main#present-coupon .section-ttl.type-brd_l, main#present-coupon .section-ttl.type-brd_b {
  border-color: #000000;
}
main#present-coupon .sub-ttl.type-radius {
  background-color: #faf1e0;
}
main#present-coupon .sub-ttl.type-band {
  background-color: #faf1e0;
}
main#present-coupon .sub-ttl.type-brd_l, main#present-coupon .sub-ttl.type-brd_b {
  border-color: #faf1e0;
}
main#present-coupon .set-item__ttl {
  background-color: #faf1e0;
}
main#present-coupon .faq__box {
  background-color: #000000;
}
main#present-coupon .faq__question:hover {
  background-color: #000000;
}
main#present-coupon .faq__icon--question {
  color: #000000;
}
main#present-coupon .pickup-list .icn.type-circle, main#present-coupon .pickup-list .icn.type-square {
  background-color: #000000;
}
main#present-coupon .pickup-list .icn.type-circle.sale, main#present-coupon .pickup-list .icn.type-square.sale {
  background-color: #940e07;
}
main#present-coupon .pickup-copy {
  background-color: #faf1e0;
  border-radius: 64px;
  color: #333333;
  padding: 8px 16px;
  font-size: 1.125rem;
}
main#present-coupon .regist-flow__num {
  background-color: #000000;
  color: #333333;
}
main#present-coupon .regist-flow__detail:before {
  content: "";
  border-color: #d0c8b5;
}
main#present-coupon .coupon-ttl:before {
  content: "";
  background-color: #000000;
}
main#present-coupon .coupon-id, main#present-coupon .coupon-kana {
  color: #333333;
}
main#present-coupon .coupon-input__caution {
  background-color: #d0c8b5;
  color: #333333;
}
main#present-coupon .coupon-input__caution:before {
  content: "";
  border-bottom-color: #d0c8b5;
}
main#present-coupon .icn.type-circle.regist-flow__num.en {
  color: white;
}
main#present-coupon .content-data_box {
  position: relative;
  border-radius: 18px;
  padding: 30px 20px 60px;
  margin-top: 0px;
}
main#present-coupon .content-data {
  width: 100%;
  display: block;
  margin-top: 30px;
}
main#present-coupon .content-data__ttl {
  top: -22px;
}
main#present-coupon .content-data__ttl-inner {
  display: inline-block;
  text-align: center;
  font-weight: bold;
}
main#present-coupon .content-data__txt {
  padding: 0;
  border: unset;
  border-radius: unset;
}
main#present-coupon .coupon-code {
  display: block;
  margin-top: 40px;
}
main#present-coupon .item.content-photo {
  margin-top: 10px;
}
main#present-coupon .contents1__section {
  margin-bottom: 15px;
  margin-top: 15px;
}
main#present-coupon .__product_image {
  transform: scale(0.9);
}
main#present-coupon .figureSquareCard {
  max-width: 400px;
  margin: 0 auto 30px;
  margin-top: -640px;
}
main#present-coupon .__product_name {
  font-size: 1.6rem;
}
main#present-coupon .content-txt.fnt-b.sub01 {
  font-size: 200%;
  font-weight: bold;
}
main#present-coupon .gift_products {
  text-align: center;
}
main#present-coupon .figureSquareCard.sub01 {
  margin-top: 160px;
}
main#present-coupon .product-link {
  display: inline-block;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
}
main#present-coupon .fnt-b {
  font-size: 28px;
}

/*--------------------------------------------------------------------------

        PCサイズのみ（769pxより大きいウィンドウサイズ）

--------------------------------------------------------------------------*/
@media screen and (min-width: 769px) {
  main#present-coupon .btn-link:hover, main#present-coupon .btn-link:active, main#present-coupon .btn-link:focus {
    color: #d0c8b5;
    background-color: #ffffff;
    border-color: #d0c8b5;
  }
  main#present-coupon .btn-link.type-regist:hover, main#present-coupon .btn-link.type-regist:active, main#present-coupon .btn-link.type-regist:focus {
    background-color: #d0c8b5;
    color: #ffffff;
    border-color: #d0c8b5;
  }
  main#present-coupon .btn-recipe:hover, main#present-coupon .btn-recipe:active, main#present-coupon .btn-recipe:focus {
    color: #000000;
    background-color: #ffffff;
    border-color: #000000;
  }
  main#present-coupon .btn-copy:hover, main#present-coupon .btn-copy:active, main#present-coupon .btn-copy:focus {
    background-color: #000000;
    color: #ffffff;
    border-color: #000000;
  }
  main#present-coupon .faq__icon--answer {
    background-color: #000000;
  }
  main#present-coupon .content-list_side .content-detail {
    width: 100%;
    flex: 1 0 50%;
    margin: 0 auto;
    padding: 0px;
  }
  main#present-coupon .item.content-photo.sub01 {
    width: 25%;
    display: block; /* インライン要素をブロック化 */
    margin: 0 auto; /* 左右の余白を自動で均等に */
  }
  main#present-coupon .item.content-photo.sub01 {
    margin-top: 20px;
  }
}
/*--------------------------------------------------------------------------

        TABサイズ以下に適用（768pxより小さいウィンドウサイズ）

--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  main#present-coupon .content-data__ttl {
    top: -20px;
  }
  main#present-coupon .content-data__ttl-inner {
    font-size: 18px;
  }
  main#present-coupon .content-data__txt-inner {
    font-size: 24px;
  }
  main#present-coupon .item.content-photo.sub01 {
    width: 45%;
    display: block; /* インライン要素をブロック化 */
    margin: 0 auto; /* 左右の余白を自動で均等に */
  }
}
/*--------------------------------------------------------------------------

        SPサイズのみ（480pxより小さいウィンドウサイズ）

--------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
  main#present-coupon .btn-recipe {
    font-size: 12.8px;
  }
  main#present-coupon .inner.sub01 {
    padding: 0px;
  }
  main#present-coupon .content-list_side.column-box.center.pickup-list.alternately {
    max-width: 100%;
    width: 90%;
  }
  main#present-coupon h2.section-ttl {
    font-size: 1.35rem;
  }
  main#present-coupon #intro .intro-slogan {
    font-size: 1.45rem;
  }
  main#present-coupon .content-data_box {
    padding: 20px 20px 30px;
  }
  main#present-coupon .content-data__ttl {
    top: -20px;
    text-align: center;
    width: 100%;
  }
  main#present-coupon .content-data__ttl-inner {
    font-size: 16px;
  }
  main#present-coupon .content-data__txt-inner {
    font-size: 20px;
  }
  main#present-coupon .btn-copy {
    font-size: 0.9rem;
    width: 100%;
  }
  main#present-coupon .coupon-kana {
    font-size: 5.6vw;
  }
  main#present-coupon .proditem-link.inner {
    padding-top: 40px;
    padding-bottom: 0px;
  }
  main#present-coupon .__product_image {
    transform: scale(1);
    margin-top: 30px;
    margin-bottom: 30px;
  }
  main#present-coupon .item.content-photo.sub01 {
    margin-top: 20px;
  }
  #coupon_area .item.content-photo.sub01 {
    width: 65%;
    display: block;
    margin: 0 auto;
  }
  .now {
    text-align: center;
  }
}/*# sourceMappingURL=present-common.css.map */