@charset "UTF-8";
#pageLaw .law-wrap .atobaraiTerm::before,
#pageLaw .law-wrap .bnplTerm::before, #pagePrivacy .priv-wrap dl ul::before, #pageMembershipGuide .draft .heading-wrapper .logout-wrapper::before, #pageMembershipGuide .draft .content .definition-list:has(.point-amount) .definition-description::before, #pageMembershipGuide .guide .register::before, #pageMembershipGuide .guide .mypage-link::before, #pageMembershipMyPage .mypage .heading-wrapper .logout-wrapper::before,
#pageMembershipMyPage .draft .heading-wrapper .logout-wrapper::before, #pageMembershipMyPage .mypage .card::before,
#pageMembershipMyPage .draft .card::before, #pageMembershipMyPage .mypage .content .definition-list:has(.point-amount) .definition-description::before,
#pageMembershipMyPage .draft .content .definition-list:has(.point-amount) .definition-description::before, #pageMembershipLogin .login .link-wrapper::before, #membership .reward-list::before, #membership .point-history .pagination .page-block a.page-link::before,
#membership .point-history .pagination .page-block span.current::before, #pageCommunity .community-wrap .communityNav::before, #pageCommunity .community-wrap .communitySignin::before, #pageCommunity .community-wrap #productsLimitedUrl .urlBox::before, .contact-wrap form::before, #inquiryCompleteSection::before, .product-data .communityBox #communityPurchase .communitySignin::before, .top-guid-wrap::before, .top-concept .top-concept-wrap .concept-bg-clr,
.top-concept .top-concept-wrap .concept-bg-grad, .mailmagazine .box::before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.08;
  background: var(--font-clr);
  content: "";
}

#pageMembershipGuide .guide .about-point h2::after, #pageMembershipMyPage .mypage .content .customer-info-wrapper::after,
#pageMembershipMyPage .draft .content .customer-info-wrapper::after, #membership .point-history .content .card + .card::before, #inquiryConfirmSection dl > dd::after, .item-desc .review01 .review01__tabWrap::before, .item-desc .review01 .review01__tabWrap::after, .cat-list::after {
  position: absolute;
  top: 0;
  left: 0;
  background: var(--font-clr);
  width: 100%;
  height: 1px;
  opacity: 0.3;
  content: "";
  display: block;
}

.ttl-h1 {
  padding: 0;
  margin: 2em 0 1em 0;
  font-size: 20px;
  font-size: 2rem;
  text-align: left;
  line-height: 1.4;
}
.ttl-h1:first-child {
  margin-top: 0;
}
@media only screen and (min-width: 768px) {
  .ttl-h1 {
    font-size: 32px;
    font-size: 3.2rem;
    margin: 1.25em 0 0.625em 0;
  }
}

#pageLaw .law-wrap h2, #pagePrivacy .priv-wrap h2, #pageMembershipGuide .draft .heading-wrapper .heading, #pageMembershipGuide .guide .content h2.heading, #pageMembershipMyPage .mypage .heading-wrapper .heading,
#pageMembershipMyPage .draft .heading-wrapper .heading, #pageMembershipLogin .login .heading, #membership .point-history .content .point-name, #pageCommunity .community-wrap .communityTitle, .item-desc .review01 .review01__title, .ttl-h2 {
  padding: 0;
  margin: 1.5em 0;
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
  line-height: 1.4;
}
#pageLaw .law-wrap h2:first-child, #pagePrivacy .priv-wrap h2:first-child, #pageMembershipGuide .draft .heading-wrapper .heading:first-child, #pageMembershipGuide .guide .content h2.heading:first-child, #pageMembershipMyPage .mypage .heading-wrapper .heading:first-child,
#pageMembershipMyPage .draft .heading-wrapper .heading:first-child, #pageMembershipLogin .login .heading:first-child, #membership .point-history .content .point-name:first-child, #pageCommunity .community-wrap .communityTitle:first-child, .item-desc .review01 .review01__title:first-child, .ttl-h2:first-child {
  margin-top: 0;
}
@media only screen and (min-width: 768px) {
  #pageLaw .law-wrap h2, #pagePrivacy .priv-wrap h2, #pageMembershipGuide .draft .heading-wrapper .heading, #pageMembershipGuide .guide .content h2.heading, #pageMembershipMyPage .mypage .heading-wrapper .heading,
  #pageMembershipMyPage .draft .heading-wrapper .heading, #pageMembershipLogin .login .heading, #membership .point-history .content .point-name, #pageCommunity .community-wrap .communityTitle, .item-desc .review01 .review01__title, .ttl-h2 {
    margin: 1.333em 0;
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 768px) {
  #pageLaw .law-wrap h2, #pagePrivacy .priv-wrap h2, #pageMembershipGuide .draft .heading-wrapper .heading, #pageMembershipGuide .guide .content h2.heading, #pageMembershipMyPage .mypage .heading-wrapper .heading,
  #pageMembershipMyPage .draft .heading-wrapper .heading, #pageMembershipLogin .login .heading, #membership .point-history .content .point-name, #pageCommunity .community-wrap .communityTitle, .item-desc .review01 .review01__title, .ttl-h2 {
    margin: 1.714em 0;
    font-size: 28px;
    font-size: 2.8rem;
  }
}

.product-data .purchaseButton .purchaseButton__btn,
.product-data .easyOverseasSales .purchaseButton__btn, .btn a {
  display: inline-block;
  min-width: 13.75em;
  padding: 1em 1.875em;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  color: var(--font-clr);
  background: none;
  border: solid 1px var(--font-clr);
  border-radius: 0;
  opacity: 1 !important;
  -webkit-transition: 0.5s opacity;
  transition: 0.5s opacity;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.product-data .purchaseButton .purchaseButton__btn:hover,
.product-data .easyOverseasSales .purchaseButton__btn:hover, .btn a:hover {
  cursor: pointer;
  opacity: 0.5 !important;
  -webkit-transition: 0.5s opacity;
  transition: 0.5s opacity;
}

.product-data #itemAttention .preOrder .preOrder__label, .product-data #itemAttention .communityLabel .communityLabel__title, .product-data #itemAttention .lottery .lottery__label, .product-data #itemAttention .takeout .takeout__label {
  display: inline-block;
  padding: 0.454em 0.909em 0.545em 0.909em;
  font-size: 11px !important;
  font-size: 1.1rem !important;
  font-weight: normal;
  color: #FFF;
  line-height: 1;
  background: #CCC;
  border-radius: 0.272em;
}
@media only screen and (min-width: 768px) {
  .product-data #itemAttention .preOrder .preOrder__label, .product-data #itemAttention .communityLabel .communityLabel__title, .product-data #itemAttention .lottery .lottery__label, .product-data #itemAttention .takeout .takeout__label {
    font-size: 13px !important;
    font-size: 1.3rem !important;
  }
}

#pageCategory .items-tags,
#pageSearch .items-tags, .items-wrap .items-tags {
  margin: 2em 0;
  font-size: 10px;
  font-size: 1rem;
}
#pageCategory .items-tags li,
#pageSearch .items-tags li, .items-wrap .items-tags li {
  display: inline-block;
  margin: 0.454em 0.545em 0.454em 0;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.8;
}
#pageCategory .items-tags li a,
#pageSearch .items-tags li a, .items-wrap .items-tags li a {
  display: inline-block;
  padding: 0.181em 1.454em 0.272em 1.454em;
  text-decoration: none;
  background: var(--clr-th-white);
  border: solid 1px var(--clr-about-font);
  border-radius: 0.181em;
  color: var(--clr-about-font);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
#pageCategory .items-tags li a:hover,
#pageSearch .items-tags li a:hover, .items-wrap .items-tags li a:hover, #pageCategory .items-tags li a:active,
#pageSearch .items-tags li a:active, .items-wrap .items-tags li a:active {
  border-color: var(--clr-about-font);
  background: var(--clr-about-font);
  color: var(--clr-th-white);
  opacity: 1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media only screen and (min-width: 768px) {
  #pageCategory .items-tags,
  #pageSearch .items-tags, .items-wrap .items-tags {
    margin: 3.2em 0;
  }
  #pageCategory .items-tags li,
  #pageSearch .items-tags li, .items-wrap .items-tags li {
    margin: 0.416em 0.666em 0.416em 0;
    font-size: 12px;
    font-size: 1.2rem;
  }
  #pageCategory .items-tags li a,
  #pageSearch .items-tags li a, .items-wrap .items-tags li a {
    display: inline-block;
    padding: 0.166em 1.333em 0.25em 1.333em;
    border-radius: 0.166em;
  }
}
@media only screen and (min-width: 1024px) {
  #pageCategory .items-tags,
  #pageSearch .items-tags, .items-wrap .items-tags {
    margin: 4.8em 0;
  }
  #pageCategory .items-tags li,
  #pageSearch .items-tags li, .items-wrap .items-tags li {
    margin: 0.384em 0.615em 0.384em 0;
    font-size: 13px;
    font-size: 1.3rem;
  }
  #pageCategory .items-tags li a,
  #pageSearch .items-tags li a, .items-wrap .items-tags li a {
    display: inline-block;
    padding: 0.153em 1.23em 0.23em 1.23em;
    border-radius: 0.153em;
  }
}

html {
  font-size: 100%;
  font-size: 62.5%;
}

body {
  padding: 0;
  margin: 0;
  border: 0;
  letter-spacing: 0.075em;
  font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", "YuGothic", "游ゴシック体" !important;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: var(--font-clr);
  background: #fff;
}

ul, li, dt, dd, p, h1, h2, h3, h4, h5, h6 {
  list-style: none;
  margin: 0;
  padding: 0;
}

p {
  font-size: 14px;
  font-size: 1.4rem;
}

a {
  color: inherit;
}
a:link, a:visited {
  opacity: 1;
}
a:hover, a:active {
  opacity: 0.5;
  -webkit-transition: 0.5s opacity;
  transition: 0.5s opacity;
}

img {
  max-width: 100%;
  height: auto;
}

input, textarea, select, button {
  font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", "YuGothic", "游ゴシック体" !important;
}

:root {
  --comingsoon: #001743;
  --community: #8D7B4D;
  --takeout: #8D2A2A;
  --preOrder:#246D35;
  --lottery:#246D35;
}

.th-colorA {
  --clr-th-white: #FFF;
  --clr-th-red: #8D2A2A;
  --clr-th-gold: #8D7B4D;
  --clr-th-black: #222222;
  --information-banner-backgroundColor: #222222;
  --information-banner-textColor: #FFF;
  --information-banner-iconColor: #FFF;
  --clr-about-bg: #F6F6F6;
  --clr-about-font: #222;
}

.th-colorB {
  --clr-th-white: #FFF;
  --clr-th-red: #3B522D;
  --clr-th-gold: #8D7B4D;
  --clr-th-black: #222222;
  --information-banner-backgroundColor: #222222;
  --information-banner-textColor: #FFF;
  --information-banner-iconColor: #FFF;
  --clr-about-bg: #F6F6F6;
  --clr-about-font: #222;
}

.th-colorC {
  --clr-th-white: #222222;
  --clr-th-red: #8D2A2A;
  --clr-th-gold: #8D7B4D;
  --clr-th-black: #E5E5E5;
  --information-banner-backgroundColor: #363636;
  --information-banner-textColor: #FFF;
  --information-banner-iconColor: #FFF;
  --clr-about-bg: #333;
  --clr-about-font: #FFF;
}

.th-colorD {
  --clr-th-white: #FFF;
  --clr-th-red: #88755F;
  --clr-th-gold: #CAB89E;
  --clr-th-black: #C05D5D;
  --information-banner-backgroundColor: #C05D5D;
  --information-banner-textColor: #FFF;
  --information-banner-iconColor: #FFF;
  --clr-about-bg: #F6F6F6;
  --clr-about-font: #222;
}

.th-colorE {
  --clr-th-white: #FFF;
  --clr-th-red: #E2E2E2;
  --clr-th-gold: #222222;
  --clr-th-black: #001743;
  --information-banner-backgroundColor: #001743;
  --information-banner-textColor: #FFF;
  --information-banner-iconColor: #FFF;
  --clr-about-bg: #F6F6F6;
  --clr-about-font: #222;
}

.red {
  color: var(--clr-red);
}

.top-order-wrap {
  display: grid;
}
.top-order-wrap .top-order1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.top-order-wrap .top-order2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.top-order-wrap .top-order3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.top-order-wrap .top-order4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}

#pageIndex .top-items-off {
  display: none;
}

.bodywrap {
  position: relative;
}

#headNav {
  position: sticky;
  color: var(--clr-th-black);
  background-color: var(--clr-th-white);
  top: 0;
  z-index: 5;
  border-bottom: solid 1px rgba(0, 0, 0, 0.05);
}
@media only screen and (min-width: 1024px) {
  #headNav {
    position: relative;
  }
}

.head-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1em 0.6em 1em 1.5em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 5em;
  font-size: 10px;
  font-size: 1rem;
}
.head-wrap a {
  text-decoration: none;
}
.head-wrap .head-h1-wrap p,
.head-wrap .head-add,
.head-wrap #baseMenu .base {
  display: none;
}
.head-wrap .head-h1-wrap {
  width: 100%;
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.head-wrap .head-logo {
  padding-right: 2em;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.2;
  text-align: left;
  overflow-wrap: break-word;
  word-break: break-word;
}
.head-wrap .head-add-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.head-wrap .head-search,
.head-wrap #btnOpen,
.head-wrap #baseMenu {
  display: grid;
  place-items: center;
  width: 2.833em;
  height: 2.833em;
  font-size: 12px;
  font-size: 1.2rem;
  color: val(--clr-th-black);
  fill: val(--clr-th-black);
  opacity: 1;
  -webkit-transition: 0.5s opacity;
  transition: 0.5s opacity;
}
.head-wrap .head-search:hover,
.head-wrap #btnOpen:hover,
.head-wrap #baseMenu:hover {
  -webkit-transition: 0.5s opacity;
  transition: 0.5s opacity;
  opacity: 0.5;
  cursor: pointer;
}
.head-wrap .head-search {
  display: none;
}
.head-wrap #btnOpen {
  position: relative;
}
.head-wrap #btnOpen span {
  display: none;
}
.head-wrap #btnOpen::before {
  content: "";
  display: block;
  width: 1.333em;
  height: 1.416em;
  border-top: solid 1px var(--clr-th-black);
  border-bottom: solid 1px var(--clr-th-black);
}
.head-wrap #btnOpen::after {
  content: "";
  display: block;
  width: 1.333em;
  height: 0;
  border-top: solid 1px var(--clr-th-black);
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
}
.head-wrap #baseMenu {
  /*2025/3/17　カートバッジ追記*/
}
.head-wrap #baseMenu a {
  display: grid;
  place-items: center;
  width: 2.833em;
  height: 2.833em;
}
.head-wrap #baseMenu a:hover {
  opacity: 1;
}
.head-wrap #baseMenu img {
  width: 1.916em !important;
  height: 1.666em !important;
  margin-right: 0.25em;
  opacity: 0 !important;
}
.head-wrap #baseMenu svg {
  width: 1.916em;
  margin-right: 0.25em;
}
.head-wrap #baseMenu .cart {
  position: relative;
}
.head-wrap #baseMenu .cart-badge {
  display: block !important;
}
.head-wrap #baseMenu .cart-qty {
  position: absolute;
  top: 0;
  right: 2px;
  padding: 0 1px;
  min-width: 14px;
  background: #333333;
  border-radius: 50%;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 14px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .head-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2em 1.9em 2em 3em;
    min-height: 7em;
  }
  .head-wrap .head-logo {
    padding-right: 2em;
  }
  .head-wrap .head-logo a {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    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-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .head-wrap .head-search,
  .head-wrap #btnOpen,
  .head-wrap #baseMenu {
    width: 3.666em;
    height: 3.666em;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .head-wrap #btnOpen::before {
    width: 1.833em;
    height: 1.833em;
  }
  .head-wrap #btnOpen::after {
    width: 1.833em;
  }
  .head-wrap #baseMenu a {
    width: 3.666em;
    height: 3.666em;
  }
  .head-wrap #baseMenu img {
    width: 2.5em !important;
    height: 2.166em !important;
  }
  .head-wrap #baseMenu svg {
    width: 2.5em;
  }
}
@media only screen and (min-width: 1024px) {
  .head-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1.5em 4em;
    max-width: 128em;
    min-height: 10em;
    margin: 0 auto;
  }
  .head-wrap .head-h1-wrap p,
  .head-wrap .head-add {
    display: block;
  }
  .head-wrap .head-h1-wrap {
    font-size: 10px;
    font-size: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .head-wrap .head-logo {
    padding: 0;
  }
  .head-wrap .head-h1 {
    padding-left: 1.428em;
    font-size: 14px;
    font-size: 1.4rem;
    max-width: 50%;
  }
  .head-wrap .head-add {
    font-size: 13px;
    font-size: 1.3rem;
    margin-left: 1.923em;
    display: table;
  }
  .head-wrap .head-add .ttl {
    display: block;
    min-width: 17.692em;
    padding: 0.461em;
    margin-bottom: 0.384em;
    background: var(--clr-th-gold);
    color: #FFF;
    line-height: 1;
    text-align: center;
  }
  .head-wrap .head-add .tel {
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1;
    text-align: center;
    max-width: 12.857em;
    margin: 0 auto;
  }
  .head-wrap .head-add .tel.is-tel-normal svg {
    width: 0.892em;
    vertical-align: -0.072em;
    margin-right: -0.036em;
    fill: var(--clr-th-black);
  }
  .head-wrap .head-add .time {
    display: block;
    margin-top: 0.416em;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.2;
    text-align: center;
  }
  .head-wrap .head-search,
  .head-wrap #baseMenu,
  .head-wrap #btnOpen {
    width: 3.666em;
    height: 3.666em;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .head-wrap .head-search {
    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-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-left: 2.083em;
  }
  .head-wrap .head-search svg {
    width: 2.166em;
    margin-bottom: 0.083em;
  }
  .head-wrap .head-search span {
    display: block;
    width: 2.5em;
    width: auto;
    text-align: center;
  }
  .head-wrap #btnOpen {
    display: none;
  }
  .head-wrap #baseMenu {
    margin-left: 2.083em;
    /*2025/3/17　カートバッジ追記*/
  }
  .head-wrap #baseMenu a {
    width: auto;
    height: 3.666em;
    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-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .head-wrap #baseMenu a::after {
    content: "カート";
    display: block;
    width: 3.5em;
    text-align: center;
  }
  .head-wrap #baseMenu .cart-qty {
    top: -4px;
    right: 2px;
  }
  .head-wrap #baseMenu.menu-JP-en a::after {
    content: "Cart" !important;
  }
  .head-wrap #baseMenu.menu-ENG-lower a::after {
    content: "Cart";
  }
  .head-wrap #baseMenu.menu-ENG-upper a::after {
    content: "CART";
  }
}

.head-nav {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .head-nav {
    display: block;
    background: var(--clr-th-red);
  }
  .head-nav .head-menu {
    display: table;
    table-layout: fixed;
    width: 100%;
    max-width: 128em;
    margin: 0 auto;
    padding: 1.35em 4em;
    font-size: 10px;
    font-size: 1rem;
  }
  .head-nav .head-menu.menu-mincho {
    font-family: "Noto Serif JP", "Yu Mincho Medium", "游明朝 Medium", "YuMincho", "游明朝体", serif !important;
  }
  .head-nav .head-menu.menu-gothic {
    font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", "YuGothic", "游ゴシック体" !important;
  }
  .head-nav .head-menu > li {
    display: table-cell;
    font-size: 16px;
    font-size: 1.6rem;
    text-align: center;
    color: #FFF;
    border-right: solid 1px #FFF;
  }
  .head-nav .head-menu > li a {
    text-decoration: none;
  }
  .head-nav .head-menu > li:first-child {
    border-left: solid 1px #FFF;
  }
  .head-nav .head-menu > li.head-menu-mbr {
    position: relative;
  }
  .head-nav .head-menu > li.head-menu-mbr::after {
    content: "";
    display: inline-block;
    margin-left: 0.5em;
    font-size: 10px;
    font-size: 1rem;
    border-style: solid;
    border-width: 0.9em 0.6em 0 0.6em;
    border-color: rgba(255, 255, 255, 0.3) transparent transparent transparent;
  }
  .head-nav .head-menu > li.head-menu-mbr:hover {
    cursor: pointer;
  }
  .head-nav .head-menu > li.head-menu-mbr:hover .head-menu-sub {
    opacity: 1;
    padding: 1.375em 1.25em 1.25em 1.25em;
    max-height: 100vh;
    -webkit-transition: 0.5s 0s opacity ease;
    transition: 0.5s 0s opacity ease;
  }
  .head-nav .head-menu > li .head-menu-sub {
    opacity: 0;
    width: 0;
    max-height: 0;
    -webkit-transition: 0.3s 0s opacity, 0s 0.3s max-height ease, 0s 0.3s padding;
    transition: 0.3s 0s opacity, 0s 0.3s max-height ease, 0s 0.3s padding;
    overflow: hidden;
    position: absolute;
    left: -1.25em;
    padding: 0;
    width: 18.75em;
    z-index: 1;
  }
  .head-nav .head-menu > li .head-menu-sub ul {
    padding: 1em;
    background: var(--clr-th-white);
    -webkit-box-shadow: 0 0.25em 1.25em rgba(0, 0, 0, 0.25);
            box-shadow: 0 0.25em 1.25em rgba(0, 0, 0, 0.25);
  }
  .head-nav .head-menu > li .head-menu-sub li {
    padding: 0 0 0.75em 0;
    text-align: left;
  }
  .head-nav .head-menu > li .head-menu-sub li + li {
    padding: 0.75em 0 0 0;
    border-top: solid 1px #F2F2F2;
  }
  .head-nav .head-menu > li .head-menu-sub a {
    color: var(--clr-th-black);
    -webkit-transition: 0.5s color;
    transition: 0.5s color;
  }
  .head-nav .head-menu > li .head-menu-sub a:hover {
    color: var(--clr-th-red);
    opacity: 1;
    -webkit-transition: 0.5s color;
    transition: 0.5s color;
  }
  .head-nav .head-cat-list {
    padding: 0.5em 4em;
    font-size: 10px;
    font-size: 1rem;
    text-align: center;
    color: #FFF;
    background: var(--clr-th-gold);
  }
  .head-nav .head-cat-list li {
    display: inline-block;
    padding: 0.312em 0;
    margin-left: 5em;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .head-nav .head-cat-list li::after {
    margin: 0;
  }
  .head-nav .head-cat-list a {
    text-decoration: none;
  }
}

.head-logo {
  font-size: 10px;
  font-size: 1rem;
}
.head-logo .logoImage {
  max-width: 100%;
  max-height: 3em;
  height: auto;
  width: auto;
  font-size: 10px;
  font-size: 1rem;
}
@media only screen and (min-width: 768px) {
  .head-logo .logoImage {
    max-height: 4em;
  }
}

.logo-size-l .logoText {
  font-size: 20px;
  font-size: 2rem;
}
@media only screen and (min-width: 768px) {
  .logo-size-l .logoText {
    font-size: 34px;
    font-size: 3.4rem;
  }
}
@media only screen and (min-width: 1024px) {
  .logo-size-l .logoText {
    font-size: 40px;
    font-size: 4rem;
  }
}

.logo-size-m .logoText {
  font-size: 18px;
  font-size: 1.8rem;
}
@media only screen and (min-width: 768px) {
  .logo-size-m .logoText {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media only screen and (min-width: 1024px) {
  .logo-size-m .logoText {
    font-size: 32px;
    font-size: 3.2rem;
  }
}

.logo-size-s .logoText {
  font-size: 18px;
  font-size: 1.8rem;
}
@media only screen and (min-width: 768px) {
  .logo-size-s .logoText {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media only screen and (min-width: 1024px) {
  .logo-size-s .logoText {
    font-size: 26px;
    font-size: 2.6rem;
  }
}

.overlay {
  display: block;
  width: 0;
  height: 100%;
  text-align: center;
  position: fixed;
  top: 0;
  z-index: 5;
  overflow-y: hidden;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  -webkit-transition: opacity 0.5s 0s, width 0s 0.5s;
  transition: opacity 0.5s 0s, width 0s 0.5s;
}
.overlay.is-active {
  width: 100%;
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

#spNav {
  position: fixed;
  top: 0;
  right: -22.858em;
  height: 100vh;
  width: 22.857em;
  padding: 3.571em 1.428em 1.428em 1.428em;
  font-size: 14px;
  font-size: 1.4rem;
  color: #FFF;
  background: var(--clr-th-red);
  -webkit-transition: opacity 0.5s 0.25s, right 0.5s;
  transition: opacity 0.5s 0.25s, right 0.5s;
  z-index: 20;
  overflow-y: scroll;
  opacity: 0;
}
#spNav #spNavClose {
  position: absolute;
  top: 0.4em;
  right: 0.5em;
  font-size: 10px;
  font-size: 1rem;
  width: 4.4em;
  height: 4.4em;
  display: grid;
  place-items: center;
  z-index: 20;
}
#spNav #spNavClose svg {
  width: 2.2em;
  fill: #FFF;
}
#spNav #spNavClose:hover {
  cursor: pointer;
}
#spNav nav {
  padding-bottom: 6em;
}
#spNav #spNavClose,
#spNav nav,
#spNav .search-wrap {
  opacity: 0;
  -webkit-transition: opacity 0.75s 0.25s;
  transition: opacity 0.75s 0.25s;
}
#spNav.is-active {
  opacity: 1;
  right: 0 !important;
  -webkit-transition: opacity 0.25s, right 0.5s;
  transition: opacity 0.25s, right 0.5s;
}
#spNav.is-active #spNavClose,
#spNav.is-active nav,
#spNav.is-active .search-wrap {
  opacity: 1;
  -webkit-transition: opacity 0.75s 0.25s;
  transition: opacity 0.75s 0.25s;
}
@media only screen and (min-width: 1024px) {
  #spNav {
    right: -25.715em;
    width: 25.714em;
    padding: 5em 2.857em 2.857em 2.857em;
    scrollbar-color: var(--clr-th-red) var(--clr-th-red);
  }
  #spNav::-webkit-scrollbar {
    width: 0.1em;
  }
  #spNav::-webkit-scrollbar-track {
    background: var(--clr-th-red);
    border-radius: 0.1em;
  }
  #spNav::-webkit-scrollbar-thumb {
    background: var(--clr-th-red);
    border-radius: 0.1em;
  }
  #spNav #spNavClose {
    top: 2.4em;
    right: 2.5em;
  }
}

