@charset "UTF-8";
/* -----------------------------------------------------------------------
## Font ##################################################
----------------------------------------------------------------------- */
.lp-thanksfair {
  font-family: "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "Noto Sans Japanese", "Noto Sans CJK JP", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.3142857136rem;
  color: #ffffff;
  letter-spacing: 0.08em;
  line-height: 1.6;
  overflow-x: hidden;
  background-color: #ffffff; }

.bold {
  font-weight: 900; }

.center {
  text-align: center;
  display: block;
  margin: 0 auto; }

h1, h2, h3, h4 {
  font-weight: 900; }

.red {
  color: #ae3b3b; }

.gold {
  color: #e5d26a; }

.white {
  color: #ffffff; }

/* -----------------------------------------------------------------------
## Base ##################################################
----------------------------------------------------------------------- */
.pc {
  display: block; }
  @media screen and (max-width: 767px) {
    .pc {
      display: none; } }

.sp {
  display: none; }
  @media screen and (max-width: 767px) {
    .sp {
      display: block; } }

/* -----------------------------------------------------------------------
## Common ##################################################
----------------------------------------------------------------------- */
.thanksfair_wrapper {
  max-width: 1000px;
  margin: 0 auto; }
  @media screen and (max-width: 767px) {
    .thanksfair_wrapper {
      width: 96%; } }

.thanksfair_wrapper800 {
  max-width: 800px;
  margin: 0 auto; }
  @media screen and (max-width: 767px) {
    .thanksfair_wrapper800 {
      width: 96%; } }

.thanksfair_wrappermv {
  max-width: 1000px;
  margin: 0 auto; }
  @media screen and (max-width: 767px) {
    .thanksfair_wrappermv {
      width: 100%; } }

.section {
  padding: 60px 0; }
  @media screen and (max-width: 767px) {
    .section {
      padding: 30px 0; } }

.thanksfair_ttl {
  position: relative;
  width: 100%;
  height: 130px;
  background: #EFD977;
  background: linear-gradient(0deg, #efd977 0%, #e0c33d 100%);
  display: flex;
  justify-content: center;
  align-items: center; }
  @media screen and (max-width: 767px) {
    .thanksfair_ttl {
      height: 100px; } }
  .thanksfair_ttl img {
    display: block;
    height: 100%;
    width: auto;
    max-width: 100%;
    object-fit: contain; }
    @media screen and (max-width: 767px) {
      .thanksfair_ttl img {
        width: 97%;
        height: auto;
        margin: 0 auto; } }
  .thanksfair_ttl picture {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    max-width: 100%; }
  .thanksfair_ttl::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -18px;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 18px solid #EFD977; }

.item_ttl {
  width: 100%;
  padding: 60px 0 20px;
  margin: 0 auto;
  display: block; }
  @media screen and (max-width: 767px) {
    .item_ttl {
      width: 100%;
      padding: 30px 0 20px; } }

.brand_ttl {
  text-align: center;
  font-size: 2.0rem;
  margin-bottom: 20px;
  color: #4c4b4b;
  line-height: 1.5; }
  .brand_ttl span {
    font-size: 1.4rem;
    color: #d01b79; }
  .brand_ttl.--bw {
    color: #00000a; }
    .brand_ttl.--bw span {
      color: #135b7a; }
  @media screen and (max-width: 767px) {
    .brand_ttl {
      font-size: 2.6rem; }
      .brand_ttl span {
        font-size: 1.8rem; } }

.thanksfair_btn {
  --bg-color: #c98d3a;
  --text-color: #fff;
  --icon-bg: #fff;
  --icon-color: #c98d3a;
  width: 100%;
  max-width: 360px;
  min-height: 70px;
  line-height: 1.4;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--bg-color);
  color: var(--text-color);
  border-radius: 5px;
  text-decoration: none;
  font-size: 1.7rem;
  line-height: 1.3;
  box-sizing: border-box; }
  .thanksfair_btn.--lib_mens {
    --bg-color: #1d467c;
    --icon-color: #1d467c;
    border-radius: 999px;
    min-height: 70px;
    max-width: 100%;
    font-size: 1.4rem;
    position: relative; }
    @media screen and (max-width: 767px) {
      .thanksfair_btn.--lib_mens {
        font-size: 1.6rem; } }
    .thanksfair_btn.--lib_mens::before {
      content: "＼　メンズ　／";
      position: absolute;
      top: -28px;
      left: 50%;
      transform: translateX(-50%);
      color: #1d467c;
      font-size: 18px;
      font-weight: bold;
      white-space: nowrap; }
    @media screen and (max-width: 767px) {
      .thanksfair_btn.--lib_mens {
        padding: 0;
        min-height: 65px; }
        .thanksfair_btn.--lib_mens .icon {
          width: 20px;
          height: 20px; } }
  .thanksfair_btn.--lib_ladies {
    --bg-color: #9f0202;
    --icon-color: #9f0202;
    border-radius: 999px;
    min-height: 70px;
    max-width: 100%;
    font-size: 1.4rem; }
    @media screen and (max-width: 767px) {
      .thanksfair_btn.--lib_ladies {
        font-size: 1.6rem; } }
    .thanksfair_btn.--lib_ladies::before {
      content: "＼　レディース　／";
      position: absolute;
      top: -28px;
      left: 50%;
      transform: translateX(-50%);
      color: #9f0202;
      font-size: 18px;
      font-weight: bold;
      white-space: nowrap; }
      @media screen and (max-width: 767px) {
        .thanksfair_btn.--lib_ladies::before {
          font-size: 16px; } }
    @media screen and (max-width: 767px) {
      .thanksfair_btn.--lib_ladies {
        padding: 0;
        min-height: 65px; }
        .thanksfair_btn.--lib_ladies .icon {
          width: 20px;
          height: 20px; } }
  .thanksfair_btn.--mens {
    --bg-color: #1d467c;
    --icon-color: #1d467c;
    font-size: 1.4rem;
    width: 330px; }
    @media screen and (max-width: 767px) {
      .thanksfair_btn.--mens {
        font-size: 1.7rem;
        padding: 0;
        min-height: 70px;
        letter-spacing: 0em;
        max-width: 100%; }
        .thanksfair_btn.--mens .icon {
          width: 15px;
          height: 15px; } }
  .thanksfair_btn.--ladies {
    --bg-color: #9f0202;
    --icon-color: #9f0202;
    font-size: 1.4rem;
    width: 330px; }
    @media screen and (max-width: 767px) {
      .thanksfair_btn.--ladies {
        font-size: 1.7rem;
        min-height: 70px;
        padding: 0;
        letter-spacing: 0em;
        max-width: 100%; }
        .thanksfair_btn.--ladies .icon {
          width: 15px;
          height: 15px;
          right: 5px; } }
  .thanksfair_btn.--brand {
    width: 360px;
    min-height: 90px;
    font-size: 1.3rem;
    padding: 0; }
    .thanksfair_btn.--brand span {
      line-height: 1.3; }
    .thanksfair_btn.--brand .txt_large {
      font-size: 2.1rem;
      letter-spacing: 0.1em; }
    .thanksfair_btn.--brand .icon {
      right: 15px; }
    @media screen and (max-width: 767px) {
      .thanksfair_btn.--brand {
        font-size: 1.6rem;
        padding: 0;
        letter-spacing: 0em;
        max-width: 100%;
        min-height: 90px; }
        .thanksfair_btn.--brand .icon {
          width: 20px;
          height: 20px; }
        .thanksfair_btn.--brand .txt_large {
          font-size: 2.0rem; }
        .thanksfair_btn.--brand .icon {
          right: 5px; } }
  .thanksfair_btn.--series {
    width: 350px;
    min-height: 80px;
    border-radius: 999px;
    min-height: 70px;
    font-size: 1.4rem; }
    @media screen and (max-width: 767px) {
      .thanksfair_btn.--series {
        font-size: 2.0rem;
        max-width: 90%; } }
  .thanksfair_btn.--green {
    --bg-color: #135b7a;
    --icon-color: #135b7a; }
  .thanksfair_btn.--kl {
    --bg-color: #d01b79;
    --icon-color: #d01b79; }
  .thanksfair_btn.--bw {
    --bg-color: #000;
    --icon-color: #000; }
  .thanksfair_btn.--app-btn {
    --bg-color: #fdf5e2;
    --text-color: #640400;
    --icon-bg: #c98d3a;
    --icon-color: #fff;
    border: 5px solid #c98d3a;
    min-height: 80px; }
    @media screen and (max-width: 767px) {
      .thanksfair_btn.--app-btn {
        min-height: 70px;
        border: 4px solid #c98d3a; } }
    .thanksfair_btn.--app-btn .sub {
      color: #9f0202;
      font-size: 18px; }
  .thanksfair_btn.--category-btn {
    min-height: 80px; }
    @media screen and (max-width: 767px) {
      .thanksfair_btn.--category-btn {
        min-height: 70px; } }
  @media screen and (max-width: 767px) {
    .thanksfair_btn {
      max-width: 80%;
      font-size: 2.0rem;
      min-height: 60px; } }
  .thanksfair_btn > span:first-child {
    text-align: center; }
  .thanksfair_btn .icon {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--icon-bg);
    color: var(--icon-color); }
    @media screen and (max-width: 767px) {
      .thanksfair_btn .icon {
        width: 20px;
        height: 20px;
        right: 10px; } }
    .thanksfair_btn .icon svg {
      width: 22px;
      height: 22px;
      display: block; }

.bnr_btn {
  width: 100%;
  max-width: 360px;
  min-height: 50px;
  line-height: 1.4;
  padding: 0 60px;
  color: #ffffff;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  border-radius: 5px;
  text-decoration: none;
  font-size: 1.4rem;
  line-height: 1.3;
  box-sizing: border-box; }
  .bnr_btn.--mens {
    background-color: #1d467c; }
    .bnr_btn.--mens .icon {
      color: #1d467c; }
  .bnr_btn.--ladies {
    background-color: #9f0202; }
    .bnr_btn.--ladies .icon {
      color: #9f0202; }
  @media screen and (max-width: 767px) {
    .bnr_btn {
      font-size: 1.7rem;
      min-height: 50px;
      padding: 0px; } }
  .bnr_btn > span:first-child {
    text-align: center; }
  .bnr_btn .icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ffffff; }
    @media screen and (max-width: 767px) {
      .bnr_btn .icon {
        width: 15px;
        height: 15px;
        right: 5px; } }
    .bnr_btn .icon svg {
      width: 22px;
      height: 22px;
      display: block; }

.item_btn {
  --btn-color: #2d485f;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 250px;
  min-height: 40px;
  border: 2px solid var(--btn-color);
  border-radius: 999px;
  background: #ffffff;
  color: #4c4b4b;
  font-size: 1.4rem;
  box-sizing: border-box;
  text-decoration: none;
  margin-top: 8px; }
  .item_btn.--kl {
    --btn-color: #d01b79; }
  .item_btn.--set_mens {
    --btn-color: #1d467c;
    font-weight: bold;
    background: #fff;
    width: 330px;
    min-height: 60px;
    color: #393939;
    font-size: 1.6rem;
    border: 3px solid var(--btn-color); }
    @media screen and (max-width: 767px) {
      .item_btn.--set_mens {
        border: 2px solid var(--btn-color); } }
    .item_btn.--set_mens::after {
      border-left: 9px solid var(--btn-color); }
      @media screen and (max-width: 767px) {
        .item_btn.--set_mens::after {
          border-left: 7px solid var(--btn-color); } }
    @media screen and (max-width: 767px) {
      .item_btn.--set_mens {
        width: 100%;
        min-height: 50px; } }
  .item_btn.--set_ladies {
    --btn-color: #9f0202;
    background: #fff;
    width: 330px;
    min-height: 60px;
    color: #393939;
    font-weight: bold;
    font-size: 1.6rem;
    border: 3px solid var(--btn-color); }
    @media screen and (max-width: 767px) {
      .item_btn.--set_ladies {
        border: 2px solid var(--btn-color); } }
    .item_btn.--set_ladies::after {
      border-left: 9px solid var(--btn-color); }
      @media screen and (max-width: 767px) {
        .item_btn.--set_ladies::after {
          border-left: 7px solid var(--btn-color); } }
    @media screen and (max-width: 767px) {
      .item_btn.--set_ladies {
        width: 100%;
        min-height: 50px; } }
  @media screen and (max-width: 767px) {
    .item_btn {
      width: 100%;
      min-height: 40px;
      font-size: 1.8rem; } }
  .item_btn::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 9px solid var(--btn-color); }
    @media screen and (max-width: 767px) {
      .item_btn::after {
        right: 10px;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 7px solid var(--btn-color); } }

.link-btn {
  color: #4c4b4b;
  text-align: center;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  line-height: 1.6rem;
  font-size: 1.3142857136rem;
  background: #ffffff;
  border-radius: 5px; }
  @media screen and (max-width: 767px) {
    .link-btn {
      font-size: 1.4142857136rem; } }
  .link-btn:after {
    pointer-events: none;
    content: '\EA03';
    font-family: iconfont, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle;
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -.5em;
    color: #4c4b4b; }
  .link-btn.m-btn {
    background: #1d467c;
    color: #ffffff; }
    .link-btn.m-btn::after {
      color: #ffffff; }
  .link-btn.l-btn {
    background: #d01b79;
    color: #ffffff; }
    .link-btn.l-btn::after {
      color: #ffffff; }

/* -----------------------------------------------------------------------
## Parts ##################################################
----------------------------------------------------------------------- */
.itemarea .item_detail {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 80px; }
  @media screen and (max-width: 767px) {
    .itemarea .item_detail {
      gap: 10px; } }
  .itemarea .item_detail .item_li {
    border-radius: 0 0 18px 18px;
    overflow: hidden;
    text-align: center; }
    .itemarea .item_detail .item_li .item_img {
      width: 100%; }
    .itemarea .item_detail .item_li .item_note {
      font-size: 0.7rem;
      color: #4c4b4b;
      line-height: 1.4;
      margin-top: 5px;
      text-align: left; }
      @media screen and (max-width: 767px) {
        .itemarea .item_detail .item_li .item_note {
          font-size: 1.0rem; } }
    .itemarea .item_detail .item_li .item_body {
      padding: 16px 16px 40px;
      color: #4c4b4b; }
      @media screen and (max-width: 767px) {
        .itemarea .item_detail .item_li .item_body {
          padding: 5px 0 40px; } }
      .itemarea .item_detail .item_li .item_body .item_name {
        font-size: 1.5rem; }
        @media screen and (max-width: 767px) {
          .itemarea .item_detail .item_li .item_body .item_name {
            font-size: 1.6rem;
            line-height: 1.3; } }
      .itemarea .item_detail .item_li .item_body .item_price {
        font-size: 1.4rem; }
        @media screen and (max-width: 767px) {
          .itemarea .item_detail .item_li .item_body .item_price {
            font-size: 1.6rem; } }
    .itemarea .item_detail .item_li .series_btn {
      margin-top: 40px; }
      @media screen and (max-width: 767px) {
        .itemarea .item_detail .item_li .series_btn {
          margin-top: 30px; } }
.itemarea .series_btnarea {
  text-align: center; }

/* -----------------------------------------------------------------------
## main ##################################################
----------------------------------------------------------------------- */
#lp-main {
  background: linear-gradient(to bottom, transparent 0, transparent 1000px, #6d0600 1000px, #6d0600 100%), url(/lp/thanksfair/26ss/images/mv_bg.jpg) center top/cover no-repeat;
  width: 100%;
  min-height: 1500px;
  position: relative; }
  #lp-main::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: clamp(180px, 24vw, 500px);
    background: url("/lp/thanksfair/26ss/images/curtain.png") top center/100% auto no-repeat;
    z-index: 0;
    pointer-events: none; }
  @media screen and (max-width: 767px) {
    #lp-main {
      background: linear-gradient(to bottom, transparent 0, transparent 700px, #6d0600 700px, #6d0600 100%), url(/lp/thanksfair/26ss/images/mv_bg.jpg) center top/cover no-repeat;
      min-height: 700px; }
      #lp-main::before {
        display: none; } }
  #lp-main .mv {
    position: relative;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    width: 1100px;
    height: auto; }
    @media screen and (max-width: 767px) {
      #lp-main .mv {
        position: static;
        transform: none;
        width: 100%;
        text-align: center; } }
  #lp-main .thanksfair_count {
    width: 100%;
    position: relative;
    margin-top: 10px;
    display: block; }
    #lp-main .thanksfair_count::before {
      top: 4px; }
    #lp-main .thanksfair_count::after {
      bottom: 4px; }
    #lp-main .thanksfair_count .count_inner {
      max-width: 850px;
      height: 90px;
      margin: 0 auto;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media screen and (max-width: 767px) {
        #lp-main .thanksfair_count .count_inner {
          max-width: 94%;
          height: 100px; } }
      #lp-main .thanksfair_count .count_inner .count .inner .countdownArea {
        margin: 0 auto;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 40px; }
        @media screen and (max-width: 767px) {
          #lp-main .thanksfair_count .count_inner .count .inner .countdownArea {
            display: block;
            text-align: center; } }
        #lp-main .thanksfair_count .count_inner .count .inner .countdownArea h3 {
          color: #640400;
          font-size: 1.8rem;
          padding: 5px 15px;
          letter-spacing: 0;
          background: linear-gradient(90deg, #e6cb4b 0%, #eee186 18%, #e7c222 45%, #e6ca49 75%, #d9a936 100%); }
          #lp-main .thanksfair_count .count_inner .count .inner .countdownArea h3 span {
            color: #9f0202; }
          @media screen and (max-width: 767px) {
            #lp-main .thanksfair_count .count_inner .count .inner .countdownArea h3 {
              text-align: center;
              display: inline-block;
              font-size: 2.0rem;
              padding: 0 25px;
              margin-bottom: 5px; } }
        #lp-main .thanksfair_count .count_inner .count .inner .countdownArea .countdown-timer {
          font-weight: bold;
          text-align: center;
          margin-top: 5px; }
          #lp-main .thanksfair_count .count_inner .count .inner .countdownArea .countdown-timer .number {
            background-color: #7f0b0a;
            color: #ffffff;
            font-weight: bold;
            line-height: 1.0;
            padding: 9px 8px 6px;
            border-radius: 5px;
            display: inline-block;
            font-size: 2.8142857136rem; }
          #lp-main .thanksfair_count .count_inner .count .inner .countdownArea .countdown-timer .unit {
            color: #ffffff;
            margin: 0 3px;
            font-size: 1.8142857136rem; }
  #lp-main .coupon_btn {
    width: 100%;
    background-color: #7f0b0a;
    position: relative;
    margin-top: 20px;
    display: block; }
    @media screen and (max-width: 767px) {
      #lp-main .coupon_btn {
        margin-top: 10px; } }
    #lp-main .coupon_btn::before, #lp-main .coupon_btn::after {
      content: "";
      position: absolute;
      left: 0;
      width: 100%;
      height: 2px;
      background: #d6a93a;
      pointer-events: none; }
    #lp-main .coupon_btn::before {
      top: 4px; }
    #lp-main .coupon_btn::after {
      bottom: 4px; }
    #lp-main .coupon_btn .coupon_inner {
      max-width: 850px;
      height: 64px;
      margin: 0 auto;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media screen and (max-width: 767px) {
        #lp-main .coupon_btn .coupon_inner {
          max-width: 95%;
          height: 80px; } }
      #lp-main .coupon_btn .coupon_inner img {
        width: 230px;
        height: auto;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2; }
        @media screen and (max-width: 767px) {
          #lp-main .coupon_btn .coupon_inner img {
            width: clamp(100px, 31vw, 128px);
            top: 40%; } }
      #lp-main .coupon_btn .coupon_inner p {
        color: #ffffff;
        font-size: 2.0rem;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 0.04em;
        padding-left: 250px;
        margin: 0; }
        #lp-main .coupon_btn .coupon_inner p::after {
          content: "";
          display: inline-block;
          width: 0;
          height: 0;
          margin-left: 7px;
          border-left: 12px solid transparent;
          border-right: 12px solid transparent;
          border-top: 20px solid #e5d26a;
          vertical-align: middle;
          transform: translateY(-1px); }
        @media screen and (max-width: 767px) {
          #lp-main .coupon_btn .coupon_inner p {
            color: #ffffff;
            padding-left: clamp(88px, 30vw, 135px);
            line-height: 1.3;
            letter-spacing: 0.01em; }
            #lp-main .coupon_btn .coupon_inner p::after {
              border-left: 8px solid transparent;
              border-right: 8px solid transparent;
              border-top: 13px solid #e5d26a;
              transform: translateY(-14px); } }
    @media screen and (max-width: 767px) and (max-width: 767px) {
      #lp-main .coupon_btn .coupon_inner p::after {
        border-left: clamp(6px, 1.8vw, 8px) solid transparent;
        border-right: clamp(6px, 1.8vw, 8px) solid transparent;
        border-top: clamp(10px, 3vw, 13px) solid #e5d26a; } }

  #lp-main .intro_txt {
    margin: 30px 0 70px;
    text-align: center;
    font-size: 1.5rem; }
    @media screen and (max-width: 767px) {
      #lp-main .intro_txt {
        margin: 20px 0 50px;
        font-size: 1.8rem;
        line-height: 1.7; } }
  #lp-main .coupon {
    background: #7B110B;
    background: linear-gradient(90deg, #7b110b 0%, #ae0001 100%);
    border: 10px solid #e5d26a;
    position: relative;
    padding: 40px 0; }
    @media screen and (max-width: 767px) {
      #lp-main .coupon {
        border: 7px solid #e5d26a;
        padding: 30px 0; } }
    #lp-main .coupon::before {
      content: "";
      position: absolute;
      top: -70px;
      left: 50%;
      transform: translateX(-50%);
      width: 350px;
      height: 70px;
      background: url("/lp/thanksfair/26ss/images/ribbon.png") center center/contain no-repeat;
      z-index: 2;
      pointer-events: none; }
      @media screen and (max-width: 767px) {
        #lp-main .coupon::before {
          top: -40px;
          height: 40px; } }
    #lp-main .coupon .coupon_ttl {
      width: 60%;
      margin: 0 auto 25px;
      display: block; }
      @media screen and (max-width: 767px) {
        #lp-main .coupon .coupon_ttl {
          width: 85%; } }
    #lp-main .coupon .coupon_area {
      max-width: 900px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      justify-content: space-between;
      background: none;
      align-items: center;
      gap: 5px; }
      @media screen and (max-width: 767px) {
        #lp-main .coupon .coupon_area {
          grid-template-columns: repeat(2, 1fr);
          max-width: 93%;
          gap: 5px; } }
    #lp-main .coupon .caution .btn-coupon {
      width: 80%;
      margin: 30px auto 0;
      display: block;
      text-align: center; }
      @media screen and (max-width: 767px) {
        #lp-main .coupon .caution .btn-coupon {
          width: 85%;
          margin: 40px auto 0; } }
    #lp-main .coupon .caution .acbox {
      width: 75%;
      font-size: 1.0rem;
      margin: 30px auto 0;
      padding: 30px 100px;
      text-align: left;
      background-color: #fff;
      border-radius: 5px;
      color: #383838;
      font-weight: 500; }
      #lp-main .coupon .caution .acbox .ttl {
        font-size: 1.5rem; }
      @media screen and (max-width: 767px) {
        #lp-main .coupon .caution .acbox {
          width: 93%;
          padding: 20px;
          font-size: 1.6rem; }
          #lp-main .coupon .caution .acbox .ttl {
            font-size: 1.7rem; } }
  #lp-main .navarea {
    text-align: center;
    padding: 30px 0 60px; }
    #lp-main .navarea .nav {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      background: none;
      align-items: center; }
      @media screen and (max-width: 767px) {
        #lp-main .navarea .nav {
          gap: 5px; } }
      #lp-main .navarea .nav li {
        width: 23%; }
        @media screen and (max-width: 767px) {
          #lp-main .navarea .nav li {
            width: 48%; } }
    #lp-main .navarea .bottom_nav {
      margin-top: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 30px; }
      @media screen and (max-width: 767px) {
        #lp-main .navarea .bottom_nav {
          display: block; } }
      @media screen and (max-width: 767px) {
        #lp-main .navarea .bottom_nav a:first-child {
          margin-bottom: 30px; } }