.cat-list {
  position: relative;
  padding-bottom: 3em;
  font-size: 10px;
  font-size: 1rem;
}
.cat-list::after {
  background: #FFF;
  top: auto;
  bottom: 0;
}
.cat-list li {
  position: relative;
  margin-top: 1.111em;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4;
}
.cat-list li:first-child {
  margin-top: 1.666em;
}
.cat-list a {
  text-decoration: none;
}

.nav-list {
  padding-top: 3em;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.4;
}
.nav-list > li {
  position: relative;
  margin-top: 1.25em;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
}
.nav-list > li:first-child {
  margin-top: 0;
}
.nav-list > li ul > li {
  padding-left: 1.428em;
  margin-top: 0.714em;
  font-size: 14px;
  font-size: 1.4rem;
}
.nav-list a {
  text-decoration: none;
}

.search-wrap,
.head-search-form {
  position: relative;
}
.search-wrap form,
.head-search-form form {
  font-size: 10px;
  font-size: 1rem;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-column-gap: 0;
}
.search-wrap input,
.head-search-form input {
  width: 100%;
  margin: 0 !important;
  padding: 0.437em 0.625em !important;
  font-size: 16px !important;
  font-size: 1.6rem !important;
  color: var(--clr-th-black) !important;
  line-height: 1.4 !important;
  background: var(--clr-th-white) !important;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}
.search-wrap input::-webkit-input-placeholder, .head-search-form input::-webkit-input-placeholder {
  color: var(--clr-th-black);
}
.search-wrap input::-moz-placeholder, .head-search-form input::-moz-placeholder {
  color: var(--clr-th-black);
}
.search-wrap input:-ms-input-placeholder, .head-search-form input:-ms-input-placeholder {
  color: var(--clr-th-black);
}
.search-wrap input::-ms-input-placeholder, .head-search-form input::-ms-input-placeholder {
  color: var(--clr-th-black);
}
.search-wrap input::placeholder,
.head-search-form input::placeholder {
  color: var(--clr-th-black);
}
.search-wrap input:-webkit-autofill,
.head-search-form input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px var(--clr-th-white) inset;
}
.search-wrap input:focus-visible,
.head-search-form input:focus-visible {
  outline: 0;
}
.search-wrap button,
.head-search-form button {
  font-size: 10px;
  font-size: 1rem;
  position: relative;
  color: var(--clr-th-black);
  background: var(--clr-th-white);
  border: 0;
}
.search-wrap button::-webkit-input-placeholder, .head-search-form button::-webkit-input-placeholder {
  color: var(--clr-th-black);
}
.search-wrap button::-moz-placeholder, .head-search-form button::-moz-placeholder {
  color: var(--clr-th-black);
}
.search-wrap button:-ms-input-placeholder, .head-search-form button:-ms-input-placeholder {
  color: var(--clr-th-black);
}
.search-wrap button::-ms-input-placeholder, .head-search-form button::-ms-input-placeholder {
  color: var(--clr-th-black);
}
.search-wrap button::placeholder,
.head-search-form button::placeholder {
  color: var(--clr-th-black);
}
.search-wrap button svg,
.head-search-form button svg {
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  fill: none;
  stroke: var(--clr-th-black);
  width: 1.428em;
  margin-right: 0.142em;
  opacity: 0.5;
}

.head-wrap {
  position: relative;
}

@media only screen and (min-width: 1024px) {
  .search-overlay {
    width: 0;
    height: 100%;
    text-align: center;
    position: fixed;
    top: 0;
    overflow-y: hidden;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    -webkit-transition: opacity 0.5s 0s, width 0s 0.5s;
    transition: opacity 0.5s 0s, width 0s 0.5s;
    z-index: 1;
  }
  .search-overlay.is-active {
    width: 100%;
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
}

.head-search-form {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .head-search-form {
    width: 0;
    opacity: 0;
    -webkit-transition: opacity 0.5s 0s, width 0s 0.5s, padding 0s 0.5s;
    transition: opacity 0.5s 0s, width 0s 0.5s, padding 0s 0.5s;
    font-size: 10px;
    font-size: 1rem;
    display: block;
    position: absolute;
    right: 4em;
    bottom: -1.2em;
    background: var(--clr-th-white);
    padding: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    z-index: calc(infinity);
    overflow: hidden;
  }
  .head-search-form.is-active {
    width: 100%;
    width: 51em;
    padding: 3.8em 3em;
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .head-search-form form {
    border: solid 1px #BDBDBD;
  }
}

@media only screen and (min-width: 1024px) {
  .is-scroll #headNav {
    position: fixed;
    width: 100%;
  }
  .is-scroll #headNav .head-add,
  .is-scroll #headNav .head-search {
    display: none;
  }
  .is-scroll #headNav #btnOpen {
    display: block;
    margin-left: 1.666em;
    position: relative;
  }
  .is-scroll #headNav #btnOpen span {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    letter-spacing: 0;
    width: 110%;
    text-align: center;
  }
  .is-scroll #headNav #btnOpen::before {
    margin: 0.25em 0 0 0.833em;
    width: 2em;
    height: 1.25em;
  }
  .is-scroll #headNav #btnOpen::after {
    width: 2em;
    left: 0.833em;
    top: 0.833em;
    -webkit-transform: none;
            transform: none;
  }
  .is-scroll .head-height {
    display: block;
  }
}

.item-side a {
  text-decoration: none;
}

.side-ttl {
  padding: 0.937em;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
  background: #F2F2F2;
  color: #222;
  margin-top: 2.5em;
}
.side-ttl:first-child {
  margin: 0;
}

.side-cat-ttl, .side-menu li {
  margin-top: 2em;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
}

.side-cat-list li,
.side-menu-sub li {
  margin-top: 1.142em;
  padding-left: 1.285em;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.5;
  position: relative;
}
.side-cat-list li::before,
.side-menu-sub li::before {
  content: "";
  position: absolute;
  left: 0.142em;
  top: 0.357em;
  border-style: solid;
  border-width: 0.464em 0 0.464em 0.642em;
  border-color: transparent transparent transparent var(--font-clr);
  opacity: 0.2;
}

.app-info-wrap {
  font-size: 10px;
  font-size: 1rem;
}
.app-info-wrap a {
  text-decoration: none;
  padding: 5px 15px;
}
.app-info-wrap .informationBanner {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.app-info-wrap .informationBannerArrow {
  display: none;
}
.app-info-wrap .informationBannerIcon {
  padding-right: 3px;
  min-width: 0;
  height: 20px;
}
.app-info-wrap .informationBannerIcon i {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
}
.app-info-wrap .informationBannerText p {
  font-size: 12px;
  font-size: 1.2rem;
}
.app-info-wrap button:hover {
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .app-info-wrap a {
    padding: 8px 30px;
  }
  .app-info-wrap .informationBannerContainer {
    width: 100%;
    max-width: 1200px;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
  .app-info-wrap .informationBannerText p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1024px) {
  .app-info-wrap a {
    padding: 5px;
  }
  .app-info-wrap .informationBanner {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .app-info-wrap .informationBannerArrow {
    display: block;
    opacity: 0;
  }
}

.th-colorC .side-ttl {
  background: #333;
  color: #FFF;
}
@media only screen and (min-width: 1024px) {
  .th-colorC .head-nav .head-menu > li .head-menu-sub li + li {
    border-top: solid 1px #666;
  }
  .th-colorC .head-nav .head-menu > li .head-menu-sub a {
    color: #FFF;
  }
  .th-colorC .head-nav .head-menu > li .head-menu-sub a:hover {
    color: rgba(255, 255, 255, 0.5);
  }
}

.th-colorD #headNav {
  color: var(--clr-about-font);
}
.th-colorD .head-wrap .head-search,
.th-colorD .head-wrap #btnOpen,
.th-colorD .head-wrap #baseMenu {
  color: val(--clr-about-font);
  fill: val(--clr-about-font);
}
.th-colorD .head-wrap #btnOpen::before {
  border-top: solid 1px var(--clr-about-font);
  border-bottom: solid 1px var(--clr-about-font);
}
.th-colorD .head-wrap #btnOpen::after {
  border-top: solid 1px var(--clr-about-font);
}
@media only screen and (min-width: 1024px) {
  .th-colorD .head-wrap .tel.is-tel-normal svg {
    fill: var(--clr-about-font);
  }
}
.th-colorD .search-wrap input,
.th-colorD .head-search-form input {
  color: var(--clr-about-font);
}
.th-colorD .search-wrap input::-webkit-input-placeholder, .th-colorD .head-search-form input::-webkit-input-placeholder {
  color: var(--clr-about-font);
}
.th-colorD .search-wrap input::-moz-placeholder, .th-colorD .head-search-form input::-moz-placeholder {
  color: var(--clr-about-font);
}
.th-colorD .search-wrap input:-ms-input-placeholder, .th-colorD .head-search-form input:-ms-input-placeholder {
  color: var(--clr-about-font);
}
.th-colorD .search-wrap input::-ms-input-placeholder, .th-colorD .head-search-form input::-ms-input-placeholder {
  color: var(--clr-about-font);
}
.th-colorD .search-wrap input::placeholder,
.th-colorD .head-search-form input::placeholder {
  color: var(--clr-about-font);
}
.th-colorD .search-wrap button,
.th-colorD .head-search-form button {
  color: var(--clr-about-font);
}
.th-colorD .search-wrap button::-webkit-input-placeholder, .th-colorD .head-search-form button::-webkit-input-placeholder {
  color: var(--clr-about-font);
}
.th-colorD .search-wrap button::-moz-placeholder, .th-colorD .head-search-form button::-moz-placeholder {
  color: var(--clr-about-font);
}
.th-colorD .search-wrap button:-ms-input-placeholder, .th-colorD .head-search-form button:-ms-input-placeholder {
  color: var(--clr-about-font);
}
.th-colorD .search-wrap button::-ms-input-placeholder, .th-colorD .head-search-form button::-ms-input-placeholder {
  color: var(--clr-about-font);
}
.th-colorD .search-wrap button::placeholder,
.th-colorD .head-search-form button::placeholder {
  color: var(--clr-about-font);
}
.th-colorD .search-wrap button svg,
.th-colorD .head-search-form button svg {
  stroke: var(--clr-about-font);
}
@media only screen and (min-width: 1024px) {
  .th-colorD .head-nav .head-menu > li .head-menu-sub a {
    color: var(--clr-th-red);
  }
  .th-colorD .head-nav .head-menu > li .head-menu-sub a:hover {
    color: var(--clr-th-gold);
  }
}

.th-colorE #headNav {
  color: var(--clr-th-gold);
}
.th-colorE .head-wrap .head-search,
.th-colorE .head-wrap #btnOpen,
.th-colorE .head-wrap #baseMenu {
  color: val(--clr-th-gold);
  fill: val(--clr-th-gold);
}
.th-colorE .head-wrap #btnOpen::before {
  border-top: solid 1px var(--clr-th-gold);
  border-bottom: solid 1px var(--clr-th-gold);
}
.th-colorE .head-wrap #btnOpen::after {
  border-top: solid 1px var(--clr-th-gold);
}
@media only screen and (min-width: 1024px) {
  .th-colorE .head-wrap .tel.is-tel-normal svg {
    fill: var(--clr-th-gold);
  }
}
.th-colorE .search-wrap input,
.th-colorE .head-search-form input {
  color: var(--clr-th-gold);
}
.th-colorE .search-wrap input::-webkit-input-placeholder, .th-colorE .head-search-form input::-webkit-input-placeholder {
  color: var(--clr-th-gold);
}
.th-colorE .search-wrap input::-moz-placeholder, .th-colorE .head-search-form input::-moz-placeholder {
  color: var(--clr-th-gold);
}
.th-colorE .search-wrap input:-ms-input-placeholder, .th-colorE .head-search-form input:-ms-input-placeholder {
  color: var(--clr-th-gold);
}
.th-colorE .search-wrap input::-ms-input-placeholder, .th-colorE .head-search-form input::-ms-input-placeholder {
  color: var(--clr-th-gold);
}
.th-colorE .search-wrap input::placeholder,
.th-colorE .head-search-form input::placeholder {
  color: var(--clr-th-gold);
}
.th-colorE .search-wrap button,
.th-colorE .head-search-form button {
  color: var(--clr-th-gold);
}
.th-colorE .search-wrap button::-webkit-input-placeholder, .th-colorE .head-search-form button::-webkit-input-placeholder {
  color: var(--clr-th-gold);
}
.th-colorE .search-wrap button::-moz-placeholder, .th-colorE .head-search-form button::-moz-placeholder {
  color: var(--clr-th-gold);
}
.th-colorE .search-wrap button:-ms-input-placeholder, .th-colorE .head-search-form button:-ms-input-placeholder {
  color: var(--clr-th-gold);
}
.th-colorE .search-wrap button::-ms-input-placeholder, .th-colorE .head-search-form button::-ms-input-placeholder {
  color: var(--clr-th-gold);
}
.th-colorE .search-wrap button::placeholder,
.th-colorE .head-search-form button::placeholder {
  color: var(--clr-th-gold);
}
.th-colorE .search-wrap button svg,
.th-colorE .head-search-form button svg {
  stroke: var(--clr-th-gold);
}
@media only screen and (min-width: 1024px) {
  .th-colorE .head-nav .head-menu > li {
    color: var(--clr-th-gold);
    border-right: solid 1px var(--clr-th-gold);
  }
  .th-colorE .head-nav .head-menu > li:first-child {
    border-left: solid 1px var(--clr-th-gold);
  }
  .th-colorE .head-nav .head-menu > li.head-menu-mbr::after {
    border-color: rgba(34, 34, 34, 0.3) transparent transparent transparent;
  }
  .th-colorE .head-nav .head-menu > li .head-menu-sub a {
    color: var(--clr-th-gold);
  }
  .th-colorE .head-nav .head-menu > li .head-menu-sub a:hover {
    color: #999;
  }
}
.th-colorE #spNav {
  color: var(--clr-th-gold);
}
.th-colorE #spNav #spNavClose svg {
  fill: var(--clr-th-gold);
}
.th-colorE .cat-list::after {
  background: var(--clr-th-gold);
}

#footNav {
  background-color: var(--clr-th-red);
  font-size: 10px;
  font-size: 1rem;
  color: #FFF;
}

.foot-main {
  padding: 4.8em 1.5em;
  position: relative;
}
.foot-main::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://basefile.akamaized.net/hayadesign-base-shop/65e815ffa996b/bg_paper.jpg");
  background-position: left;
  background-size: auto;
  background-repeat: repeat;
  mix-blend-mode: overlay;
  opacity: 0.5;
}
@media only screen and (min-width: 768px) {
  .foot-main {
    padding: 4.8em 3em;
  }
}
@media only screen and (min-width: 1024px) {
  .foot-main {
    padding: 6em 4em 10em 4em;
  }
}

.no-texture .foot-main::before {
  background-image: none;
}