#newitem .thegunze_area {
  background: #E5EFF9;
  background: linear-gradient(0deg, #e5eff9 0%, #f4f8fc 100%);
  padding-bottom: 60px; }
  @media screen and (max-width: 767px) {
    #newitem .thegunze_area {
      padding-bottom: 40px; } }
  #newitem .thegunze_area .newitem_mv {
    width: 100%;
    aspect-ratio: 1163 / 530;
    background-image: url("/lp/thanksfair/26ss/images/newitem_mv.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover; }
    @media screen and (max-width: 767px) {
      #newitem .thegunze_area .newitem_mv {
        aspect-ratio: 750 / 1070;
        background-image: url("/lp/thanksfair/26ss/images/sp/newitem_mv.png");
        background-size: contain;
        background-position: center top;
        background-repeat: no-repeat; } }
  #newitem .thegunze_area .thanksfair_wrapper800 .itemarea .item_detail {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 80px; }
    @media screen and (max-width: 767px) {
      #newitem .thegunze_area .thanksfair_wrapper800 .itemarea .item_detail {
        gap: 10px; } }
    #newitem .thegunze_area .thanksfair_wrapper800 .itemarea .item_detail .item_li {
      border-radius: 0 0 18px 18px;
      overflow: hidden;
      text-align: center; }
      #newitem .thegunze_area .thanksfair_wrapper800 .itemarea .item_detail .item_li .item_img {
        width: 100%; }
      #newitem .thegunze_area .thanksfair_wrapper800 .itemarea .item_detail .item_li .item_body {
        padding: 16px 16px 20px;
        background: #fff;
        color: #4c4b4b; }
        @media screen and (max-width: 767px) {
          #newitem .thegunze_area .thanksfair_wrapper800 .itemarea .item_detail .item_li .item_body {
            padding: 10px 8px 14px; } }
        #newitem .thegunze_area .thanksfair_wrapper800 .itemarea .item_detail .item_li .item_body .item_name {
          font-size: 1.5rem; }
          @media screen and (max-width: 767px) {
            #newitem .thegunze_area .thanksfair_wrapper800 .itemarea .item_detail .item_li .item_body .item_name {
              font-size: 1.6rem; } }
        #newitem .thegunze_area .thanksfair_wrapper800 .itemarea .item_detail .item_li .item_body .item_price {
          font-size: 1.5rem; }
          @media screen and (max-width: 767px) {
            #newitem .thegunze_area .thanksfair_wrapper800 .itemarea .item_detail .item_li .item_body .item_price {
              font-size: 1.6rem; } }
      #newitem .thegunze_area .thanksfair_wrapper800 .itemarea .item_detail .item_li .series_btn {
        margin-top: 60px; }
        @media screen and (max-width: 767px) {
          #newitem .thegunze_area .thanksfair_wrapper800 .itemarea .item_detail .item_li .series_btn {
            margin-top: 50px; } }
#newitem .matome_area {
  padding: 50px 0 60px;
  background-color: #fdf5e2; }
  @media screen and (max-width: 767px) {
    #newitem .matome_area {
      padding: 30px 0 40px; } }
  #newitem .matome_area .matome_ttl {
    margin: 0 auto;
    width: 70%; }
    @media screen and (max-width: 767px) {
      #newitem .matome_area .matome_ttl {
        width: 100%; } }
  #newitem .matome_area .btnarea {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    margin-top: 20px; }
    @media screen and (max-width: 767px) {
      #newitem .matome_area .btnarea {
        gap: 10px;
        width: 94%;
        margin: 20px auto 0; } }
    @media screen and (max-width: 767px) {
      #newitem .matome_area .btnarea li {
        width: 48%; } }

#brand .kireilabo_area {
  background: #FEE1E1;
  background: linear-gradient(0deg, #fee1e1 0%, #fbf2f1 70%, #fbf7ec 100%); }
  #brand .kireilabo_area .btnarea {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    padding: 40px 0; }
    @media screen and (max-width: 767px) {
      #brand .kireilabo_area .btnarea {
        gap: 10px;
        width: 94%;
        margin: 0 auto;
        padding: 40px 0 30px; } }
    @media screen and (max-width: 767px) {
      #brand .kireilabo_area .btnarea li {
        width: 48%; } }
  #brand .kireilabo_area .kireilabo .brand_mv {
    width: 100%;
    aspect-ratio: 2250 / 1090;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    background-image: url("/lp/thanksfair/26ss/images/kireilabo_mv.png"); }
    @media screen and (max-width: 767px) {
      #brand .kireilabo_area .kireilabo .brand_mv {
        aspect-ratio: 1500 / 1660;
        background-size: contain;
        background-position: center top;
        background-repeat: no-repeat;
        background-image: url("/lp/thanksfair/26ss/images/sp/kireilabo_mv.png");
        margin-bottom: 20px; } }
  #brand .kireilabo_area .kireilabo .thanksfair_wrapper {
    background-color: #ffffff;
    border-radius: 20px;
    padding: 50px 0; }
    @media screen and (max-width: 767px) {
      #brand .kireilabo_area .kireilabo .thanksfair_wrapper {
        padding: 30px 0; } }
  #brand .kireilabo_area .kireilabo .brand_btn_area {
    text-align: center;
    padding: 40px 0 70px; }
    @media screen and (max-width: 767px) {
      #brand .kireilabo_area .kireilabo .brand_btn_area {
        padding: 30px 0 40px; } }
    #brand .kireilabo_area .kireilabo .brand_btn_area img {
      width: 550px; }
      @media screen and (max-width: 767px) {
        #brand .kireilabo_area .kireilabo .brand_btn_area img {
          width: 94%; } }