.foot-1st-wrap {
  font-size: 10px;
  font-size: 1rem;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .foot-1st-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media only screen and (min-width: 1024px) {
  .foot-1st-wrap {
    max-width: 120em;
    margin: 0 auto;
  }
}

.foot-2nd-wrap {
  padding: 4.8em 1.5em;
  margin: 0;
  background-color: #222;
  font-size: 10px;
  font-size: 1rem;
}
@media only screen and (min-width: 768px) {
  .foot-2nd-wrap {
    padding: 4.8em 3em;
  }
}
@media only screen and (min-width: 1024px) {
  .foot-2nd-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 6em 4em;
  }
  .foot-2nd-wrap .foot-wrap {
    max-width: calc(100% - 280px);
  }
  .foot-2nd-wrap .foot-menu {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .foot-2nd-wrap .foot-copy {
    margin: 0;
  }
  .foot-2nd-wrap .foot-copy small {
    text-align: left;
  }
}

.foot-logo {
  position: relative;
  margin-bottom: 4em;
  font-size: 10px;
  font-size: 1rem;
  text-align: center;
}
.foot-logo img.logoImage {
  font-size: 10px;
  font-size: 1rem;
  max-width: 100%;
  max-height: 15em;
}
.foot-logo:last-child {
  margin-bottom: 0;
}
.foot-logo span {
  display: block;
  color: #FFF !important;
  line-height: 1.2;
}
.foot-logo a {
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  .foot-logo {
    margin-bottom: 2em;
    text-align: left;
  }
}
@media only screen and (min-width: 1024px) {
  .foot-logo {
    max-width: 120em;
    margin: 0 auto 2em auto;
  }
}

.foot-add {
  margin-bottom: 2.5em;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2;
  text-align: center;
}
.foot-add:last-child {
  margin-bottom: 0;
}
.foot-add span.add, .foot-add span.tel, .foot-add span.time {
  display: block;
}
@media only screen and (min-width: 768px) {
  .foot-add {
    margin-bottom: 1.25em;
    text-align: left;
  }
}

.foot-sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 10px;
  font-size: 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.foot-sns li {
  margin: 0.5em 0 0 1em;
  font-size: 10px;
  font-size: 1rem;
  width: 4.4em;
  height: 4.4em;
  background: #FFF;
  display: grid;
  place-items: center;
  border-radius: 2.2em;
}
.foot-sns li a {
  display: block;
  height: 0;
  width: 2.5em;
  padding-top: 2.5em;
  overflow: hidden;
}
.foot-sns li:first-child {
  margin-left: 0;
}
.foot-sns .line a {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22320%22%20height%3D%22320%22%20viewBox%3D%220%200%20320%20320%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2306c755%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22Layer_2%22%20data-name%3D%22Layer%202%22%3E%3Cg%20id%3D%22LINE_LOGO%22%20data-name%3D%22LINE%20LOGO%22%3E%3Crect%20class%3D%22cls-1%22%20width%3D%22320%22%20height%3D%22320%22%20rx%3D%2272.14%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M266.66%2C144.92c0-47.74-47.86-86.58-106.69-86.58S53.28%2C97.18%2C53.28%2C144.92c0%2C42.8%2C38%2C78.65%2C89.22%2C85.42%2C3.48.75%2C8.21%2C2.29%2C9.4%2C5.26%2C1.08%2C2.7.71%2C6.93.35%2C9.65%2C0%2C0-1.25%2C7.53-1.52%2C9.13-.47%2C2.7-2.15%2C10.55%2C9.24%2C5.76s61.44-36.18%2C83.82-61.95h0C259.25%2C181.24%2C266.66%2C164%2C266.66%2C144.92Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M231.16%2C172.49h-30a2%2C2%2C0%2C0%2C1-2-2v0h0V123.94h0v0a2%2C2%2C0%2C0%2C1%2C2-2h30a2%2C2%2C0%2C0%2C1%2C2%2C2v7.57a2%2C2%2C0%2C0%2C1-2%2C2H210.79v7.85h20.37a2%2C2%2C0%2C0%2C1%2C2%2C2V151a2%2C2%2C0%2C0%2C1-2%2C2H210.79v7.86h20.37a2%2C2%2C0%2C0%2C1%2C2%2C2v7.56A2%2C2%2C0%2C0%2C1%2C231.16%2C172.49Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M120.29%2C172.49a2%2C2%2C0%2C0%2C0%2C2-2v-7.56a2%2C2%2C0%2C0%2C0-2-2H99.92v-37a2%2C2%2C0%2C0%2C0-2-2H90.32a2%2C2%2C0%2C0%2C0-2%2C2v46.53h0v0a2%2C2%2C0%2C0%2C0%2C2%2C2h30Z%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%22128.73%22%20y%3D%22121.85%22%20width%3D%2211.64%22%20height%3D%2250.64%22%20rx%3D%222.04%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M189.84%2C121.85h-7.56a2%2C2%2C0%2C0%2C0-2%2C2v27.66l-21.3-28.77a1.2%2C1.2%2C0%2C0%2C0-.17-.21v0l-.12-.12%2C0%2C0-.11-.09-.06%2C0-.11-.08-.06%2C0-.11-.06-.07%2C0-.11%2C0-.07%2C0-.12%2C0-.08%2C0-.12%2C0h-.08l-.11%2C0h-7.71a2%2C2%2C0%2C0%2C0-2%2C2v46.56a2%2C2%2C0%2C0%2C0%2C2%2C2h7.57a2%2C2%2C0%2C0%2C0%2C2-2V142.81l21.33%2C28.8a2%2C2%2C0%2C0%2C0%2C.52.52h0l.12.08.06%2C0%2C.1.05.1%2C0%2C.07%2C0%2C.14%2C0h0a2.42%2C2.42%2C0%2C0%2C0%2C.54.07h7.52a2%2C2%2C0%2C0%2C0%2C2-2V123.89A2%2C2%2C0%2C0%2C0%2C189.84%2C121.85Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") center center no-repeat;
  background-size: contain;
}
.foot-sns .twitter a {
  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1200 1227' xmlns='http://www.w3.org/2000/svg'><path d='m714.163 519.284 446.727-519.284h-105.86l-387.893 450.887-309.809-450.887h-357.328l468.492 681.821-468.492 544.549h105.866l409.625-476.152 327.181 476.152h357.328l-485.863-707.086zm-144.998 168.544-47.468-67.894-377.686-540.2396h162.604l304.797 435.9906 47.468 67.894 396.2 566.721h-162.604l-323.311-462.446z'/></svg>") center center no-repeat;
  background-size: 90% auto;
}
.foot-sns .facebook a {
  background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D.cls-2%7Bfill%3A%231877f2%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22m1024%2C512C1024%2C229.23%2C794.77%2C0%2C512%2C0S0%2C229.23%2C0%2C512c0%2C255.55%2C187.23%2C467.37%2C432%2C505.78v-357.78h-130v-148h130v-112.8c0-128.32%2C76.44-199.2%2C193.39-199.2%2C56.02%2C0%2C114.61%2C10%2C114.61%2C10v126h-64.56c-63.6%2C0-83.44%2C39.47-83.44%2C79.96v96.04h142l-22.7%2C148h-119.3v357.78c244.77-38.41%2C432-250.22%2C432-505.78Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22m711.3%2C660l22.7-148h-142v-96.04c0-40.49%2C19.84-79.96%2C83.44-79.96h64.56v-126s-58.59-10-114.61-10c-116.95%2C0-193.39%2C70.88-193.39%2C199.2v112.8h-130v148h130v357.78c26.07%2C4.09%2C52.78%2C6.22%2C80%2C6.22s53.93-2.13%2C80-6.22v-357.78h119.3Z%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
  background-size: contain;
}
.foot-sns .tiktok a {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2325f4ee%3B%7D.cls-2%7Bfill%3A%23fe2c55%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M412.07%2C405.17V364.3a309.46%2C309.46%2C0%2C0%2C0-41.77-3c-170.94%2C0-310%2C139.07-310%2C310%2C0%2C104.88%2C52.4%2C197.69%2C132.34%2C253.81C141.05%2C869.69%2C110.43%2C795.49%2C110.43%2C714%2C110.43%2C545.53%2C244.52%2C409.08%2C412.07%2C405.17Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M419.39%2C856.45c76.26%2C0%2C139.36-61.53%2C142.2-137.12l.64-674%2C122.23%2C0-.19-1a234.31%2C234.31%2C0%2C0%2C1-4-42.74H511.87l-.27%2C675c-2.83%2C75.59-65%2C136.25-141.3%2C136.25a140.53%2C140.53%2C0%2C0%2C1-65.67-16.26C330.36%2C832.24%2C372.15%2C856.45%2C419.39%2C856.45Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M914.6%2C275.47V235.93A232.87%2C232.87%2C0%2C0%2C1%2C787%2C198C819.72%2C235.57%2C864.16%2C264.68%2C914.6%2C275.47Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M787%2C198A233.27%2C233.27%2C0%2C0%2C1%2C729.38%2C44.36H683.5C695.38%2C108.53%2C734.23%2C163.58%2C787%2C198Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M370.3%2C528.41c-78.06%2C0-142.51%2C64.79-142.51%2C142.86%2C0%2C54.36%2C31.77%2C101.59%2C76.84%2C125.31A140.63%2C140.63%2C0%2C0%2C1%2C277.81%2C714c0-78.07%2C63.52-141.58%2C141.58-141.58A139.38%2C139.38%2C0%2C0%2C1%2C461.16%2C579V407a307.72%2C307.72%2C0%2C0%2C0-41.77-3c-2.46%2C0-4.88.13-7.32.18l-.65%2C0L411%2C534.37A132%2C132%2C0%2C0%2C0%2C370.3%2C528.41Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M914.6%2C273.46l-.78-.16%2C0%2C130.05c-87.33%2C0-168.47-28.75-234.52-76.16l0%2C344.08c0%2C170.93-138.08%2C309.13-309%2C309.13-66.06%2C0-127.31-20-177.66-55.32%2C56.64%2C60.8%2C137.3%2C98.92%2C226.75%2C98.92%2C170.93%2C0%2C310-139.06%2C310-310V371.74A400.59%2C400.59%2C0%2C0%2C0%2C963.7%2C447.09V278.67A234.45%2C234.45%2C0%2C0%2C1%2C914.6%2C273.46Z%22%2F%3E%3Cpath%20d%3D%22M680.29%2C671.27V329A400.52%2C400.52%2C0%2C0%2C0%2C914.6%2C404.35V273.46A234.42%2C234.42%2C0%2C0%2C1%2C787%2C198%2C234.76%2C234.76%2C0%2C0%2C1%2C684.27%2C44.36H561l-.27%2C675c-2.83%2C75.59-65%2C136.25-141.3%2C136.25a141.34%2C141.34%2C0%2C0%2C1-114.76-59%2C141.65%2C141.65%2C0%2C0%2C1-75.91-125.31c0-78.07%2C63.52-141.58%2C141.58-141.58a139.07%2C139.07%2C0%2C0%2C1%2C41.77%2C6.55v-132C244.52%2C408.11%2C109.39%2C545.53%2C109.39%2C714a308.81%2C308.81%2C0%2C0%2C0%2C83.25%2C211.07A308.18%2C308.18%2C0%2C0%2C0%2C370.3%2C981.26C541.23%2C981.26%2C680.29%2C842.2%2C680.29%2C671.27Z%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
  background-size: contain;
}
.foot-sns .insta a {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Aurl(%23%E5%90%8D%E7%A7%B0%E6%9C%AA%E8%A8%AD%E5%AE%9A%E3%82%B0%E3%83%A9%E3%83%87%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3_62)%3B%7D.cls-2%7Bfill%3Aurl(%23%E5%90%8D%E7%A7%B0%E6%9C%AA%E8%A8%AD%E5%AE%9A%E3%82%B0%E3%83%A9%E3%83%87%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3_51)%3B%7D.cls-3%7Bfill%3Aurl(%23%E5%90%8D%E7%A7%B0%E6%9C%AA%E8%A8%AD%E5%AE%9A%E3%82%B0%E3%83%A9%E3%83%87%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3_25)%3B%7D%3C%2Fstyle%3E%3ClinearGradient%20id%3D%22%E5%90%8D%E7%A7%B0%E6%9C%AA%E8%A8%AD%E5%AE%9A%E3%82%B0%E3%83%A9%E3%83%87%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3_62%22%20x1%3D%22146.19%22%20y1%3D%22878.01%22%20x2%3D%22867.48%22%20y2%3D%22156.72%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fdb71b%22%2F%3E%3Cstop%20offset%3D%220.08%22%20stop-color%3D%22%23fb9115%22%2F%3E%3Cstop%20offset%3D%220.19%22%20stop-color%3D%22%23fa630d%22%2F%3E%3Cstop%20offset%3D%220.25%22%20stop-color%3D%22%23f9520a%22%2F%3E%3Cstop%20offset%3D%220.28%22%20stop-color%3D%22%23f6450f%22%2F%3E%3Cstop%20offset%3D%220.4%22%20stop-color%3D%22%23ed201f%22%2F%3E%3Cstop%20offset%3D%220.49%22%20stop-color%3D%22%23e80928%22%2F%3E%3Cstop%20offset%3D%220.55%22%20stop-color%3D%22%23e6012c%22%2F%3E%3Cstop%20offset%3D%220.61%22%20stop-color%3D%22%23de0143%22%2F%3E%3Cstop%20offset%3D%220.7%22%20stop-color%3D%22%23d6005b%22%2F%3E%3Cstop%20offset%3D%220.77%22%20stop-color%3D%22%23d2006a%22%2F%3E%3Cstop%20offset%3D%220.84%22%20stop-color%3D%22%23d0006f%22%2F%3E%3Cstop%20offset%3D%220.85%22%20stop-color%3D%22%23ce0075%22%2F%3E%3Cstop%20offset%3D%220.89%22%20stop-color%3D%22%23c80086%22%2F%3E%3Cstop%20offset%3D%220.94%22%20stop-color%3D%22%23c50091%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c40094%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22%E5%90%8D%E7%A7%B0%E6%9C%AA%E8%A8%AD%E5%AE%9A%E3%82%B0%E3%83%A9%E3%83%87%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3_51%22%20x1%3D%22325.26%22%20y1%3D%22699.15%22%20x2%3D%22695.95%22%20y2%3D%22328.46%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23f94f0c%22%2F%3E%3Cstop%20offset%3D%220.58%22%20stop-color%3D%22%23ed0019%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23de0045%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22%E5%90%8D%E7%A7%B0%E6%9C%AA%E8%A8%AD%E5%AE%9A%E3%82%B0%E3%83%A9%E3%83%87%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3_25%22%20x1%3D%22741.48%22%20y1%3D%22282.88%22%20x2%3D%22828.05%22%20y2%3D%22196.32%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23d7005d%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23cd0179%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M512.29%2C93.68c136.35%2C0%2C152.49.61%2C206.1%2C3%2C49.85%2C2.2%2C76.74%2C10.56%2C94.7%2C17.54%2C23.73%2C9.19%2C40.85%2C20.35%2C58.59%2C38.09%2C18%2C17.95%2C28.89%2C34.89%2C38.27%2C58.62%2C7%2C18%2C15.34%2C45%2C17.54%2C94.7%2C2.4%2C53.83%2C3%2C70%2C3%2C206.13s-.6%2C152.49-3%2C206.14c-2.2%2C49.85-10.55%2C76.74-17.54%2C94.69-9.18%2C23.73-20.32%2C40.86-38.08%2C58.59-18%2C18-34.89%2C28.9-58.59%2C38.28-18%2C7-45.07%2C15.34-94.7%2C17.54-53.84%2C2.39-70%2C3-206.13%2C3s-152.49-.61-206.14-3c-49.85-2.2-76.74-10.56-94.69-17.54-23.73-9.19-40.86-20.32-58.63-38.09-18-18-28.89-34.89-38.27-58.59-7-17.95-15.34-45.06-17.54-94.69-2.4-53.84-3-70-3-206.14s.6-152.49%2C3-206.13c2.2-49.86%2C10.55-76.74%2C17.54-94.7%2C9.18-23.73%2C20.35-40.86%2C38.08-58.62%2C18-18%2C34.89-28.9%2C58.62-38.28%2C18-7%2C45-15.34%2C94.7-17.54%2C53.61-2.39%2C69.79-3%2C206.14-3Zm0-91.88c-138.55%2C0-155.87.6-210.32%2C3C247.75%2C7.19%2C210.47%2C16%2C178.19%2C28.52%2C144.51%2C41.66%2C116%2C59%2C87.7%2C87.53c-28.51%2C28.32-45.86%2C56.8-59%2C90.29C16.13%2C210.32%2C7.36%2C247.39%2C5%2C301.61c-2.39%2C54.63-3%2C71.95-3%2C210.5S2.58%2C668%2C5%2C722.43c2.39%2C54.22%2C11.16%2C91.5%2C23.73%2C123.78%2C13.17%2C33.68%2C30.49%2C62.19%2C59%2C90.48C116%2C965%2C144.51%2C982.56%2C178%2C995.51c32.5%2C12.56%2C69.56%2C21.34%2C123.78%2C23.73%2C54.41%2C2.39%2C71.76%2C3%2C210.32%2C3s155.9-.61%2C210.31-3c54.22-2.39%2C91.51-11.17%2C123.78-23.73%2C33.49-13%2C62-30.49%2C90.3-58.82s45.86-56.8%2C58.81-90.29c12.57-32.5%2C21.34-69.56%2C23.73-123.78%2C2.39-54.42%2C3-71.77%2C3-210.32s-.61-155.87-3-210.31c-2.39-54.22-11.16-91.51-23.73-123.78-12.57-33.91-29.92-62.39-58.4-90.71-28.29-28.29-56.8-45.87-90.29-58.82C814.11%2C16.12%2C777.05%2C7.35%2C722.82%2C5c-54.6-2.58-72-3.19-210.5-3.19h0Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M512.29%2C250c-144.71%2C0-262.15%2C117.4-262.15%2C262.14S367.55%2C774.25%2C512.29%2C774.25s262.14-117.4%2C262.14-262.14S657%2C250%2C512.29%2C250Zm0%2C432.17a170%2C170%2C0%2C1%2C1%2C170-170A170%2C170%2C0%2C0%2C1%2C512.29%2C682.14Z%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M846%2C239.6a61.21%2C61.21%2C0%2C1%2C1-61.21-61.2A61.2%2C61.2%2C0%2C0%2C1%2C846%2C239.6Z%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
  background-size: contain;
}
.foot-sns .youtube a {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Ared%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M1000.91%2C264.78A128.2%2C128.2%2C0%2C0%2C0%2C910.69%2C174C831.11%2C152.52%2C512%2C152.52%2C512%2C152.52s-319.11%2C0-398.69%2C21.46a128.2%2C128.2%2C0%2C0%2C0-90.22%2C90.8C1.76%2C344.88%2C1.76%2C512%2C1.76%2C512s0%2C167.12%2C21.33%2C247.22A128.2%2C128.2%2C0%2C0%2C0%2C113.31%2C850C192.89%2C871.48%2C512%2C871.48%2C512%2C871.48s319.11%2C0%2C398.69-21.46a128.2%2C128.2%2C0%2C0%2C0%2C90.22-90.8c21.33-80.1%2C21.33-247.22%2C21.33-247.22S1022.24%2C344.88%2C1000.91%2C264.78Z%22%2F%3E%3Cpolygon%20class%3D%22cls-2%22%20points%3D%22407.63%20663.73%20674.35%20512%20407.63%20360.27%20407.63%20663.73%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
  background-size: contain;
}
.foot-sns .abema a {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%232e8d3c%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M863.87%2C734.72c-62-30.46-59.64-107.78-51.2-183.81a382.65%2C382.65%2C0%2C0%2C0%2C5.67-66.61%2C394.27%2C394.27%2C0%2C0%2C0-17.15-115.38l.73%2C2.79c-16.89-56.32-48.13-88.06-48.13-149v-148C753.79%2C19.46%2C728.19%2C0%2C705.67%2C0c-73.22%2C0-97%2C125.44-193.8%2C125.44h0C415.11%2C125.44%2C391.3%2C0%2C318.59%2C0c-22.27%2C0-48.38%2C19.46-48.38%2C74.75V222c0%2C60.93-31.23%2C92.67-48.13%2C149-10.52%2C33.86-16.58%2C72.8-16.58%2C113.14a396.71%2C396.71%2C0%2C0%2C0%2C5.92%2C68.43l-.35-2.37c8.2%2C76.8%2C10.76%2C153.6-51.2%2C183.81-48.38%2C23.81-79.36%2C64-57.08%2C98.31%2C27.9%2C43.26%2C80.89-6.4%2C106.49%2C0s-1.53%2C45%2C41%2C45c22.27%2C0%2C27.91-67.84%2C49.15-62.46%2C14.08%2C3.33%2C17.67%2C45.57%2C3.59%2C78.33-6.4%2C14.85-63.23%2C51.2-56.32%2C88.07S284%2C1024%2C327.3%2C1024H441a59.2%2C59.2%2C0%2C0%2C0%2C55-44.91l.08-.4c0-17.92-25.6-57.86%2C15.36-57.86h0c40.19%2C0%2C15.62%2C39.94%2C15.62%2C57.86A59%2C59%2C0%2C0%2C0%2C583%2C1024H696.45c43.52%2C0%2C73.73-6.14%2C80.9-43.26S727.43%2C908%2C721%2C893.44c-13.83-32.77-10.5-75.26%2C3.58-78.85%2C21.25-5.37%2C26.88%2C62.47%2C49.15%2C62.47%2C42.5%2C0%2C11.78-39.43%2C41-45.06s78.59%2C44.29%2C106.5%2C0c22.27-33.28-8.71-73.47-57.35-97.28ZM668%2C301.82h.26a28.42%2C28.42%2C0%2C1%2C1-28.42%2C28.42h0A28.43%2C28.43%2C0%2C0%2C1%2C668%2C301.82Zm-312.32%2C0a28.42%2C28.42%2C0%2C1%2C1-28.41%2C28.42h0a28.42%2C28.42%2C0%2C0%2C1%2C28.41-28.42Zm156.16%2C580.1A129.54%2C129.54%2C0%2C1%2C1%2C641.41%2C752.38h0A129.54%2C129.54%2C0%2C0%2C1%2C511.87%2C881.92ZM616.58%2C566.27C566.91%2C566.27%2C551%2C512%2C511.87%2C512s-55%2C55-104.7%2C55-88.58-23-88.58-85.25c0-76.8%2C111.62-128%2C193.28-128s193.54%2C49.67%2C193.54%2C128C705.41%2C543.23%2C665.47%2C566.27%2C616.58%2C566.27Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M511.87%2C370.94c-35.33%2C0-63.74%2C21.51-63.74%2C47.88s28.41%2C48.12%2C63.74%2C48.12%2C64-21.5%2C64-48.12S547.2%2C370.94%2C511.87%2C370.94Z%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
  background-size: contain;
}
.foot-sns .note a {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20215%20360%22%3E%3Cpath%20d%3D%22m.572%2C75.56c41.19%2C0%2C97.6-2.09%2C138.1-1.04%2C54.34%2C1.39%2C74.76%2C25.06%2C75.45%2C83.53.69%2C33.06%2C0%2C127.73%2C0%2C127.73h-58.79c0-82.83.35-96.5%2C0-122.6-.69-22.97-7.25-33.92-24.9-36.01-18.69-2.09-71.07-.35-71.07-.35v158.96H.572V75.56h0Z%22%20style%3D%22fill%3A%23040000%3B%20stroke-width%3A0px%3B%22%2F%3E%3Crect%20width%3D%22215%22%20height%3D%22360%22%20style%3D%22fill%3Anone%3B%20stroke-width%3A0px%3B%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
  background-size: contain;
}
@media only screen and (min-width: 768px) {
  .foot-sns {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .foot-sns li {
    margin: 0.5em 1em 0 0;
    font-size: 10px;
    font-size: 1rem;
  }
  .foot-sns li:first-child {
    margin: 0.5em 1em 0 0;
  }
  .foot-sns li:last-child {
    margin: 0.5em 0 0 0;
  }
}

#footNav .foot-mail {
  margin-top: 4.8em;
  padding: 3.5em 2em;
  font-size: 10px;
  font-size: 1rem;
  border: solid 1px #fff;
}
#footNav .foot-mail .mail-ttl {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  margin-bottom: 1.25em;
  padding-bottom: 1.25em;
  border-bottom: solid 1px #FFF;
}
#footNav .foot-mail .mail-txt {
  margin-bottom: 1.428em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
}
#footNav .foot-mail .mailMagazineSubscribe_field {
  font-size: 10px;
  font-size: 1rem;
  display: grid;
  grid-template-columns: 1fr auto;
}
#footNav .foot-mail input.mailMagazineSubscribe_input,
#footNav .foot-mail button.mailMagazineSubscribe_submit {
  width: 100% !important;
  margin: 0;
  padding: 0.55em 0.625em !important;
  font-size: 16px;
  font-size: 1.6rem;
  color: #222;
  line-height: 1.4 !important;
  border: 0;
  border-radius: 0 !important;
}
#footNav .foot-mail input.mailMagazineSubscribe_input {
  background: rgba(255, 255, 255, 0.7);
}
#footNav .foot-mail input.mailMagazineSubscribe_input::-webkit-input-placeholder {
  color: #222;
}
#footNav .foot-mail input.mailMagazineSubscribe_input::-moz-placeholder {
  color: #222;
}
#footNav .foot-mail input.mailMagazineSubscribe_input:-ms-input-placeholder {
  color: #222;
}
#footNav .foot-mail input.mailMagazineSubscribe_input::-ms-input-placeholder {
  color: #222;
}
#footNav .foot-mail input.mailMagazineSubscribe_input::placeholder {
  color: #222;
}
#footNav .foot-mail button.mailMagazineSubscribe_submit {
  min-width: 3.75em;
  text-align: center;
  background: #222;
  color: #FFF;
}
#footNav .foot-mail .mailMagazineSubscribe_confirm {
  font-size: 14px;
  font-size: 1.4rem;
}
@media only screen and (min-width: 768px) {
  #footNav .foot-mail {
    width: 35em;
    margin: 0.7em 0 0 2em;
  }
}
@media only screen and (min-width: 1024px) {
  #footNav .foot-mail {
    padding: 4em 3em;
    width: 58em;
  }
}

.foot-menu {
  margin-bottom: 4.8em;
  font-size: 10px;
  font-size: 1rem;
}
.foot-menu li {
  margin-top: 1.071em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
}
.foot-menu li:first-child {
  margin: 0;
}
.foot-menu a {
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  .foot-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 1em;
  }
  .foot-menu li {
    margin: 0 0 0 1.071em;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4;
  }
  .foot-menu li:first-child {
    margin: 0;
  }
}

.foot-copy {
  font-size: 10px;
  font-size: 1rem;
  margin-bottom: 1.5em;
}
.foot-copy small {
  display: block;
  font-size: 13px;
  font-size: 1.3rem;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .foot-copy {
    margin-bottom: 1.923em;
  }
}

@media only screen and (min-width: 768px) {
  .foot-wrap:has(.foot-icon) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .foot-wrap:has(.foot-icon) .foot-setting {
    margin: 0 1em 0 0;
  }
}

.foot-setting {
  margin-bottom: 2em;
  font-size: 10px;
  font-size: 1rem;
}
.foot-setting #i18 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.foot-setting #i18::before, .foot-setting #i18::after {
  content: normal;
}
.foot-setting .lang,
.foot-setting .currency {
  position: relative;
  min-width: 10em;
  margin-left: 0.5em;
  font-size: 10px;
  font-size: 1rem;
}
.foot-setting .lang:first-child,
.foot-setting .currency:first-child {
  margin: 0;
}
.foot-setting .lang::before,
.foot-setting .currency::before {
  content: "";
  border-left: 0.4em solid transparent;
  border-right: 0.4em solid transparent;
  border-top: 0.5em solid #222;
  position: absolute;
  right: 0.9em;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0.5;
  pointer-events: none;
}
.foot-setting select {
  width: 100%;
  height: auto !important;
  margin: 0 !important;
  padding: 0.312em 1.562em 0.312em 0.625em !important;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
  color: #222;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border-radius: 0.312em;
  border: solid 1px rgba(34, 34, 34, 0.5);
}
.foot-setting select option {
  padding: 0.312em 1.562em 0.312em 0.312em !important;
  background: #fff;
  color: #222;
}

.foot-icon ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.foot-icon .cart {
  display: none;
}
.foot-icon .base {
  display: inline-block;
  padding: 1.25em;
  font-size: 10px;
  font-size: 1rem;
  background: #FFF;
  border-radius: 2.5em;
}
.foot-icon .base img {
  height: 2.5em;
}

.is-app-message {
  background-color: #222;
  display: block;
  font-size: 10px;
  font-size: 1rem;
  height: 5em;
}
@media only screen and (min-width: 479px) {
  .is-app-message {
    display: inline;
    height: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .is-app-message {
    display: block;
    height: 5em;
  }
}

@media only screen and (min-width: 1024px) {
  #x_message .msg_startButton {
    right: 35px;
  }
}

.th-colorE #footNav {
  color: var(--clr-th-gold);
}
.th-colorE #footNav .foot-mail {
  border: solid 1px var(--clr-th-gold);
}
.th-colorE #footNav .foot-mail .mail-ttl {
  border-bottom: solid 1px var(--clr-th-gold);
}
.th-colorE #footNav .foot-mail .mailMagazineSubscribe_submit {
  color: #FFF;
}
.th-colorE .foot-2nd-wrap {
  color: #FFF;
}
.th-colorE .foot-logo span {
  color: var(--clr-th-gold) !important;
}

a {
  opacity: 1;
  -webkit-transition: 0.5s opacity;
  transition: 0.5s opacity;
}
a:hover, a:active {
  opacity: 0.5;
  -webkit-transition: 0.5s opacity;
  transition: 0.5s opacity;
}

.ff-lib, .logo-lib {
  font-family: "Libre Baskerville", "Noto Serif JP", serif !important;
  font-weight: 400 !important;
}

.logo-cor {
  font-family: "Cormorant", "Noto Serif JP", serif !important;
  font-weight: 700 !important;
}

.logo-pla {
  font-family: "Playball", "Noto Serif JP", serif !important;
  font-weight: 400 !important;
}

.logo-osw {
  font-family: "Oswald", "Noto Sans", sans-serif !important;
  font-weight: 700 !important;
}

.logo-mp {
  font-family: "M PLUS 1", "Noto Sans", sans-serif !important;
  font-weight: 600 !important;
}

.logo-saw {
  font-family: "Sawarabi Mincho", "Noto Serif JP", serif !important;
  font-weight: 400 !important;
}

.ff-mpr, .logo-mpr {
  font-family: "M PLUS Rounded 1c", "Noto Sans", sans-serif !important;
  font-weight: 700 !important;
}

.ff-lato, .logo-lato {
  font-family: "Lato", "IBM Plex Sans JP", sans-serif !important;
  font-weight: 700 !important;
}

.logo-yuji {
  font-family: "Yuji Mai", "Noto Serif JP", serif !important;
  font-weight: 400 !important;
}

.logo-hina {
  font-family: "Hina Mincho", "Noto Serif JP", serif !important;
  font-weight: 400 !important;
}

.logo-spr {
  font-family: "Shippori Mincho B1", "Noto Serif JP", serif !important;
  font-weight: 600 !important;
}

.ff-srf {
  font-family: "Noto Serif JP", "Yu Mincho Medium", "游明朝 Medium", "YuMincho", "游明朝体", serif !important;
  font-weight: 400 !important;
}

.ff-san {
  font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", "YuGothic", "游ゴシック体" !important;
  font-weight: 400 !important;
}

.btn {
  font-size: 10px;
  font-size: 1rem;
  display: block;
  text-align: center;
}
.bread-wrap {
  font-size: 10px;
  font-size: 1rem;
  overflow-x: auto;
  overflow-y: hidden;
  margin-top: 0.5em;
  margin-right: -2em;
  margin: 0.5em 0 0.5em 1.5em;
}
.bread-wrap::-webkit-scrollbar {
  display: none;
}
@media only screen and (min-width: 768px) {
  .bread-wrap {
    margin: 1em 0 1em 3em;
  }
}
@media only screen and (min-width: 1024px) {
  .bread-wrap {
    padding: 1.5em 0;
    margin: 0;
    border-bottom: solid 1px rgba(102, 102, 102, 0.2);
  }
}

.breadcrumb {
  width: 1000vw;
  margin-right: -900vw;
  margin-left: -2em;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  padding: 0 0.5em 0 2em;
  color: var(--font-clr);
}
.breadcrumb li {
  position: relative;
  display: inline-block;
  display: inline;
  margin-right: 1em;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.4;
}
.breadcrumb li + li {
  margin: 0 1em 0 2em;
}
.breadcrumb li + li:last-child {
  margin-right: 2em;
}
.breadcrumb li + li::before {
  content: "";
  position: absolute;
  left: -2.4em;
  top: 0.5em;
  display: block;
  width: 0.7em;
  height: 0.7em;
  border-top: solid 1px;
  border-left: solid 1px;
  border-color: var(--font-clr);
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.breadcrumb a {
  font-size: 10px;
  font-size: 1rem;
  display: inline;
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  .breadcrumb li {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-right: 0.833em;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .breadcrumb li + li {
    margin: 0 0.833em 0 1.666em;
  }
  .breadcrumb li + li:last-child {
    margin-right: 1.666em;
  }
  .breadcrumb li + li::before {
    left: -1.667em;
    top: 0.666em;
    width: 0.5em;
    height: 0.5em;
  }
  .breadcrumb a {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media only screen and (min-width: 1024px) {
  .breadcrumb {
    width: 100%;
    max-width: 128em;
    padding: 0 4em;
    margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .breadcrumb li {
    margin-right: 0.714em;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .breadcrumb li + li {
    margin: 0 0.714em 0 1.428em;
  }
  .breadcrumb li + li:last-child {
    margin-right: 1.428em;
  }
  .breadcrumb li + li::before {
    left: -1.429em;
    top: 0.5em;
    width: 0.428em;
    height: 0.428em;
  }
  .breadcrumb a {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

#notShop {
  font-size: 10px;
  font-size: 1rem;
  text-align: center;
  padding: 4em 2em;
  border: solid 1px var(--clr-red);
}
#notShop p {
  font-size: 14px;
  font-size: 1.4rem;
  color: var(--clr-red);
}

.setting-eng .en {
  display: none;
}

@media only screen and (min-width: 1024px) {
  .th-colorC .bread-wrap {
    border-bottom: solid 1px rgba(102, 102, 102, 0.5);
  }
}
.th-colorC .head-wrap #baseMenu .cart-qty {
  background: var(--clr-th-red);
}

.items-wrap {
  font-size: 10px;
  font-size: 1rem;
}
.items-wrap .btn {
  margin-top: 2.4em;
}
@media only screen and (min-width: 768px) {
  .items-wrap .btn {
    margin-top: 3.2em;
  }
}
@media only screen and (min-width: 1024px) {
  .items-wrap .btn {
    margin-top: 6.4em;
  }
}

#pageIndex .item-wrap {
  padding: 4.8em 1.5em;
}
@media only screen and (min-width: 768px) {
  #pageIndex .item-wrap {
    padding: 6em 3em !important;
  }
}
@media only screen and (min-width: 1024px) {
  #pageIndex .item-wrap {
    padding: 8em 4em !important;
  }
}

#pageIndex .items-tags {
  text-align: center;
}
#pageIndex .items-tags li {
  margin: 0.312em 0.375em 0.312em 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2;
}
#pageIndex .items-tags li a {
  padding: 0.25em 1em;
  background: var(--clr-th-black);
  border: 0;
  color: var(--clr-th-white);
  border-radius: 0;
}
#pageIndex .items-tags li a:hover, #pageIndex .items-tags li a:active {
  background: var(--clr-th-red);
}
@media only screen and (min-width: 768px) {
  #pageIndex .items-tags .items-tags {
    margin: 3.2em 0;
  }
}
@media only screen and (min-width: 1024px) {
  #pageIndex .items-tags .items-tags {
    margin: 4.8em 0;
  }
}

.items-list .items-item {
  position: relative;
  font-size: 10px;
  font-size: 1rem;
}
.items-list .items-item a {
  display: block;
  text-decoration: none;
}
.items-list .items-item .label_image {
  position: absolute;
  left: -0.5em;
  top: -1em;
  width: 5em;
  z-index: 1;
}
.items-list .items-item .items-img {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
}
.items-list .items-item .items-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: bottom;
}
.img-sq .items-list .items-item .items-img, .items-list .img-sq .items-item .items-img {
  aspect-ratio: 1/1;
}
.img-la-gold .items-list .items-item .items-img, .items-list .img-la-gold .items-item .items-img {
  aspect-ratio: 1.618/1;
}
.img-la-screen .items-list .items-item .items-img, .items-list .img-la-screen .items-item .items-img {
  aspect-ratio: 4/3;
}
.img-pt-gold .items-list .items-item .items-img, .items-list .img-pt-gold .items-item .items-img {
  aspect-ratio: 1/1.618;
}
.img-pt-screen .items-list .items-item .items-img, .items-list .img-pt-screen .items-item .items-img {
  aspect-ratio: 3/4;
}
.items-list .items-item .items-title {
  margin-top: 0.714em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
  word-break: break-all;
}
.items-list .items-item .items-price {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  word-break: break-all;
  overflow-wrap: break-word;
}
.items-list .items-item .items-price .default {
  color: inherit;
}
.items-list .items-item .items-price .discount {
  color: var(--clr-red);
}
.items-list .items-item .items-status {
  margin-top: 0.5em;
  font-size: 10px;
  font-size: 1rem;
}
.items-list .items-item .items-status li {
  display: inline-block;
  margin: 0.416em 0.416em 0 0;
  padding: 0.166em 0.833em 0.25em 0.833em;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 0.25em;
  border: solid 1px;
}
.items-list .items-item .items-status li:last-child {
  margin-right: 0;
}
.items-list .items-item .items-status .soldout {
  border-color: #DEDEDE;
  background: #DEDEDE;
  color: #626262;
}
.items-list .items-item .items-status .discount {
  border-color: var(--clr-red);
  color: var(--clr-red);
}
.items-list .items-item .items-status .community {
  border-color: var(--community);
  color: var(--community);
}
.items-list .items-item .items-status .coming-soon {
  border-color: var(--comingsoon);
  color: var(--comingsoon);
}
.items-list .items-item .items-status .takeout {
  border-color: var(--takeout);
  color: var(--takeout);
}
.items-list .items-item .items-status .pre-order {
  border-color: var(--preOrder);
  color: var(--preOrder);
}
.items-list .items-item .items-status .lottery {
  border-color: var(--lottery);
  color: var(--lottery);
}
@media only screen and (min-width: 768px) {
  .items-list .items-item .items-title {
    margin-top: 0.625em;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .items-list .items-item .items-price {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .items-list .items-item .items-status {
    margin-top: 1em;
  }
  .items-list .items-item .items-status li {
    margin: 0.333em 0.333em 0 0;
    padding: 0.133em 0.666em 0.2em 0.666em;
    font-size: 15px;
    font-size: 1.5rem;
    border-radius: 0.2em;
    border: solid 1px;
  }
}
@media only screen and (min-width: 1024px) {
  .items-list .items-item .label_image {
    left: -0.667em;
  }
}

.items-list {
  display: grid;
  grid-column-gap: 1em;
  grid-row-gap: 2.4em;
  font-size: 10px;
  font-size: 1rem;
}
.items-list.items-clm-sp1 {
  grid-template-columns: 1fr;
}
.items-list.items-clm-sp2 {
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (min-width: 768px) {
  .items-list {
    grid-column-gap: 1.2em;
    grid-row-gap: 3.2em;
  }
  .items-list.items-clm-pc3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .items-list.items-clm-pc4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (min-width: 1024px) {
  .items-list {
    max-width: 120em;
    margin: 0 auto;
    grid-column-gap: 2.4em;
    grid-row-gap: 4.8em;
  }
}

.item-related .items-list {
  grid-template-columns: repeat(1, 1fr);
}
@media only screen and (min-width: 768px) {
  .item-related .items-list {
    grid-template-columns: repeat(3, 1fr);
  }
}

.items-load {
  height: 1.5em;
  height: 5.65em;
  font-size: 10px;
  font-size: 1rem;
}

.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}

.loader {
  position: relative;
  margin: 0 auto;
  color: var(--font-clr);
  font-size: 10px;
  font-size: 1rem;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
  -webkit-transform: translateY(-2.6em);
          transform: translateY(-2.6em);
  top: 2.2em;
}

.loader:before,
.loader:after {
  content: "";
  position: absolute;
  top: 0;
}

.loader:before {
  left: -2.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.loader:after {
  left: 2.5em;
}

@-webkit-keyframes load7 {
  0%, 80%, 100% {
    -webkit-box-shadow: 0 2.5em 0 -1.3em;
            box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    -webkit-box-shadow: 0 2.5em 0 0;
            box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%, 80%, 100% {
    -webkit-box-shadow: 0 2.5em 0 -1.3em;
            box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    -webkit-box-shadow: 0 2.5em 0 0;
            box-shadow: 0 2.5em 0 0;
  }
}
#pageIndex.th-colorC .items-tags li a:hover, #pageIndex.th-colorC .items-tags li a:active {
  color: #FFF;
}

#pageIndex.th-colorD .items-tags li a {
  background: var(--clr-th-red);
}
#pageIndex.th-colorD .items-tags li a:hover, #pageIndex.th-colorD .items-tags li a:active {
  background: var(--clr-th-black);
}

#pageIndex.th-colorE .items-tags li a {
  background: rgba(34, 34, 34, 0.7);
}
#pageIndex.th-colorE .items-tags li a:hover, #pageIndex.th-colorE .items-tags li a:active {
  background: var(--clr-th-red);
  color: var(--clr-th-gold);
}

.mailmagazine {
  font-size: 10px;
  font-size: 1rem;
  padding: 6em 2em;
}
.mailmagazine .box {
  font-size: 14px;
  font-size: 1.4rem;
  position: relative;
  padding: 2.857em 2.142em;
  margin: 0 auto;
  max-width: 75em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mailmagazine .box > * > * + * {
  font-size: 14px;
  font-size: 1.4rem;
  margin-top: 1.428em;
}
.mailmagazine.item-bg-clr .box {
  background: var(--item-bg-clr) !important;
  color: var(--item-clr) !important;
}
.mailmagazine.item-bg-clr .box::before {
  content: normal;
}
.mailmagazine.round10 .box {
  border-radius: 0.714em;
}
.mailmagazine.round10 .box::before {
  border-radius: 0.714em;
}
@media only screen and (min-width: 768px) {
  .mailmagazine {
    padding: 10em 4em;
  }
  .mailmagazine .box {
    padding: 7.142em 5.714em;
  }
  .mailmagazine .box > div {
    max-width: 42.142em;
    margin: 0 auto;
  }
}
.mailmagazine div.x_mailMagazineSubscribe_field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mailmagazine button.x_mailMagazineSubscribe_submit {
  font-size: 14px;
  font-size: 1.4rem;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: var(--accent-clr);
  color: var(--accent-font-clr);
  text-align: center;
  border-radius: 0.357em;
  width: 8.571em;
  height: 2.857em;
}
.mailmagazine input.mailMagazineSubscribe_input {
  font-size: 13px;
  font-size: 1.3rem;
  border: 0;
  padding: 0 0.769em;
  color: var(--font-clr);
  border: solid 1px var(--font-clr);
  background: transparent;
  margin: 0;
  width: calc(100% - 9.615em);
  height: 3.076em;
  border-radius: 0.384em;
}
.mailmagazine.item-bg-clr input.mailMagazineSubscribe_input {
  color: var(--item-clr);
  border: solid 1px var(--item-clr);
}

.mailMagazineSubscribe_confirm {
  color: var(--accent-clr);
}

.bnr-float {
  font-size: 10px;
  font-size: 1rem;
  position: fixed;
  right: 50%;
  bottom: 8em;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  z-index: 19;
  display: none;
}
.bnr-float img {
  width: auto;
  height: auto;
  max-width: 20em;
  max-height: 20em;
}
.bnr-float .bnr-float-close {
  display: block;
  position: absolute;
  right: -1.5em;
  top: -1.5em;
  width: 3.5em;
  height: 3.5em;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg id="a" xmlns="http%3A//www.w3.org/2000/svg" viewBox="0 0 35 35"%3E%3Ccircle cx="17.5" cy="17.5" r="12.5" style="fill%3A%23444; stroke-width%3A0px;"/%3E%3Cpath d="m18.914,17.5l4.293-4.293c.391-.391.391-1.023,0-1.414s-1.023-.391-1.414,0l-4.293,4.293-4.293-4.293c-.391-.391-1.023-.391-1.414,0s-.391,1.023,0,1.414l4.293,4.293-4.293,4.293c-.391.391-.391,1.023,0,1.414.195.195.451.293.707.293s.512-.098.707-.293l4.293-4.293,4.293,4.293c.195.195.451.293.707.293s.512-.098.707-.293c.391-.391.391-1.023,0-1.414l-4.293-4.293Z" style="fill%3A%23fff; stroke-width%3A0px;"/%3E%3C/svg%3E') center center no-repeat;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  opacity: 1;
}
.bnr-float .bnr-float-close:hover {
  cursor: pointer;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  opacity: 0.75;
}
@media only screen and (min-width: 768px) {
  .bnr-float {
    bottom: 10em;
    right: 3em;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .bnr-float img {
    max-width: 30em;
    max-height: 30em;
  }
}

.top-mv .slick-dots {
  position: relative;
  bottom: auto;
  margin-top: 10px;
}
.top-mv .slick-dots li {
  font-size: 10px;
  font-size: 1rem;
  width: 17px;
  height: 12px;
  margin: 0;
}
.top-mv .slick-dots li button {
  font-size: 10px;
  font-size: 1rem;
  width: 12px;
  height: 12px;
}
.top-mv .slick-dots li button::before {
  content: "";
  left: 2.5px;
  width: 12px;
  height: 12px;
  background: #222;
  border-radius: 50%;
  opacity: 1;
}
.top-mv .slick-dots li.slick-active button::before {
  background: var(--clr-th-red);
}
@media only screen and (min-width: 1024px) {
  .top-mv .slick-dots {
    margin-top: 15px;
  }
}

.top-mv-slide {
  font-size: 10px;
  font-size: 1rem;
  margin: 0 !important;
}
@media only screen and (min-width: 1024px) {
  .top-mv:has(.top-slide-a) {
    background: -webkit-gradient(linear, left top, left bottom, from(#8d7b4d), to(#ffb700));
    background: linear-gradient(to bottom, #8d7b4d 0%, #ffb700 100%);
    position: relative;
  }
  .top-mv:has(.top-slide-a)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("https://basefile.akamaized.net/hayadesign-base-shop/65e815ffa996b/bg_paper.jpg");
    background-position: left;
    background-size: auto;
    background-repeat: repeat;
    mix-blend-mode: multiply;
    opacity: 1;
  }
}

@media only screen and (min-width: 1024px) {
  .no-texture .top-mv:has(.top-slide-a) {
    background: -webkit-gradient(linear, left top, left bottom, from(#605333), to(#9c7102));
    background: linear-gradient(to bottom, #605333 0%, #9c7102 100%);
  }
  .no-texture .top-mv:has(.top-slide-a)::before {
    background-image: none;
  }
}

.top-slide-a .top-mv-box img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 1024px) {
  .top-slide-a {
    padding: 3.2em 0;
  }
  .top-slide-a .top-mv-box {
    font-size: 10px;
    font-size: 1rem;
    max-width: 106em;
    padding: 0 3em;
  }
  .top-slide-a .top-mv-box img {
    width: auto;
    height: auto;
  }
}

.top-slide-c .top-mv-box img,
.top-slide-b .top-mv-box img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 1024px) {
  .top-slide-c .top-mv-box,
  .top-slide-b .top-mv-box {
    width: 100%;
    height: 100svh;
    position: relative;
  }
  .top-slide-c .top-mv-box img,
  .top-slide-b .top-mv-box img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    vertical-align: middle;
  }
}

.top-slide-b a:hover,
.top-slide-c a:hover {
  opacity: 1;
}

@media only screen and (min-width: 1024px) {
  .th-colorD .top-mv:has(.top-slide-a) {
    background: -webkit-gradient(linear, left top, left bottom, from(#CAB89E), to(#FFDAA3));
    background: linear-gradient(to bottom, #CAB89E 0%, #FFDAA3 100%);
  }
}
@media only screen and (min-width: 1024px) {
  .th-colorD.no-texture .top-mv:has(.top-slide-a) {
    background: -webkit-gradient(linear, left top, left bottom, from(#827663), to(#9d8663));
    background: linear-gradient(to bottom, #827663 0%, #9d8663 100%);
  }
}

@media only screen and (min-width: 1024px) {
  .th-colorE .top-mv:has(.top-slide-a) {
    background: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#D7D2CA));
    background: linear-gradient(to bottom, #222222 0%, #D7D2CA 100%);
  }
}
@media only screen and (min-width: 1024px) {
  .th-colorE.no-texture .top-mv:has(.top-slide-a) {
    background: -webkit-gradient(linear, left top, left bottom, from(#161616), to(#817e78));
    background: linear-gradient(to bottom, #161616 0%, #817e78 100%);
  }
}

.top-concept {
  background-size: cover;
  background-position: center top;
}
.top-concept .top-concept-wrap {
  position: relative;
  padding: 4.8em 3.6em;
  font-size: 10px;
  font-size: 1rem;
  color: var(--clr-th-cptFont);
  z-index: 1;
}
.top-concept .top-concept-wrap .concept-bg-clr,
.top-concept .top-concept-wrap .concept-bg-grad {
  content: normal;
  background: var(--clr-th-cptBg);
  opacity: 0.8;
}
.top-concept .top-concept-wrap .concept-bg-clr svg,
.top-concept .top-concept-wrap .concept-bg-grad svg {
  display: none;
}
.top-concept .ttl-h2 {
  margin: 0;
}
.top-concept .txt {
  margin-top: 1.714em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
}
.top-concept .txt:first-child {
  margin: 0;
}
.top-concept .btn {
  margin-top: 2.4em;
}
.top-concept .btn a {
  color: var(--clr-th-cptFont);
  border: solid 1px var(--clr-th-cptFont);
}
.top-concept .btn:first-child {
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .top-concept .top-concept-wrap {
    padding: 6em 3em;
  }
  .top-concept .top-concept-wrap .ttl-h2 {
    margin: 0;
    font-size: 20px;
    font-size: 2rem;
  }
  .top-concept .top-concept-wrap .txt {
    margin-top: 2.25em;
    font-size: 16px;
    font-size: 1.6rem;
    text-align: center;
  }
  .top-concept .top-concept-wrap .btn {
    margin-top: 3.6em;
  }
}
@media only screen and (min-width: 1024px) {
  .top-concept .top-concept-wrap {
    padding: 8em 4em;
  }
  .top-concept .top-concept-wrap .ttl-h2 {
    font-size: 24px;
    font-size: 2.4rem;
    max-width: 50em;
    margin: 0 auto;
  }
  .top-concept .top-concept-wrap .txt {
    margin: 2.25em auto 0 auto;
    max-width: 75em;
  }
  .top-concept .top-concept-wrap .btn {
    margin: 3.6em auto 0 auto;
    max-width: 120em;
  }
  .top-concept .top-concept-wrap .concept-bg-grad {
    background: none;
    opacity: 1;
    overflow: hidden;
  }
  .top-concept .top-concept-wrap .concept-bg-grad svg {
    display: block;
    width: 100%;
    height: 100%;
  }
}

.top-rank {
  position: relative;
  padding: 4.8em 1.5em;
  font-size: 10px;
  font-size: 1rem;
  background-color: var(--clr-th-red);
  color: #FFF;
  overflow: hidden;
}
.top-rank::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://basefile.akamaized.net/hayadesign-base-shop/65e8165458d37/bg_sayagata.png");
  background-size: 6em auto;
  background-repeat: repeat;
  opacity: 0.07;
}
.top-rank .ttl-h2 {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .top-rank {
    padding: 6em 3em;
  }
  .top-rank .ttl-h2 {
    margin-bottom: pxEm(24, 24);
  }
}
@media only screen and (min-width: 1024px) {
  .top-rank {
    padding: 8em 4em;
  }
}

.no-texture .top-rank::before {
  background-image: none;
}

.top-rank-wrap {
  position: relative;
  font-size: 10px;
  font-size: 1rem;
}
.top-rank-wrap .top-rank-arr {
  position: relative;
  position: absolute;
  width: 100%;
  top: 50%;
}
.top-rank-wrap .top-rank-arr .slick-arrow {
  font-size: 10px;
  font-size: 1rem;
  background: rgba(255, 255, 255, 0.8);
  width: 5.6em;
  height: 5.6em;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  border-radius: 50%;
}
.top-rank-wrap .top-rank-arr .slick-arrow::after {
  content: normal;
}
.top-rank-wrap .top-rank-arr .slick-arrow::before {
  content: "";
  display: block;
  width: 0.7em;
  height: 0.7em;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  border-top: solid 2px #5F5F5F;
  border-left: solid 2px #5F5F5F;
}
.top-rank-wrap .top-rank-arr .slick-arrow.slick-prev {
  left: -16px;
}
.top-rank-wrap .top-rank-arr .slick-arrow.slick-prev::before {
  margin-left: 1.2em;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.top-rank-wrap .top-rank-arr .slick-arrow.slick-next {
  right: -16px;
}
.top-rank-wrap .top-rank-arr .slick-arrow.slick-next::before {
  margin-left: 0.9em;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
@media only screen and (min-width: 768px) {
  .top-rank-wrap {
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1024px) {
  .top-rank-wrap {
    max-width: 122.4em;
  }
}

.items-list#rankSlider {
  font-size: 10px;
  font-size: 1rem;
}
.items-list#rankSlider .items-price .discount {
  color: inherit !important;
}
.items-list#rankSlider .rank1::before, .items-list#rankSlider .rank2::before, .items-list#rankSlider .rank3::before, .items-list#rankSlider .rank4::before, .items-list#rankSlider .rank5::before {
  display: block;
  padding: 0 0 0.312em 1.875em;
  font-size: 16px;
  font-size: 1.6rem;
  background-size: 1.625em auto;
  background-repeat: no-repeat;
}
.items-list#rankSlider .rank1::before {
  content: "No.1";
  background-image: url("https://basefile.akamaized.net/hayadesign-base-shop/65e81af65601c/crown01.png");
}
.items-list#rankSlider .rank2::before {
  content: "No.2";
  background-image: url("https://basefile.akamaized.net/hayadesign-base-shop/65e81afd97c28/crown02.png");
}
.items-list#rankSlider .rank3::before {
  content: "No.3";
  background-image: url("https://basefile.akamaized.net/hayadesign-base-shop/65e81b050c40b/crown03.png");
}
.items-list#rankSlider .rank4::before {
  content: "No.4";
  background-image: url("https://basefile.akamaized.net/hayadesign-base-shop/65e81b0c44f7c/crown04.png");
}
.items-list#rankSlider .rank5::before {
  content: "No.5";
  background-image: url("https://basefile.akamaized.net/hayadesign-base-shop/65e81b0c44f7c/crown04.png");
}
@media only screen and (min-width: 768px) {
  .items-list#rankSlider {
    display: block;
    margin: 0 -0.6em;
  }
  .items-list#rankSlider .items-item {
    padding: 0 0.6em;
  }
}
@media only screen and (min-width: 1024px) {
  .items-list#rankSlider {
    margin: 0 auto;
    max-width: 122.4em;
  }
  .items-list#rankSlider .items-item {
    padding: 0 1.2em;
  }
}

.items-load#rankLoading {
  border: 0;
}
.items-load#rankLoading .loader {
  color: #FFF;
}

.th-colorE .top-rank {
  color: #222;
}
.th-colorE .top-rank::before {
  opacity: 1;
}
.th-colorE .items-load#rankLoading .loader {
  color: var(--clr-th-black);
}

.top-blog-first p {
  padding: 2.285em 1.071em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
}
.top-blog-first p a {
  display: block;
  padding: 0.214em 1.071em;
  color: var(--clr-about-font);
  text-decoration: none;
  text-align: center;
  background: var(--clr-about-bg);
}
.top-blog-first p a svg {
  width: 1.142em;
  height: auto;
  vertical-align: -0.215em;
}
@media only screen and (min-width: 768px) {
  .top-blog-first p {
    margin: 0 auto;
    padding: 3.75em 1.875em;
    max-width: 78.75em;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .top-blog-first p a {
    display: block;
    padding: 0.75em 1.5em;
  }
  .top-blog-first p a svg {
    width: 1.187em;
    vertical-align: -0.188em;
  }
}
@media only screen and (min-width: 1024px) {
  .top-blog-first p {
    padding: 5em 2.5em;
    max-width: 80em;
  }
}

.top-info {
  padding: 3.2em 1.5em 4.8em 1.5em;
  font-size: 10px;
  font-size: 1rem;
}
.top-blog-first + .top-info {
  padding-top: 0;
}
@media only screen and (min-width: 768px) {
  .top-info {
    padding: 6em 3em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .top-info .ttl-h2 {
    width: 8em;
    font-size: 20px;
    font-size: 2rem;
    text-align: left;
    margin: 0 1em 0 0;
  }
}
@media only screen and (min-width: 1024px) {
  .top-info {
    padding: 8em 4em;
    margin: 0 auto;
    max-width: 128em;
  }
}

.top-info-list li {
  font-size: 10px;
  font-size: 1rem;
}
.top-info-list li + li {
  margin-top: 1.5em;
}
.top-info-list li p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
}
@media only screen and (min-width: 768px) {
  .top-info-list {
    width: 100%;
  }
  .top-info-list li {
    display: grid;
    grid-template-columns: 10em 1fr;
    grid-column-gap: 2em;
  }
  .top-info-list li + li {
    margin-top: 2em;
  }
  .top-info-list li p {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.top-banner {
  font-size: 10px;
  font-size: 1rem;
  text-align: center;
  line-height: 1;
  padding: 4.8em 1.5em;
}
.top-banner img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
.top-info + .top-banner {
  padding-top: 0;
}
.top-blog-first + .top-banner {
  padding-top: 0;
}
.top-banner .top-bnr-wrap1 {
  display: grid;
  grid-template-columns: 100%;
  grid-row-gap: 2.4em;
}
.top-banner .top-bnr-wrap2 {
  display: grid;
  grid-template-columns: 100%;
  grid-row-gap: 2.4em;
}
.top-banner .top-bnr-wrap2:has(.top-bnr-box) {
  margin-top: 2.4em;
}
@media only screen and (min-width: 768px) {
  .top-banner {
    padding: 6em 3em;
  }
  .top-banner .top-bnr-wrap1 {
    grid-template-columns: 100%;
    grid-row-gap: 1.5em;
  }
  .top-banner .top-bnr-wrap2 {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
  }
  .top-banner .top-bnr-wrap2:has(.top-bnr-box) {
    margin-top: 1.5em;
  }
}
@media only screen and (min-width: 768px) {
  .top-banner {
    padding: 8em 4em;
    max-width: 128em;
    margin: 0 auto;
  }
  .top-banner .top-bnr-wrap1 {
    grid-row-gap: 2.5em;
  }
  .top-banner .top-bnr-wrap2 {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 2.5em;
    grid-row-gap: 2.5em;
  }
  .top-banner .top-bnr-wrap2:has(.top-bnr-box) {
    margin-top: 2.5em;
  }
}

.top-guidance {
  background: #FFF;
}

.top-guid-wrap {
  padding: 4.8em 1.5em;
  font-size: 10px;
  font-size: 1rem;
  position: relative;
  z-index: 0;
  background: #FFF;
}
.top-guid-wrap::before {
  opacity: 0.1;
  background-color: var(--clr-th-gold);
  background-image: url("https://basefile.akamaized.net/hayadesign-base-shop/65e816387b9a6/bg_asanoha.png");
  background-size: auto;
  background-repeat: repeat;
}
.top-guid-wrap .ttl-h2 {
  color: #222;
}
@media only screen and (min-width: 768px) {
  .top-guid-wrap {
    padding: 6em 3em;
  }
}
@media only screen and (min-width: 768px) {
  .top-guid-wrap {
    padding: 8em 4em;
  }
}

.no-texture .top-guid-wrap::before {
  background-image: none;
}

.top-guid-box {
  padding: 3em 1.5em;
  font-size: 10px;
  font-size: 1rem;
  background: #FFF;
  color: #222;
}
.top-guid-box + .top-guid-box {
  margin-top: 3em;
}
.top-guid-box .ttl {
  padding: 0.625em 0.937em;
  margin: -1.875em -0.938em 1.875em -0.938em;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  background: #161616;
  color: #FFF;
  line-height: 1.4;
}
.top-guid-box .ttl-sub {
  margin-top: 1.875em;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.4;
}
.top-guid-box .ttl-sub:first-child {
  margin: 0;
}
.top-guid-box .ttl-sub + .txt {
  margin-top: 0.571em;
}
.top-guid-box .txt {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
}
@media only screen and (min-width: 768px) {
  .top-guid-box {
    padding: 2.4em;
  }
  .top-guid-box + .top-guid-box {
    margin-top: 3.2em;
  }
  .top-guid-box .ttl {
    padding: 0.6em 1.2em;
    margin: -1.2em -1.2em 1.2em -1.2em;
    font-size: 20px;
    font-size: 2rem;
  }
  .top-guid-box .ttl-sub {
    margin-top: 1.111em;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .top-guid-box .ttl-sub + .txt {
    margin-top: 0.5em;
  }
  .top-guid-box .txt {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2;
  }
}
@media only screen and (min-width: 768px) {
  .top-guid-box {
    max-width: 120em;
    margin: 0 auto;
    padding: 4.8em;
  }
  .top-guid-box + .top-guid-box {
    margin-top: 4.8em;
  }
  .top-guid-box .ttl {
    padding: 0.6em 2.4em;
    margin: -2.4em -2.4em 2.4em -2.4em;
  }
  .top-guid-box .ttl-sub {
    margin-top: 2.666em;
  }
}

.th-colorC .top-guid-wrap::before {
  opacity: 0.2;
  background-color: rgba(34, 34, 34, 0.5);
}
.th-colorC .top-guid-box .ttl {
  background: #363636;
}

.th-colorD .top-guid-wrap::before {
  background-color: var(--clr-th-gold);
}
.th-colorD .top-guid-box .ttl {
  background: var(--clr-th-black);
}

.th-colorE .top-guid-wrap::before {
  background-color: #CCC;
}
.th-colorE .top-guid-box .ttl {
  background: var(--clr-th-black);
}

.top-kuchi {
  padding: 4.8em 0 6.8em;
  background-color: #E7E7E7;
}
.top-kuchi .ttl-h2 {
  color: #333;
}
.top-kuchi .kuchi-wrap {
  padding: 0 1.5em;
  margin-inline: auto;
  width: 100%;
  max-width: 126em;
}
.top-kuchi .kuchi-box {
  position: relative;
  padding: 1.5em;
  margin-bottom: 3em;
  background-color: #fff;
  border-radius: 5px;
  width: 100%;
}
.top-kuchi .kuchi-box p {
  font-size: 14px;
  font-size: 1.4rem;
  color: #333;
  line-height: 2;
}
.top-kuchi .kuchi-box p:first-child {
  font-weight: bold;
}
.top-kuchi .kuchi-box::before {
  content: "";
  display: block;
  position: absolute;
  width: 2em;
  height: 2em;
  right: 2em;
  bottom: -1.75em;
  aspect-ratio: 1;
  clip-path: polygon(0 0, 100% 0, 100% 100%);
  background-color: #fff;
}

@media only screen and (min-width: 768px) {
  .top-kuchi {
    padding: 8em 0 10em;
  }
  .top-kuchi .kuchi-wrap {
    padding: 0 3em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 2.4em;
       -moz-column-gap: 2.4em;
            column-gap: 2.4em;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .top-kuchi .kuchi-box {
    padding: 2.4em;
    margin-bottom: 0;
    max-width: 33%;
  }
}
.item-wrap {
  font-size: 10px;
  font-size: 1rem;
  padding: 3.2em 1.5em;
}
@media only screen and (min-width: 768px) {
  .item-wrap {
    padding: 6em 3em;
  }
}
@media only screen and (min-width: 1024px) {
  .item-wrap {
    max-width: 128em;
    margin: 0 auto;
    padding: 8em 4em;
  }
}

#pageItem .item-wrap {
  font-size: 10px;
  font-size: 1rem;
  padding-top: 1em;
}
@media only screen and (min-width: 768px) {
  #pageItem .item-wrap {
    padding-top: 3em;
  }
}
@media only screen and (min-width: 1024px) {
  #pageItem .item-wrap {
    padding-top: 8em;
  }
}

.item-wrap {
  font-size: 10px;
  font-size: 1rem;
}
@media only screen and (min-width: 1024px) {
  .item-wrap .item-main {
    display: grid;
    grid-template-columns: 53.333% calc(46.667% - 4.2em);
    grid-template-rows: auto auto auto 1fr;
    grid-column-gap: 4.2em;
  }
  .item-wrap .item-main .product-imgs {
    grid-area: 1/1/2/2;
  }
  .item-wrap .item-main .product-detail {
    grid-area: 2/1/3/2;
  }
  .item-wrap .item-main .product-data {
    grid-area: 1/2/5/3;
  }
  .item-wrap .item-main .product-detail-custom {
    grid-area: 3/1/4/2;
  }
  .item-wrap .item-main .product-foot {
    grid-area: 4/1/5/2;
  }
}
.item-wrap.side-on .item-side {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .item-wrap.side-on {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .item-wrap.side-on .item-side {
    display: block;
    font-size: 10px;
    font-size: 1rem;
    width: 23.7em;
    padding-right: 4.2em;
  }
  .item-wrap.side-on .item-main {
    width: calc(100% - 23.7em);
    grid-template-columns: 62.63% calc(37.37% - 4.2em);
  }
}

.product-imgs {
  position: relative;
}
.product-imgs .label_image {
  font-size: 10px;
  font-size: 1rem;
  position: absolute;
  width: 6em;
  height: auto;
  top: -1em;
  left: -1em;
  z-index: 1;
}
.product-imgs .item-none {
  display: grid;
  place-items: center;
  height: 50vh;
  font-size: 14px;
  font-size: 1.4rem;
  border: solid 1px var(--font-clr);
}
.product-imgs #itemSlider {
  margin: 0;
}
.product-imgs .slick-track {
  line-height: 0;
  font-size: 0;
}
.product-imgs .slick-track img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.product-imgs .slick-prev,
.product-imgs .slick-next {
  position: absolute;
  top: calc(50% - 3em);
  height: 0;
  width: 4em;
  padding-top: 6em;
  font-size: 10px;
  font-size: 1rem;
  border: 0;
  background: none;
  -webkit-transform: none;
          transform: none;
  z-index: 1;
}
.product-imgs .slick-prev::before,
.product-imgs .slick-next::before {
  position: absolute;
  top: 1em;
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  border-top: solid 2px #DDD;
  border-right: solid 2px #DDD;
}
.product-imgs .slick-prev:hover,
.product-imgs .slick-next:hover {
  cursor: pointer;
}
.product-imgs .slick-prev {
  left: 0;
}
.product-imgs .slick-prev::before {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  left: 0.2em;
}
.product-imgs .slick-next {
  right: 0;
}
.product-imgs .slick-next::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  right: 0.2em;
}
.product-imgs #itemThumb {
  width: calc(100% + 3em);
  margin: 1.2em 0 0 0;
  font-size: 10px;
  font-size: 1rem;
  -webkit-transform: translateX(-1.5em);
          transform: translateX(-1.5em);
  overflow: hidden;
}
.product-imgs #itemThumb .slick-list {
  overflow: visible;
}
.product-imgs #itemThumb li {
  font-size: 10px;
  font-size: 1rem;
  width: 9.5em !important;
  margin: 0 !important;
  padding: 0 0.8em 0 0.7em;
}
.product-imgs #itemThumb li > span {
  display: block;
  margin: 0 auto;
  width: 8em;
  height: 8em;
  border: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
  opacity: 0.6;
}
.product-imgs #itemThumb .slick-current span {
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .product-imgs .slick-track img {
    font-size: 1px;
    font-size: 0.1rem;
    max-height: 520em;
    margin: 0 auto;
    width: auto;
  }
  .product-imgs #itemThumb {
    width: calc(100% + 6em);
    margin: 2em 0 0 0;
    -webkit-transform: translateX(-3em);
            transform: translateX(-3em);
  }
  .product-imgs #itemThumb li {
    width: 16em !important;
    padding: 0 1em;
  }
  .product-imgs #itemThumb li > span {
    width: 14em;
    height: 14em;
  }
}
@media only screen and (min-width: 1024px) {
  .product-imgs .slick-track img {
    max-height: none;
    width: 100%;
    height: auto;
  }
  .product-imgs #itemThumb {
    width: calc(100% + 0.8em);
    margin: 1.2em -0.4em 0 -0.4em;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .product-imgs #itemThumb li {
    width: 16em !important;
    width: 100% !important;
    padding: 0.8em 0.4em 0 0.4em;
  }
  .product-imgs #itemThumb li > span {
    width: 100%;
    height: 0;
    padding-top: 100%;
  }
  .product-imgs #itemThumb .slick-list {
    padding: 0 !important;
  }
  .product-imgs #itemThumb .slick-track {
    -webkit-transform: unset !important;
            transform: unset !important;
    width: 100% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
  .product-imgs #itemThumb .slick-track::before, .product-imgs #itemThumb .slick-track::after {
    display: none;
  }
  .product-imgs #itemThumb .slick-slide {
    display: block !important;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 10%;
            flex: 0 0 10%;
    -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
  }
}