#brand .bodywild {
  background: #B9D7F1;
  background: linear-gradient(0deg, #b9d7f1 0%, #dfebf5 100%); }
  #brand .bodywild .brand_mv {
    width: 100%;
    aspect-ratio: 2250 / 1090;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    background-image: url("/lp/thanksfair/26ss/images/bodywild_mv.png"); }
    @media screen and (max-width: 767px) {
      #brand .bodywild .brand_mv {
        aspect-ratio: 1500 / 1660;
        background-size: contain;
        background-position: center top;
        background-repeat: no-repeat;
        background-image: url("/lp/thanksfair/26ss/images/sp/bodywild_mv.png");
        margin-bottom: 20px; } }
  #brand .bodywild .thanksfair_wrapper {
    background-color: #ffffff;
    border-radius: 20px;
    padding: 50px 0; }
    @media screen and (max-width: 767px) {
      #brand .bodywild .thanksfair_wrapper {
        padding: 30px 0; } }
  #brand .bodywild .brand_btn_area {
    text-align: center;
    padding: 40px 0 70px; }
    @media screen and (max-width: 767px) {
      #brand .bodywild .brand_btn_area {
        padding: 30px 0 40px; } }
    #brand .bodywild .brand_btn_area img {
      width: 550px; }
      @media screen and (max-width: 767px) {
        #brand .bodywild .brand_btn_area img {
          width: 94%; } }
#brand .matome_area {
  padding: 60px 0 70px;
  background-color: #fdf5e2; }
  @media screen and (max-width: 767px) {
    #brand .matome_area {
      padding: 30px 0 40px; } }
  #brand .matome_area .matome_ttl {
    margin: 0 auto;
    width: 70%; }
    @media screen and (max-width: 767px) {
      #brand .matome_area .matome_ttl {
        width: 100%; } }
  #brand .matome_area .bnrarea {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    margin-top: 20px; }
    @media screen and (max-width: 767px) {
      #brand .matome_area .bnrarea {
        gap: 10px;
        margin: 20px auto 0;
        display: block; } }
    #brand .matome_area .bnrarea li {
      width: 48%;
      text-align: center; }
      @media screen and (max-width: 767px) {
        #brand .matome_area .bnrarea li {
          width: 100%; }
          #brand .matome_area .bnrarea li:nth-child(2) {
            margin-top: 20px; } }
      #brand .matome_area .bnrarea li .bnrarea_txt {
        margin-bottom: 10px;
        position: relative;
        display: inline-block;
        color: #640400;
        text-align: center;
        font-size: 1.7rem;
        padding: 5px 24px;
        width: 320px;
        border-radius: 999px;
        text-align: center;
        letter-spacing: 0.04em;
        box-shadow: 0 4px 12px rgba(128, 78, 24, 0.18);
        background: #fff; }
        @media screen and (max-width: 767px) {
          #brand .matome_area .bnrarea li .bnrarea_txt {
            margin-bottom: 20px;
            font-size: 1.6em;
            width: 75%; } }
        #brand .matome_area .bnrarea li .bnrarea_txt::after {
          content: "";
          position: absolute;
          left: 50%;
          bottom: -10px;
          transform: translateX(-50%);
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 12px 8px 0 8px;
          border-color: #fff transparent transparent transparent; }
      #brand .matome_area .bnrarea li .bnrarea_img {
        margin: 10px 0 30px; }
      #brand .matome_area .bnrarea li .btnarea {
        text-align: center;
        margin: 0 auto; }
        @media screen and (max-width: 767px) {
          #brand .matome_area .bnrarea li .btnarea {
            margin-top: 20px;
            display: flex;
            justify-content: center;
            gap: 10px;
            align-items: flex-start; } }
        #brand .matome_area .bnrarea li .btnarea a:first-child {
          margin-bottom: 15px; }