.product-data .item-ttl {
  margin: 2.625em 0 1.25em 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2;
}
.product-data .item-ttl .item-filename {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.25;
  opacity: 0.5;
  font-weight: normal;
}
.product-data .item-tags li {
  display: inline-block;
  margin: 0 0.166em 0.416em 0;
  padding: 0.416em 0.833em;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  border-radius: 0.25em;
}
.product-data .item-tags .ratio {
  font-weight: bold;
  color: #FFF;
  background: var(--discount);
}
.product-data .item-tags .soldout {
  color: #626262;
  background: #DEDEDE;
}
.product-data .item-price {
  font-size: 10px;
  font-size: 1rem;
  margin-bottom: 2em;
}
.product-data .item-price .default,
.product-data .item-price .discount {
  display: inline-block;
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: bold;
  line-height: 1.33;
}
.product-data .item-price:has(.discount) .default {
  margin-right: 0.357em;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 2;
  opacity: 0.5;
  vertical-align: 0.142em;
  text-decoration: line-through;
}
.product-data .item-price:has(.discount) .discount {
  color: var(--discount);
}
.product-data .item-price .tag {
  display: block;
  margin-top: 0.714em;
  margin-right: 0.357em;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.4;
}
.product-data .item-price.is-subsc + .is-subsc {
  margin-top: -1em;
}
.product-data .ageVerificationWarning {
  margin-top: 1.454em;
  font-size: 22px;
  font-size: 2.2rem;
  color: var(--discount);
}
.product-data .ageVerificationWarning i.si-attentionTriangle {
  font-size: 85%;
  margin-right: 0.1em;
}
.product-data .item-comin {
  margin-top: 0.869em;
  font-size: 23px;
  font-size: 2.3rem;
  opacity: 0.6;
  color: var(--comingsoon);
}
.product-data .communityModal {
  color: #222;
  width: initial;
  max-height: 90%;
  overflow: scroll;
}
.product-data .communityModal .communityOverview {
  max-height: none;
}
.product-data .communityModal .communityRegisterButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.product-data .communityModal .communityRegisterButtons .button {
  margin: 0;
  width: 49%;
}
.product-data .communityModal .buttonPayid__signin {
  font-size: 10px;
  font-size: 1rem;
  margin-top: 2em;
  padding-top: 2em;
  border-top: solid 1px #CCC;
}
.product-data .communityModal .buttonPayid__signin p {
  margin: 0 0 1.071em 0;
  font-size: 14px;
  font-size: 1.4rem;
}
.product-data .communityModal .buttonPayid__signin a.button {
  text-decoration: none;
  display: block;
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .product-data .communityModal {
    overflow: auto;
  }
}
@media screen and (max-width: 480px) {
  .product-data .communityModal .communityRegisterButtons {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .product-data .communityModal .communityRegisterButtons .button {
    margin-top: 8px;
    width: 100%;
  }
}
.product-data #itemAttention .attention {
  font-size: 12px;
  font-size: 1.2rem;
}
.product-data #itemAttention .attention a {
  font-weight: normal;
}
.product-data #itemAttention .salesPeriod--willStart {
  color: var(--comingsoon);
  opacity: 0.6;
}
.product-data #itemAttention .salesPeriod--willStart::before {
  content: "※";
}
.product-data #itemAttention .preOrder {
  font-size: 10px;
  font-size: 1rem;
  margin: 2em 0;
}
.product-data #itemAttention .preOrder .preOrder__label {
  background: var(--preOrder);
}
.product-data #itemAttention .preOrder .preOrder__data {
  margin: 0.416em 0 0 0;
  font-size: 12px !important;
  font-size: 1.2rem !important;
  line-height: 1.7;
}
.product-data #itemAttention .membershipPoint {
  font-size: 10px;
  font-size: 1rem;
  margin: 2em 0;
}
.product-data #itemAttention .membershipPoint .membershipPoint__amountWrapper {
  color: var(--discount);
  opacity: 0.75;
}
.product-data #itemAttention .membershipPoint .membershipPoint__amount {
  position: relative;
  padding-left: 1.15em;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.4;
}
.product-data #itemAttention .membershipPoint .membershipPoint__amount::before {
  content: "P";
  display: grid;
  place-items: center;
  position: absolute;
  left: 0;
  top: 0.384em;
  width: 1.384em;
  height: 1.384em;
  padding: 0 0 0 0.153em;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: normal;
  line-height: 0.75;
  border: solid 1px var(--discount);
  border-radius: 50%;
}
.product-data #itemAttention .membershipPoint .membershipPoint__pointName {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
}
.product-data #itemAttention .communityLabel {
  font-size: 10px;
  font-size: 1rem;
  margin: 2em 0;
  padding: 0;
  position: relative;
  background: none;
}
.product-data #itemAttention .communityLabel .communityLabel__title {
  background: var(--community);
}
.product-data #itemAttention .communityLabel .communityLabel__note {
  margin: 0.416em 0 0 0;
  font-size: 12px !important;
  font-size: 1.2rem !important;
  color: var(--font-clr);
}
.product-data #itemAttention .communityLabel:hover .communityLabel__note {
  opacity: 1;
}
.product-data #itemAttention .lottery {
  margin: 2em 0;
  font-size: 10px;
  font-size: 1rem;
}
.product-data #itemAttention .lottery .lottery__label {
  margin-bottom: 0.357em;
  background: var(--lottery);
}
.product-data #itemAttention .lottery .lottery__data {
  font-size: 12px !important;
  font-size: 1.2rem !important;
}
.product-data #itemAttention .takeout {
  margin: 2em 0;
  font-size: 10px;
  font-size: 1rem;
}
.product-data #itemAttention .takeout .takeout__label {
  background: var(--takeout);
}
.product-data #itemAttention .takeout .takeout__data {
  margin: 0.416em 0 0 0;
  font-size: 12px !important;
  font-size: 1.2rem !important;
}
.product-data #itemAttention .salesPeriod--term::before {
  content: "※";
}
.product-data #itemAttention .postageOpen::before {
  content: "(";
}
.product-data #itemAttention .postageOpen::after {
  content: ")";
}
.product-data #itemSelect {
  margin-top: 3.2em;
  font-size: 10px;
  font-size: 1rem;
}
.product-data #itemSelect .purchaseElement,
.product-data #itemSelect .itemOptionElement {
  font-size: 10px;
  font-size: 1rem;
  margin-top: 2em;
}
.product-data #itemSelect label[for=valiationSelect],
.product-data #itemSelect label.itemOption__name,
.product-data #itemSelect label[for=amountSelect] {
  display: block;
  margin-bottom: 0.769em;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.2;
}
.product-data #itemSelect .itemOption__caption {
  position: relative;
  padding: 0 0 0 1.666em;
  margin: 0.833em 0;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2;
}
.product-data #itemSelect .itemOption__caption::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.666em;
  display: block;
  width: 1.25em;
  height: 1px;
  background: var(--font-clr);
  opacity: 0.5;
}
.product-data #itemSelect select#valiationSelect,
.product-data #itemSelect select.itemOption__select,
.product-data #itemSelect select#amountSelect {
  min-width: 5em;
  padding: 0.5em 2.5em 0.5em 1.25em !important;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2;
  color: var(--clr-about-font);
  border: solid 1px rgba(34, 34, 34, 0.3);
  border-radius: 0;
  background: var(--clr-th-white);
}
.product-data #itemSelect input.itemOption__input {
  width: 100%;
  max-width: 28.75em;
  padding: 0.312em 0.625em;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
  color: var(--clr-about-font);
  border: solid 1px rgba(34, 34, 34, 0.3);
  border-radius: 0;
  background: var(--clr-th-white);
}
.product-data #itemSelect .itemOption__bottomCaptionBlock {
  position: relative;
  height: 1.8em;
  max-width: 46em;
  margin-top: 0.5em;
  padding-right: 5em;
  font-size: 10px;
  font-size: 1rem;
}
.product-data #itemSelect .itemOption__caption--error {
  display: inline-block;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.4;
  color: var(--clr-red);
}
.product-data #itemSelect .itemOption__count {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.4;
}
.product-data .purchaseButton,
.product-data .easyOverseasSales {
  font-size: 10px;
  font-size: 1rem;
  margin-top: 3.2em;
}
.product-data .purchaseButton .purchaseButton__btn,
.product-data .easyOverseasSales .purchaseButton__btn {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 31.25em;
  padding: 1.562em 4.375em;
  color: #FFF;
  background: var(--clr-th-black);
  border: 0;
}
.product-data .purchaseButton .purchaseButton__btn.purchaseButton__btn--addToCart:hover, .product-data .purchaseButton .purchaseButton__btn.purchaseButton__btn--requestRestockMail:hover,
.product-data .easyOverseasSales .purchaseButton__btn.purchaseButton__btn--addToCart:hover,
.product-data .easyOverseasSales .purchaseButton__btn.purchaseButton__btn--requestRestockMail:hover {
  cursor: pointer;
}
.product-data .purchaseButton .purchaseButton__btn:disabled, .product-data .purchaseButton .purchaseButton__btn.purchaseButton__btn--disabled,
.product-data .easyOverseasSales .purchaseButton__btn:disabled,
.product-data .easyOverseasSales .purchaseButton__btn.purchaseButton__btn--disabled {
  opacity: 1 !important;
  background: #CCC !important;
  color: #222 !important;
}
.product-data .purchaseButton .purchaseButton__btn:disabled:hover, .product-data .purchaseButton .purchaseButton__btn.purchaseButton__btn--disabled:hover,
.product-data .easyOverseasSales .purchaseButton__btn:disabled:hover,
.product-data .easyOverseasSales .purchaseButton__btn.purchaseButton__btn--disabled:hover {
  cursor: default;
  opacity: 1;
}
.product-data .easyOverseasSales .purchaseButton__btn:disabled {
  cursor: default;
}
.product-data .easyOverseasSales .easyOverseasSales__label {
  display: block;
  font-size: 14px !important;
  font-size: 1.4rem !important;
  font-weight: normal;
  text-align: center;
  margin-bottom: 0.714em;
  color: var(--font-clr);
}
.product-data .easyOverseasSales .easyOverseasSalesArea {
  margin-top: 2em;
  font-size: 10px;
  font-size: 1rem;
  font-weight: normal;
  text-align: center;
  color: var(--font-clr);
}
.product-data .easyOverseasSales .easyOverseasSalesArea a {
  color: var(--font-clr);
  font-size: 13px !important;
  font-size: 1.3rem !important;
  font-weight: normal;
  text-decoration: underline;
}
.product-data .easyOverseasSales .easyOverseasSalesArea a:hover {
  cursor: pointer;
}
.product-data .communityBox #communityPurchase .communitySignin {
  max-width: 50em;
  margin: 2em auto 4.8em auto;
  padding: 2em 2em 2.5em 2em;
  font-size: 10px;
  font-size: 1rem;
  border: none;
  position: relative;
}
.product-data .communityBox #communityPurchase .communitySignin p {
  font-size: 11px !important;
  font-size: 1.1rem !important;
}
.product-data .communityBox #communityPurchase .communitySignin a.buttonPayid {
  padding: 1.428em;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
  border-radius: 0;
}
@media only screen and (min-width: 768px) {
  .product-data .item-price .default,
  .product-data .item-price .discount {
    font-size: 27px;
    font-size: 2.7rem;
  }
  .product-data .item-price:has(.discount) .default {
    vertical-align: 0.357em;
  }
  .product-data .ageVerificationWarning {
    margin-top: 1.142em;
    font-size: 28px;
    font-size: 2.8rem;
  }
  .product-data #itemAttention .attention {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .product-data #itemAttention .preOrder .preOrder__data {
    margin: 0.384em 0 0 0;
    font-size: 13px !important;
    font-size: 1.3rem !important;
  }
  .product-data #itemAttention .communityLabel .communityLabel__note {
    margin: 0.384em 0 0 0;
    font-size: 13px !important;
    font-size: 1.3rem !important;
  }
  .product-data #itemAttention .lottery .lottery__data {
    margin: 0.384em 0 0 0;
    font-size: 13px !important;
    font-size: 1.3rem !important;
  }
  .product-data #itemAttention .takeout .takeout__data {
    margin: 0.384em 0 0 0;
    font-size: 13px !important;
    font-size: 1.3rem !important;
  }
}
@media only screen and (min-width: 1024px) {
  .product-data .item-ttl {
    margin-top: 0;
  }
}

.si-information,
.purchaseButtonModal__ageVerificationWarningText {
  color: #A43045;
}

.purchaseButtonModal__inputAreaLabel,
.ageVerificationModal__error {
  color: #A43045;
}

@media screen and (max-width: 828px) {
  .x_purchaseButtonModal .purchaseButtonModal__container .purchaseButtonModal__submit .purchaseButtonModal__title {
    padding: 13px 30px;
    line-height: 1.4;
  }
}
.product-detail p {
  margin-top: 2.285em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
}
@media only screen and (min-width: 768px) {
  .product-detail p {
    margin-top: 3.75em;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2;
  }
}
@media only screen and (min-width: 1024px) {
  .product-detail p {
    margin-top: 2.625em;
  }
}

.product-detail-custom #appsItemDetailCustom #appsItemDetailCustomTag {
  font-size: 10px;
  font-size: 1rem;
  margin-top: 4.2em;
}
.product-detail-custom #appsItemDetailCustom #appsItemDetailCustomTag .appsItemDetailCustomTag_heading {
  margin: 1.777em 0 0.555em 0;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
}
.product-detail-custom #appsItemDetailCustom #appsItemDetailCustomTag .appsItemDetailCustomTag_heading:first-child {
  margin-top: 0;
}
.product-detail-custom #appsItemDetailCustom #appsItemDetailCustomTag .appsItemDetailCustomTag_description {
  margin: 0.714em 0 !important;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
}
.product-detail-custom #appsItemDetailCustom #appsItemDetailCustomTag img.appsItemDetailCustomTag_image,
.product-detail-custom #appsItemDetailCustom #appsItemDetailCustomTag .appsItemDetailCustomTag_slider,
.product-detail-custom #appsItemDetailCustom #appsItemDetailCustomTag .appsItemDetailCustomTag_youtube {
  margin: 2em auto 0 auto !important;
  font-size: 10px;
  font-size: 1rem;
}
.product-detail-custom #appsItemDetailCustom #appsItemDetailCustomTag img.appsItemDetailCustomTag_image + .appsItemDetailCustomTag_youtube, .product-detail-custom #appsItemDetailCustom #appsItemDetailCustomTag img.appsItemDetailCustomTag_image + .appsItemDetailCustomTag_slider, .product-detail-custom #appsItemDetailCustom #appsItemDetailCustomTag img.appsItemDetailCustomTag_image + img.appsItemDetailCustomTag_image,
.product-detail-custom #appsItemDetailCustom #appsItemDetailCustomTag .appsItemDetailCustomTag_slider + .appsItemDetailCustomTag_youtube,
.product-detail-custom #appsItemDetailCustom #appsItemDetailCustomTag .appsItemDetailCustomTag_slider + .appsItemDetailCustomTag_slider,
.product-detail-custom #appsItemDetailCustom #appsItemDetailCustomTag .appsItemDetailCustomTag_slider + img.appsItemDetailCustomTag_image,
.product-detail-custom #appsItemDetailCustom #appsItemDetailCustomTag .appsItemDetailCustomTag_youtube + .appsItemDetailCustomTag_youtube,
.product-detail-custom #appsItemDetailCustom #appsItemDetailCustomTag .appsItemDetailCustomTag_youtube + .appsItemDetailCustomTag_slider,
.product-detail-custom #appsItemDetailCustom #appsItemDetailCustomTag .appsItemDetailCustomTag_youtube + img.appsItemDetailCustomTag_image {
  margin-top: 1em !important;
}
@media only screen and (min-width: 768px) {
  .product-detail-custom #appsItemDetailCustom #appsItemDetailCustomTag {
    font-size: 10px;
    font-size: 1rem;
    margin-top: 6em;
  }
  .product-detail-custom #appsItemDetailCustom #appsItemDetailCustomTag .appsItemDetailCustomTag_description {
    margin: 0.625em 0 0 0 !important;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2;
  }
  .product-detail-custom #appsItemDetailCustom #appsItemDetailCustomTag img.appsItemDetailCustomTag_image,
  .product-detail-custom #appsItemDetailCustom #appsItemDetailCustomTag .appsItemDetailCustomTag_slider,
  .product-detail-custom #appsItemDetailCustom #appsItemDetailCustomTag .appsItemDetailCustomTag_youtube {
    margin: 4.2em auto 0 auto !important;
  }
  .product-detail-custom #appsItemDetailCustom #appsItemDetailCustomTag img.appsItemDetailCustomTag_image + .appsItemDetailCustomTag_youtube, .product-detail-custom #appsItemDetailCustom #appsItemDetailCustomTag img.appsItemDetailCustomTag_image + .appsItemDetailCustomTag_slider, .product-detail-custom #appsItemDetailCustom #appsItemDetailCustomTag img.appsItemDetailCustomTag_image + img.appsItemDetailCustomTag_image,
  .product-detail-custom #appsItemDetailCustom #appsItemDetailCustomTag .appsItemDetailCustomTag_slider + .appsItemDetailCustomTag_youtube,
  .product-detail-custom #appsItemDetailCustom #appsItemDetailCustomTag .appsItemDetailCustomTag_slider + .appsItemDetailCustomTag_slider,
  .product-detail-custom #appsItemDetailCustom #appsItemDetailCustomTag .appsItemDetailCustomTag_slider + img.appsItemDetailCustomTag_image,
  .product-detail-custom #appsItemDetailCustom #appsItemDetailCustomTag .appsItemDetailCustomTag_youtube + .appsItemDetailCustomTag_youtube,
  .product-detail-custom #appsItemDetailCustom #appsItemDetailCustomTag .appsItemDetailCustomTag_youtube + .appsItemDetailCustomTag_slider,
  .product-detail-custom #appsItemDetailCustom #appsItemDetailCustomTag .appsItemDetailCustomTag_youtube + img.appsItemDetailCustomTag_image {
    margin-top: 4.2em !important;
  }
}
@media only screen and (min-width: 1024px) {
  .product-detail-custom #appsItemDetailCustom #appsItemDetailCustomTag {
    margin-top: 4.2em;
  }
}