#summer {
  background-color: #e5fcfc; }
  #summer .summerarea .thanksfair_wrapper .tabbtn_area {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    padding: 40px 0; }
    @media screen and (max-width: 767px) {
      #summer .summerarea .thanksfair_wrapper .tabbtn_area {
        gap: 10px;
        padding: 40px 0 30px; } }
    #summer .summerarea .thanksfair_wrapper .tabbtn_area .tab_btn {
      border: none;
      font-weight: bold;
      width: 100%;
      letter-spacing: -0.04em;
      max-width: 250px;
      min-height: 60px;
      line-height: 1.4;
      background-color: #ffffff;
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: #ffffff;
      border-radius: 5px;
      text-decoration: none;
      font-size: 1.4rem;
      line-height: 1.3;
      box-sizing: border-box; }
      #summer .summerarea .thanksfair_wrapper .tabbtn_area .tab_btn.--mens {
        color: #1d467c;
        border: 2px solid #1d467c; }
        #summer .summerarea .thanksfair_wrapper .tabbtn_area .tab_btn.--mens .icon {
          background-color: #1d467c; }
        #summer .summerarea .thanksfair_wrapper .tabbtn_area .tab_btn.--mens.is-active {
          color: #ffffff;
          background-color: #1d467c; }
          #summer .summerarea .thanksfair_wrapper .tabbtn_area .tab_btn.--mens.is-active .icon {
            background-color: #ffffff;
            color: #1d467c; }
      #summer .summerarea .thanksfair_wrapper .tabbtn_area .tab_btn.--ladies {
        color: #9f0202;
        border: 2px solid #9f0202; }
        #summer .summerarea .thanksfair_wrapper .tabbtn_area .tab_btn.--ladies .icon {
          background-color: #9f0202; }
        #summer .summerarea .thanksfair_wrapper .tabbtn_area .tab_btn.--ladies.is-active {
          color: #ffffff;
          background-color: #9f0202; }
          #summer .summerarea .thanksfair_wrapper .tabbtn_area .tab_btn.--ladies.is-active .icon {
            background-color: #ffffff;
            color: #9f0202; }
      @media screen and (max-width: 767px) {
        #summer .summerarea .thanksfair_wrapper .tabbtn_area .tab_btn {
          font-size: 1.7rem;
          min-height: 60px;
          padding: 0px; } }
      #summer .summerarea .thanksfair_wrapper .tabbtn_area .tab_btn > span:first-child {
        text-align: center; }
      #summer .summerarea .thanksfair_wrapper .tabbtn_area .tab_btn .icon {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        color: #ffffff;
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        display: inline-flex;
        align-items: center;
        justify-content: center; }
        #summer .summerarea .thanksfair_wrapper .tabbtn_area .tab_btn .icon svg {
          width: 22px;
          height: 22px;
          display: block; }
  #summer .summerarea .thanksfair_wrapper .summer_contents {
    position: relative;
    padding-bottom: 70px; }
    @media screen and (max-width: 767px) {
      #summer .summerarea .thanksfair_wrapper .summer_contents {
        padding-bottom: 40px; } }
    #summer .summerarea .thanksfair_wrapper .summer_contents .tab_content {
      display: block;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      transition: opacity 0.35s ease, visibility 0.35s ease; }
      #summer .summerarea .thanksfair_wrapper .summer_contents .tab_content.is-active {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        position: relative; }
      #summer .summerarea .thanksfair_wrapper .summer_contents .tab_content li:nth-child(2) {
        margin: 30px 0; }
        @media screen and (max-width: 767px) {
          #summer .summerarea .thanksfair_wrapper .summer_contents .tab_content li:nth-child(2) {
            margin: 20px 0; } }