.product-foot {
  font-size: 10px;
  font-size: 1rem;
  margin-top: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.product-foot .item-report {
  font-size: 14px;
  font-size: 1.4rem;
  margin-top: 0.357em;
  line-height: 1;
}
.product-foot .item-sns li {
  font-size: 11px;
  font-size: 1.1rem;
  display: inline-block;
}
.product-foot .item-sns li + li {
  margin-left: 0.5em;
}
.product-foot .item-sns a {
  display: inline-block;
  text-decoration: none;
  line-height: 1;
  padding: 0.59em 0.909em 0.636em 2.727em;
  color: #FFF;
  background-repeat: no-repeat;
  border-radius: 0.181em;
}
.product-foot .item-sns .tw a {
  background-color: #222222;
  background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1200 1227' xmlns='http://www.w3.org/2000/svg'><path fill='%23ffffff' d='m714.163 519.284 446.727-519.284h-105.86l-387.893 450.887-309.809-450.887h-357.328l468.492 681.821-468.492 544.549h105.866l409.625-476.152 327.181 476.152h357.328l-485.863-707.086zm-144.998 168.544-47.468-67.894-377.686-540.2396h162.604l304.797 435.9906 47.468 67.894 396.2 566.721h-162.604l-323.311-462.446z'/></svg>");
  background-size: 1.09em auto;
  background-position: 1em 0.636em;
}
.product-foot .item-sns .fb a {
  background-color: #1877f2;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%231877f2%3B%7D.cls-2%7Bfill%3A%23ffffff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22m1024%2C512C1024%2C229.23%2C794.77%2C0%2C512%2C0S0%2C229.23%2C0%2C512c0%2C255.55%2C187.23%2C467.37%2C432%2C505.78v-357.78h-130v-148h130v-112.8c0-128.32%2C76.44-199.2%2C193.39-199.2%2C56.02%2C0%2C114.61%2C10%2C114.61%2C10v126h-64.56c-63.6%2C0-83.44%2C39.47-83.44%2C79.96v96.04h142l-22.7%2C148h-119.3v357.78c244.77-38.41%2C432-250.22%2C432-505.78Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22m711.3%2C660l22.7-148h-142v-96.04c0-40.49%2C19.84-79.96%2C83.44-79.96h64.56v-126s-58.59-10-114.61-10c-116.95%2C0-193.39%2C70.88-193.39%2C199.2v112.8h-130v148h130v357.78c26.07%2C4.09%2C52.78%2C6.22%2C80%2C6.22s53.93-2.13%2C80-6.22v-357.78h119.3Z%22%2F%3E%3C%2Fsvg%3E");
  background-size: 1.272em auto;
  background-position: 0.909em 0.545em;
}

.item-desc .review01 {
  clear: none !important;
}
.item-desc .review01 .review01__tabWrap {
  position: relative;
  border: none;
}
.item-desc .review01 .review01__tabWrap::before {
  height: 2px;
}
.item-desc .review01 .review01__tabWrap::after {
  top: auto;
}
.item-desc .review01 .review01__trigger:before {
  border-right: 2px solid var(--font-clr);
  border-bottom: 2px solid var(--font-clr);
  opacity: 0.5;
}

.item-related {
  font-size: 10px;
  font-size: 1rem;
  background: var(--clr-about-bg);
  color: var(--clr-about-font);
  padding: 4.8em 1.5em;
}
@media only screen and (min-width: 768px) {
  .item-related {
    padding: 6em 3em;
  }
}
@media only screen and (min-width: 1024px) {
  .item-related {
    padding: 8em 4em;
  }
}

.item-review {
  font-size: 10px;
  font-size: 1rem;
  padding: 4.8em 1.5em;
}
@media only screen and (min-width: 768px) {
  .item-review {
    padding: 6em 3em;
  }
}
@media only screen and (min-width: 1024px) {
  .item-review {
    max-width: 128em;
    margin: 0 auto;
    padding: 8em 4em;
  }
}

.th-colorA .product-data .purchaseButton .purchaseButton__btn {
  background: var(--clr-th-red);
}

.th-colorB .product-data .purchaseButton .purchaseButton__btn {
  background: var(--clr-th-red);
}

.th-colorC .product-data #itemSelect select#valiationSelect,
.th-colorC .product-data #itemSelect select.itemOption__select,
.th-colorC .product-data #itemSelect select#amountSelect {
  border: solid 1px rgba(255, 255, 255, 0.3);
}
.th-colorC .product-data #itemSelect input.itemOption__input {
  border: solid 1px rgba(255, 255, 255, 0.3);
}
.th-colorC .product-data .purchaseButton .purchaseButton__btn {
  background: var(--clr-th-red);
}

#pageCategory .item-wrap,
#pageSearch .item-wrap {
  font-size: 10px;
  font-size: 1rem;
  padding: 3.2em 1.5em;
}
@media only screen and (min-width: 768px) {
  #pageCategory .item-wrap,
  #pageSearch .item-wrap {
    padding: 6em 3em;
  }
}
@media only screen and (min-width: 1024px) {
  #pageCategory .item-wrap,
  #pageSearch .item-wrap {
    max-width: 128em;
    margin: 0 auto;
    padding: 8em 4em;
  }
}

#pageIndex .item-side {
  display: none !important;
}

#pageCategory .item-wrap,
#pageSearch .item-wrap {
  font-size: 10px;
  font-size: 1rem;
}
#pageCategory .item-wrap .items-wrap,
#pageSearch .item-wrap .items-wrap {
  padding: 0;
}
#pageCategory .item-wrap.side-on .item-side,
#pageSearch .item-wrap.side-on .item-side {
  display: none;
}
@media only screen and (min-width: 1024px) {
  #pageCategory .item-wrap.side-on,
  #pageSearch .item-wrap.side-on {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #pageCategory .item-wrap.side-on .item-side,
  #pageSearch .item-wrap.side-on .item-side {
    display: block;
    font-size: 10px;
    font-size: 1rem;
    width: 23.7em;
    padding-right: 4.2em;
  }
  #pageCategory .item-wrap.side-on .items-wrap,
  #pageSearch .item-wrap.side-on .items-wrap {
    display: block;
    width: calc(100% - 23.7em);
  }
  #pageCategory .item-wrap.side-on .cat-ttl,
  #pageSearch .item-wrap.side-on .cat-ttl {
    text-align: left;
  }
}

#pageCategory .cat-ttl,
#pageSearch .cat-ttl {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.2;
  margin-bottom: 1em;
}
@media only screen and (min-width: 768px) {
  #pageCategory .cat-ttl,
  #pageSearch .cat-ttl {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 1.333em;
  }
}
@media only screen and (min-width: 1024px) {
  #pageCategory .cat-ttl,
  #pageSearch .cat-ttl {
    font-size: 28px;
    font-size: 2.8rem;
    margin-bottom: 1.714em;
    text-align: center;
  }
}
.about-qa, .about-info-wrap, .about-concept {
  font-size: 10px;
  font-size: 1rem;
  padding: 3.2em 1.5em;
}
@media only screen and (min-width: 768px) {
  .about-qa, .about-info-wrap, .about-concept {
    padding: 6em 3em;
  }
}
@media only screen and (min-width: 1024px) {
  .about-qa, .about-info-wrap, .about-concept {
    max-width: 98em;
    margin: 0 auto;
    padding: 8em 4em;
  }
}

.about-main-img {
  margin: 0;
  width: 100%;
  height: 20em;
  overflow: hidden;
  position: relative;
  font-size: 10px;
  font-size: 1rem;
}
.about-main-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 768px) {
  .about-main-img {
    height: 34em;
  }
}
@media only screen and (min-width: 768px) {
  .about-main-img {
    height: 34em;
  }
}

.about-concept .txt,
.about-concept .about-top-txt {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
}
.about-concept .about-top-txt {
  margin-bottom: 2.285em;
}
@media only screen and (min-width: 768px) {
  .about-concept .txt,
  .about-concept .about-top-txt {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .about-concept .about-top-txt {
    margin-bottom: 2.625em;
  }
}
@media only screen and (min-width: 1024px) {
  .about-concept .about-top-txt {
    margin-bottom: 5em;
  }
}

.about-con-wrap {
  margin-top: 3.2em;
  font-size: 10px;
  font-size: 1rem;
}
.about-con-wrap .ttl-h2 {
  margin-bottom: 1em;
}
.about-con-wrap figure {
  margin: 1em 0 0 0;
  padding: 0;
  line-height: 1;
  vertical-align: bottom;
  text-align: center;
}
.about-con-wrap figure img {
  max-width: 100%;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .about-con-wrap {
    margin-top: 6em;
  }
  .about-con-wrap .ttl-h2 {
    margin-bottom: 1.333em;
  }
  .about-con-wrap figure {
    margin: 3.2em 0 0 0;
  }
}
@media only screen and (min-width: 1024px) {
  .about-con-wrap {
    margin-top: 8em;
  }
  .about-con-wrap .ttl-h2 {
    margin-bottom: 1.714em;
  }
  .about-con-wrap figure {
    margin: 4.8em 0 0 0;
  }
}

.about-info {
  background: var(--clr-about-bg);
  color: var(--clr-about-font);
}

.about-info-box {
  font-size: 10px;
  font-size: 1rem;
}
.about-info-box + .about-info-box {
  margin-top: 2em;
}
.about-info-box .about-info-img {
  width: 100%;
  margin: 0 0 2em 0;
  font-size: 10px;
  font-size: 1rem;
}
.about-info-box .about-info-img img {
  width: 100%;
  height: auto;
  line-height: 1;
  vertical-align: bottom;
}
.about-info-box .about-info-img.is-none {
  position: relative;
  min-height: 11.111em;
  margin-bottom: 1.111em;
  padding: 1.111em;
  display: grid;
  place-items: center;
  font-size: 18px;
  font-size: 1.8rem;
  word-wrap: break-word;
  text-align: center;
  border: solid 1px var(--clr-about-font);
}
.about-info-box .about-info-img.is-none .logoText {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: calc(100% - 1em);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: var(--clr-about-font) !important;
}
.about-info-box .name {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
}
.about-info-box table {
  margin-top: 1.2em;
  font-size: 10px;
  font-size: 1rem;
}
.about-info-box th,
.about-info-box td {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
  text-align: left;
  vertical-align: top;
}
.about-info-box th {
  width: 5em;
  font-weight: normal;
}
.about-info-box td {
  white-space: pre-wrap;
}
.about-info-box .about-info-map {
  display: inline-block;
  padding: 0 0.833em;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 2;
  text-decoration: none;
  color: #FFF;
  background: #666;
}
@media only screen and (min-width: 768px) {
  .about-info-box {
    display: grid;
    grid-template-columns: 40% 1fr;
    grid-column-gap: 2em;
  }
  .about-info-box + .about-info-box {
    margin-top: 3.2em;
  }
  .about-info-box .about-info-img {
    margin: 0 !important;
  }
  .about-info-box .name {
    font-size: 20px;
    font-size: 2rem;
  }
  .about-info-box table {
    margin-top: 1em;
  }
  .about-info-box th,
  .about-info-box td {
    padding: 0.625em 0;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.75;
  }
  .about-info-box th {
    width: 6.25em;
  }
  .about-info-box .about-info-map {
    margin-top: 0.357em;
    padding: 0 0.714em;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.857;
  }
}
@media only screen and (min-width: 1024px) {
  .about-info-box {
    grid-template-columns: 36.66% 1fr;
    grid-column-gap: 4em;
  }
  .about-info-box + .about-info-box {
    margin-top: 4.8em;
  }
}

.about-qa .ttl-h2 {
  margin-bottom: 0;
}

.about-pa-list dt,
.about-pa-list dd {
  position: relative;
  line-height: 1.8;
}
.about-pa-list dt::before,
.about-pa-list dd::before {
  display: grid;
  place-items: center;
  position: absolute;
  left: 0;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  width: 2em;
  height: 2em;
  padding: 0 0 0.142em 0.071em;
  line-height: 1;
  border-radius: 50%;
  color: #FFF;
}
.about-pa-list dt {
  margin-top: 1.428em;
  padding-left: 3em;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
}
.about-pa-list dt::before {
  content: "Q";
  top: -0.072em;
  background: var(--clr-th-red);
}
.about-pa-list dd {
  padding-left: 3em;
  margin-top: 0.714em;
  font-size: 14px;
  font-size: 1.4rem;
}
.about-pa-list dd::before {
  content: "A";
  top: -0.072em;
}
.about-pa-list dd::after {
  content: "";
  position: absolute;
  left: 0;
  top: -0.072em;
  font-size: 14px;
  font-size: 1.4rem;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  background-color: var(--clr-th-black);
  opacity: 0.25;
  z-index: -1;
}
@media only screen and (min-width: 768px) {
  .about-pa-list dt::before,
  .about-pa-list dd::before {
    font-size: 18px;
    font-size: 1.8rem;
    width: 1.666em;
    height: 1.666em;
    padding: 0 0 0.222em 0;
  }
  .about-pa-list dt {
    margin-top: 3em;
    padding-left: 3.125em;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .about-pa-list dt::before {
    top: 0em;
  }
  .about-pa-list dd {
    margin-top: 0.625em;
    padding-left: 3.125em;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .about-pa-list dd::before {
    top: 0em;
  }
  .about-pa-list dd::after {
    content: "";
    top: 0em;
    width: 2.142em;
    height: 2.142em;
  }
}
@media only screen and (min-width: 1024px) {
  .about-pa-list dt {
    margin-top: 2.666em;
    padding-left: 2.777em;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .about-pa-list dt::before {
    top: 0.111em;
  }
}

.about-qa-txt {
  margin-top: 1.428em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
}
@media only screen and (min-width: 768px) {
  .about-qa-txt {
    font-size: 16px;
    font-size: 1.6rem;
    margin-top: 3em;
  }
}

.th-colorE .about-pa-list dt::before {
  background: var(--clr-th-gold);
}

#inquiryCompleteSection a, .contact-wrap input[type=submit] {
  display: inline-block;
  width: 14.285em;
  padding: 1.428em;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  color: var(--clr-th-white);
  background: var(--clr-th-black);
  border: 0;
  border-radius: 0;
  opacity: 1 !important;
  -webkit-transition: 0.5s opacity;
  transition: 0.5s opacity;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#inquiryCompleteSection a:hover, .contact-wrap input[type=submit]:hover {
  cursor: pointer;
  opacity: 0.5 !important;
  -webkit-transition: 0.5s opacity;
  transition: 0.5s opacity;
}

.contact-wrap {
  font-size: 10px;
  font-size: 1rem;
  padding: 3.2em 1.5em 8.4em 1.5em;
}
.contact-wrap .ttl-h2 {
  margin-bottom: pxEm(32, 20) 0;
  text-align: left;
}
.contact-wrap .main {
  font-size: 10px;
  font-size: 1rem;
}
.contact-wrap .main h1 {
  display: none;
}
.contact-wrap .main h1 + p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
}
.contact-wrap form {
  display: block;
  margin-top: 2em;
  padding: 2.5em 2em 4em 2em;
  font-size: 10px;
  font-size: 1rem;
  position: relative;
}
.contact-wrap dl > dt, .contact-wrap dl > dd {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
}
.contact-wrap dl > dt {
  font-weight: bold;
  margin-bottom: 0.714em;
}
.contact-wrap dl > dd {
  margin-bottom: 1.428em;
}
.contact-wrap input[type=text],
.contact-wrap textarea {
  font-size: 16px;
  font-size: 1.6rem;
  width: 100%;
  padding: 0.5em 1.25em;
  font-family: inherit;
  background: var(--clr-th-white);
  color: var(--clr-th-black);
  border: solid 1px rgba(0, 0, 0, 0.25);
  border-radius: 0.312em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.contact-wrap input[type=text] {
  line-height: 1;
}
.contact-wrap textarea {
  line-height: 1.5;
  resize: vertical;
}
.contact-wrap .control-panel {
  text-align: center;
}
.contact-wrap .control-panel {
  font-size: 10px;
  font-size: 1rem;
  padding-top: 1em;
}
@media only screen and (min-width: 768px) {
  .contact-wrap {
    padding: 6em 3em 10.5em 3em;
  }
  .contact-wrap .ttl-h2 {
    margin-bottom: pxEm(42, 24) 0;
  }
  .contact-wrap .main h1 + p {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .contact-wrap form {
    padding: 4em;
  }
}
@media only screen and (min-width: 1024px) {
  .contact-wrap {
    max-width: 98em;
    margin: 0 auto;
    padding: 8em 4em 10.5em 4em;
  }
  .contact-wrap .ttl-h2 {
    margin-bottom: pxEm(48, 28) 0;
    text-align: center;
  }
  .contact-wrap .main h1 + p {
    text-align: center;
  }
  .contact-wrap form {
    margin-top: 3em;
    padding: 4em 7.5em !important;
  }
}

.error-message {
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.4;
  padding: 0.25em 0.416em;
  background: #CB0000 !important;
  color: #FFF !important;
}

#inquiryConfirmSection dl > dd {
  padding-bottom: 1.428em;
  position: relative;
}
#inquiryConfirmSection dl > dd::after {
  top: auto;
  bottom: 0;
  background: var(--font-clr);
  opacity: 0.25;
}

#inquiryCompleteSection {
  display: block;
  position: relative;
  padding: 2.5em 2em 4em 2em;
  font-size: 10px;
  font-size: 1rem;
}
#inquiryCompleteSection::before {
  background: var(--font-clr);
}
#inquiryCompleteSection p {
  margin-bottom: 1.428em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
}
#inquiryCompleteSection a {
  display: block;
  margin: 2.285em auto 0 auto;
}
@media only screen and (min-width: 768px) {
  #inquiryCompleteSection {
    padding: 4em;
  }
  #inquiryCompleteSection p {
    text-align: center;
  }
}

.th-colorA .contact-wrap input[type=submit] {
  color: #FFF;
  background: var(--clr-th-red);
}
.th-colorA #inquiryCompleteSection a {
  color: #FFF;
  background: var(--clr-th-red);
}

.th-colorB .contact-wrap input[type=submit] {
  color: #FFF;
  background: var(--clr-th-red);
}
.th-colorB #inquiryCompleteSection a {
  color: #FFF;
  background: var(--clr-th-red);
}

.th-colorC .contact-wrap input[type=submit] {
  color: #FFF;
  background: var(--clr-th-red);
}
.th-colorC #inquiryCompleteSection a {
  color: #FFF;
  background: var(--clr-th-red);
}

.th-colorD .contact-wrap input[type=text],
.th-colorD .contact-wrap textarea {
  color: #382f24;
}

.blog-wrap {
  font-size: 10px;
  font-size: 1rem;
  padding: 3.2em 1.5em 8.4em 1.5em;
}
.blog-wrap .ttl-h2 {
  margin-bottom: pxEm(32, 20) 0;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .blog-wrap {
    padding: 6em 3em 10.5em 3em;
  }
  .blog-wrap .ttl-h2 {
    margin-bottom: pxEm(42, 24) 0;
  }
}
@media only screen and (min-width: 1024px) {
  .blog-wrap {
    max-width: 98em;
    margin: 0 auto;
    padding: 8em 4em 10.5em 4em;
  }
  .blog-wrap .ttl-h2 {
    margin-bottom: pxEm(48, 28) 0;
    text-align: center;
  }
}

.blogListMain {
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: 2.4em;
  font-size: 10px;
  font-size: 1rem;
}
@media only screen and (min-width: 768px) {
  .blogListMain {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 2.4em;
    grid-row-gap: 4.8em;
  }
  .blogListMain .paginate-wrp {
    grid-column: 1/3;
  }
}
@media only screen and (min-width: 1024px) {
  .blogListMain {
    grid-column-gap: 4em;
    grid-row-gap: 6.4em;
  }
  .blogListMain .blog_inner .blog_title h2 {
    margin-top: 1.25em;
  }
  .blogListMain .blog_inner .blog_publish {
    margin-top: 1.5em !important;
  }
  .blogListMain .paginate a {
    height: 3.857em !important;
  }
}
.blogListMain .blog_inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 !important;
  opacity: 1;
  -webkit-transition: 0.5s opacity;
  transition: 0.5s opacity;
  border: 0 !important;
}
.blogListMain .blog_inner:hover {
  opacity: 0.5;
  -webkit-transition: 0.5s opacity;
  transition: 0.5s opacity;
}
.blogListMain .blog_inner a {
  text-decoration: none;
}
.blogListMain .blog_inner .blog_title {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.blogListMain .blog_inner .blog_title h2 {
  margin-top: 0.875em;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.4;
}
.blogListMain .blog_inner .blog_publish {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  margin: 1em 0 0 0 !important;
  font-size: 10px;
  font-size: 1rem;
}
.blogListMain .blog_inner .blog_publish .publish_date {
  font-size: 11px;
  font-size: 1.1rem;
}
.blogListMain .blog_inner .blog_head_image {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.blogListMain .blog_inner .blog_head_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: bottom;
}
.img-sq .blogListMain .blog_inner .blog_head_image {
  aspect-ratio: 1/1;
}
.img-la-gold .blogListMain .blog_inner .blog_head_image {
  aspect-ratio: 1.618/1;
}
.img-la-screen .blogListMain .blog_inner .blog_head_image {
  aspect-ratio: 4/3;
}
.img-pt-gold .blogListMain .blog_inner .blog_head_image {
  aspect-ratio: 1/1.618;
}
.img-pt-screen .blogListMain .blog_inner .blog_head_image {
  aspect-ratio: 3/4;
}
.blogListMain .blog_inner .blog_contents {
  height: 0 !important;
}
.blogListMain .blog_inner .blog_contents .blog_body {
  display: none;
}
.blogListMain .blog_inner .read_more {
  position: static !important;
}
.blogListMain .blog_inner .read_more a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-indent: -1000%;
  overflow: hidden;
  z-index: 1;
}
.blogListMain .paginate-wrp {
  font-size: 10px;
  font-size: 1rem;
  padding-top: 2em;
  margin: 0 !important;
}
.blogListMain .paginate {
  padding: 0;
  display: block !important;
  text-align: center;
  font-size: 0;
}
.blogListMain .paginate li {
  position: relative;
  display: inline-block;
  margin: 0 0 0 0.714em !important;
  font-size: 14px;
  font-size: 1.4rem;
  border: 0 !important;
  background: none !important;
}
.blogListMain .paginate li:first-child {
  margin: 0;
}
.blogListMain .paginate .current a {
  font-weight: normal;
  background: var(--clr-th-black);
  color: var(--clr-th-white);
  -webkit-box-shadow: 0 0.142em 0.571em rgba(0, 0, 0, 0.15);
          box-shadow: 0 0.142em 0.571em rgba(0, 0, 0, 0.15);
}
.blogListMain .paginate a {
  display: grid;
  place-items: center;
  min-width: 3.857em;
  height: 3.285em;
  padding: 0 !important;
  font-size: 14px !important;
  font-size: 1.4rem !important;
  font-weight: normal;
  text-decoration: none;
  border: solid 1px var(--clr-th-black);
  border-radius: 0.357em;
}
.blogListMain .paginate a:link, .blogListMain .paginate a:visited {
  color: var(--clr-th-black);
  -webkit-transition: 0.5s background-color, 0.5s color;
  transition: 0.5s background-color, 0.5s color;
}
.blogListMain .paginate a:hover {
  opacity: 1;
  background: var(--clr-th-black);
  color: var(--clr-th-white);
  -webkit-transition: 0.5s background-color, 0.5s color;
  transition: 0.5s background-color, 0.5s color;
}
.blogListMain .paginate .prev a,
.blogListMain .paginate .next a {
  padding: 0 1.142em !important;
}

.blog-wrap:has(.blogListMain) + .blog-back {
  display: none;
}