#thanksset {
  background-color: #ffefef;
  padding-bottom: 70px; }
  @media screen and (max-width: 767px) {
    #thanksset {
      padding-bottom: 40px; } }
  #thanksset .thanksfair_wrapper {
    padding: 40px 0 60px; }
    @media screen and (max-width: 767px) {
      #thanksset .thanksfair_wrapper {
        padding: 40px 0; } }
    #thanksset .thanksfair_wrapper .set_contents:nth-child(2) {
      margin: 40px 0; }
    #thanksset .thanksfair_wrapper .set_contents .set_ttl {
      width: 500px;
      margin: 0 auto 20px; }
      @media screen and (max-width: 767px) {
        #thanksset .thanksfair_wrapper .set_contents .set_ttl {
          width: 100%; } }
    #thanksset .thanksfair_wrapper .set_contents .set_item {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 50px; }
      @media screen and (max-width: 767px) {
        #thanksset .thanksfair_wrapper .set_contents .set_item {
          gap: 10px; } }
      #thanksset .thanksfair_wrapper .set_contents .set_item li {
        text-align: center; }
        #thanksset .thanksfair_wrapper .set_contents .set_item li .item_btn {
          margin-top: 20px; }
  #thanksset .btnarea {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px; }
    @media screen and (max-width: 767px) {
      #thanksset .btnarea {
        gap: 10px;
        width: 94%;
        margin: 0 auto; } }
    @media screen and (max-width: 767px) {
      #thanksset .btnarea li {
        width: 48%; } }

#info {
  padding: 60px 0 70px;
  background-color: #fdf5e2; }
  @media screen and (max-width: 767px) {
    #info {
      padding: 30px 0 40px; } }
  #info .event_area .event_ttl {
    margin: 0 auto;
    width: 100%;
    max-width: 1000px; }
    @media screen and (max-width: 767px) {
      #info .event_area .event_ttl {
        width: 100%; } }
  #info .event_area .bnrarea {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    margin-top: 20px; }
    @media screen and (max-width: 767px) {
      #info .event_area .bnrarea {
        gap: 10px;
        width: 94%;
        margin: 20px auto 0; } }
    #info .event_area .bnrarea li {
      width: 330px; }
      #info .event_area .bnrarea li .bnrarea_img {
        margin: 10px 0 30px; }
        #info .event_area .bnrarea li .bnrarea_img.--matome img {
          border: 2px solid #e5dcb4; }
      @media screen and (max-width: 767px) {
        #info .event_area .bnrarea li .btnarea {
          margin-top: 20px; } }
      #info .event_area .bnrarea li .btnarea a:first-child {
        margin-bottom: 15px; }
  #info .category_area {
    padding-top: 60px; }
    @media screen and (max-width: 767px) {
      #info .category_area {
        padding-top: 40px; } }
    #info .category_area .category_ttl {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 15px;
      color: #640400;
      font-size: 2.0rem;
      margin-bottom: 20px; }
      @media screen and (max-width: 767px) {
        #info .category_area .category_ttl {
          font-size: 2.6rem; } }
      #info .category_area .category_ttl .category_ttl_icon {
        width: 32px;
        height: auto;
        display: block;
        flex-shrink: 0; }
      #info .category_area .category_ttl .category_ttl_text {
        display: inline-block; }
    #info .category_area .category-wrap {
      display: flex;
      justify-content: space-between;
      margin: 0 auto; }
      #info .category_area .category-wrap .category-area {
        width: 48%;
        text-align: center; }
        @media screen and (max-width: 767px) {
          #info .category_area .category-wrap .category-area {
            width: 48%; } }
        #info .category_area .category-wrap .category-area .mens-ttl {
          color: #640400;
          display: flex;
          align-items: center;
          font-weight: 700;
          font-size: 1.7142857136rem;
          margin-bottom: 10px; }
          @media screen and (max-width: 767px) {
            #info .category_area .category-wrap .category-area .mens-ttl {
              font-size: 2.0rem; } }
          #info .category_area .category-wrap .category-area .mens-ttl::before, #info .category_area .category-wrap .category-area .mens-ttl::after {
            content: "";
            height: 3px;
            flex-grow: 1;
            background-color: #1d467c; }
          #info .category_area .category-wrap .category-area .mens-ttl::before {
            margin-right: 1rem; }
          #info .category_area .category-wrap .category-area .mens-ttl::after {
            margin-left: 1rem; }
        #info .category_area .category-wrap .category-area .ladies-ttl {
          color: #640400;
          display: flex;
          align-items: center;
          font-weight: 700;
          font-size: 1.7142857136rem;
          margin-bottom: 10px; }
          @media screen and (max-width: 767px) {
            #info .category_area .category-wrap .category-area .ladies-ttl {
              font-size: 2.0rem; } }
          #info .category_area .category-wrap .category-area .ladies-ttl::before, #info .category_area .category-wrap .category-area .ladies-ttl::after {
            content: "";
            height: 3px;
            flex-grow: 1;
            background-color: #9f0202; }
          #info .category_area .category-wrap .category-area .ladies-ttl::before {
            margin-right: 1rem; }
          #info .category_area .category-wrap .category-area .ladies-ttl::after {
            margin-left: 1rem; }
        #info .category_area .category-wrap .category-area ul {
          display: flex;
          justify-content: space-between;
          width: 100%;
          margin: 0 auto;
          flex-wrap: wrap; }
          #info .category_area .category-wrap .category-area ul li {
            width: calc(100% / 5 - 0.4rem);
            margin-bottom: 10px; }
            @media screen and (max-width: 767px) {
              #info .category_area .category-wrap .category-area ul li {
                width: 48%; } }
            #info .category_area .category-wrap .category-area ul li a {
              display: block; }
              #info .category_area .category-wrap .category-area ul li a p {
                text-align: center;
                font-weight: bold;
                min-height: 3.0em;
                font-size: 1.1rem;
                line-height: 1.2;
                margin-top: 5px;
                white-space: nowrap;
                letter-spacing: -0.05rem; }
                @media screen and (max-width: 767px) {
                  #info .category_area .category-wrap .category-area ul li a p {
                    min-height: 3.4em;
                    font-size: 1.6rem; } }
                #info .category_area .category-wrap .category-area ul li a p.mens {
                  color: #1d467c; }
                #info .category_area .category-wrap .category-area ul li a p.ladies {
                  color: #9f0202; }
        #info .category_area .category-wrap .category-area .btnarea {
          display: flex;
          justify-content: center;
          align-items: center;
          margin-top: 10px; }
          #info .category_area .category-wrap .category-area .btnarea .link-btn {
            width: 310px;
            height: 50px; }
            @media screen and (max-width: 767px) {
              #info .category_area .category-wrap .category-area .btnarea .link-btn {
                width: 190px; } }
  #info .app_area {
    padding-top: 60px; }
    @media screen and (max-width: 767px) {
      #info .app_area {
        padding-top: 40px; } }
    #info .app_area .app_ttl {
      margin: 0 auto;
      width: 100%; }
    #info .app_area .app_bnr {
      margin-top: 30px; }
      @media screen and (max-width: 767px) {
        #info .app_area .app_bnr {
          margin: 10px auto 0; } }

#howto {
  background: #fff;
  padding-bottom: 50px; }
  #howto .inner {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    padding: 50px 0 0; }
    @media screen and (max-width: 767px) {
      #howto .inner {
        padding: 8% 0 0;
        width: 95%; } }
    #howto .inner .howto-area h3 {
      font-size: 2rem;
      font-weight: bold;
      margin: 0 auto 20px;
      color: #393939;
      padding: 0;
      background: none; }
      @media screen and (max-width: 767px) {
        #howto .inner .howto-area h3 {
          margin: 0 auto 10px;
          font-size: 1.8em; } }
    #howto .inner .howto-area span {
      font-size: 1.4rem;
      font-weight: 700;
      margin-bottom: 10px;
      display: block;
      color: #4c4b4b; }
      @media screen and (max-width: 767px) {
        #howto .inner .howto-area span {
          font-size: 1.4em;
          margin: 10px 0 10px; } }
    #howto .inner .howto-area p {
      margin-bottom: 10px;
      text-align: left;
      font-size: 1.1rem;
      color: #4c4b4b; }
      @media screen and (max-width: 767px) {
        #howto .inner .howto-area p {
          margin-bottom: 10px;
          font-size: 1.2em; } }
    #howto .inner .howto-area .img-area {
      margin: 10px auto; }

/* -----------------------------------------------------------------------
## Delate ##################################################
----------------------------------------------------------------------- */
.st-Breadcrumbs_Item div {
  display: inline-block; }

.st-Breadcrumbs {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  width: 100%;
  max-width: 1266px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  box-sizing: border-box;
  margin: 11px auto 15px;
  font-size: 0; }

.st-Breadcrumbs_Item {
  font-size: 11px;
  display: inline-block; }

.st-Breadcrumbs_Item:after {
  content: '＞';
  margin: 0 7px;
  color: #555; }

.st-Breadcrumbs_Item:last-child:after {
  display: none; }

.st-Breadcrumbs_Link {
  color: #7e7e7e;
  text-decoration: underline; }

.st-Breadcrumbs_Link:hover, .st-Breadcrumbs_Link:focus {
  text-decoration: none; }

.pane-contents > .container {
  width: auto; }

h1, h2, h3, h4 {
  margin: 0;
  padding: 0;
  border: none;
  margin-block-start: 0em;
  margin-block-end: 0em;
  background: none; }

h1 {
  max-width: 100%; }

@media screen and (max-width: 767px) {
  margin: 0;
  padding: 0;
  border: none;
  margin-block-start: 0em;
  margin-block-end: 0em; }
.lp-thanksfair img {
  margin: 0;
  padding: 0;
  line-height: 0;
  vertical-align: bottom; }