.blogDetail .blog_inner {
  padding: 0 !important;
  border: 0 !important;
}
.blogDetail .blog_title {
  padding: 0 !important;
}
.blogDetail .blog_title h2 {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.4;
}
.blogDetail .blog_title h2 a {
  text-decoration: none;
}
.blogDetail .blog_publish {
  padding: 0 !important;
  margin: 0em 0 3.2em 0 !important;
  font-size: 10px;
  font-size: 1rem;
}
.blogDetail .blog_publish .publish_date {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  opacity: 0.5;
}
.blogDetail .blog_body h3 {
  font-size: 16px !important;
  font-size: 1.6rem !important;
  font-weight: bold;
}
.blogDetail .blog_body div {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
}
.blogDetail .blog_body img {
  font-size: 10px;
  font-size: 1rem;
  margin: 0 !important;
}
.blogDetail .blog_body .blog-img-block {
  display: block;
  margin: 3.2em 0;
  font-size: 10px;
  font-size: 1rem;
}
.blogDetail .blog_body .blog-img-block:first-child {
  margin-top: 0;
}
.blogDetail .blog_body .blog-img-inline {
  display: inline;
}
.blogDetail .social {
  padding: 0 !important;
  margin: 3.2em 0 0 0 !important;
  font-size: 10px;
  font-size: 1rem;
}
.blogDetail .social li {
  font-size: 10px;
  font-size: 1rem;
  display: inline-block;
}
.blogDetail .social li img {
  width: 3.3em !important;
  height: 3.3em !important;
}
.blogDetail .social li.tw {
  width: 3.3em;
  height: 3.3em;
  background: #111;
  border-radius: 50%;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.blogDetail .social li.tw img {
  margin-bottom: 0.1em;
  width: 1.9em !important;
  height: 1.9em !important;
  -webkit-filter: invert(100%);
          filter: invert(100%);
}
.blogDetail .social li + li {
  margin-left: 1em;
}
@media only screen and (min-width: 768px) {
  .blogDetail .blog_body h3 {
    font-size: 18px !important;
    font-size: 1.8rem !important;
    font-weight: bold;
  }
  .blogDetail .blog_body div {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .blogDetail .social {
    margin-top: 4em !important;
  }
}
@media only screen and (min-width: 1024px) {
  .blogDetail .blog_title h2 {
    font-size: 20px;
    font-size: 2rem;
  }
  .blogDetail .blog_publish {
    margin: 2em 0 4.8em 0 !important;
  }
  .blogDetail .blog_publish .publish_date {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .blogDetail .blog_body div {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .blogDetail .blog_body .blog-img-block {
    margin: 4.8em 0;
  }
  .blogDetail .social {
    margin-top: 6.4em !important;
  }
}

.blog_youtube_wrap {
  position: relative;
  width: 100%;
  max-width: 70em;
  margin: 0 auto;
  font-size: 10px;
  font-size: 1rem;
}
.blog_youtube_wrap::before {
  content: "";
  position: relative;
  display: block;
  height: 0;
  padding-bottom: 56.25%;
  width: 100%;
}
.blog_youtube_wrap .youtube {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

#pageCommunity .community-wrap {
  font-size: 10px;
  font-size: 1rem;
  padding: 3.2em 1.5em 8.4em 1.5em;
}
#pageCommunity .community-wrap .communityMain {
  width: 100%;
  padding: 0;
}
#pageCommunity .community-wrap .communityMain .flashMessage {
  margin-bottom: 32px;
}
#pageCommunity .community-wrap .communityTitle {
  text-align: left;
  margin-bottom: 1em;
}
#pageCommunity .community-wrap .communityContent {
  display: block;
  padding: 0;
  margin: 0;
  border: 0;
}
#pageCommunity .community-wrap .communityOverview {
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
}
#pageCommunity .community-wrap .communityNav {
  width: 100%;
  padding: 3.2em;
  margin: 3em 0 0 0;
  font-size: 10px;
  font-size: 1rem;
  position: relative;
}
#pageCommunity .community-wrap .communityNav::before {
  background: none;
  border: solid 1px var(--font-clr);
  opacity: 0.1;
}
#pageCommunity .community-wrap .communityPrice h3 {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  text-align: center;
}
#pageCommunity .community-wrap .communityPrice h3 + p {
  margin: 0.294em 0 0.705em 0;
  font-size: 34px;
  font-size: 3.4rem;
  line-height: 1;
  text-align: center;
}
#pageCommunity .community-wrap .communityButton {
  padding: 1.428em;
  text-decoration: none;
  border-radius: 0;
  font-weight: bold;
  letter-spacing: 0.05em;
}
#pageCommunity .community-wrap .communityButton + .communityButton {
  margin-top: 1.428em;
}
#pageCommunity .community-wrap .communityButton__guest {
  background: var(--clr-th-red);
}
#pageCommunity .community-wrap .communityTerm,
#pageCommunity .community-wrap .communityTextNotice {
  margin: 0;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.8;
}
#pageCommunity .community-wrap .communityTerm a,
#pageCommunity .community-wrap .communityTextNotice a {
  color: inherit;
}
#pageCommunity .community-wrap .communityTerm {
  margin-top: 2.083em;
}
#pageCommunity .community-wrap .payidLogoutText {
  margin-top: 2.285em;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
}
#pageCommunity .community-wrap .communitySignin {
  position: relative;
  padding: 2.5em;
  margin-top: 2em;
  font-size: 10px;
  font-size: 1rem;
  border-radius: 0;
  border: 0;
}
#pageCommunity .community-wrap .communitySignin p {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.4;
}
@media only screen and (min-width: 768px) {
  #pageCommunity .community-wrap {
    padding: 6em 3em 10.5em 3em;
  }
  #pageCommunity .community-wrap .communityTitle {
    margin-bottom: 1.333em;
  }
  #pageCommunity .community-wrap .communityOverview {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2;
  }
  #pageCommunity .community-wrap .communityNav {
    padding: 3.2em;
    margin-top: 3.2em;
  }
  #pageCommunity .community-wrap .communityButton {
    max-width: 26.714em;
    margin-left: auto;
    margin-right: auto;
  }
  #pageCommunity .community-wrap .communityTerm,
  #pageCommunity .community-wrap .communityTextNotice {
    max-width: 31.166em;
    margin-left: auto;
    margin-right: auto;
  }
  #pageCommunity .community-wrap .communityTerm a,
  #pageCommunity .community-wrap .communityTextNotice a {
    color: inherit;
  }
  #pageCommunity .community-wrap .payidLogoutText {
    margin-top: 2em;
    font-size: 16px;
    font-size: 1.6rem;
  }
  #pageCommunity .community-wrap .communitySignin p {
    text-align: center;
  }
}
@media only screen and (min-width: 1024px) {
  #pageCommunity .community-wrap {
    max-width: 98em;
    margin: 0 auto;
    padding: 8em 4em 10.5em 4em;
  }
  #pageCommunity .community-wrap .communityNav {
    padding: 5.6em;
    margin-top: 6.4em;
  }
  #pageCommunity .community-wrap .communitySignin {
    margin-top: 3.2em;
  }
}

#pageCommunity .community-wrap .communityMain section:has(.communityTitle) {
  display: grid;
}
#pageCommunity .community-wrap #limitedItem {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
#pageCommunity .community-wrap #limitedUrl {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
#pageCommunity .community-wrap .limited {
  width: 100%;
}
#pageCommunity .community-wrap .limited .communityItemHeader,
#pageCommunity .community-wrap .limited .communityUrlHeader {
  margin: 1.777em 0 0.888em 0 !important;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  text-align: left;
}
#pageCommunity .community-wrap .limited .communityItemHeader + p,
#pageCommunity .community-wrap .limited .communityUrlHeader + p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
}
#pageCommunity .community-wrap .communityItem {
  margin: 0;
  position: relative;
  font-size: 10px;
  font-size: 1rem;
  width: 100%;
}
#pageCommunity .community-wrap .communityItem a {
  display: block;
  text-decoration: none;
}
#pageCommunity .community-wrap .communityItem .communityLabelImage {
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  position: absolute;
  width: 3.571em;
  height: 3.571em;
  top: -0.715em;
  left: -0.358em;
  text-align: center;
  z-index: 1;
}
#pageCommunity .community-wrap .communityItem .communityImageContainer {
  margin: 0;
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
  font-size: 10px;
  font-size: 1rem;
}
#pageCommunity .community-wrap .communityItem .communityImageContainer img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: bottom;
}
#pageCommunity .community-wrap .communityItem .communityItemTitle {
  max-height: none;
  width: 100%;
  margin: 0.714em 0 0 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
  word-break: break-all;
}
#pageCommunity .community-wrap .communityItem .communityItemPrice {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  color: inherit;
}
#pageCommunity .community-wrap .communityItem .communityItemPrice.discount {
  color: inherit;
}
#pageCommunity .community-wrap .communityItem .communityItemPrice.soldOut {
  text-decoration: none;
}
#pageCommunity .community-wrap .communityItem .communityItemMetaSub {
  margin: 0.5em 0 0 0;
  font-size: 10px;
  font-size: 1rem;
}
#pageCommunity .community-wrap .communityItem .communityItemMetaSub .communityItemLabelBlock {
  display: inline-block;
  margin: 0.416em 0.416em 0 0;
  padding: 0.166em 0.833em 0.25em 0.833em;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.2;
  border-radius: 0.25em;
  border: solid 1px;
  background: rgba(255, 255, 255, 0.9);
}
#pageCommunity .community-wrap .communityItem .communityItemMetaSub .communityItemLabelBlock:last-child {
  margin-right: 0;
}
#pageCommunity .community-wrap .communityItem .communityItemMetaSub .community {
  display: none;
}
#pageCommunity .community-wrap .communityItem .communityItemMetaSub .soldout {
  border-color: #DEDEDE;
  background: #DEDEDE;
  color: #626262;
}
#pageCommunity .community-wrap .communityItem .communityItemMetaSub .discount {
  border-color: var(--discount);
  color: var(--discount);
}
#pageCommunity .community-wrap .communityItem .communityItemMetaSub .community {
  border-color: var(--community);
  color: var(--community);
}
#pageCommunity .community-wrap .communityItem .communityItemMetaSub .coming-soon {
  border-color: var(--comingsoon);
  color: var(--comingsoon);
}
#pageCommunity .community-wrap .communityItem .communityItemMetaSub .takeout {
  border-color: var(--takeout);
  color: var(--takeout);
}
#pageCommunity .community-wrap .communityItem .communityItemMetaSub .pre-order {
  border-color: var(--preOrder);
  color: var(--preOrder);
}
#pageCommunity .community-wrap .communityItem .communityItemMetaSub .lottery {
  border-color: var(--lottery);
  color: var(--lottery);
}
#pageCommunity .community-wrap .communityItems {
  display: grid;
  margin: 2em 0 0 0;
  grid-column-gap: 1em;
  grid-row-gap: 2.4em;
  font-size: 10px;
  font-size: 1rem;
}
#pageCommunity .community-wrap #productsLimitedUrl {
  display: grid;
  grid-template-columns: 100%;
  grid-row-gap: 1em;
  margin-top: 2em;
  font-size: 10px;
  font-size: 1rem;
}
#pageCommunity .community-wrap #productsLimitedUrl .urlBox {
  position: relative;
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  padding: 2.5em 2em;
  width: auto;
  font-size: 10px;
  font-size: 1rem;
  font-weight: bold;
  border: 0;
  border-radius: 0;
  background: none;
}
#pageCommunity .community-wrap #productsLimitedUrl .title {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
}
#pageCommunity .community-wrap #productsLimitedUrl .url {
  margin-top: 0.714em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
}
@media only screen and (min-width: 768px) {
  #pageCommunity .community-wrap .limited .communityItemHeader + p,
  #pageCommunity .community-wrap .limited .communityUrlHeader + p {
    font-size: 16px;
    font-size: 1.6rem;
  }
  #pageCommunity .community-wrap .communityItem .communityItemTitle {
    margin-top: 0.625em;
    font-size: 16px;
    font-size: 1.6rem;
  }
  #pageCommunity .community-wrap .communityItem .communityItemPrice {
    font-size: 18px;
    font-size: 1.8rem;
  }
  #pageCommunity .community-wrap .communityItem .communityItemMetaSub {
    margin: 1em 0 0 0;
  }
  #pageCommunity .community-wrap .communityItem .communityItemMetaSub .communityItemLabelBlock {
    margin: 0.333em 0.333em 0 0;
    padding: 0.2em 0.666em 0.233em 0.666em;
    font-size: 15px;
    font-size: 1.5rem;
    border-radius: 0.2em;
  }
  #pageCommunity .community-wrap .communityItems {
    grid-column-gap: 1.2em;
    grid-row-gap: 3.2em;
  }
}
@media only screen and (min-width: 1024px) {
  #pageCommunity .community-wrap .limited .communityItemHeader,
  #pageCommunity .community-wrap .limited .communityUrlHeader {
    margin: 3.2em 0 0.8em 0 !important;
    font-size: 20px;
    font-size: 2rem;
  }
  #pageCommunity .community-wrap .communityItem .communityLabelImage {
    left: -0.715em;
  }
  #pageCommunity .community-wrap .communityItems {
    margin-top: 4em;
    grid-column-gap: 2.4em;
    grid-row-gap: 4.8em;
  }
  #pageCommunity .community-wrap #productsLimitedUrl {
    margin-top: 4em;
  }
}

.items-clm-sp1 .communityItems {
  grid-template-columns: 1fr;
}

.items-clm-sp2 .communityItems {
  grid-template-columns: repeat(2, 1fr);
}

@media only screen and (min-width: 768px) {
  .items-clm-pc3 .communityItems {
    grid-template-columns: repeat(3, 1fr);
  }
  .items-clm-pc4 .communityItems {
    grid-template-columns: repeat(4, 1fr);
  }
}
.img-sq .communityItem .communityImageContainer {
  aspect-ratio: 1/1;
}

.img-la-gold .communityItem .communityImageContainer {
  aspect-ratio: 1.618/1;
}

.img-la-screen .communityItem .communityImageContainer {
  aspect-ratio: 4/3;
}

.img-pt-gold .communityItem .communityImageContainer {
  aspect-ratio: 1/1.618;
}

.img-pt-screen .communityItem .communityImageContainer {
  aspect-ratio: 3/4;
}

#pageCommunity .community-wrap .communityLogout {
  margin: 2.285em 0 0 0;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
}
#pageCommunity .community-wrap .communityLogout a {
  color: var(--font-clr);
}
#pageCommunity .community-wrap .openLeaveModal {
  display: block;
  margin: 1.428em 0 0 0;
  font-size: 14px;
  font-size: 1.4rem;
  color: var(--font-clr);
  opacity: 1;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
#pageCommunity .community-wrap .openLeaveModal:hover {
  opacity: 0.5;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
#pageCommunity .community-wrap .communityModal .communityModalHeader {
  color: #222;
}
#pageCommunity .community-wrap .communityModal .communityModalTable {
  padding: 5px 15px !important;
  background: #f0f1f4 !important;
}
#pageCommunity .community-wrap .communityModal .communityModalTable p {
  color: #222;
}
#pageCommunity .community-wrap .communityModal .communityModalButtons .communityModalButton + .communityModalButton {
  margin-top: 10px !important;
}
@media only screen and (min-width: 1024px) {
  #pageCommunity .community-wrap .communityLogout {
    margin-top: 4.571em;
  }
}

.th-colorE#pageCommunity .community-wrap .communityButton__guest {
  background: var(--clr-th-black);
}

#membership {
  padding: 0 !important;
}

.men-guide-wrap .main,
.men-login-wrap .main,
.men-mypage-wrap .main {
  font-size: 10px;
  font-size: 1rem;
  padding: 3.2em 1.5em 8.4em 1.5em;
}
@media only screen and (min-width: 768px) {
  .men-guide-wrap .main,
  .men-login-wrap .main,
  .men-mypage-wrap .main {
    padding: 6em 3em 10.5em 3em;
  }
}
@media only screen and (min-width: 1024px) {
  .men-guide-wrap .main,
  .men-login-wrap .main,
  .men-mypage-wrap .main {
    max-width: 98em;
    margin: 0 auto;
    padding: 8em 4em 10.5em 4em;
  }
}

#pageMembershipMyPage .mypage .heading-wrapper,
#pageMembershipMyPage .draft .heading-wrapper, #pageMembershipGuide .draft .heading-wrapper {
  font-size: 10px;
  font-size: 1rem;
  margin: 0 0 2em 0;
}
#pageMembershipMyPage .mypage .heading-wrapper .heading,
#pageMembershipMyPage .draft .heading-wrapper .heading, #pageMembershipGuide .draft .heading-wrapper .heading {
  margin: 0;
}
#pageMembershipMyPage .mypage .heading-wrapper .logout-wrapper,
#pageMembershipMyPage .draft .heading-wrapper .logout-wrapper, #pageMembershipGuide .draft .heading-wrapper .logout-wrapper {
  font-size: 10px;
  font-size: 1rem;
  position: relative;
  z-index: 1;
  opacity: 1;
  -webkit-transition: 0.5s opacity;
  transition: 0.5s opacity;
}
#pageMembershipMyPage .mypage .heading-wrapper .logout-wrapper:hover,
#pageMembershipMyPage .draft .heading-wrapper .logout-wrapper:hover, #pageMembershipGuide .draft .heading-wrapper .logout-wrapper:hover {
  opacity: 0.5;
  -webkit-transition: 0.5s opacity;
  transition: 0.5s opacity;
}
#pageMembershipMyPage .mypage .heading-wrapper .logout-wrapper::before,
#pageMembershipMyPage .draft .heading-wrapper .logout-wrapper::before, #pageMembershipGuide .draft .heading-wrapper .logout-wrapper::before {
  font-size: 10px;
  font-size: 1rem;
  background: none;
  border: solid 1px var(--font-clr);
  border-radius: 1.7em;
  opacity: 0.25;
}
#pageMembershipMyPage .mypage .heading-wrapper .logout-wrapper button.logout,
#pageMembershipMyPage .draft .heading-wrapper .logout-wrapper button.logout, #pageMembershipGuide .draft .heading-wrapper .logout-wrapper button.logout {
  padding: 0.833em 1.666em;
  font-size: 12px;
  font-size: 1.2rem;
  text-decoration: none;
  line-height: 1;
  color: var(--font-clr);
  background: none;
}
@media only screen and (min-width: 768px) {
  #pageMembershipMyPage .mypage .heading-wrapper .logout-wrapper button.logout,
  #pageMembershipMyPage .draft .heading-wrapper .logout-wrapper button.logout, #pageMembershipGuide .draft .heading-wrapper .logout-wrapper button.logout {
    padding: 0.714em 1.428em;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1024px) {
  #pageMembershipMyPage .mypage .heading-wrapper,
  #pageMembershipMyPage .draft .heading-wrapper, #pageMembershipGuide .draft .heading-wrapper {
    margin: 0 0 6.4em 0;
  }
}

#pageMembershipMyPage .mypage .content .definition-list,
#pageMembershipMyPage .draft .content .definition-list, #pageMembershipGuide .draft .content .definition-list {
  border-radius: 0.7em 0.7em 0.5em 0.5em;
  background: var(--clr-th-white);
  font-size: 10px;
  font-size: 1rem;
}
#pageMembershipMyPage .mypage .content .definition-list:has(.point-amount) .definition-term,
#pageMembershipMyPage .draft .content .definition-list:has(.point-amount) .definition-term, #pageMembershipGuide .draft .content .definition-list:has(.point-amount) .definition-term {
  background: var(--clr-th-black);
  color: var(--clr-th-white);
  padding: 0.781em;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  text-align: center;
  border-radius: 0.312em 0.312em 0 0;
  letter-spacing: 0.05em;
}
#pageMembershipMyPage .mypage .content .definition-list:has(.point-amount) .definition-description,
#pageMembershipMyPage .draft .content .definition-list:has(.point-amount) .definition-description, #pageMembershipGuide .draft .content .definition-list:has(.point-amount) .definition-description {
  z-index: 0;
  display: block;
  font-size: 10px;
  font-size: 1rem;
  background: none;
  position: relative;
  margin: 0;
}
#pageMembershipMyPage .mypage .content .definition-list:has(.point-amount) .definition-description::before,
#pageMembershipMyPage .draft .content .definition-list:has(.point-amount) .definition-description::before, #pageMembershipGuide .draft .content .definition-list:has(.point-amount) .definition-description::before {
  background: none;
  border: solid 1px var(--font-clr);
  border-top: 0;
  opacity: 0.15;
  border-radius: 0 0 0.5em 0.5em;
}
#pageMembershipMyPage .mypage .content .definition-list:has(.point-amount) .definition-description .point-amount,
#pageMembershipMyPage .draft .content .definition-list:has(.point-amount) .definition-description .point-amount, #pageMembershipGuide .draft .content .definition-list:has(.point-amount) .definition-description .point-amount {
  font-size: 28px;
  font-size: 2.8rem;
  color: var(--clr-th-black);
}
#pageMembershipMyPage .mypage .content .definition-list:has(.point-amount) .definition-description .point-expiry-date,
#pageMembershipMyPage .draft .content .definition-list:has(.point-amount) .definition-description .point-expiry-date, #pageMembershipGuide .draft .content .definition-list:has(.point-amount) .definition-description .point-expiry-date {
  font-size: 13px;
  font-size: 1.3rem;
  margin-top: 0.769em;
  color: var(--clr-th-black);
}
#pageMembershipMyPage .mypage .content .definition-list:has(.point-amount) .point-history,
#pageMembershipMyPage .draft .content .definition-list:has(.point-amount) .point-history, #pageMembershipGuide .draft .content .definition-list:has(.point-amount) .point-history, #pageMembershipMyPage .mypage .content .definition-list:has(.point-amount) + .about-wrapper,
#pageMembershipMyPage .draft .content .definition-list:has(.point-amount) + .about-wrapper, #pageMembershipGuide .draft .content .definition-list:has(.point-amount) + .about-wrapper {
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  line-height: 2;
}
#pageMembershipMyPage .mypage .content .definition-list:has(.point-amount) .point-history a,
#pageMembershipMyPage .draft .content .definition-list:has(.point-amount) .point-history a, #pageMembershipGuide .draft .content .definition-list:has(.point-amount) .point-history a, #pageMembershipMyPage .mypage .content .definition-list:has(.point-amount) + .about-wrapper a,
#pageMembershipMyPage .draft .content .definition-list:has(.point-amount) + .about-wrapper a, #pageMembershipGuide .draft .content .definition-list:has(.point-amount) + .about-wrapper a {
  font-size: inherit;
  padding: 0 0 0 1.071em;
  position: relative;
  color: var(--font-clr);
}
#pageMembershipMyPage .mypage .content .definition-list:has(.point-amount) .point-history a::before,
#pageMembershipMyPage .draft .content .definition-list:has(.point-amount) .point-history a::before, #pageMembershipGuide .draft .content .definition-list:has(.point-amount) .point-history a::before, #pageMembershipMyPage .mypage .content .definition-list:has(.point-amount) + .about-wrapper a::before,
#pageMembershipMyPage .draft .content .definition-list:has(.point-amount) + .about-wrapper a::before, #pageMembershipGuide .draft .content .definition-list:has(.point-amount) + .about-wrapper a::before {
  content: "";
  position: absolute;
  left: -0.072em;
  top: 0.428em;
  width: 0.571em;
  height: 0.571em;
  border-top: solid 1px var(--font-clr);
  border-right: solid 1px var(--font-clr);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#pageMembershipMyPage .mypage .content .definition-list:has(.mail-address),
#pageMembershipMyPage .draft .content .definition-list:has(.mail-address), #pageMembershipGuide .draft .content .definition-list:has(.mail-address) {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-column-gap: 2em;
  grid-row-gap: 0.5em;
  margin: 0;
  font-size: 10px;
  font-size: 1rem;
}
#pageMembershipMyPage .mypage .content .definition-list:has(.mail-address) .definition-term,
#pageMembershipMyPage .draft .content .definition-list:has(.mail-address) .definition-term, #pageMembershipGuide .draft .content .definition-list:has(.mail-address) .definition-term {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: medium;
  line-height: 2;
}
#pageMembershipMyPage .mypage .content .definition-list:has(.mail-address) .definition-description,
#pageMembershipMyPage .draft .content .definition-list:has(.mail-address) .definition-description, #pageMembershipGuide .draft .content .definition-list:has(.mail-address) .definition-description {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 2;
  padding: 0;
  margin: 0;
  position: relative;
  background: none;
}
#pageMembershipMyPage .mypage .content .definition-list:has(.mail-address) .mail-address,
#pageMembershipMyPage .draft .content .definition-list:has(.mail-address) .mail-address, #pageMembershipGuide .draft .content .definition-list:has(.mail-address) .mail-address {
  padding: 0 !important;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  text-align: left;
  font-weight: normal;
  line-height: 2;
  background: none;
}

#pageMembershipMyPage .mypage .leave-wrapper,
#pageMembershipMyPage .draft .leave-wrapper, #pageMembershipGuide .draft .leave-wrapper {
  margin: 3em 0 0 0;
  font-size: 10px;
  font-size: 1rem;
}
#pageMembershipMyPage .mypage .leave-wrapper button.leave,
#pageMembershipMyPage .draft .leave-wrapper button.leave, #pageMembershipGuide .draft .leave-wrapper button.leave {
  background: none;
  color: var(--font-clr);
}
@media only screen and (min-width: 768px) {
  #pageMembershipMyPage .mypage .leave-wrapper,
  #pageMembershipMyPage .draft .leave-wrapper, #pageMembershipGuide .draft .leave-wrapper {
    margin: 3.2em 0 0 0;
  }
}
@media only screen and (min-width: 1024px) {
  #pageMembershipMyPage .mypage .leave-wrapper,
  #pageMembershipMyPage .draft .leave-wrapper, #pageMembershipGuide .draft .leave-wrapper {
    margin: 6.4em 0 0 0;
  }
}

.men-main-img {
  margin: 0;
  width: 100%;
  height: 20em;
  overflow: hidden;
  position: relative;
  font-size: 10px;
  font-size: 1rem;
}
.men-main-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 768px) {
  .men-main-img {
    height: 34em;
  }
}
@media only screen and (min-width: 768px) {
  .men-main-img {
    height: 34em;
  }
}

#pageMembershipGuide .membership .flash-message {
  margin: 0 0 30px 0;
}
#pageMembershipGuide .draft .content .message {
  color: var(--clr-red);
  margin-bottom: 60px;
}
#pageMembershipGuide .draft .content .point-info-login-link {
  background: none;
  color: var(--font-clr);
}
#pageMembershipGuide .guide .content h2.heading {
  margin-bottom: 1em;
}
#pageMembershipGuide .guide .content .description p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
}
#pageMembershipGuide .guide .about-point {
  margin: 3em 0;
  font-size: 10px;
  font-size: 1rem;
}
#pageMembershipGuide .guide .about-point h2 {
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
  padding: 0 0 0.5em 0;
}
#pageMembershipGuide .guide .about-point h2::after {
  top: auto;
  bottom: 0;
  opacity: 0.15;
}
#pageMembershipGuide .guide .about-point .description {
  margin: 0.8em 0 0 0;
  font-size: 10px;
  font-size: 1rem;
}
#pageMembershipGuide .guide .about-point .description li {
  position: relative;
  padding-left: 1em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
}
#pageMembershipGuide .guide .about-point .description li::before {
  content: "・";
  position: absolute;
  left: 0;
}
#pageMembershipGuide .guide .register {
  position: relative;
  margin: 3em 0 0 0;
  padding: 3.2em;
  font-size: 10px;
  font-size: 1rem;
  background: none;
}
#pageMembershipGuide .guide .register .heading {
  margin: 0 0 0.888em 0 !important;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
}
#pageMembershipGuide .guide .register .description-wrapper {
  margin: 0;
}
#pageMembershipGuide .guide .register .description-wrapper p {
  margin: 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
  text-align: left;
}
#pageMembershipGuide .guide .register .description-wrapper a {
  color: inherit;
}
#pageMembershipGuide .guide .register form.mail-magazine {
  font-size: 0;
}
#pageMembershipGuide .guide .register .mail-magazine-wrapper {
  margin: 2em 0 0 0;
  width: 100%;
  font-size: 10px;
  font-size: 1rem;
}
#pageMembershipGuide .guide .register .mail-magazine-wrapper input.checkbox {
  font-size: 10px;
  font-size: 1rem;
  width: 1.4em;
  height: 1.4em;
  background: #FFF !important;
  border: solid 1px #666;
  border-radius: 0;
  -webkit-transition: 0.5s background-color;
  transition: 0.5s background-color;
}
#pageMembershipGuide .guide .register .mail-magazine-wrapper input.checkbox:checked {
  background: #666 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-transition: 0.5s background-color;
  transition: 0.5s background-color;
}
#pageMembershipGuide .guide .register .mail-magazine-wrapper input.checkbox::after {
  background: none;
  top: 0.2em;
  left: 0.2em;
  width: 0.8em;
  height: 0.6em;
  border-left: solid 2px #FFF;
  border-bottom: solid 2px #FFF;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#pageMembershipGuide .guide .register .mail-magazine-wrapper .label {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  color: var(--font-clr);
}
#pageMembershipGuide .guide .register .link-wrapper {
  margin: 0 !important;
  font-size: 10px;
  font-size: 1rem;
  padding-top: 4em;
}
#pageMembershipGuide .guide .register .link-wrapper button.link {
  font-size: 14px;
  font-size: 1.4rem;
  width: 100%;
  max-width: 26.714em;
  margin: 0 auto;
  padding: 1.428em;
  text-decoration: none;
  border-radius: 0;
  font-weight: bold;
  letter-spacing: 0.05em;
  color: #FFF;
  background: var(--clr-th-red);
  opacity: 1;
  -webkit-transition: 0.5s opacity;
  transition: 0.5s opacity;
}
#pageMembershipGuide .guide .register .link-wrapper button.link:hover {
  opacity: 0.5;
  -webkit-transition: 0.5s opacity;
  transition: 0.5s opacity;
}
#pageMembershipGuide .guide .register .login {
  margin: 1.428em 0 0 0;
  font-size: 14px;
  font-size: 1.4rem;
}
#pageMembershipGuide .guide .register .login a {
  color: inherit;
}
#pageMembershipGuide .guide .mypage-link {
  position: relative;
  margin: 0;
  padding: 3.2em;
  font-size: 10px;
  font-size: 1rem;
}
#pageMembershipGuide .guide .mypage-link a.link {
  font-size: 14px;
  font-size: 1.4rem;
  width: 100%;
  max-width: 26.714em;
  margin: 0 auto;
  padding: 1.428em;
  text-decoration: none;
  border-radius: 0;
  font-weight: bold;
  letter-spacing: 0.05em;
  background: var(--clr-th-red);
}
@media only screen and (min-width: 768px) {
  #pageMembershipGuide .guide .content h2.heading {
    margin-bottom: 1.333em;
  }
  #pageMembershipGuide .guide .content .description p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2;
  }
  #pageMembershipGuide .guide .about-point {
    margin: 3.2em 0;
  }
  #pageMembershipGuide .guide .about-point h2 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.5;
    padding-bottom: 1.111em;
  }
  #pageMembershipGuide .guide .about-point .description {
    margin-top: 3em;
  }
  #pageMembershipGuide .guide .about-point .description li {
    font-size: 16px;
    font-size: 1.6rem;
  }
  #pageMembershipGuide .guide .register {
    margin: 3.2em 0 0 0;
  }
  #pageMembershipGuide .guide .register .description-wrapper p {
    text-align: center;
  }
}
@media only screen and (min-width: 1024px) {
  #pageMembershipGuide .guide .content h2.heading {
    margin-bottom: 1.714em;
  }
  #pageMembershipGuide .guide .about-point {
    margin: 4.8em 0;
  }
  #pageMembershipGuide .guide .register {
    margin: 4.8em 0 0 0;
    padding: 6em;
  }
  #pageMembershipGuide .guide .register .heading {
    margin: 0 0 2.222em 0 !important;
  }
  #pageMembershipGuide .guide .register .mail-magazine-wrapper {
    margin: 4em 0 0 0;
  }
  #pageMembershipGuide .guide .register .link-wrapper {
    padding-top: 4em;
  }
  #pageMembershipGuide .guide .register .link-wrapper button.link {
    margin: 0 auto;
  }
  #pageMembershipGuide .guide .register .login {
    margin: 2.857em 0 0 0;
  }
  #pageMembershipGuide .guide .mypage-link {
    padding: 6em;
  }
}

#pageMembershipMyPage .membership .flash-message {
  margin: 0 0 30px 0;
}
#pageMembershipMyPage .mypage .content .point-info-login-link,
#pageMembershipMyPage .draft .content .point-info-login-link {
  background: none;
  color: var(--font-clr);
}
#pageMembershipMyPage .mypage .card,
#pageMembershipMyPage .draft .card {
  max-width: none;
  max-height: none;
  min-height: auto;
  position: relative;
  margin: 0;
  padding: 3.2em;
  font-size: 10px;
  font-size: 1rem;
  border-radius: 0;
  border: 0;
  background: none;
}
#pageMembershipMyPage .mypage .card .logo-text,
#pageMembershipMyPage .draft .card .logo-text {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.2;
}
#pageMembershipMyPage .mypage .card .membership-name,
#pageMembershipMyPage .draft .card .membership-name {
  margin: 0.714em 0 0 0;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.4;
}
#pageMembershipMyPage .mypage .card .join-date,
#pageMembershipMyPage .draft .card .join-date {
  margin: 0.714em 0 0 0;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.4;
}
#pageMembershipMyPage .mypage .message,
#pageMembershipMyPage .draft .message {
  color: var(--clr-red);
  margin-bottom: 60px;
}
#pageMembershipMyPage .mypage .content,
#pageMembershipMyPage .draft .content {
  font-size: 10px;
  font-size: 1rem;
  margin: 3em 0;
}
#pageMembershipMyPage .mypage .content .customer-info-wrapper,
#pageMembershipMyPage .draft .content .customer-info-wrapper {
  position: relative;
  padding-bottom: 0.8em;
  margin: 0 0 0.8em 0;
  font-size: 10px;
  font-size: 1rem;
}
#pageMembershipMyPage .mypage .content .customer-info-wrapper::after,
#pageMembershipMyPage .draft .content .customer-info-wrapper::after {
  top: auto;
  bottom: 0;
  opacity: 0.15;
}
#pageMembershipMyPage .mypage .content .customer-info,
#pageMembershipMyPage .draft .content .customer-info {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
}
#pageMembershipMyPage .mypage .content .edit-wrapper a.edit,
#pageMembershipMyPage .draft .content .edit-wrapper a.edit {
  font-size: 14px;
  font-size: 1.4rem;
  background: none;
  color: var(--font-clr);
}
#pageMembershipMyPage .mypage .content hr,
#pageMembershipMyPage .draft .content hr {
  display: none;
}
@media only screen and (min-width: 768px) {
  #pageMembershipMyPage .mypage .info,
  #pageMembershipMyPage .draft .info {
    display: block;
  }
  #pageMembershipMyPage .mypage .info .content,
  #pageMembershipMyPage .draft .info .content {
    margin: 3.2em 0;
  }
  #pageMembershipMyPage .mypage .info .content::before, #pageMembershipMyPage .mypage .info .content::after,
  #pageMembershipMyPage .draft .info .content::before,
  #pageMembershipMyPage .draft .info .content::after {
    content: "";
    display: table;
    clear: both;
    overflow: hidden;
  }
  #pageMembershipMyPage .mypage .info .content .customer-info-wrapper,
  #pageMembershipMyPage .draft .info .content .customer-info-wrapper {
    padding-bottom: 1.5em;
    margin: 0 0 2em 0 !important;
  }
  #pageMembershipMyPage .mypage .info .content .customer-info,
  #pageMembershipMyPage .draft .info .content .customer-info {
    font-size: 18px;
    font-size: 1.8rem;
  }
  #pageMembershipMyPage .mypage .info .content .definition-list:has(.point-amount),
  #pageMembershipMyPage .draft .info .content .definition-list:has(.point-amount) {
    font-size: 10px;
    font-size: 1rem;
    width: calc(50% - 1.1em);
    margin: 0;
    float: left;
  }
  #pageMembershipMyPage .mypage .info .content .definition-list:has(.point-amount) + .about-wrapper,
  #pageMembershipMyPage .draft .info .content .definition-list:has(.point-amount) + .about-wrapper {
    margin: 0;
    width: calc(50% - 1.1em);
    float: right;
  }
}
@media only screen and (min-width: 1024px) {
  #pageMembershipMyPage .mypage .info,
  #pageMembershipMyPage .draft .info {
    display: block;
  }
  #pageMembershipMyPage .mypage .info .card,
  #pageMembershipMyPage .draft .info .card {
    padding: 6em;
  }
  #pageMembershipMyPage .mypage .info .card .logo-text,
  #pageMembershipMyPage .draft .info .card .logo-text {
    font-size: 24px;
    font-size: 2.4rem;
  }
  #pageMembershipMyPage .mypage .info .content,
  #pageMembershipMyPage .draft .info .content {
    margin: 6.4em 0;
  }
  #pageMembershipMyPage .mypage .info .content .customer-info-wrapper,
  #pageMembershipMyPage .draft .info .content .customer-info-wrapper {
    margin: 0 0 2em 0 !important;
  }
}

#pageMembershipLogin .login .heading {
  margin-bottom: 1em;
}
#pageMembershipLogin .login .link-wrapper {
  position: relative;
  margin: 0;
  padding: 3.2em;
  font-size: 10px;
  font-size: 1rem;
}
#pageMembershipLogin .login .link-wrapper a.link {
  font-size: 14px;
  font-size: 1.4rem;
  width: 100%;
  max-width: 26.714em;
  margin: 0 auto;
  padding: 1.428em;
  text-decoration: none;
  border-radius: 0;
  font-weight: bold;
  letter-spacing: 0.05em;
  background: #000535;
}
#pageMembershipLogin .login .register-description {
  margin-top: 1.428em;
  font-size: 14px;
  font-size: 1.4rem;
}
#pageMembershipLogin .login .register-description a {
  color: inherit;
}
@media only screen and (min-width: 768px) {
  #pageMembershipLogin .login .heading {
    margin-bottom: 1.333em;
  }
}
@media only screen and (min-width: 1024px) {
  #pageMembershipLogin .login .heading {
    margin-bottom: 1.714em;
  }
  #pageMembershipLogin .login .link-wrapper {
    padding: 6em;
  }
}
#pageMembershipLogin .content .message {
  color: var(--clr-red);
  margin-bottom: 60px;
}
#pageMembershipLogin .content .point-info-login {
  margin: 2.142em 0 0 0;
  font-size: 14px;
  font-size: 1.4rem;
}
#pageMembershipLogin .content .point-info-login a.point-info-login-link {
  background: none;
  color: var(--font-clr);
}
@media only screen and (min-width: 768px) {
  #pageMembershipLogin .content .point-info-login {
    margin: 2.285em 0 0 0;
  }
}
@media only screen and (min-width: 1024px) {
  #pageMembershipLogin .content .point-info-login {
    margin: 4.571em 0 0 0;
  }
}

#membership #howto-caption .text {
  font-weight: normal;
}
#membership .reward-list {
  position: relative;
  margin: 3em 0;
  padding: 1.5em;
  font-size: 10px;
  font-size: 1rem;
}
#membership .reward-list::before {
  background: none;
  border: solid 1px var(--font-clr);
  opacity: 0.15;
}
#membership .reward-list .title {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2;
}
#membership .reward-list .bar {
  display: none;
}
#membership .reward-list .description {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
  margin: 0.357em 0 1.714em 0;
}
#membership .reward-list .reward-card-list {
  display: grid;
  grid-column-gap: 1em;
  grid-row-gap: 2.4em;
  grid-template-columns: repeat(2, 1fr);
}
#membership .reward-list .reward-image {
  -o-object-fit: cover;
     object-fit: cover;
}
#membership .reward-list .reward-detail-wrapper {
  margin: 0;
}
#membership .reward-list .reward-detail-wrapper .title {
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0.714em 0 0 0;
  font-weight: normal;
  line-height: 1.5;
}
#membership .reward-list .reward-detail-wrapper .exchange-point-wrapper {
  position: relative;
  margin: 0.5em 0 0 0;
  padding: 0 0 0 2em;
  font-size: 10px;
  font-size: 1rem;
  color: var(--clr-red);
  opacity: 0.75;
}
#membership .reward-list .reward-detail-wrapper .exchange-point-wrapper svg {
  display: none;
}
#membership .reward-list .reward-detail-wrapper .exchange-point-wrapper::before {
  content: "P";
  display: grid;
  place-items: center;
  position: absolute;
  left: 0;
  top: 0.153em;
  width: 1.23em;
  height: 1.23em;
  padding: 0.153em 0 0.153em 0.076em;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: normal;
  line-height: 0.75;
  border: solid 1px var(--clr-red);
  border-radius: 50%;
}
#membership .reward-list .reward-detail-wrapper .exchange-point-wrapper .exchange-point {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  margin: 0;
}
#membership .reward-list .reward-detail-wrapper .description {
  font-size: 13px;
  font-size: 1.3rem;
}
@media only screen and (min-width: 768px) {
  #membership .reward-list {
    margin: 3.2em 0;
    padding: 3.2em;
  }
  #membership .reward-list .description {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0.312em 0 1.5em 0;
  }
  #membership .reward-list .reward-card-list {
    grid-column-gap: 1.2em;
    grid-row-gap: 3.2em;
    grid-template-columns: repeat(3, 1fr);
  }
  #membership .reward-list .reward-detail-wrapper {
    margin: 0;
  }
}
@media only screen and (min-width: 1024px) {
  #membership .reward-list {
    margin: 4.8em 0 6.4em 0;
  }
  #membership .reward-list .reward-card-list {
    grid-column-gap: 2.4em;
    grid-row-gap: 4.8em;
    grid-template-columns: repeat(4, 1fr);
  }
}

.img-sq .reward-list .reward-image {
  aspect-ratio: 1/1;
}

.img-la-gold .reward-list .reward-image {
  aspect-ratio: 1.618/1;
}

.img-la-screen .reward-list .reward-image {
  aspect-ratio: 4/3;
}

.img-pt-gold .reward-list .reward-image {
  aspect-ratio: 1/1.618;
}

.img-pt-screen .reward-list .reward-image {
  aspect-ratio: 3/4;
}

#membership .point-history .content .point-history-summary {
  font-size: 10px;
  font-size: 1rem;
  margin-bottom: 4.8em;
}
#membership .point-history .content .point-name {
  text-align: left;
  margin-bottom: 1em;
  color: var(--font-clr);
}
#membership .point-history .content .description {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
  color: var(--font-clr);
}
#membership .point-history .content .point-history-empty-text {
  border: 0;
  padding: 1.142em;
  font-size: 14px;
  font-size: 1.4rem;
  position: relative;
  background: #FFF;
  color: #222;
  border: solid 1px rgba(34, 34, 34, 0.15);
}
#membership .point-history .content .point-history-list {
  position: relative;
  padding: 1.6em;
  font-size: 10px;
  font-size: 1rem;
  color: #222;
  border: solid 1px rgba(34, 34, 34, 0.15);
}
#membership .point-history .content .card {
  font-size: 10px;
  font-size: 1rem;
  border: 0;
  padding: 1.6em 0 0 0;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: repeat(3, auto);
  grid-column-gap: 2em;
}
#membership .point-history .content .card:first-child {
  padding-top: 0;
}
#membership .point-history .content .card + .card {
  margin-top: 1.8em;
  position: relative;
}
#membership .point-history .content .card + .card::before {
  background: #222;
}
#membership .point-history .content .card .caption {
  margin: 0;
  grid-area: 1/1/4/2;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #222;
}
#membership .point-history .content .card .caption .action-type {
  display: inline-block;
  font-size: 11px;
  font-size: 1.1rem;
  background: #999;
  color: #FFF;
  padding: 0.454em 0.909em 0.545em 0.909em;
  border-radius: 0.181em;
}
#membership .point-history .content .card .point {
  margin: 0;
  grid-area: 1/2/2/3;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.4;
  text-align: right;
  color: #222;
}
#membership .point-history .content .card .order-header-unique-key {
  margin: 0;
  grid-area: 2/2/3/3;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.4;
  text-align: right;
  color: #222;
}
#membership .point-history .content .card .reward-name {
  grid-area: 3/2/4/3;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.4;
  text-align: right;
  color: #222;
}
#membership .point-history .content .card.is-get .caption .action-type {
  background: #C05D5D;
}
#membership .point-history .content .card.is-get .point {
  color: #C05D5D;
}
#membership .point-history .content .card.is-return .caption .action-type {
  background: #1e3d77;
}
#membership .point-history .content .card.is-return .point {
  color: #1e3d77;
}
@media only screen and (min-width: 768px) {
  #membership .point-history .content .point-name {
    margin-bottom: 1.333em;
  }
  #membership .point-history .content .description {
    font-size: 16px;
    font-size: 1.6rem;
  }
  #membership .point-history .content .point-history-empty-text {
    padding: 2em;
    font-size: 16px;
    font-size: 1.6rem;
  }
  #membership .point-history .content .point-history-list {
    padding: 3.2em;
  }
  #membership .point-history .content .card {
    padding: 3em 0 0 0;
  }
  #membership .point-history .content .card + .card {
    margin-top: 3.2em;
  }
  #membership .point-history .content .card .caption {
    font-size: 16px;
    font-size: 1.6rem;
  }
  #membership .point-history .content .card .caption .action-type {
    font-size: 13px;
    font-size: 1.3rem;
    padding: 0.384em 0.769em;
    border-radius: 0.153em;
  }
  #membership .point-history .content .card .point {
    font-size: 27px;
    font-size: 2.7rem;
  }
  #membership .point-history .content .card .order-header-unique-key {
    font-size: 13px;
    font-size: 1.3rem;
  }
  #membership .point-history .content .card .reward-name {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
@media only screen and (min-width: 1024px) {
  #membership .point-history .content .point-name {
    margin-bottom: 1.714em;
  }
  #membership .point-history .content .point-history-summary {
    margin-bottom: 6.4em;
  }
  #membership .point-history .content .point-history-empty-text {
    padding: 3em;
  }
  #membership .point-history .content .point-history-list {
    padding: 4.8em;
  }
}
#membership .point-history .pagination {
  font-size: 10px;
  font-size: 1rem;
  margin: 4.8em 0;
}
#membership .point-history .pagination .page-block a.page-link,
#membership .point-history .pagination .page-block span.current {
  position: relative;
  margin: 0 0.071em;
  padding: 0.714em;
  min-width: 3.857em;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.85;
  background: none;
  border: 0;
  border-radius: 0.428em;
}
#membership .point-history .pagination .page-block a.page-link::before,
#membership .point-history .pagination .page-block span.current::before {
  border-radius: 0.357em;
}
#membership .point-history .pagination .page-block span.current {
  color: var(--clr-th-white);
}
#membership .point-history .pagination .page-block span.current::before {
  opacity: 1;
  background: var(--clr-th-black);
}
#membership .point-history .pagination .page-block a.page-link {
  color: var(--clr-th-black);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 0;
  background: var(--clr-th-white);
}
#membership .point-history .pagination .page-block a.page-link::before {
  background: none;
  border: solid 1px var(--clr-th-black);
  opacity: 0.15;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#membership .point-history .pagination .page-block a.page-link:hover {
  color: var(--clr-th-white);
  opacity: 1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#membership .point-history .pagination .page-block a.page-link:hover::before {
  opacity: 1;
  background: var(--clr-th-black);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#membership .point-history .pagination .page-block span.ellipses {
  color: var(--clr-th-black);
  opacity: 0.5;
}
@media only screen and (min-width: 768px) {
  #membership .point-history .pagination .pagination {
    margin: 3.2em 0;
  }
}
@media only screen and (min-width: 1024px) {
  #membership .point-history .pagination .pagination {
    margin: 6.4em 0;
  }
}

.th-colorE#pageMembershipGuide .guide .register .link-wrapper button.link {
  background: var(--clr-th-black);
}
.th-colorE#pageMembershipGuide .guide .mypage-link a.link {
  background: var(--clr-th-black);
}

.th-colorC #membership .point-history .content .card.is-return .caption .action-type {
  background: #3360b3;
}
.th-colorC #membership .point-history .content .card.is-return .point {
  color: #3360b3;
}

.priv-wrap,
.law-wrap {
  font-size: 10px;
  font-size: 1rem;
  padding: 3.2em 1.5em 8.4em 1.5em;
}
@media only screen and (min-width: 768px) {
  .priv-wrap,
  .law-wrap {
    padding: 6em 3em 10.5em 3em;
  }
}
@media only screen and (min-width: 1024px) {
  .priv-wrap,
  .law-wrap {
    max-width: 98em;
    margin: 0 auto;
    padding: 8em 4em 10.5em 4em;
  }
}

#pageLaw .law-wrap h2 {
  margin-bottom: 1em;
}
#pageLaw .law-wrap h3 {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
  margin: 2em 0 0.625em 0;
}
#pageLaw .law-wrap p {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.8;
}
#pageLaw .law-wrap .atobaraiTerm,
#pageLaw .law-wrap .bnplTerm {
  position: relative;
  margin-top: 1.5em;
  padding: 2.5em 2em;
  font-size: 10px;
  font-size: 1rem;
}
#pageLaw .law-wrap .atobaraiTerm__title,
#pageLaw .law-wrap .bnplTerm__title {
  font-weight: bold;
}
#pageLaw .law-wrap .telnumValid__txt {
  color: #222;
}
@media only screen and (min-width: 768px) {
  #pageLaw .law-wrap h2:not(.foot-logo) {
    margin-bottom: 1.333em;
  }
  #pageLaw .law-wrap h3 {
    font-size: 18px;
    font-size: 1.8rem;
    margin: 1.777em 0 0.833em 0;
  }
  #pageLaw .law-wrap p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2;
  }
}
@media only screen and (min-width: 1024px) {
  #pageLaw .law-wrap h2:not(.foot-logo) {
    margin-bottom: 1.714em;
  }
  #pageLaw .law-wrap h3 {
    font-size: 20px;
    font-size: 2rem;
    margin: 2.4em 0 0.75em 0;
  }
}

#pagePrivacy .priv-wrap h2 {
  margin-bottom: 1em;
}
#pagePrivacy .priv-wrap .privacy_intro {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.8;
}
#pagePrivacy .priv-wrap dl > dt {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 2em 0 0.625em 0;
}
#pagePrivacy .priv-wrap dl > dd {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.8;
}
#pagePrivacy .priv-wrap dl ul {
  position: relative;
  margin-top: 1.5em;
  padding: 2.5em 2em;
  font-size: 10px;
  font-size: 1rem;
}
#pagePrivacy .priv-wrap dl ul li {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.8;
}
@media only screen and (min-width: 768px) {
  #pagePrivacy .priv-wrap h2 {
    margin-bottom: 1.333em;
  }
  #pagePrivacy .priv-wrap .privacy_intro {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2;
  }
  #pagePrivacy .priv-wrap dl > dt {
    font-size: 18px;
    font-size: 1.8rem;
    margin: 1.777em 0 0.833em 0;
  }
  #pagePrivacy .priv-wrap dl > dd {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2;
  }
  #pagePrivacy .priv-wrap dl ul li {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2;
  }
}
@media only screen and (min-width: 1024px) {
  #pagePrivacy .priv-wrap h2 {
    margin-bottom: 1.714em;
  }
  #pagePrivacy .priv-wrap dl > dt {
    font-size: 20px;
    font-size: 2rem;
    margin: 2.4em 0 0.75em 0;
  }
}/*# sourceMappingURL=japanesque.css.map */