@charset "UTF-8";
#law .atobaraiTerm::before,
#law .bnplTerm::before, #privacy dl ul::before, #membership .guide .about-point::before, #membership .register::before, #membership .reward-list .howto::after, #membership .reward-list .howto .description::before, #membership .login .mbs-login-wrap::before, #membership .mypage .heading-wrapper .logout-wrapper::before,
#membership .draft .heading-wrapper .logout-wrapper::before, #membership .mypage .info .card::before,
#membership .draft .info .card::before, #membership .mypage .info .content .definition-list:has(.point-amount)::before,
#membership .draft .info .content .definition-list:has(.point-amount)::before, #membership .draft .message::before, #membership .point-history .content .point-history-empty-text::before, #membership .point-history .content .point-history-list::before, #membership .point-history .pagination .page-block a.page-link::before,
#membership .point-history .pagination .page-block span.current::before, .item-bg-clr #membership .reward-list .howto .description::before, .communityData .communityMain .communitySignin::before, #limitedUrl #productsLimitedUrl .urlBox::before, .contact-wrap form::before, #inquiryCompleteSection::before, .about-info-box .about-info-img.is-none::before, .about-pay .about-pay-list::before, .item_img_wrap .item_slider_no:before, .product-data .communityBox.communityData::before, .blog-fixed a::before, .concept::before, .mailmagazine .box::before, .rankLoading::before, .round10 .rankLoading::before, #notshop::before, footer #baseMenu .base::before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.08;
  background: var(--font-clr);
  content: "";
}

#membership .point-history .content .card + .card::before, #inquiryConfirmSection dl > dd::after, .product-detail .review01 .review01__tabWrap::before, .product-detail .review01 .review01__tabWrap::after, .item_related::before, footer::before, .category-group + .shop-info::before {
  position: absolute;
  top: 0;
  left: 0;
  background: var(--font-clr);
  width: 100%;
  height: 1px;
  opacity: 0.25;
  content: "";
  display: block;
}

.product-data .item-price, .itemlist > li .item-price,
.rank-slider .slick-slide > div .item-price {
  font-size: 10px;
  font-size: 1rem;
}
.product-data .item-price .default, .itemlist > li .item-price .default,
.rank-slider .slick-slide > div .item-price .default,
.product-data .item-price .discount,
.itemlist > li .item-price .discount,
.rank-slider .slick-slide > div .item-price .discount {
  font-size: 21px;
  font-size: 2.1rem;
}
.product-data .item-price .discount, .itemlist > li .item-price .discount,
.rank-slider .slick-slide > div .item-price .discount {
  margin-right: 0.1em;
  color: var(--clr-red);
}
.product-data .item-price .ratio, .itemlist > li .item-price .ratio,
.rank-slider .slick-slide > div .item-price .ratio {
  font-size: 11px;
  font-size: 1.1rem;
  display: inline-block;
  vertical-align: 0.181em;
  border-width: 1px 0px;
  border-style: solid;
  border-color: var(--clr-red);
  color: var(--clr-red);
  font-weight: bolder;
}
.product-data .item-price .foreign, .itemlist > li .item-price .foreign,
.rank-slider .slick-slide > div .item-price .foreign {
  font-size: 13px;
  font-size: 1.3rem;
  display: inline-block;
}

.product-data .comingSoon, .product-data .preOrder .preOrder__label, .product-data .salesPeriod--term span, .product-data .lottery .lottery__label, .product-data .communityLabel .communityLabel__title, .product-data .takeout .takeout__label {
  position: relative;
  padding-left: 1em;
  line-height: 1;
  font-size: 14px;
  font-size: 1.4rem;
}
.product-data .comingSoon::before, .product-data .preOrder .preOrder__label::before, .product-data .salesPeriod--term span::before, .product-data .lottery .lottery__label::before, .product-data .communityLabel .communityLabel__title::before, .product-data .takeout .takeout__label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.214em;
  display: block;
  width: 0.714em;
  height: 0.714em;
  border-radius: 50%;
}

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

body {
  padding: 0;
  margin: 0;
  border: 0;
  letter-spacing: 0.075em;
  font-family: "Lato", "Yu Gothic Medium", "游ゴシック Medium", "YuGothic", "游ゴシック体", "ヒラギノ角ゴ", "メイリオ", sans-serif;
  -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;
}

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

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

@media only screen and (min-width: 1024px) {
  .pc-none {
    display: none !important;
  }
}
.main-contents {
  font-size: 10px;
  font-size: 1rem;
  overflow: hidden;
  margin: 10em auto;
  padding: 0 2em;
}
.main-contents.is-clr {
  margin: 4em auto 6em auto;
}
.main-contents.is-tra {
  margin: 2em auto 6em auto;
}
@media only screen and (min-width: 768px) {
  .main-contents.is-clr {
    margin: 6em auto 10em auto;
  }
  .main-contents.is-tra {
    margin: 4em auto 10em auto;
  }
}
@media only screen and (min-width: 1024px) {
  .main-contents {
    font-size: 10px;
    font-size: 1rem;
    padding: 0 4em;
  }
  .main-contents.w-1200 {
    max-width: 128em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.main-contents .sidenav {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .main-contents .sidenav {
    font-size: 14px;
    font-size: 1.4rem;
    display: block;
    width: calc(25% - 2.857em);
    margin-right: 2.857em;
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .main-contents .sidenav.item-bg-clr {
    padding: 2.857em;
    background: var(--item-bg-clr);
    color: var(--item-clr);
  }
  .main-contents .sidenav.item-bg-clr a {
    color: inherit;
  }
  .main-contents .sidenav.item-bg-clr .category-group li::before {
    border-top: 1px solid var(--item-clr);
    border-right: 1px solid var(--item-clr);
  }
  .main-contents .sidenav.item-bg-clr.round10 {
    border-radius: 10px;
  }
  .main-contents .sidenav + .main-area {
    width: 75%;
    float: left;
  }
}

#index .main-contents {
  margin: 0 auto;
  padding: 6em 2em 0 2em;
}
@media only screen and (min-width: 1024px) {
  #index .main-contents.is-clr, #index .main-contents.is-tra {
    padding: 10em 4em 0.1em 4em;
  }
}

#index .main-area {
  font-size: 10px;
  font-size: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#index .main-area .item-wrapper {
  font-size: 10px;
  font-size: 1rem;
  margin-bottom: 6em;
}
#index .main-area .top-order1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
#index .main-area .top-order2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
#index .main-area .top-order3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
#index .main-area .top-order4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
#index .main-area .top-order5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}
#index .main-area .top-order6 {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}
@media only screen and (min-width: 1024px) {
  #index .main-area .item-wrapper {
    margin-bottom: 10em;
  }
}

@media only screen and (min-width: 1024px) {
  #about .side-off,
  #MembershipGuide .side-off,
  #MembershipMyPage .side-off,
  #MembershipLogin .side-off,
  #community .side-off,
  #contact .side-off,
  #prib .side-off,
  #lw .side-off {
    max-width: 83em;
  }
  #blog .side-off .is-detail,
  #blog .side-off .blog-txt-list {
    max-width: 75em;
    margin: 0 auto;
  }
}
.bodywrap {
  position: relative;
}

header {
  background: var(--header-bg);
  position: sticky;
  top: 0;
  z-index: 11;
}
header.head-bg-tra {
  background: transparent;
}

.header-wrapper {
  font-size: 10px;
  font-size: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 5em;
}
.header-wrapper a {
  text-decoration: none;
}
.header-wrapper a:hover, .header-wrapper a:active {
  opacity: 1;
}
.header-wrapper .header-nav nav {
  display: none;
}
.header-wrapper .header-mypage {
  display: none;
}
.header-wrapper #btn-open {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.header-wrapper h1 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.header-wrapper .header-nav {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.header-wrapper #btn-open,
.header-wrapper .header-nav {
  font-size: 10px;
  font-size: 1rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 6em !important;
  fill: var(--main-menu-clr);
  color: var(--main-menu-clr);
}
.header-wrapper #btn-open a,
.header-wrapper .header-nav a {
  color: var(--main-menu-clr);
}
.header-wrapper #btn-open a:link, .header-wrapper #btn-open a:visited,
.header-wrapper .header-nav a:link,
.header-wrapper .header-nav a:visited {
  opacity: 1;
}
.header-wrapper #btn-open a:hover, .header-wrapper #btn-open a:active,
.header-wrapper .header-nav a:hover,
.header-wrapper .header-nav a:active {
  opacity: 0.5;
}
@media only screen and (min-width: 768px) {
  .header-wrapper {
    font-size: 10px;
    font-size: 1rem;
    min-height: 8em;
  }
}
@media only screen and (min-width: 1024px) {
  .header-wrapper {
    font-size: 10px;
    font-size: 1rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 4em;
  }
  .header-wrapper #btn-open {
    font-size: 10px;
    font-size: 1rem;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    margin: 0.3em 0 0 1.5em;
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .header-wrapper #btn-open:hover {
    cursor: pointer;
    opacity: 0.5;
  }
  .header-wrapper h1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .header-wrapper .header-nav {
    width: 100% !important;
    padding-left: 1.5em;
    font-size: 10px;
    font-size: 1rem;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 1em 3em;
  }
  .header-wrapper .header-nav nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .header-wrapper .header-nav nav a {
    text-decoration: none;
    white-space: nowrap;
  }
  .header-wrapper .header-mypage {
    display: block;
  }
}

.head_logo {
  padding: 1em 0;
  font-size: 10px;
  font-size: 1rem;
  width: calc(100% - 12em);
  text-align: center;
}
.head_logo .logoText {
  font-size: 24px;
  font-size: 2.4rem;
  word-break: break-all;
  line-height: 1;
}
@media only screen and (min-width: 768px) {
  .head_logo .logoText {
    font-size: 30px;
    font-size: 3rem;
  }
}
.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: 6em;
  }
}
.head_logo a:link, .head_logo a:active, .head_logo a:hover, .head_logo a:visited {
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  .head_logo {
    width: 100%;
    text-align: center;
  }
}
@media only screen and (min-width: 1024px) {
  .head_logo {
    width: 100%;
    text-align: left;
  }
}

.header-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 768px) {
  .header-nav nav {
    font-size: 10px;
    font-size: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 0 2em;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .header-nav nav li {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.header-nav .base,
.header-nav .cart img {
  display: none;
}
.header-nav #cart_icon {
  font-size: 10px;
  font-size: 1rem;
  width: 2.5em;
  fill: var(--main-menu-clr);
}
.header-nav .cart {
  position: relative;
}
.header-nav .cart-badge {
  display: block !important;
}
.header-nav .cart-qty {
  position: absolute;
  top: -2px;
  right: -5px;
  padding: 0;
  height: 14px;
  min-width: 14px;
  color: var(--accent-font-clr);
  background: var(--accent-clr);
  border-radius: 50%;
  font-size: 10px !important;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
}

#btn-open {
  z-index: 20;
}

.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.5);
  opacity: 0;
  -webkit-transition: opacity 0.5s 0s, width 0s 0.5s;
  transition: opacity 0.5s 0s, width 0s 0.5s;
}
.overlay.active {
  width: 100%;
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

#sp-nav {
  font-size: 13px;
  font-size: 1.3rem;
  position: fixed;
  background: var(--header-bg);
  width: 20em;
  padding: 1.538em;
  height: 100vh;
  top: 0;
  color: var(--main-menu-clr);
  left: -26.154em;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  z-index: 20;
  overflow-y: scroll;
}
#sp-nav nav {
  padding-bottom: 6em;
}

.panelactive {
  left: 0 !important;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

@media only screen and (min-width: 1024px) {
  #sp-nav {
    font-size: 13px;
    font-size: 1.3rem;
    width: 23.076em;
    padding: 6.153em 3.076em;
    left: auto;
    right: -29.231em;
    scrollbar-color: var(--header-bg) var(--header-bg);
  }
  #sp-nav::-webkit-scrollbar {
    width: 0.1em;
  }
  #sp-nav::-webkit-scrollbar-track {
    background: var(--header-bg);
    border-radius: 0.1em;
  }
  #sp-nav::-webkit-scrollbar-thumb {
    background: var(--header-bg);
    border-radius: 0.1em;
  }
  #sp-nav nav {
    padding-bottom: 12em;
  }
  .panelactive {
    left: auto !important;
    right: 0 !important;
  }
  #btn-close {
    font-size: 10px;
    font-size: 1rem;
    position: absolute;
    top: 3em;
    right: 4em;
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  #btn-close:hover {
    cursor: pointer;
    opacity: 0.5;
  }
}
@media only screen and (min-width: 1200px) {
  #sp-nav {
    width: calc(25% - 6.153em);
    right: -25%;
  }
}
.s-title {
  font-size: 14px;
  font-size: 1.4rem;
}
.s-title.side-mypage {
  margin-top: 1.428em;
}
.s-title.side-mypage a {
  text-decoration: none;
}
.s-title.side-mypage a svg {
  margin-top: -0.215em;
}

.category-title {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 1.875em 0 0.937em 0;
}
.category-title:first-child {
  margin-top: 0;
}
.category-title + .category-title {
  margin-top: 0.937em;
}
.category-title a {
  text-decoration: none;
}

.shop-info .s-title {
  margin: 0 0 2.142em 0;
}

.category-group + .shop-info {
  font-size: 10px;
  font-size: 1rem;
  position: relative;
  padding-top: 6.1em;
}
.category-group + .shop-info::before {
  top: 3em;
  background: var(--font-clr);
}

.item-bg-clr .shop-info::before {
  background: var(--item-clr);
}

.category-group {
  font-size: 14px;
  font-size: 1.4rem;
  margin: 1.071em 0 0 0;
}
.category-group li {
  font-size: 14px;
  font-size: 1.4rem;
  position: relative;
  padding-left: 1.428em;
}
.category-group li a:link, .category-group li a:active, .category-group li a:hover, .category-group li a:visited {
  text-decoration: none;
}
.category-group li:not(:last-of-type) {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 1.071em;
}
.category-group li::before {
  font-size: 14px;
  font-size: 1.4rem;
  content: "";
  position: absolute;
  top: 50%;
  left: -0.143em;
  width: 0.428em;
  height: 0.428em;
  border-top: 1px solid var(--font-clr);
  border-right: 1px solid var(--font-clr);
  -webkit-transform: rotate(45deg) translateY(-0.358em);
          transform: rotate(45deg) translateY(-0.358em);
}

#sp-nav .category-group li::before {
  border-top: 1px solid var(--main-menu-clr);
  border-right: 1px solid var(--main-menu-clr);
}
#sp-nav .category-group + .shop-info::before {
  background: var(--main-menu-clr);
}

.item-search form {
  font-size: 16px;
  font-size: 1.6rem;
  width: 100%;
  display: none;
  position: relative;
  margin: 1.875em 0;
}
.item-search input[type=text] {
  font-size: 16px;
  font-size: 1.6rem;
  background: none;
  border: none;
  border-bottom: 1px solid var(--font-clr);
  padding: 0.312em 0 0.312em 0.312em;
  width: calc(100% - 0.312em);
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  color: var(--font-clr);
  border-radius: 0;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.item-search input[type=text]::-webkit-input-placeholder {
  color: var(--font-clr);
}
.item-search input[type=text]::-moz-placeholder {
  color: var(--font-clr);
}
.item-search input[type=text]:-ms-input-placeholder {
  color: var(--font-clr);
}
.item-search input[type=text]::-ms-input-placeholder {
  color: var(--font-clr);
}
.item-search input[type=text]::placeholder {
  color: var(--font-clr);
}
.item-search input[type=text]:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
.item-search input[type=text]:focus-visible {
  outline: 0;
}
.item-search button[type=submit] {
  font-size: 14px;
  font-size: 1.4rem;
  background: none;
  border: none;
  position: absolute;
  right: -0.358em;
  top: 0;
  color: var(--font-clr);
}
.item-search button[type=submit]::-webkit-input-placeholder {
  color: var(--font-clr);
}
.item-search button[type=submit]::-moz-placeholder {
  color: var(--font-clr);
}
.item-search button[type=submit]:-ms-input-placeholder {
  color: var(--font-clr);
}
.item-search button[type=submit]::-ms-input-placeholder {
  color: var(--font-clr);
}
.item-search button[type=submit]::placeholder {
  color: var(--font-clr);
}
.item-search button[type=submit] svg {
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  fill: none;
  stroke: var(--font-clr);
  width: 1.571em;
}
@media only screen and (min-width: 768px) {
  .item-search form {
    display: block;
  }
}

#sp-nav .item-search form {
  display: block;
}
#sp-nav .item-search input[type=text] {
  border-bottom: 1px solid var(--main-menu-clr);
  color: var(--main-menu-clr);
}
#sp-nav .item-search input[type=text]::-webkit-input-placeholder {
  color: var(--main-menu-clr);
}
#sp-nav .item-search input[type=text]::-moz-placeholder {
  color: var(--main-menu-clr);
}
#sp-nav .item-search input[type=text]:-ms-input-placeholder {
  color: var(--main-menu-clr);
}
#sp-nav .item-search input[type=text]::-ms-input-placeholder {
  color: var(--main-menu-clr);
}
#sp-nav .item-search input[type=text]::placeholder {
  color: var(--main-menu-clr);
}
#sp-nav .item-search button[type=submit] svg {
  stroke: var(--main-menu-clr);
}

.info_wrapper {
  font-size: 10px;
  font-size: 1rem;
}
.info_wrapper a {
  text-decoration: none;
}
.info_wrapper .informationBannerArrow {
  font-size: 14px;
  font-size: 1.4rem;
}

footer {
  font-size: 14px;
  font-size: 1.4rem;
  position: relative;
  padding: 4.285em 0 0 0;
}
footer a:link, footer a:active, footer a:hover, footer a:visited {
  text-decoration: none;
}
footer .setting {
  font-size: 14px;
  font-size: 1.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 1.071em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
footer .setting #i18 {
  font-size: 14px;
  font-size: 1.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.357em;
}
footer .setting #i18 select {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  height: 2.571em;
  min-width: 7.142em;
  padding: 0.714em 1.071em;
  background: transparent;
  font-size: 14px;
  font-size: 1.4rem;
  color: var(--font-clr);
  border: solid 1px var(--font-clr);
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  border-radius: 0.312em;
}
footer .setting #i18 option {
  background: #fff;
  color: #222;
}
footer .lang,
footer .currency {
  position: relative;
}
footer .lang::before,
footer .currency::before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid var(--font-clr);
  content: "";
  position: absolute;
  right: 9px;
  top: 20px;
  width: 0;
  opacity: 0.5;
  pointer-events: none;
}
footer .copy {
  font-size: 10px;
  font-size: 1rem;
  width: 100%;
  margin-top: 6em;
  padding: 3em 0;
  text-align: center;
  background: var(--accent-clr);
  color: var(--accent-font-clr);
}
footer .copy small {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 0 1.428em;
}
@media only screen and (min-width: 768px) {
  footer .copy {
    margin-top: 7.142em;
  }
}
footer .manual {
  font-size: 10px;
  font-size: 1rem;
  margin: 4em auto;
}
footer .manual:first-child {
  margin-top: 0;
}
footer .manual li {
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
}
footer .manual li:not(:last-of-type) {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 1.071em;
}
@media only screen and (min-width: 768px) {
  footer .manual {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0 2.142em;
    margin: 6em auto;
  }
}
footer #baseMenu .base {
  font-size: 10px;
  font-size: 1rem;
  padding: 0.9em;
  margin-top: 1px;
  background: #FFF;
  border-radius: 0.4em;
  position: relative;
}
footer #baseMenu .base::before {
  border: solid 1px var(--font-clr);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  left: -1px;
  top: -1px;
  opacity: 0.5;
  border-radius: 0.5em;
}
footer #baseMenu .base img {
  height: 2em;
}
footer #baseMenu .cart {
  display: none;
}
footer .dark-mode #baseMenu .base {
  background: #333333;
}
footer .dark-mode #baseMenu .base img {
  -webkit-filter: brightness(275%);
          filter: brightness(275%);
}

.sns-list {
  padding: 0 2em;
  font-size: 10px;
  font-size: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sns-list li {
  font-size: 10px;
  font-size: 1rem;
}

.dark-mode .sns-list li {
  padding: 1em;
  background: #FFF;
  border-radius: 50%;
}

.line a, .twitter a, .facebook a, .tiktok a, .insta a, .youtube a, .abema a, .note a {
  display: block;
  width: 2.6em;
  height: 2.6em;
  height: 0;
  padding-top: 2.6em;
  overflow: hidden;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

#index #x_startMessenger {
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}

.msg_messenger .msg_smsAuth__formArea {
  display: grid;
  grid-template-columns: 1fr auto;
}
.msg_messenger .msg_smsAuth__formArea > input {
  width: 100%;
}

.is-msg footer .copy {
  padding: 2.142em 0 7.142em 0;
}
@media only screen and (min-width: 479px) {
  .is-msg footer .copy {
    padding: 2.142em 0;
  }
  .is-msg footer .copy small {
    padding: 0 7.142em 0 1.428em;
    text-align: left;
  }
}
@media only screen and (min-width: 768px) {
  .is-msg footer .copy small {
    padding: 0 7.142em;
    text-align: center;
  }
}

:root {
  --comingsoon: #90CF80;
  --community: #E7AF5B;
  --takeout: #AB99BD;
  --preOrder:#90CF80;
  --lottery:#79BFC3;
  --discount: #C36F6F;
}

.mincho, .mincho input, .mincho textarea, .mincho select, .mincho button {
  font-family: "Noto Serif JP", "Yu Mincho Medium", "游明朝 Medium", "YuMincho", "游明朝体", serif !important;
}
.gothic, .gothic input, .gothic textarea, .gothic select, .gothic button {
  font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", "YuGothic", "游ゴシック体" !important;
}
.ttl {
  margin-bottom: 1.666em;
  font-size: 24px;
  font-size: 2.4rem;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .ttl {
    margin-bottom: 1.875em;
    font-size: 32px;
    font-size: 3.2rem;
    text-align: left;
  }
}

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

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

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

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

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

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

.ff-mon, .logo-mon {
  font-family: "Monoton", "Noto Sans", sans-serif !important;
  font-weight: 400 !important;
}

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

.ff-saw, .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;
}

.btn {
  font-size: 10px;
  font-size: 1rem;
}
.btn a {
  font-size: 11px;
  font-size: 1.1rem;
  width: 100%;
  height: 100%;
  display: block;
  text-decoration: none;
  padding: 1.363em 6.363em;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.btn a:hover, .btn a:active {
  opacity: 1;
}
@media only screen and (min-width: 1024px) {
  .btn a {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 1.428em 5em;
  }
}
.round10 .btn a {
  border-radius: 5px;
}
.btn.btn-type-a a {
  color: var(--accent-font-clr);
  background: var(--accent-clr);
  border: 1px solid var(--accent-clr);
  -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
  -webkit-transition: background 1s ease, border 1s ease, color 1s ease, -webkit-box-shadow 0.25s ease;
  transition: background 1s ease, border 1s ease, color 1s ease, -webkit-box-shadow 0.25s ease;
  transition: background 1s ease, border 1s ease, color 1s ease, box-shadow 0.25s ease;
  transition: background 1s ease, border 1s ease, color 1s ease, box-shadow 0.25s ease, -webkit-box-shadow 0.25s ease;
}
.btn.btn-type-a a:hover {
  color: var(--accent-clr);
  background: transparent;
  border: 1px solid var(--accent-clr);
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
  -webkit-transition: background 0.5s ease, border 0.5s ease, color 0.5s ease, -webkit-box-shadow 0.25s ease;
  transition: background 0.5s ease, border 0.5s ease, color 0.5s ease, -webkit-box-shadow 0.25s ease;
  transition: background 0.5s ease, border 0.5s ease, color 0.5s ease, box-shadow 0.25s ease;
  transition: background 0.5s ease, border 0.5s ease, color 0.5s ease, box-shadow 0.25s ease, -webkit-box-shadow 0.25s ease;
}
.btn.btn-type-b a {
  color: var(--accent-clr);
  border: 1px solid var(--accent-clr);
  -webkit-transition: background 1s ease, border 1s ease, color 1s ease;
  transition: background 1s ease, border 1s ease, color 1s ease;
}
.btn.btn-type-b a:hover {
  background: var(--accent-clr);
  color: var(--accent-font-clr);
  -webkit-transition: background 0.5s ease, border 0.5s ease, color 0.5s ease;
  transition: background 0.5s ease, border 0.5s ease, color 0.5s ease;
}

.bread_wrap {
  overflow-x: auto;
  margin-top: 1em;
  margin-right: -2em;
}
.bread_wrap::-webkit-scrollbar {
  display: none;
}

.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: 0.714em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
}
.breadcrumb li + li {
  margin: 0 0.714em 0 1.428em;
}
.breadcrumb li + li:last-child {
  margin-right: 1.428em;
}
.breadcrumb li + li::before {
  content: "";
  position: absolute;
  left: -1.429em;
  top: 0.571em;
  display: block;
  width: 0.428em;
  height: 0.428em;
  border-top: solid 1px;
  border-left: solid 1px;
  border-color: var(--font-clr);
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.breadcrumb a {
  display: inline;
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  .breadcrumb {
    padding: 0 0.5em 0 2em;
  }
}
@media only screen and (min-width: 1024px) {
  .breadcrumb {
    width: 100%;
    margin-right: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.ttl-h1 {
  margin: 2.5em 0 1.666em 0 !important;
  font-size: 24px;
  font-size: 2.4rem;
  font-size: 24px !important;
  font-size: 2.4rem !important;
  line-height: 1;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .ttl-h1 {
    margin: 1.875em 0 1.25em 0 !important;
    font-size: 32px !important;
    font-size: 3.2rem !important;
    text-align: left;
  }
}

#notshop {
  color: var(--font-clr);
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 2.857em 1.428em;
  position: relative;
}
#notshop p {
  font-size: 14px;
  font-size: 1.4rem;
}
#notshop::before {
  background: var(--font-clr);
}

.round10 #notshop {
  border-radius: 0.714em;
}

.item-bg-clr #notshop {
  color: var(--clr-red);
  background: var(--item-bg-clr);
}
.item-bg-clr #notshop::before {
  content: normal;
}

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

.gap-on {
  font-size: 10px;
  font-size: 1rem;
}

.itemlist {
  font-size: 10px;
  font-size: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.itemlist + .btn {
  margin-top: 4em;
}
.gap-off .itemlist {
  font-size: 10px;
  font-size: 1rem;
  gap: 4em 0;
  margin-right: -2em;
  margin-left: -2em;
}
.gap-on .itemlist {
  font-size: 10px;
  font-size: 1rem;
  gap: 4em 1em;
}
.spculumn-1.gap-off .allitem > .itemlist > li, .spculumn-1.gap-off .pickupitem > .itemlist > li, .spculumn-1.gap-off .ranking > .itemlist > li, .spculumn-1.gap-off .blog > .itemlist > li, .spculumn-1.gap-off .item_related > .itemlist > li {
  width: 100%;
}
.spculumn-1.gap-on .allitem > .itemlist > li, .spculumn-1.gap-on .pickupitem > .itemlist > li, .spculumn-1.gap-on .ranking > .itemlist > li, .spculumn-1.gap-on .blog > .itemlist > li, .spculumn-1.gap-on .item_related > .itemlist > li {
  font-size: 10px;
  font-size: 1rem;
  width: 100%;
}
.spculumn-2.gap-off .allitem > .itemlist > li, .spculumn-2.gap-off .pickupitem > .itemlist > li, .spculumn-2.gap-off .ranking > .itemlist > li, .spculumn-2.gap-off .blog > .itemlist > li, .spculumn-2.gap-off .item_related > .itemlist > li {
  width: 50%;
}
.spculumn-2.gap-on .allitem > .itemlist > li, .spculumn-2.gap-on .pickupitem > .itemlist > li, .spculumn-2.gap-on .ranking > .itemlist > li, .spculumn-2.gap-on .blog > .itemlist > li, .spculumn-2.gap-on .item_related > .itemlist > li {
  font-size: 10px;
  font-size: 1rem;
  width: calc(50% - 0.5em);
}
.spculumn-3.gap-off .allitem > .itemlist > li, .spculumn-3.gap-off .pickupitem > .itemlist > li, .spculumn-3.gap-off .ranking > .itemlist > li, .spculumn-3.gap-off .blog > .itemlist > li, .spculumn-3.gap-off .item_related > .itemlist > li {
  width: 33.3333333333%;
}
.spculumn-3.gap-on .allitem > .itemlist > li, .spculumn-3.gap-on .pickupitem > .itemlist > li, .spculumn-3.gap-on .ranking > .itemlist > li, .spculumn-3.gap-on .blog > .itemlist > li, .spculumn-3.gap-on .item_related > .itemlist > li {
  font-size: 10px;
  font-size: 1rem;
  width: calc(33.3333333333% - 2em * 1 / 3);
}
.item-bg-tra .itemlist li {
  background: transparent;
}
.item-bg-clr .itemlist li {
  background: var(--item-bg-clr);
}
.item-bg-clr .itemlist li .item-data {
  color: var(--item-clr);
}
.gap-off.item-bg-tra .itemlist .item-data, .gap-off.item-bg-tra .itemlist .blog-data {
  padding: 2em 2em 0 2em;
}
.gap-on.item-bg-tra .itemlist .item-data, .gap-on.item-bg-tra .itemlist .blog-data {
  padding: 2em 0 0 0;
}
.gap-off.item-bg-clr .itemlist .item-data, .gap-off.item-bg-clr .itemlist .blog-data {
  padding: 2em 2em 2.5em 2em;
}
.gap-on.item-bg-clr .itemlist .item-data, .gap-on.item-bg-clr .itemlist .blog-data {
  padding: 2em 2em 2.5em 2em;
}
@media only screen and (min-width: 768px) {
  .itemlist + .btn {
    margin-top: 5em;
  }
  .gap-off .itemlist {
    font-size: 10px;
    font-size: 1rem;
    gap: 5em 0;
  }
}
@media only screen and (min-width: 1024px) {
  .gap-off .itemlist {
    margin-right: 0;
    margin-left: 0;
  }
}

@container (max-width: 200px) {
  .gap-off.item-bg-tra .itemlist .item-data, .gap-off.item-bg-tra .itemlist .blog-data, .gap-on.item-bg-tra .itemlist .item-data, .gap-on.item-bg-tra .itemlist .blog-data, .gap-off.item-bg-clr .itemlist .item-data, .gap-off.item-bg-clr .itemlist .blog-data, .gap-on.item-bg-clr .itemlist .item-data, .gap-on.item-bg-clr .itemlist .blog-data {
    padding-top: 1.5em;
  }
}
@media only screen and (min-width: 1024px) {
  .side-on .gap-off.item-bg-tra .itemlist .item-data,
  .side-on .gap-off.item-bg-tra .itemlist .blog-data,
  .side-off .gap-off.item-bg-tra .itemlist .item-data,
  .side-off .gap-off.item-bg-tra .itemlist .blog-data {
    padding-left: 0 !important;
  }
}
@media only screen and (min-width: 768px) {
  .gap-off .itemlist {
    gap: 5em 0;
  }
  .gap-on .itemlist {
    gap: 5em 2em;
  }
  .pcculumn-3.gap-off .allitem > .itemlist > li, .pcculumn-3.gap-off .pickupitem > .itemlist > li, .pcculumn-3.gap-off .ranking > .itemlist > li, .pcculumn-3.gap-off .blog > .itemlist > li, .pcculumn-3.gap-off .item_related > .itemlist > li,
  .itemlist .pcculumn-3.gap-off .item-search form {
    width: 33.3333333333%;
  }
  .pcculumn-3.gap-on .allitem > .itemlist > li, .pcculumn-3.gap-on .pickupitem > .itemlist > li, .pcculumn-3.gap-on .ranking > .itemlist > li, .pcculumn-3.gap-on .blog > .itemlist > li, .pcculumn-3.gap-on .item_related > .itemlist > li,
  .itemlist .pcculumn-3.gap-on .item-search form {
    font-size: 10px;
    font-size: 1rem;
    width: calc(33.3333333333% - 4em / 3);
  }
  .pcculumn-4.gap-off .allitem > .itemlist > li, .pcculumn-4.gap-off .pickupitem > .itemlist > li, .pcculumn-4.gap-off .ranking > .itemlist > li, .pcculumn-4.gap-off .blog > .itemlist > li,
  .itemlist .pcculumn-4.gap-off .item-search form {
    width: 25%;
  }
  .pcculumn-4.gap-on .allitem > .itemlist > li, .pcculumn-4.gap-on .pickupitem > .itemlist > li, .pcculumn-4.gap-on .ranking > .itemlist > li, .pcculumn-4.gap-on .blog > .itemlist > li,
  .itemlist .pcculumn-4.gap-on .item-search form {
    font-size: 10px;
    font-size: 1rem;
    width: calc(25% - 6em / 4);
  }
}
@media only screen and (min-width: 768px) {
  .item-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .allitem .item-search form {
    font-size: 10px;
    font-size: 1rem;
    margin: 0 0 0 2em;
  }
  .pcculumn-3.gap-off .allitem .item-search form {
    width: 33.3333333333%;
  }
  .pcculumn-3.gap-on .allitem .item-search form {
    width: calc(33.3333333333% - 4em / 3);
  }
  .pcculumn-4.gap-off .allitem .item-search form {
    width: 25%;
  }
  .pcculumn-4.gap-on .allitem .item-search form {
    width: calc(25% - 6em / 4);
  }
}
.itemlist {
  font-size: 14px;
  font-size: 1.4rem;
  counter-reset: number 0;
}
.itemlist a {
  text-decoration: none;
  display: block;
}
.itemlist a:hover, .itemlist a:active {
  opacity: 1;
}
.itemlist li {
  position: relative;
}
.itemlist li .label_image {
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  position: absolute;
  width: 3.571em;
  height: 3.571em;
  top: -0.715em;
  left: 0.714em;
  text-align: center;
  z-index: 10;
}
.itemlist li .item-data {
  color: var(--font-clr);
}
.itemlist .img {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
}
.itemlist .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: bottom;
}
.itemlist .img .soldout-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  display: grid;
  place-items: center;
}
.itemlist .img .soldout-cover::after {
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  content: "SOLD OUT";
}
.ranking .itemlist {
  font-size: 10px;
  font-size: 1rem;
}
.ranking .itemlist .slick-slide > div > li {
  position: relative;
}
.ranking .itemlist .slick-slide > div > li::before {
  font-size: 14px;
  font-size: 1.4rem;
  counter-increment: number 1;
  display: block;
  position: absolute;
  width: 3.571em;
  height: 3.571em;
  top: -0.715em;
  left: 1.071em;
  background: var(--accent-clr);
  color: var(--accent-font-clr);
  text-align: center;
  line-height: 3.571em;
  z-index: 10;
}
.ranking .itemlist .slick-slide > div > .rank1::before {
  content: "No.1";
}
.ranking .itemlist .slick-slide > div > .rank2::before {
  content: "No.2";
}
.ranking .itemlist .slick-slide > div > .rank3::before {
  content: "No.3";
}
.ranking .itemlist .slick-slide > div > .rank4::before {
  content: "No.4";
}
.ranking .itemlist .slick-slide > div > .rank5::before {
  content: "No.5";
}
.itemlist .blog-data > * + * {
  font-size: 14px;
  font-size: 1.4rem;
  margin-top: 1.071em;
}
.itemlist .blog-data .blog-title {
  font-size: 14px;
  font-size: 1.4rem;
}
.itemlist .blog-data .blog-date {
  font-size: 11px;
  font-size: 1.1rem;
}
.img-sq .itemlist .img {
  aspect-ratio: 1/1;
}
.img-la-gold .itemlist .img {
  aspect-ratio: 1.618/1;
}
.img-la-screen .itemlist .img {
  aspect-ratio: 4/3;
}
.img-pt-gold .itemlist .img {
  aspect-ratio: 1/1.618;
}
.img-pt-screen .itemlist .img {
  aspect-ratio: 3/4;
}
.round0 .itemlist li, .round0 .itemlist li .img, .round0 .itemlist li .img img {
  border-radius: 0;
}
.round10 .itemlist li {
  border-radius: 1em;
}
.item-bg-tra.round10 .itemlist li, .item-bg-tra.round10 .itemlist li .img, .item-bg-tra.round10 .itemlist .img img {
  border-radius: 1em;
}
.item-bg-clr.round10 .itemlist li .img, .item-bg-clr.round10 .itemlist .img img {
  border-radius: 1em 1em 0 0;
}
@media only screen and (min-width: 768px) {
  .itemlist a .img img {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
    -webkit-transition: opacity 1.5s ease, -webkit-transform 1.5s ease;
    transition: opacity 1.5s ease, -webkit-transform 1.5s ease;
    transition: transform 1.5s ease, opacity 1.5s ease;
    transition: transform 1.5s ease, opacity 1.5s ease, -webkit-transform 1.5s ease;
  }
  .itemlist a .item-data {
    opacity: 1;
    -webkit-transition: opacity 1.5s ease;
    transition: opacity 1.5s ease;
  }
  .itemlist a:hover .img img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 0.5;
    -webkit-transition: opacity 2s ease, -webkit-transform 2s ease;
    transition: opacity 2s ease, -webkit-transform 2s ease;
    transition: transform 2s ease, opacity 2s ease;
    transition: transform 2s ease, opacity 2s ease, -webkit-transform 2s ease;
  }
  .itemlist a:hover .item-data {
    opacity: 0.5;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
  }
}

.itemlist > li {
  container-type: inline-size;
  resize: horizontal;
}

.itemlist > li .item-title,
.rank-slider .slick-slide > div .item-title {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 1.071em;
}
.itemlist > li .item-price,
.rank-slider .slick-slide > div .item-price {
  margin-bottom: 1.5em;
}

@container (max-width: 200px) {
  .itemlist > li .item-data {
    padding-top: 15px !important;
  }
  .itemlist > li .item-title {
    font-size: 11px;
    font-size: 1.1rem;
    margin-bottom: 0.909em;
  }
  .itemlist > li .item-price {
    margin-bottom: 1em;
  }
  .itemlist > li .item-price .default,
  .itemlist > li .item-price .discount {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .itemlist > li .item-price .ratio {
    font-size: 10px;
    font-size: 1rem;
    vertical-align: 0.1em;
  }
  .itemlist > li .item-price .foreign {
    font-size: 10px;
    font-size: 1rem;
  }
}
.status li {
  font-size: 11px !important;
  font-size: 1.1rem !important;
  display: inline-block;
  margin-right: 0.5em;
  position: relative;
  padding-left: 1.09em;
}
.status li > span {
  opacity: 0.6;
}
.status li::before {
  position: absolute;
  left: 0;
  top: 0.454em;
  display: inline-block;
  width: 0.727em;
  height: 0.727em;
  border-radius: 50%;
  margin: 0 0.454em 0 0;
  content: "";
}
.status li.comingsoon::before {
  background: var(--comingsoon);
}
.status li.coming_soon::before {
  background: var(--comingsoon);
}
.status li.community::before {
  background: var(--community);
}
.status li.takeout::before {
  background: var(--takeout);
}
.status li.lottery::before {
  background: var(--lottery);
}
.status li.preOrder::before {
  background: var(--preOrder);
}

.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 {
  color: var(--accent-clr);
  font-size: 10px;
  font-size: 1rem;
  margin: 0 auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.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;
  }
}
.testSlider li img {
  max-width: 100%;
  height: auto;
}

.rank-slider {
  margin-right: -2em;
  margin-left: -2em;
  display: block;
}
.rank-slider li {
  max-width: 70vw;
}
.rank-slider .slick-slide > div {
  padding-top: 1em;
}
.item-bg-clr.gap-off.round0 .rank-slider .slick-list {
  position: relative;
}
.item-bg-clr.gap-off.round0 .rank-slider .slick-list::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 1em;
  width: 100%;
  height: 100%;
  background: var(--item-bg-clr);
}
.item-bg-clr.gap-off.round0 .rank-slider .slick-slide > div {
  padding: 1em 0 0 0;
}
.gap-on .rank-slider .slick-slide > div {
  padding: 1em 0.5em 0 0.5em;
}
.rank-slider .slick-dots {
  display: block;
  position: relative;
  padding: 2em 0 0 0;
  bottom: 0;
  width: 100%;
  text-align: center;
}
.rank-slider .slick-dots li {
  display: inline-block;
  width: 10px;
  width: 1rem;
  height: 10px;
  height: 1rem;
  background: none;
}
.rank-slider .slick-dots li button {
  position: relative;
  font-size: 10px;
  font-size: 1rem;
  height: 0;
  width: 1em;
  background: none;
  border: 0;
  overflow: hidden;
}
.rank-slider .slick-dots li button:before {
  content: normal;
}
.rank-slider .slick-dots li button:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 1em;
  height: 1em;
  background: var(--accent-clr);
  opacity: 0.5;
  border-radius: 50%;
}
.rank-slider .slick-dots li.slick-active button:after {
  opacity: 1;
}
.rank-slider a {
  display: block;
}
@media only screen and (min-width: 768px) {
  .rank-slider {
    margin-right: 0;
    margin-left: 0;
  }
  .gap-off .rank-slider .slick-slide > div {
    padding: 1em 0 0 0;
  }
  .gap-on .rank-slider {
    margin-right: -1em;
    margin-left: -1em;
  }
  .gap-on .rank-slider .slick-slide > div {
    padding: 1em 1em 0 1em;
  }
}

.rankLoading {
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  text-align: center;
  padding: 2.857em 0;
  position: relative;
  color: var(--font-clr);
}
.round10 .rankLoading::before {
  font-size: 10px;
  font-size: 1rem;
  border-radius: 1em;
}

#index .top-items-none {
  display: none !important;
}

#itemListWrap {
  margin-right: 0;
  margin-left: 0;
}

.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: 10;
  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;
  }
}

#container {
  font-size: 10px;
  font-size: 1rem;
  position: absolute;
  bottom: 0;
  z-index: 50;
  width: 10em;
  right: 0;
  height: 10em;
}

.mv-fix > div:nth-child(2), .mv-fix > div:nth-child(3) {
  display: none;
}

.mv-slide {
  line-height: 0;
  font-size: 0;
}
.mv-slide .mv-box {
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.5;
}

.main-visual {
  position: relative;
}
.main-visual .mv-box {
  position: relative;
  height: 100svh;
  overflow: hidden;
}
.main-visual .img {
  display: block;
  height: 100%;
  width: 100%;
}
.main-visual .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: bottom;
}
.main-visual .read {
  color: var(--mv-font-clr);
}
.main-visual .read .ttl {
  font-size: 24px;
  font-size: 2.4rem;
  text-align: left;
  line-height: 1;
  margin: 0;
}
.main-visual .read .ttl + p {
  font-size: 14px;
  font-size: 1.4rem;
  margin-top: 1.071em;
  line-height: 2;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  white-space: pre-wrap;
}
.main-visual .read .btn {
  font-size: 11px;
  font-size: 1.1rem;
  margin-top: 1.818em;
  letter-spacing: 0.1em;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.main-visual .read .btn a {
  font-size: 11px;
  font-size: 1.1rem;
  padding: 1.363em 4.545em;
}
.main-visual .slick-active .read .ttl {
  opacity: 0;
  -webkit-animation: mvReadTtl 2.5s ease 0.5s 1 normal forwards;
          animation: mvReadTtl 2.5s ease 0.5s 1 normal forwards;
}
@-webkit-keyframes mvReadTtl {
  0% {
    opacity: 0;
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes mvReadTtl {
  0% {
    opacity: 0;
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.main-visual .slick-active .read .ttl + p {
  opacity: 0;
  -webkit-animation: mvReadTxt 2.5s ease 1s 1 normal forwards;
          animation: mvReadTxt 2.5s ease 1s 1 normal forwards;
}
@-webkit-keyframes mvReadTxt {
  0% {
    opacity: 0;
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes mvReadTxt {
  0% {
    opacity: 0;
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.main-visual .slick-active .read .btn {
  opacity: 0;
  -webkit-animation: mvReadTxt 2.5s ease 1.5s 1 normal forwards;
          animation: mvReadTxt 2.5s ease 1.5s 1 normal forwards;
}
@keyframes mvReadTxt {
  0% {
    opacity: 0;
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.main-visual .mv-scr {
  position: absolute;
  bottom: 0;
  right: 1.666em;
  display: block;
  width: 1.5em;
  height: 6.916em;
  font-size: 12px;
  font-size: 1.2rem;
  color: var(--mv-font-clr);
  line-height: 1;
  overflow: hidden;
  opacity: 0;
  -webkit-animation: mvReadScr 2.5s ease 1.5s 1 normal forwards;
          animation: mvReadScr 2.5s ease 1.5s 1 normal forwards;
}
@-webkit-keyframes mvReadScr {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes mvReadScr {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.main-visual .mv-scr .bar::before, .main-visual .mv-scr .bar::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  border-right: solid 1px var(--mv-font-clr);
}
.main-visual .mv-scr .bar::before {
  opacity: 0.25;
  top: 0;
}
.main-visual .mv-scr .bar::after {
  -webkit-animation: mvScrBdr 2.5s ease 0.5s infinite normal;
          animation: mvScrBdr 2.5s ease 0.5s infinite normal;
}
@-webkit-keyframes mvScrBdr {
  0% {
    top: -100%;
  }
  100% {
    top: 100%;
  }
}
@keyframes mvScrBdr {
  0% {
    top: -100%;
  }
  100% {
    top: 100%;
  }
}
.main-visual .mv-scr .txt {
  display: block;
  position: absolute;
  width: 0;
  width: 6.666em;
  top: 0em;
  right: -0.084em;
  right: -6.667em;
  -webkit-transform-origin: top left;
          transform-origin: top left;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.main-visual .slick-circle {
  font-size: 10px;
  font-size: 1rem;
  position: absolute;
  bottom: 4em;
  right: 2em;
  width: 4.3em;
  height: 4.3em;
}
.main-visual .slick-circle svg circle {
  stroke-width: 3;
  stroke-dasharray: 277;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
.main-visual .slick-circle .cir-bg {
  fill: none;
  stroke: var(--mv-font-clr);
  stroke-opacity: 0.25;
}
.main-visual .slick-circle .cir-bar {
  fill: none;
  stroke: var(--mv-font-clr);
}
.main-visual .slick-num {
  position: absolute;
  bottom: 1.333em;
  right: 0.666em;
  width: 1.433em;
  height: 1.433em;
  padding-left: 0.433em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 30px;
  font-size: 3rem;
  color: var(--mv-font-clr);
  font-style: italic;
  line-height: 1.18;
}
.main-visual .slick-num .now-count {
  font-size: 24px;
  font-size: 2.4rem;
}
.main-visual .slick-num .per {
  display: none;
}
.main-visual .slick-num .all-count {
  display: none;
  font-size: 14px;
  font-size: 1.4rem;
}
.main-visual .mv-type-a .read-wrap {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.main-visual .mv-type-a .read {
  position: absolute;
  padding: 0 2em 4em 2em;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.main-visual .mv-type-b .read-wrap {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.main-visual .mv-type-b .read {
  position: absolute;
  padding: 0 2em 4em 2em;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.main-visual .mv-type-b img {
  -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), color-stop(5%, rgba(0, 0, 0, 0.1)), color-stop(20%, rgba(0, 0, 0, 0.7399334734)), color-stop(44%, black), to(black));
  -webkit-mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 5%, rgba(0, 0, 0, 0.7399334734) 20%, black 44%, black 100%);
  mask-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), color-stop(5%, rgba(0, 0, 0, 0.1)), color-stop(20%, rgba(0, 0, 0, 0.7399334734)), color-stop(44%, black), to(black));
  mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 5%, rgba(0, 0, 0, 0.7399334734) 20%, black 44%, black 100%);
}
.main-visual .mv-type-c {
  display: grid;
  grid-template-rows: 1fr auto;
}
.main-visual .mv-type-c .img {
  position: relative;
  display: block;
}
.main-visual .mv-type-c img {
  position: absolute;
}
.main-visual .mv-type-c .read {
  padding: 3.8em 2em 4em 2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  bottom: 0;
  background: var(--accent-clr);
}
.main-visual .mv-type-c .btn-type-a a {
  color: var(--accent-clr);
  background: var(--mv-font-clr);
  border: 1px solid var(--mv-font-clr);
}
.main-visual .mv-type-c .btn-type-a a:hover {
  color: var(--mv-font-clr);
  background: transparent;
  border: 1px solid var(--mv-font-clr);
}
.main-visual .mv-type-c .btn-type-b a {
  color: var(--mv-font-clr);
  border: 1px solid var(--mv-font-clr);
}
.main-visual .mv-type-c .btn-type-b a:hover {
  background: var(--mv-font-clr);
  color: var(--accent-clr);
}
.main-visual .mv-type-d {
  display: grid;
  grid-template-rows: 1fr auto;
  padding-top: 5em;
}
.main-visual .mv-type-d .img {
  padding: 0 2em;
  font-size: 10px;
  font-size: 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.main-visual .mv-type-d .img img.round10 {
  border-radius: 1em;
}
.main-visual .mv-type-d .read {
  -webkit-transform: translateY(-1em);
          transform: translateY(-1em);
  padding: 0 2em 3em 2em;
}
@media only screen and (min-width: 768px) {
  .main-visual .mv-type-d {
    padding-top: 8em;
  }
}
.main-visual.is-clr .mv-type-d {
  padding-top: 2em;
  height: calc(100vh - 50px);
}
@media only screen and (min-width: 768px) {
  .main-visual.is-clr .mv-type-d {
    padding-top: 4em;
    height: calc(100vh - 100px);
  }
}
@media only screen and (min-width: 768px) {
  .main-visual .read .ttl {
    font-size: 32px;
    font-size: 3.2rem;
  }
  .main-visual .read .ttl + p {
    margin-top: 1.428em;
  }
  .main-visual .read .btn {
    margin-top: 2.272em;
  }
  .main-visual .read .btn a {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 1.071em 3.571em;
  }
  .main-visual .mv-scr {
    bottom: 5.714em;
    right: 2.857em;
    width: 1em;
    height: 12.285em;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .main-visual .mv-scr .bar {
    position: relative;
    top: 0;
    width: 100%;
    height: 7.142em;
    display: block;
    overflow: hidden;
  }
  .main-visual .mv-scr .bar::before, .main-visual .mv-scr .bar::after {
    left: 0.5em;
  }
  .main-visual .mv-scr .txt {
    top: auto;
    bottom: 0;
    right: 1em;
    width: auto;
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right;
  }
  .main-visual .slick-circle {
    bottom: 7.8em;
    right: 7.8em;
    width: 8em;
    height: 8em;
  }
  .main-visual .slick-circle svg circle {
    stroke-width: 2;
  }
  .main-visual .slick-num {
    bottom: 2.6em;
    right: 2.6em;
    width: 2.666em;
    height: 2.666em;
    padding: 0.666em 0.166em 0 0;
    text-align: center;
  }
  .main-visual .slick-num .now-count {
    font-size: 30px;
    font-size: 3rem;
  }
  .main-visual .slick-num .per {
    display: inline-block;
  }
  .main-visual .slick-num .all-count {
    display: inline-block;
  }
  .main-visual .mv-type-a .read {
    padding: 0 8em 4em 8em;
  }
  .main-visual .mv-type-b .read {
    padding: 0 8em 4em 8em;
  }
  .main-visual .mv-type-c .read {
    padding: 8em;
    padding: 6em 8em 8em 8em;
  }
  .main-visual .mv-type-d .img {
    padding: 0 4em;
  }
  .main-visual .mv-type-d .read {
    -webkit-transform: translateY(-1.7em);
            transform: translateY(-1.7em);
    padding: 0 10.4em 6.3em 8em;
  }
  .main-visual .mv-type-d .mv-scr {
    right: 3.571em;
  }
  .main-visual .mv-slide .mv-type-c .read {
    padding: 6em 20em 8em 8em;
  }
  .main-visual .mv-slide .mv-type-d .read {
    padding: 0 20em 6.3em 8em;
  }
}
@media only screen and (min-width: 1024px) {
  .main-visual .mv-type-a .read {
    padding: 0 10.4em 0 8em;
  }
  .main-visual .mv-type-b .read {
    padding: 0 10.4em 0 8em;
  }
  .main-visual .mv-type-c {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
  }
  .main-visual .mv-type-c .read-wrap {
    background: var(--accent-clr);
  }
  .main-visual .mv-type-c .read {
    position: absolute;
    top: 50%;
    bottom: auto;
    padding: 0 10.4em 0 8em;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background: none;
  }
  .main-visual .mv-slide .mv-type-c .read {
    padding: 0 10.4em 0 8em;
  }
}

.concept {
  position: relative;
  height: 0%;
  padding: 12em 2em;
  background-size: cover;
  background-position: center top;
}
.concept.first {
  color: var(--concept-font-clr);
}
.concept.first.concept-bg-clr .box {
  background: var(--concept-bg-clr);
}
.concept.first .box {
  opacity: 0;
}
.concept.first .box.is-view {
  -webkit-animation: conceptFirst 2.5s ease 0.5s 1 normal forwards;
          animation: conceptFirst 2.5s ease 0.5s 1 normal forwards;
}
@-webkit-keyframes conceptFirst {
  0% {
    opacity: 0;
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes conceptFirst {
  0% {
    opacity: 0;
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.concept.last {
  color: var(--concept-font-clr2);
}
.concept.last.close-bg-clr .box {
  background: var(--concept-bg-clr2);
}
.concept.concept-bg-tra p:not(.btn), .concept.close-bg-tra p:not(.btn) {
  text-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width: 768px) {
  .concept {
    padding: 12em 4em;
  }
}
.concept .box {
  padding: 4em 3em;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.concept .box .main-catch {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.6;
  white-space: pre-wrap;
}
.concept .box .txt {
  margin-top: 1.285em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
  white-space: pre-wrap;
}
.concept .box .btn {
  margin-top: 2.4em;
}
@media only screen and (min-width: 768px) {
  .concept .box {
    padding: 6em 8em;
  }
  .concept .box .main-catch {
    font-size: 32px;
    font-size: 3.2rem;
  }
  .concept .box .txt {
    margin-top: 2.142em;
  }
  .concept .box .btn {
    margin-top: 3.7em;
  }
}
@media only screen and (min-width: 1024px) {
  .concept .box {
    max-width: 75em;
  }
}
.concept .box.round0 {
  border-radius: 0;
}
.concept .box.round10 {
  border-radius: 10px;
}

.banner {
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  padding: 4.285em 1.428em;
}
.banner img {
  max-width: 100%;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .banner {
    padding: 7.142em 2.857em;
  }
}
.banner + .main-contents {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.banner + .main-contents .main-area > .item-wrapper:first-child {
  margin-top: 0 !important;
}

.blog_all {
  display: none;
}

.blog.blog-txt a .blog-title {
  opacity: 1;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
.blog.blog-txt a .blog-title:hover, .blog.blog-txt a .blog-title:active {
  opacity: 0.5;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.item-bg-clr > .blog.blog-txt .itemlist {
  font-size: 14px !important;
  font-size: 1.4rem !important;
  background: var(--item-bg-clr);
  color: var(--item-clr);
  padding: 1.428em;
}
.item-bg-clr > .blog.blog-txt .itemlist a {
  color: inherit;
}
.item-bg-clr.round10 > .blog.blog-txt .itemlist {
  border-radius: 0.714em;
}
.blog.blog-txt .itemlist {
  font-size: 14px;
  font-size: 1.4rem;
  gap: 1.428em 0;
}
.blog.blog-txt .itemlist li {
  width: 100% !important;
}
.blog.blog-txt .itemlist li .img {
  display: none;
}
.blog.blog-txt .itemlist li .blog-data {
  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;
}
.blog.blog-txt .itemlist li .blog-data > * + * {
  margin-top: 0;
}
.blog.blog-txt .itemlist li .blog-data .blog-title {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.blog.blog-txt .itemlist li .blog-data .blog-date {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-bottom: 0.357em;
}
@media only screen and (min-width: 768px) {
  .blog.blog-txt .itemlist li .blog-data {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .blog.blog-txt .itemlist li .blog-data .blog-title {
    width: calc(100% - 8.571em);
  }
  .blog.blog-txt .itemlist li .blog-data .blog-date {
    width: 7.142em;
    margin: 0 1.428em 0 0;
  }
}

.item-bg-clr .info-list {
  font-size: 14px;
  font-size: 1.4rem;
  background: var(--item-bg-clr);
  padding: 1.428em;
  color: var(--item-clr);
}

.item-bg-clr.round10 .info-list {
  border-radius: 0.714em;
}

.info-data {
  width: 100%;
  padding: 0;
}
.info-data:not(:last-of-type) {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 1.428em;
}
.info-data .info-date {
  font-size: 14px;
  font-size: 1.4rem;
}
.info-data .info-title {
  font-size: 14px;
  font-size: 1.4rem;
  margin-top: 0.357em;
}
@media only screen and (min-width: 768px) {
  .info-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .info-data .info-date {
    width: 7.142em;
    margin-right: 1.428em;
  }
  .info-data .info-title {
    width: calc(100% - 8.571em);
    margin-top: 0;
  }
}

.blog.blog-img li .blog-title,
.blog.blog-img li .blog-date {
  display: block;
}

.item-bg-clr .blog.blog-img li {
  color: var(--item-clr);
}

#blog-entry {
  font-size: 10px;
  font-size: 1rem;
  margin: 0;
}
.spculumn-3 #blog-entry li:nth-child(4) {
  display: none;
}

@media only screen and (min-width: 768px) {
  .spculumn-3 #blog-entry li:nth-child(4) {
    display: block;
  }
  .pcculumn-3 #blog-entry li:nth-child(4) {
    display: none;
  }
}
.blog-fixed {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 4.285em;
}
.blog-fixed a {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-column-gap: 0.714em;
  padding: 1.428em 1.428em 1.428em 3.214em !important;
  z-index: 1;
}
.blog-fixed a::after {
  content: "!";
  position: absolute;
  left: 1.666em;
  top: 1.833em;
  display: grid;
  place-items: center;
  width: 1.333em;
  height: 1.333em;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  text-decoration: none;
  color: var(--accent-font-clr);
  background: var(--accent-clr);
  border-radius: 50%;
}
.item-bg-clr > .blog-fixed a {
  background: var(--item-bg-clr);
  color: var(--item-clr);
}
.item-bg-clr > .blog-fixed a::before {
  content: normal;
}
.round10 > .blog-fixed a {
  border-radius: 0.833em;
}
.round10 > .blog-fixed a::before {
  border-radius: 0.833em;
}
@media only screen and (min-width: 1024px) {
  .blog-fixed {
    margin-bottom: 6.666em;
  }
}

.spculumn-3 > .pickupitem .itemlist > li:nth-child(4) {
  display: none;
}

@media only screen and (min-width: 768px) {
  .spculumn-3 > .pickupitem .itemlist > li:nth-child(4) {
    display: block;
  }
  .pcculumn-3 > .pickupitem .itemlist > li:nth-child(4) {
    display: none;
  }
}
.product-wrap {
  position: relative;
}
.product-wrap .label_image {
  font-size: 10px;
  font-size: 1rem;
  position: absolute;
  top: 0;
  left: 1em;
  width: 6em;
  height: auto;
  z-index: 1;
}

.product-data {
  margin-top: 5.7em;
}

@media only screen and (min-width: 1024px) {
  .sidenav.item-bg-tra {
    padding-top: 0.714em;
  }
  #index .sidenav.item-bg-tra,
  #itempage .sidenav.item-bg-tra {
    padding-top: 0;
  }
  .product-1col .label_image {
    left: 0;
    width: 7em;
  }
  .product-1col .product-imgs {
    overflow: hidden;
  }
  .item-bg-clr .product-1col .label_image {
    left: 3em;
    top: 3em;
  }
  .item-bg-clr .product-1col .product-imgs {
    margin: 0 -4em;
    overflow: hidden;
  }
  .side-off .product-1col .product-data,
  .side-off .product-1col .product-detail, .side-off .product-1col.product-relate {
    font-size: 10px;
    font-size: 1rem;
    max-width: 750px;
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
  }
  .side-off .product-1col .label_image {
    left: 0;
    top: 0;
  }
  .side-off .product-1col .product-imgs {
    font-size: 10px;
    font-size: 1rem;
    margin: 0 -4em;
  }
  .product-2col {
    font-size: 10px;
    font-size: 1rem;
  }
  .product-2col .label_image {
    left: 2em;
    width: 7em;
  }
  .product-2col::before, .product-2col::after {
    content: "";
    display: table;
    clear: both;
    overflow: hidden;
  }
  .product-2col .product-imgs {
    width: calc(66.666% - 2em);
    float: left;
    margin-bottom: 6em;
  }
  .product-2col .product-data {
    width: calc(33.333% - 2em);
    float: right;
    margin-top: 0;
  }
  .product-2col .product-detail {
    width: calc(66.666% - 2em);
    clear: left;
  }
}
@media only screen and (min-width: 1024px) {
  #itempage .side-off {
    max-width: 100%;
  }
  #itempage .side-off .item-bg-clr .product-1col {
    background: none !important;
    padding-bottom: 0;
  }
  #itempage .side-off .item-bg-clr .product-1col .product-data {
    background: var(--item-bg-clr);
    padding: 6em 4em 5.9em 4em;
  }
  #itempage .side-off .round10 .product-data {
    border-radius: 1em 1em 0 0;
  }
  #itempage .side-off .round10 .product-detail {
    border-radius: 0 0 1em 1em;
  }
  #itempage .side-off .product-1col .product-detail {
    padding-bottom: 6em;
  }
  #itempage .side-off.w-1200 .product-2col {
    max-width: 120em;
    margin: 0 auto;
  }
}
.item_img_wrap {
  position: relative;
}
.item_img_wrap .slick-slider {
  margin-bottom: 0 !important;
}
.item_img_wrap .slick-prev,
.item_img_wrap .slick-next {
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 4em;
  height: 0;
  padding-top: 6em;
  overflow: hidden;
  border: 0;
  background: none;
  font-size: 10px !important;
  font-size: 1rem !important;
}
.item_img_wrap .slick-prev::before,
.item_img_wrap .slick-next::before {
  position: absolute;
  left: 0;
  top: 0;
  top: 0.9em;
  content: "";
  display: block;
  width: 1.2em;
  height: 1.2em;
  border-top: solid 2px #FFF;
  border-right: solid 2px #FFF;
  border-radius: 1px;
}
.item_img_wrap .slick-prev:hover,
.item_img_wrap .slick-next:hover {
  cursor: pointer;
}
.item_img_wrap .slick-prev {
  left: 0;
}
.item_img_wrap .slick-prev::before {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  left: 0.7em;
}
.item_img_wrap .slick-next {
  right: 0;
}
.item_img_wrap .slick-next::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  right: 1em;
}
.item_img_wrap #item_slider li {
  vertical-align: bottom;
}
.item_img_wrap #item_slider li > img {
  width: 100%;
  height: auto;
}
.item_img_wrap .item_slider_no {
  position: relative;
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  aspect-ratio: 1/1;
  max-height: 50vh;
}
.item_img_wrap .item_slider_no:before {
  content: "";
  z-index: 1;
}
.item_img_wrap .item_slider_no span {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 26.6px;
  font-size: 2.66rem;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media only screen and (min-width: 768px) {
  .item_img_wrap .label_image {
    left: -2em;
    top: -1em;
    width: 8em;
  }
}
@media only screen and (min-width: 1024px) {
  .product-1col #item_slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .product-1col #item_slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .product-1col #item_slider li img {
    vertical-align: middle !important;
    height: auto !important;
    width: auto !important;
    max-height: calc(100vh - 400px) !important;
    max-width: calc(100vw - 100px) !important;
    -webkit-transition: opacity 0.25s;
    transition: opacity 0.25s;
    opacity: 0.5;
  }
  .product-1col #item_slider .slick-current img {
    -webkit-transition: opacity 0.25s;
    transition: opacity 0.25s;
    opacity: 1;
  }
  .product-2col #item_thumb {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-row-gap: 10px;
  }
  .product-2col #item_thumb .slick-track {
    -webkit-transform: unset !important;
            transform: unset !important;
  }
  .product-2col #item_thumb li > span {
    display: block;
    margin: 0 auto;
    width: 100%;
    padding-top: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: opacity 0.25s;
    transition: opacity 0.25s;
    opacity: 0.5;
  }
  .product-2col #item_thumb .slick-current span {
    -webkit-transition: opacity 0.25s;
    transition: opacity 0.25s;
    opacity: 1;
  }
  .item_img_wrap .item-thumb-warp1col {
    padding: 1.7em 4em 0 4em;
    margin: 0;
  }
  .item_img_wrap .slick-prev {
    left: 1em;
  }
  .item_img_wrap .slick-next {
    right: 1em;
  }
  .side-off .product-1col .item_slider_no {
    max-height: 33vh;
  }
  .side-off .product-1col .item_slider_no:before {
    background: var(--font-clr) !important;
  }
  .side-off .product-1col .item_slider_no span {
    color: var(--font-clr) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .product-1col .item-thumb-warp1col {
    padding: 3.7em 4em 0 4em;
    margin: 0 auto;
  }
  .product-1col .item-thumb-warp1col.is-over {
    margin: 0 auto;
  }
  .product-1col .item-thumb-warp1col.is-over #item_thumb {
    margin: 0;
  }
}
.item-thumb-warp2col {
  display: none;
}

@media only screen and (min-width: 1024px) {
  .product-2col .item-thumb-warp1col {
    display: none;
  }
  .product-2col .item-thumb-warp2col {
    display: block;
  }
}

.item_img_wrap #item_thumb li > span, .item-thumb-warp2col .thumbs-list-2col li button {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 0;
  padding-top: 100%;
  overflow: hidden;
  border: 0;
  background-color: none;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
  opacity: 0.5;
}

.item-thumb-warp2col {
  margin-top: 1.7em;
}
.item-thumb-warp2col .thumbs-list-2col {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
}
.item-thumb-warp2col .thumbs-list-2col li {
  cursor: pointer;
}
.item-thumb-warp2col .thumbs-list-2col li.slick-active button {
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
  opacity: 1;
}

.item_img_wrap .item-thumb-warp1col {
  max-width: 128em;
  padding: 1.7em 4em 0 4em;
  margin: 0 -4em;
}
.item_img_wrap #item_thumb {
  font-size: 10px;
  font-size: 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
}
.item_img_wrap #item_thumb .slick-list {
  overflow: visible;
}
.item_img_wrap #item_thumb li {
  font-size: 10px;
  font-size: 1rem;
}
.item_img_wrap #item_thumb .slick-current span {
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
  opacity: 1;
}

.product-data a {
  text-decoration: underline;
}
.product-data a:hover {
  cursor: pointer;
}
.product-data .soldout-cover {
  margin-bottom: 0.5em;
  font-size: 20px;
  font-size: 2rem;
  color: var(--clr-red);
  line-height: 1;
}
.product-data .item-ttl {
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: normal;
}
.product-data .item-ttl .filename {
  display: block;
  margin-top: 0.769em;
  font-size: 13px;
  font-size: 1.3rem;
}
.product-data .item-price {
  margin-top: 3em;
}
.product-data .bnplBanner {
  margin-top: 10px;
}
.product-data .itemOptionElement,
.product-data .purchaseElement {
  margin-top: 2em;
}
.product-data .itemOptionElement label,
.product-data .purchaseElement label {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
}
.product-data .itemOption__caption {
  font-size: 11px;
  font-size: 1.1rem;
  margin-top: 0.909em;
}
.product-data .itemOption__caption::before {
  content: "";
  display: inline-block;
  width: 1.25em;
  margin-right: 0.454em;
  border-top: solid 1px var(--font-clr);
  vertical-align: 0.363em;
  opacity: 0.5;
}
.product-data .itemOption__bottomCaptionBlock {
  position: relative;
  font-size: 11px;
  font-size: 1.1rem;
  margin-top: 0.909em;
  min-height: 1.4em;
}
.product-data .itemOption__count {
  position: absolute;
  right: 0;
  top: 0;
}
.product-data .itemOption__caption--error {
  color: var(--clr-red);
}
.product-data input[type=text],
.product-data select {
  margin-top: 0.625em;
  font-size: 16px;
  font-size: 1.6rem;
  color: var(--font-clr);
  line-height: 1.4 !important;
  background: transparent;
  border: solid 1px var(-font-bdr);
  border-radius: 1.187em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.product-data option {
  background: #FFF;
  color: #222;
}
.product-data input[type=text] {
  width: 100%;
  padding: 0.125em 0.937em;
}
.product-data select {
  padding: 0.125em 0.937em;
}
.product-data select,
.product-data #purchase_form #itemSelect #valiationSelect,
.product-data #purchase_form #itemSelect select.itemOption__select,
.product-data form[id] #itemSelect #amountSelect,
.product-data form[id] #itemSelect #valiationSelect,
.product-data form[id] #itemSelect select.itemOption__select,
.product-data #purchase_form #itemSelect #amountSelect {
  position: relative;
  padding: 0.437em 2.187em 0.437em 0.937em !important;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background-repeat: no-repeat;
  background-size: 2em 2em;
  background-position: 100% calc(50% + 0.125em);
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18px 18px"><polygon fill="%23000000" points="15 18.5 10.5 11.5 19.5 11.5 15 18.5" /></svg>');
}
.product-data select::-ms-expand,
.product-data #purchase_form #itemSelect #valiationSelect::-ms-expand,
.product-data #purchase_form #itemSelect select.itemOption__select::-ms-expand,
.product-data form[id] #itemSelect #amountSelect::-ms-expand,
.product-data form[id] #itemSelect #valiationSelect::-ms-expand,
.product-data form[id] #itemSelect select.itemOption__select::-ms-expand,
.product-data #purchase_form #itemSelect #amountSelect::-ms-expand {
  display: none;
}
.product-data .ageVerificationWarning {
  font-size: 24px;
  font-size: 2.4rem;
  color: var(--clr-red);
}
.product-data .ageVerificationWarning i {
  font-size: 80%;
}
.product-data .membershipPoint {
  margin: 2.142em 0;
}
.product-data .membershipPoint .membershipPoint__amountWrapper {
  position: relative;
  padding-left: 1.857em;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1;
}
.product-data .membershipPoint .membershipPoint__amountWrapper::before {
  content: "P";
  display: block;
  position: absolute;
  left: 0.083em;
  top: 0.083em;
  width: 1.833em;
  height: 1.833em;
  padding: 0.166em 0 0 0;
  font-size: 12px;
  font-size: 1.2rem;
  color: var(--accent-font-clr);
  text-align: center;
  background: var(--accent-clr);
  border: double 3px var(--accent-font-clr);
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.product-data .membershipPoint .membershipPoint__amountWrapper span {
  font-weight: normal;
  font-size: inherit;
}
.product-data .membershipPoint .membershipPoint__amountWrapper .membershipPoint__amount {
  font-size: 21px;
  font-size: 2.1rem;
}
.product-data .membershipPoint .membershipPoint__attentionWrapper {
  font-size: 11px;
  font-size: 1.1rem;
  margin-top: 0.909em;
}
.product-data .membershipPoint .membershipPoint__attentionWrapper a {
  font-weight: normal;
}
.product-data .attention {
  font-size: 11px;
  font-size: 1.1rem;
}
.product-data .comingSoon {
  margin: 2.142em 0;
}
.product-data .comingSoon::before {
  background: var(--comingsoon);
}
.product-data .preOrder {
  margin: 3em 0;
}
.product-data .preOrder .preOrder__label::before {
  background: var(--comingsoon);
}
.product-data .preOrder .preOrder__label + p {
  display: block;
  margin-top: 0.909em;
  font-size: 11px;
  font-size: 1.1rem;
}
.product-data .salesPeriod--term {
  margin: 3em 0;
  font-size: 11px;
  font-size: 1.1rem;
}
.product-data .salesPeriod--term span {
  display: block;
  margin-bottom: 0.714em;
  font-size: 14px !important;
  font-size: 1.4rem !important;
}
.product-data .salesPeriod--term span::before {
  background: var(--lottery);
}
.product-data .lottery {
  margin: 3em 0;
}
.product-data .lottery .lottery__label::before {
  background: var(--lottery);
}
.product-data .lottery .lottery__label + p, .product-data .lottery .lottery__label + p + p {
  display: block;
  margin-top: 0.909em;
  font-size: 11px;
  font-size: 1.1rem;
}
.product-data .lottery .lottery__label + p + p {
  margin: 0;
}
.product-data .communityLabel {
  background: none !important;
  padding: 0;
  color: inherit !important;
  margin: 3em 0;
}
.product-data .communityLabel .communityLabel__title {
  font-weight: normal !important;
}
.product-data .communityLabel .communityLabel__title::before {
  background: var(--community);
}
.product-data .communityLabel .communityLabel__note {
  display: block;
  margin-top: 0.909em;
  font-size: 11px;
  font-size: 1.1rem;
  font-size: 11px !important;
  font-size: 1.1rem !important;
  color: var(--clr-red);
}
.product-data .takeout {
  margin: 3em 0;
}
.product-data .takeout .takeout__label::before {
  background: var(--takeout);
}
.product-data .takeout .takeout__data {
  display: block;
  margin-top: 0.909em;
  font-size: 11px;
  font-size: 1.1rem;
}
.product-data .communityBox.communityData {
  position: relative;
  margin-top: 3em;
  z-index: 1;
}
.product-data .communityModal {
  color: #222;
}
.product-data .communityModal a.button {
  text-decoration: none;
}
.product-data #communityPurchase .communitySignin p {
  font-size: 11px;
  font-size: 1.1rem;
  font-size: 11px !important;
  font-size: 1.1rem !important;
  margin: 0 auto 0.909em auto !important;
  text-align: left;
  max-width: 54.545em;
}
.product-data .communitySignin {
  margin: 0 !important;
  border: 0 !important;
  padding: 2em 2em 2.5em 2em !important;
  font-size: 10px;
  font-size: 1rem;
}
.product-data .communitySignin a#communityButtonPayid__signinLink {
  display: block;
  max-width: 42.857em;
  padding: 1.428em 1.428em;
  margin: 0 auto;
  text-decoration: none;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  background: #000535;
  color: #FFF;
  font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", "YuGothic", "游ゴシック体";
  -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 0;
}
.product-data .communitySignin a#communityButtonPayid__signinLink img {
  width: 5em;
  vertical-align: -0.358em;
}
.product-data .purchaseButton {
  margin-top: 3em;
}
.product-data .purchaseButton .purchaseButton__btn {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 1.562em;
  font-size: 16px;
  font-size: 1.6rem;
  text-decoration: none;
  text-align: center;
  line-height: 1;
  border: solid 1px var(--accent-clr);
  background-color: var(--accent-clr);
  color: var(--accent-font-clr);
  -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
  -webkit-transition: background-color 1s ease, border 1s ease, color 1s ease, -webkit-box-shadow 0.25s ease;
  transition: background-color 1s ease, border 1s ease, color 1s ease, -webkit-box-shadow 0.25s ease;
  transition: background-color 1s ease, border 1s ease, color 1s ease, box-shadow 0.25s ease;
  transition: background-color 1s ease, border 1s ease, color 1s ease, box-shadow 0.25s ease, -webkit-box-shadow 0.25s ease;
}
.product-data .purchaseButton .purchaseButton__btn.purchaseButton__btn--addToCart:hover, .product-data .purchaseButton .purchaseButton__btn.purchaseButton__btn--requestRestockMail:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
  opacity: 1;
  border: solid 1px var(--accent-clr);
  color: var(--accent-clr);
  background-color: transparent;
  -webkit-transition: background-color 0.5s ease, border 0.5s ease, color 0.5s ease;
  transition: background-color 0.5s ease, border 0.5s ease, color 0.5s ease;
}
.product-data .purchaseButton .purchaseButton__btn:disabled, .product-data .purchaseButton .purchaseButton__btn.purchaseButton__btn--disabled {
  opacity: 0.5;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}
.product-data .purchaseButton .purchaseButton__btn:disabled:hover, .product-data .purchaseButton .purchaseButton__btn.purchaseButton__btn--disabled:hover {
  cursor: default;
  opacity: 0.5;
}
.product-data .purchaseButton .purchaseButton__btn--addToCart svg {
  width: 1.5em;
  margin-top: -0.313em;
}

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

@media screen and (max-width: 828px) {
  #itempage .purchaseButtonModal__title {
    line-height: 22px;
    padding: 13px 30px;
  }
}
.purchaseButtonModal__inputAreaLabel,
.ageVerificationModal__error {
  color: #A43045;
}

@media screen and (max-width: 828px) {
  #itempage #takeoutModal .takeoutModal__title {
    line-height: 22px;
    padding: 13px 30px;
  }
}
.itemDescription {
  margin-top: 6em;
}
.itemDescription p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
}

#appsItemDetailCustom {
  margin-top: 6em;
}
#appsItemDetailCustom .appsItemDetailCustomTag_heading {
  font-size: 21px;
  font-size: 2.1rem;
  margin-top: 1.904em;
}
#appsItemDetailCustom .appsItemDetailCustomTag_heading:first-child {
  margin-top: 0;
}
#appsItemDetailCustom .appsItemDetailCustomTag_description {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
  margin-top: 2.857em;
}
#appsItemDetailCustom .appsItemDetailCustomTag_description:first-child {
  margin-top: 0;
}
#appsItemDetailCustom .appsItemDetailCustomTag_image {
  max-width: 100%;
  display: block;
  height: auto;
  margin: 4em auto 0 auto;
}
#appsItemDetailCustom .appsItemDetailCustomTag_image:first-child {
  margin-top: 0;
}

.product-detail .review01 {
  clear: none !important;
  margin-top: 6em;
}
.product-detail .review01 .review01__title {
  font-size: 21rem !important;
  font-size: 2.1rem !important;
  font-weight: normal !important;
}
.product-detail .review01 .review01__tabWrap {
  position: relative;
  border: none;
}
.product-detail .review01 .review01__tabWrap::before {
  height: 2px;
}
.product-detail .review01 .review01__tabWrap::after {
  top: auto;
}
.product-detail .review01 .review01__trigger:before {
  border-right: 2px solid var(--font-clr);
  border-bottom: 2px solid var(--font-clr);
  opacity: 0.3;
}
.product-detail .review01__radio:checked + label {
  display: grid;
  place-items: center;
  line-height: 1;
}

.item-bg-clr .product-detail .review01 .review01__tabWrap::before {
  background: var(--item-clr);
}
.item-bg-clr .product-detail .review01 .review01__tabWrap::after {
  background: var(--item-clr);
}
.item-bg-clr .product-detail .review01 .review01__trigger:before {
  border-right: 2px solid var(--item-clr);
  border-bottom: 2px solid var(--item-clr);
}

.item-btns {
  margin-top: 6em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.item-btns #reportBtn {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
}
.item-btns .item-sns li {
  display: inline-block;
  margin-left: 0.5em;
}
.item-btns .item-sns a {
  display: inline-block;
  text-decoration: none;
  font-size: 11px;
  font-size: 1.1rem;
  padding: 0.454em 0.909em 0.454em 3.181em;
  border-radius: 0.181em;
  color: #FFF;
  background-repeat: no-repeat;
}
.item-btns .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.363em auto;
  background-position: 1.09em 0.454em;
}
.item-btns .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.454em auto;
  background-position: 1em 0.454em;
}

.irContainer {
  position: fixed !important;
  top: 50% !important;
  -webkit-transform: translateY(-50%) !important;
          transform: translateY(-50%) !important;
}

#inline_content select {
  width: 100%;
  color: #222;
  border: solid 1px #CCC;
}
#inline_content textarea {
  width: 100%;
  border: solid 1px #CCC;
}
#inline_content .btn-danger {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.item_related {
  position: relative;
  padding-top: 12em;
}
.item_related::before {
  font-size: 10px;
  font-size: 1rem;
  margin-top: 6em;
}
.item_related .itemlist {
  margin-top: 4em;
}

@media only screen and (min-width: 768px) {
  .item_related {
    padding-top: 20em;
  }
  .item_related::before {
    margin-top: 10em;
  }
}
@media only screen and (min-width: 1024px) {
  .product-data .item-ttl {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .product-data .item-price {
    font-size: 10px;
    font-size: 1rem;
  }
  .product-data .item-price .default,
  .product-data .item-price .discount {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .product-data .item-price .ratio {
    padding-bottom: 0.09em;
    vertical-align: 0.363em;
  }
  .product-data .ageVerificationWarning {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
.gap-on .item-thumb-warp1col {
  max-width: 129em;
  margin: 0 -4.5em;
}
.gap-on .item-thumb-warp1col.is-over #item_thumb {
  margin: 0 -5px !important;
}
.gap-on #item_thumb li > span {
  width: calc(100% - 10px) !important;
  padding-top: calc(100% - 10px) !important;
}
@media only screen and (min-width: 1024px) {
  .gap-on .item-thumb-warp1col {
    margin: 0;
  }
  .gap-on .product-1col #item_slider li img {
    margin: 0 0.5em;
  }
  .gap-on .item-thumb-warp2col .thumbs-list-2col {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }
}
@media only screen and (min-width: 1200px) {
  .gap-on .item-thumb-warp1col {
    margin: 0 auto;
  }
  .gap-on .item-thumb-warp1col.is-over #item_thumb {
    margin: 0 !important;
  }
}

.round10 .product-wrap {
  border-radius: 10px;
  border-radius: 1rem !important;
}
.round10 #item_slider img {
  border-radius: 10px;
  border-radius: 1rem !important;
  margin-bottom: 1rem;
}
.round10 #item_thumb li > span {
  border-radius: 0.5em;
}
.round10 .thumbs-list-2col li button {
  border-radius: 5px;
}
.round10 .item_slider_no::before {
  border-radius: 1em;
}
.round10 .product-data .communityBox {
  border-radius: 1em;
}
.round10 .product-data .communityBox::before {
  border-radius: 1em;
}
.round10 .product-data .communitySignin a#communityButtonPayid__signinLink {
  border-radius: 0.357em;
}
.round10 .product-data .purchaseButton button,
.round10 .product-data .purchaseButton a {
  border-radius: 0.312em;
}
.round10 .appsItemDetailCustomTag_image {
  border-radius: 1em;
}
.round10 .appsItemDetailCustomTag_youtube iframe,
.round10 .baseCarousel__images-wrapper,
.round10 .baseCarousel__images {
  font-size: 10px;
  font-size: 1rem;
  border-radius: 1em;
  overflow: hidden;
}

.item-bg-clr .product-wrap {
  padding: 2em 2em 4em 2em;
  background-color: var(--item-bg-clr);
  color: var(--item-clr);
  overflow: hidden;
}
.item-bg-clr .product-wrap input[type=text],
.item-bg-clr .product-wrap select {
  color: var(--item-clr);
  border: solid 1px var(--item-clr);
}
.item-bg-clr .product-wrap .item_slider_no:before {
  background: var(--item-clr);
}
.item-bg-clr .product-wrap .communityBox.communityData::before {
  background: var(--item-clr);
}
.item-bg-clr .item_related {
  padding-top: 6em;
}
.item-bg-clr .item_related::before {
  content: normal;
}
@media only screen and (min-width: 768px) {
  .item-bg-clr .product-wrap {
    padding: 4em;
  }
  .item-bg-clr .item_related {
    padding-top: 10em;
  }
}
@media only screen and (min-width: 1024px) {
  .item-bg-clr .product-wrap {
    overflow: visible;
  }
  .side-off .item-bg-clr .product-1col {
    padding: 0;
  }
  .side-off .item-bg-clr .product-1col .item-thumb-warp1col {
    margin: 0 auto;
  }
  .side-off .item-bg-clr .product-1col .product-detail {
    background: var(--item-bg-clr);
    padding: 0.1em 4em 6em 4em;
  }
  .side-off .item-bg-clr .product-1col .product-detail section {
    margin: 0;
  }
  .side-off .item-bg-clr .product-1col .product-detail .itemDescription {
    margin: 0 !important;
  }
}

.communityModal {
  width: initial;
  max-height: 90%;
  overflow: scroll;
}
.communityModal .communityOverview {
  max-height: none;
}
.communityModal .communityRegisterButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.communityModal .communityRegisterButtons .button {
  margin: 0;
  width: 49%;
}
@media only screen and (min-width: 1024px) {
  .communityModal {
    overflow: auto;
  }
}
@media screen and (max-width: 480px) {
  .communityModal .communityRegisterButtons {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .communityModal .communityRegisterButtons .button {
    margin-top: 8px;
    width: 100%;
  }
}

#search .allitem,
#category .allitem {
  font-size: 10px;
  font-size: 1rem;
  margin-top: 6em;
}

.cate-items-tags {
  font-size: 10px;
  font-size: 1rem;
  margin: 0 0 4em 0;
}
.cate-items-tags li {
  display: inline-block;
  margin: 0 0.454em 0.454em 0;
  font-size: 11px;
  font-size: 1.1rem;
}
.cate-items-tags li a {
  background: var(--accent-clr);
  color: var(--accent-font-clr);
  text-decoration: none;
  padding: 0.636em 1.363em;
  border-radius: 1.363em;
  display: inline-block;
}

@media only screen and (min-width: 768px) {
  .cate-items-tags {
    margin: 0 0 6em 0;
  }
  .cate-items-tags li {
    margin-right: 0.357em;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .cate-items-tags li a {
    padding: 0.428em 1.071em;
    border-radius: 1.285em;
  }
}
.about-head-img {
  margin: 0;
  width: 100%;
  height: 25vh;
  overflow: hidden;
  position: relative;
}
.about-head-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.about-wrap .txt:first-child, .about-qa .txt, .about-pay .txt, .about-info .txt, .about-con .txt {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
}

.about-qa, .about-pay, .about-info, .about-con {
  margin-top: 6em;
}
.about-qa h2, .about-pay h2, .about-info h2, .about-con h2 {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  text-align: center;
}
.about-con figure {
  margin: 4em 0 0 0;
  text-align: center;
}
.about-con figure img {
  max-width: 100%;
  height: auto;
  line-height: 1;
  vertical-align: bottom;
}
.about-con .txt {
  margin-top: 2.857em;
  white-space: pre-wrap;
}

.about-info-box {
  margin-top: 4em;
}
.about-info-box .about-info-img {
  overflow: hidden;
  margin: 0 0 2.5em 0;
}
.about-info-box .about-info-img.is-none {
  position: relative;
  font-size: 10px;
  font-size: 1rem;
  z-index: 1;
}
.about-info-box .about-info-img.is-none:has(.logoImage) {
  min-height: 16em;
}
.about-info-box .about-info-img.is-none:has(.logoImage) img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: auto;
  max-height: 12em;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 0 !important;
}
.about-info-box .about-info-img.is-none:has(.logoText) {
  min-height: 16em;
}
.about-info-box .about-info-img.is-none:has(.logoText) span {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 100%;
  max-width: 100%;
  font-size: 30px;
  font-size: 3rem;
  word-wrap: break-word;
  color: inherit !important;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.about-info-box .about-info-img img {
  max-width: 100%;
  height: auto;
  line-height: 1;
  vertical-align: bottom;
}
.about-info-box .name {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 0.625em;
  font-weight: bold;
}
.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: 5.5em;
  font-weight: normal;
}
.about-info-box td {
  white-space: pre-wrap;
}
.about-info-box .about-info-map {
  position: relative;
  display: inline-block;
  padding-left: 1.071em;
  text-decoration: none;
}
.about-info-box .about-info-map::before {
  content: "";
  position: absolute;
  left: -0.143em;
  top: 0.785em;
  display: block;
  width: 0.428em;
  height: 0.428em;
  border-top: solid 1px;
  border-left: solid 1px;
  border-color: var(--font-clr);
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.about-pay .txt {
  margin: 2.857em 0 1.428em 0;
}
.about-pay .about-pay-list {
  padding: 2em;
  position: relative;
  z-index: 1;
}
.about-pay .about-pay-list::before {
  content: "";
  opacity: 0.25;
  background: none;
  border: solid 1px var(--font-clr);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.about-pay .about-pay-list li {
  position: relative;
  font-size: 14px;
  font-size: 1.4rem;
  padding-left: 1.071em;
}
.about-pay .about-pay-list li::before {
  content: "";
  position: absolute;
  left: -0.143em;
  top: 0.5em;
  display: block;
  width: 0.428em;
  height: 0.428em;
  border-top: solid 1px;
  border-left: solid 1px;
  border-color: var(--font-clr);
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.about-pay .about-pay-list li .sub {
  font-size: 12px;
  font-size: 1.2rem;
  display: inline-block;
}
.about-pay .about-pay-list li + li {
  margin-top: 0.666em;
}

.about-qa .txt {
  margin-top: 2.857em;
}

.about-pa-list {
  margin-top: 3em;
}
.about-pa-list dt,
.about-pa-list dd {
  position: relative;
  line-height: 2;
}
.about-pa-list dt::before, .about-pa-list dt::after,
.about-pa-list dd::before,
.about-pa-list dd::after {
  position: absolute;
  left: 0;
  font-size: 16px;
  font-size: 1.6rem;
  width: 1.875em;
  height: 1.875em;
  border-radius: 0.937em;
  text-align: center;
  line-height: 1.75;
}
.about-pa-list dt {
  padding-left: 3.125em;
  font-size: 16px;
  font-size: 1.6rem;
}
.about-pa-list dt::before {
  content: "Q";
  top: 0.125em;
  background: var(--accent-clr);
  color: var(--accent-font-clr);
}
.about-pa-list dd {
  padding-left: 3.571em;
  margin-top: 1.428em;
  font-size: 14px;
  font-size: 1.4rem;
}
.about-pa-list dd + dt {
  margin-top: 2.5em;
}
.about-pa-list dd::before, .about-pa-list dd::after {
  content: "A";
  top: 0.062em;
}
.about-pa-list dd::before {
  background: var(--font-clr);
  opacity: 0.1;
}
.about-pa-list dd::after {
  color: var(--font-clr);
  opacity: 1;
}

@media only screen and (min-width: 768px) {
  .about-qa h2, .about-pay h2, .about-info h2, .about-con h2 {
    text-align: left;
  }
  .about-info-box {
    display: grid;
    grid-template-columns: calc(33.33% - 2em) 1fr;
    grid-column-gap: 4em;
  }
  .about-info-box .about-info-img {
    margin: 0;
  }
  .about-pay .about-pay-list {
    padding: 2.5em 2em;
  }
  .about-pa-list dd {
    margin-top: 0.714em;
  }
}
.round10 .about-wrap {
  border-radius: 1em;
}
.round10 .about-con figure img {
  border-radius: 1em;
}
.round10 .about-info-box .about-info-img img {
  border-radius: 1em;
}
.round10 .about-info-box .about-info-img.is-none::before {
  border-radius: 1em;
}
.round10 .about-pay-list::before {
  border-radius: 1em;
}

.item-bg-clr .about-wrap {
  padding: 2em;
  background-color: var(--item-bg-clr);
  color: var(--item-clr);
  overflow: hidden;
}
.item-bg-clr .about-wrap .about-info-img.is-none::before {
  background-color: var(--item-clr);
}
.item-bg-clr .about-wrap .about-info-map::before {
  border-color: var(--item-clr);
}
.item-bg-clr .about-pay .about-pay-list::before {
  border: solid 1px var(--item-clr);
}
.item-bg-clr .about-pay .about-pay-list li::before {
  border-color: var(--item-clr);
}
.item-bg-clr .about-pa-list dd::before {
  background: var(--item-clr);
  opacity: 0.25;
}
.item-bg-clr .about-pa-list dd::after {
  color: var(--item-bg-clr);
}
@media only screen and (min-width: 768px) {
  .item-bg-clr .about-wrap {
    padding: 4em 2em;
  }
}
@media only screen and (min-width: 1024px) {
  .item-bg-clr .about-wrap {
    margin-top: 1em;
    padding: 6em 4em;
  }
}

.contact-wrap h1 {
  display: none;
}
.contact-wrap h1 + p {
  font-size: 14px;
  font-size: 1.4rem;
}
.contact-wrap form {
  display: block;
  position: relative;
  margin-top: 2em;
  padding: 2.5em 2em 4em 2em;
  font-size: 10px;
  font-size: 1rem;
}
.contact-wrap form::before {
  content: "";
}
.contact-wrap dl > dt {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
  margin-bottom: 0.714em;
}
.contact-wrap dl > dd {
  margin-bottom: 2em;
  font-size: 10px;
  font-size: 1rem;
}
.contact-wrap input[type=text],
.contact-wrap textarea {
  font-size: 16px;
  font-size: 1.6rem;
  width: 100%;
  padding: 0.625em 1.25em;
  font-family: inherit;
  border: solid 1px;
  border-color: var(--font-bdr);
  border-radius: 0.312em;
  background: transparent;
  color: var(--font-clr);
  -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;
  padding-top: 1em;
}
.contact-wrap input[type=submit] {
  font-size: 11px;
  font-size: 1.1rem;
  display: inline-block;
  text-decoration: none;
  padding: 1.363em 6.363em;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: none;
}
.contact-wrap input[type=submit]:hover, .contact-wrap input[type=submit]:active {
  opacity: 1;
  cursor: pointer;
}
.contact-wrap.btn-type-a input[type=submit] {
  color: var(--accent-font-clr);
  background: var(--accent-clr);
  border: 1px solid var(--accent-clr);
  -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
  -webkit-transition: background 1s ease, border 1s ease, color 1s ease, -webkit-box-shadow 0.25s ease;
  transition: background 1s ease, border 1s ease, color 1s ease, -webkit-box-shadow 0.25s ease;
  transition: background 1s ease, border 1s ease, color 1s ease, box-shadow 0.25s ease;
  transition: background 1s ease, border 1s ease, color 1s ease, box-shadow 0.25s ease, -webkit-box-shadow 0.25s ease;
}
.contact-wrap.btn-type-a input[type=submit]:hover {
  color: var(--accent-clr);
  background: transparent;
  border: 1px solid var(--accent-clr);
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
  -webkit-transition: background 0.5s ease, border 0.5s ease, color 0.5s ease, -webkit-box-shadow 0.25s ease;
  transition: background 0.5s ease, border 0.5s ease, color 0.5s ease, -webkit-box-shadow 0.25s ease;
  transition: background 0.5s ease, border 0.5s ease, color 0.5s ease, box-shadow 0.25s ease;
  transition: background 0.5s ease, border 0.5s ease, color 0.5s ease, box-shadow 0.25s ease, -webkit-box-shadow 0.25s ease;
}
.contact-wrap.btn-type-b input[type=submit] {
  color: var(--accent-clr);
  border: 1px solid var(--accent-clr);
  -webkit-transition: background 1s ease, border 1s ease, color 1s ease;
  transition: background 1s ease, border 1s ease, color 1s ease;
}
.contact-wrap.btn-type-b input[type=submit]:hover {
  background: var(--accent-clr);
  color: var(--accent-font-clr);
  -webkit-transition: background 0.5s ease, border 0.5s ease, color 0.5s ease;
  transition: background 0.5s ease, border 0.5s ease, color 0.5s ease;
}

@media only screen and (min-width: 768px) {
  .contact-wrap form {
    padding: 4em;
  }
  .contact-wrap input[type=submit] {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 1.428em 5em;
  }
}
#inquiryConfirmSection dl > dd {
  font-size: 14px;
  font-size: 1.4rem;
  padding-bottom: 2.142em;
  position: relative;
}
#inquiryConfirmSection dl > dd::after {
  top: auto;
  bottom: 0;
}

.error-message {
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.4;
  padding: 0.416em;
  background: var(--accent-clr) !important;
  color: var(--accent-font-clr) !important;
}

#inquiryCompleteSection {
  display: block;
  position: relative;
  margin-top: 2em;
  padding: 2.5em 2em 2.5em 2em;
  font-size: 10px;
  font-size: 1rem;
}
#inquiryCompleteSection::before {
  content: "";
  font-size: 10px;
  font-size: 1rem;
}
#inquiryCompleteSection p {
  line-height: 2;
}
#inquiryCompleteSection a {
  font-size: 14px;
  font-size: 1.4rem;
  display: inline-block;
  margin-top: 1.428em;
}
@media only screen and (min-width: 768px) {
  #inquiryCompleteSection {
    padding: 4em;
  }
}

.round10 .contact-wrap form::before {
  border-radius: 1em;
}
.round10 .contact-wrap input[type=submit] {
  border-radius: 0.454em;
}
.round10 #inquiryCompleteSection::before {
  border-radius: 1em;
}
.round10.item-bg-clr #inquiryCompleteSection {
  border-radius: 1em;
}

@media only screen and (min-width: 768px) {
  .round10 .contact-wrap input[type=submit] {
    border-radius: 0.357em;
  }
}
.item-bg-clr .contact-wrap form {
  color: var(--item-clr);
}
.item-bg-clr .contact-wrap form::before {
  background: var(--item-bg-clr);
  opacity: 1;
}
.item-bg-clr .contact-wrap input[type=text],
.item-bg-clr .contact-wrap textarea {
  color: var(--item-clr);
}
.item-bg-clr #inquiryConfirmSection dl > dd::after {
  background-color: var(--item-clr);
}
.item-bg-clr #inquiryCompleteSection {
  color: var(--item-clr);
  background: var(--item-bg-clr);
}
.item-bg-clr #inquiryCompleteSection::before {
  content: normal;
}

.blogDetail .blog_inner {
  padding: 0 !important;
  border: 0 !important;
}
.blogDetail .blog_title {
  padding: 0 !important;
}
.blogDetail .blog_title h2 {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: normal;
}
.blogDetail .blog_title h2 a {
  text-decoration: none;
}
.blogDetail .blog_publish {
  padding: 0 !important;
}
.blogDetail .blog_publish .publish_date {
  margin: 1.428em 0 2.857em 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  color: var(--accent-clr);
}
.blogDetail .blog_body {
  display: block;
}
.blogDetail .blog_body div {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
}
.blogDetail .blog_body img {
  font-size: 10px;
  font-size: 1rem;
}
.blogDetail .blog_body .blog-img-block {
  display: block;
}
.blogDetail .blog_body .blog-img-inline {
  display: inline;
}
.blogDetail .social {
  font-size: 10px;
  font-size: 1rem;
  width: auto !important;
  margin: 0 !important;
  padding: 4em 0 0 0 !important;
  text-align: center;
}
.blogDetail .social li {
  display: inline-block;
  margin-left: 2em;
}
.blogDetail .social li:first-child {
  margin: 0;
}

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

.blog-back {
  font-size: 10px;
  font-size: 1rem;
  margin-top: 4em;
}
.blog-back a {
  max-width: 21.818em;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .blog-back {
    margin-top: 5.454em;
  }
}

.blogListMain .paginate-wrp {
  margin-top: 0 !important;
}
.blogListMain .paginate {
  padding: 0;
  display: block !important;
  text-align: center;
  font-size: 0;
  letter-spacing: -1em;
}
.blogListMain .paginate li {
  position: relative;
  margin: 0 0 0 0.714em !important;
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  border: 0 !important;
  background: none !important;
}
.blogListMain .paginate li:first-child {
  margin: 0;
}
.blogListMain .paginate .current a {
  background: var(--accent-clr);
  color: var(--accent-font-clr);
}
.blogListMain .paginate a {
  display: block;
  line-height: 1 !important;
  text-decoration: none;
  padding: 1.285em 0 !important;
  min-width: 3.571em;
  font-size: 14px !important;
  font-size: 1.4rem !important;
  font-weight: normal;
  text-align: center;
  border: solid 1px var(--accent-clr);
}
.blogListMain .paginate a:link, .blogListMain .paginate a:visited {
  color: var(--accent-clr);
  -webkit-transition: background 1.5s, color 1.5s;
  transition: background 1.5s, color 1.5s;
}
.blogListMain .paginate a:hover {
  opacity: 1;
  background: var(--accent-clr);
  color: var(--accent-font-clr);
  -webkit-transition: background 0.5s, color 0.5s;
  transition: background 0.5s, color 0.5s;
}
.blogListMain .paginate .prev a,
.blogListMain .paginate .next a {
  padding: 1.285em !important;
}

.blog-txt-list.item-bg-clr .is-list .blog_inner {
  margin: 0 !important;
  padding: 2em !important;
  background-color: var(--item-bg-clr);
  color: var(--item-clr);
}
.blog-txt-list.item-bg-clr .is-list .blog_inner a {
  color: var(--item-clr);
}
.blog-txt-list.item-bg-clr .is-list .blog_inner:first-child {
  padding-top: 4em !important;
}
.blog-txt-list.item-bg-clr .is-list .blog_inner:has(+ .paginate-wrp) {
  padding-bottom: 4em !important;
}
.blog-txt-list.round10 .is-list .blog_inner:first-child {
  border-radius: 1em 1em 0 0;
}
.blog-txt-list.round10 .is-list .blog_inner:has(+ .paginate-wrp) {
  border-radius: 0 0 1em 1em;
}
.blog-txt-list .is-list .blog_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  font-size: 10px;
  font-size: 1rem;
  padding: 0 !important;
  border: 0 !important;
}
.blog-txt-list .is-list .blog_inner:has(+ .paginate-wrp) {
  margin-bottom: 4em !important;
}
.blog-txt-list .is-list .blog_inner + .blog_inner {
  margin-top: 4em;
}
.blog-txt-list .is-list .blog_inner .blog_title {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.blog-txt-list .is-list .blog_inner .blog_title h2 {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
}
.blog-txt-list .is-list .blog_inner .blog_title a {
  text-decoration: none;
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.blog-txt-list .is-list .blog_inner .blog_title a:hover {
  opacity: 0.5;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.blog-txt-list .is-list .blog_inner .blog_publish {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin: 0 !important;
}
.blog-txt-list .is-list .blog_inner .blog_publish .publish_date {
  font-size: 14px;
  font-size: 1.4rem;
  font-size: 14px !important;
  font-size: 1.4rem;
  margin-bottom: 0.357em;
  color: var(--accent-clr);
}
.blog-txt-list .is-list .blog_inner .blog_contents {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  display: none;
}
.blog-txt-list .is-list .blog_inner .blog_head_image,
.blog-txt-list .is-list .blog_inner .blog_body {
  display: none;
}
@media only screen and (min-width: 768px) {
  .blog-txt-list.item-bg-clr .is-list .blog_inner {
    padding: 2em 4em !important;
  }
  .blog-txt-list.item-bg-clr .is-list .blog_inner:first-child {
    padding-top: 6em !important;
  }
  .blog-txt-list.item-bg-clr .is-list .blog_inner:has(+ .paginate-wrp) {
    padding-bottom: 6em !important;
  }
  .blog-txt-list .is-list .blog_inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .blog-txt-list .is-list .blog_inner .blog_publish .publish_date {
    width: 10.714em;
  }
}

.blog-img-list .blogListMain {
  display: grid;
  grid-row-gap: 4em;
  font-size: 10px;
  font-size: 1rem;
}
.blog-img-list.gap-off .blogListMain {
  grid-column-gap: 0;
}
.blog-img-list.gap-off .blog_title,
.blog-img-list.gap-off .blog_publish {
  padding-right: 2em;
  padding-left: 2em;
}
.blog-img-list.gap-on .blogListMain {
  grid-column-gap: 1em;
}
.blog-img-list.item-bg-clr .blog_inner {
  background-color: var(--item-bg-clr);
  padding-bottom: 2.5em;
  color: var(--item-clr);
}
.blog-img-list.item-bg-clr .blog_inner .blog_title,
.blog-img-list.item-bg-clr .blog_inner .blog_publish {
  padding-right: 2em;
  padding-left: 2em;
}
.blog-img-list.item-bg-clr .blog_inner .blog_publish {
  padding-bottom: 2.5em;
}
.blog-img-list.spculumn-1 .blogListMain {
  grid-template-columns: 1fr;
}
.blog-img-list.spculumn-2 .blogListMain {
  grid-template-columns: repeat(2, 1fr);
}
.blog-img-list.spculumn-2 .paginate-wrp {
  grid-column: 1/3;
}
.blog-img-list.spculumn-3 .blogListMain {
  grid-template-columns: repeat(3, 1fr);
}
.blog-img-list.spculumn-3 .paginate-wrp {
  grid-column: 1/4;
}
.blog-img-list.img-sq .blog_head_image {
  aspect-ratio: 1/1;
}
.blog-img-list.img-la-gold .blog_head_image {
  aspect-ratio: 1.618/1;
}
.blog-img-list.img-la-screen .blog_head_image {
  aspect-ratio: 4/3;
}
.blog-img-list.img-pt-gold .blog_head_image {
  aspect-ratio: 1/1.618;
}
.blog-img-list.img-pt-screen .blog_head_image {
  aspect-ratio: 3/4;
}
.blog-img-list .is-list .blog_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  font-size: 10px;
  font-size: 1rem;
  padding: 0 !important;
  border: 0 !important;
  container-type: inline-size;
  resize: horizontal;
}
.blog-img-list .is-list .blog_inner:hover .blog_head_image,
.blog-img-list .is-list .blog_inner:hover .blog_title,
.blog-img-list .is-list .blog_inner:hover .blog_publish {
  opacity: 0.5;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.blog-img-list .is-list .blog_inner .blog_head_image,
.blog-img-list .is-list .blog_inner .blog_title,
.blog-img-list .is-list .blog_inner .blog_publish {
  font-size: 10px;
  font-size: 1rem;
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.blog-img-list .is-list .blog_inner .blog_head_image {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
}
.blog-img-list .is-list .blog_inner .blog_head_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: bottom;
}
.blog-img-list .is-list .blog_inner .blog_title {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.blog-img-list .is-list .blog_inner .blog_title h2 {
  margin-top: 1.428em;
  padding: 0;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
}
.blog-img-list .is-list .blog_inner .blog_title a {
  text-decoration: none;
  color: inherit;
}
.blog-img-list .is-list .blog_inner .blog_title a:hover {
  opacity: 1;
}
.blog-img-list .is-list .blog_inner .blog_publish {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  margin: 0 !important;
}
.blog-img-list .is-list .blog_inner .blog_publish .publish_date {
  margin-top: 0.909em;
  padding: 0;
  font-size: 11px;
  font-size: 1.1rem;
}
.blog-img-list .is-list .blog_inner .blog_contents {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  height: 0 !important;
  overflow: visible !important;
}
.blog-img-list .is-list .blog_inner .blog_contents .read_more {
  position: static !important;
  bottom: auto !important;
  background: none !important;
  padding: 0 !important;
}
.blog-img-list .is-list .blog_inner .blog_contents a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-indent: -1000%;
  overflow: hidden;
}
.blog-img-list .is-list .blog_inner .blog_body {
  display: none;
}
@container (max-width: 200px) {
  .blog-img-list .is-list .blog_title h2 {
    margin-top: 1.363em !important;
    font-size: 11px !important;
    font-size: 1.1rem !important;
  }
}

@media only screen and (min-width: 768px) {
  .blog-img-list.pcculumn-3 .blogListMain {
    grid-template-columns: repeat(3, 1fr);
  }
  .blog-img-list.pcculumn-3 .paginate-wrp {
    grid-column: 1/4;
  }
  .blog-img-list.pcculumn-4 .blogListMain {
    grid-template-columns: repeat(4, 1fr);
  }
  .blog-img-list.pcculumn-4 .paginate-wrp {
    grid-column: 1/5;
  }
  .blog-img-list.gap-on .blogListMain {
    grid-column-gap: 2em;
  }
}
.round10 .blog-wrap {
  border-radius: 1em;
}
.round10 .blogDetail .blog_body img {
  border-radius: 1em;
}
.round10 .blog_youtube_wrap .blog_youtube_inner .youtube {
  border-radius: 10px;
}
.round10 .blogListMain .paginate a {
  border-radius: 0.357em;
}
.round10.blog-img-list .blog_inner .blog_head_image img {
  border-radius: 1em;
}
.round10.blog-img-list.item-bg-clr .blog_inner {
  border-radius: 1em;
}
.round10.blog-img-list.item-bg-clr .blog_inner .blog_head_image img {
  border-radius: 1em 1em 0 0;
}

.item-bg-clr.is-detail .blog-wrap {
  padding: 2em;
  background-color: var(--item-bg-clr);
  color: var(--item-clr);
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .item-bg-clr.is-detail .blog-wrap {
    padding: 4em 2em;
  }
}
@media only screen and (min-width: 1024px) {
  .item-bg-clr.is-detail .blog-wrap {
    margin-top: 1em;
    padding: 6em 4em;
  }
}

#community .bread_wrap {
  margin-top: 0;
}

@media only screen and (min-width: 768px) {
  .communityData h1.communityTitle {
    margin: 1.875em 0 1.25em 0 !important;
    text-align: left !important;
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media only screen and (min-width: 1024px) {
  #community .side-off {
    max-width: 83em;
  }
}
.communityData .communityMain {
  width: 100%;
  padding: 0;
}
.communityData .communityMain .flashMessage {
  margin-top: 6em;
}
.communityData .communityMain .communityContent {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 10px;
  font-size: 1rem;
}
.communityData .communityMain .communityOverview {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
  width: 100%;
}
.communityData .communityMain .communityNav {
  width: 100%;
  margin: 0;
}
.communityData .communityMain .communityPrice {
  font-size: 10px;
  font-size: 1rem;
  text-align: center;
  margin: 4em 0;
}
.communityData .communityMain .communityPrice h3 {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: normal;
}
.communityData .communityMain .communityPrice p {
  font-size: 34px;
  font-size: 3.4rem;
  line-height: 1;
}
.communityData .communityMain .communityButton {
  margin: 0;
  padding: 1.428em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  text-decoration: none;
  border-radius: 0;
  -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
.communityData .communityMain .communityButton__guest {
  margin: 1.428em 0;
  background: var(--accent-clr);
  color: var(--accent-font-clr);
}
.communityData .communityMain .communityTerm,
.communityData .communityMain .communityTextNotice {
  font-size: 14px;
  font-size: 1.4rem;
}
.communityData .communityMain .communityTerm a,
.communityData .communityMain .communityTextNotice a {
  color: inherit;
}
.communityData .communityMain .communitySignin {
  font-size: 10px;
  font-size: 1rem;
  border: 0;
  margin-top: 4em;
  padding: 2em 2em 2.5em 2em;
  position: relative;
  z-index: 1;
}
.communityData .communityMain .communitySignin::before {
  content: "";
  z-index: -1;
}
.communityData .communityMain .communitySignin p {
  font-size: 11px;
  font-size: 1.1rem;
}
@media only screen and (min-width: 1024px) {
  .communityData .communityMain .communitySignin {
    margin-top: 4.5em;
    padding: 2.5em 2em;
  }
  .communityData .communityMain .communitySignin p {
    text-align: center;
  }
  .communityData .communityMain .communitySignin .communityButton {
    max-width: 42.857em;
    margin: 0 auto;
  }
}

.round10.item-bg-clr .communityData .communityMain .communityContent {
  border-radius: 1em;
}
.round10 .communityData .communityMain .communityContent .communityButton {
  border-radius: 0.357em;
}
.round10 .communityData .communityMain .communityContent .communitySignin::before {
  border-radius: 1em;
}

.item-bg-clr .communityData .communityMain .communityContent {
  padding: 4em 2em;
  background: var(--item-bg-clr);
  color: var(--item-clr);
  border: 0;
}
.item-bg-clr .communityData .communityMain .communitySignin::before {
  background: var(--item-clr);
}

.item-bg-tra .communityData .communityMain .communityContent {
  border: 0;
  padding: 0;
}

@media only screen and (min-width: 768px) {
  .item-bg-clr .communityData .communityMain .communityContent {
    padding: 6em 4em;
  }
}
.gap-off .communityItems {
  grid-column-gap: 0;
}
.gap-off .communityItemMeta,
.gap-off .communityItemMetaSub {
  padding-right: 2em !important;
  padding-left: 2em !important;
}

.gap-on .communityItems {
  grid-column-gap: 1em;
}

.item-bg-clr .communityItem {
  background-color: var(--item-bg-clr);
  padding-bottom: 2.5em;
}
.item-bg-clr .communityItemMeta,
.item-bg-clr .communityItemMetaSub {
  padding-right: 2em !important;
  padding-left: 2em !important;
}

.item-bg-tra.gap-on .communityItemMeta,
.item-bg-tra.gap-on .communityItemMetaSub {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.spculumn-1 .communityItems {
  grid-template-columns: 1fr;
}

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

.spculumn-3 .communityItems {
  grid-template-columns: repeat(3, 1fr);
}

@media only screen and (min-width: 768px) {
  .pcculumn-3 .communityItems {
    grid-template-columns: repeat(3, 1fr);
  }
  .pcculumn-4 .communityItems {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (min-width: 1024px) {
  .side-off .pcculumn-4 .communityItems {
    grid-template-columns: repeat(3, 1fr);
  }
}
.round10.item-bg-clr .communityItem {
  border-radius: 1em;
}
.round10.item-bg-clr .communityItem .communityImageContainer img {
  border-radius: 1em 1em 0 0;
}
.round10.item-bg-clr .communityItem .communityItemLabel.soldOutText {
  border-radius: 0.678em 0.678em 0 0;
}
.round10.item-bg-tra .communityItem .communityImageContainer img {
  border-radius: 1em;
}
.round10.item-bg-tra .communityItem .communityItemLabel.soldOutText {
  border-radius: 0.678em;
}

.img-sq #limitedItem .communityImageContainer,
.img-sq #limitedItem .communityItemLabel.soldOutText {
  aspect-ratio: 1/1;
}

.img-la-gold #limitedItem .communityImageContainer,
.img-la-gold #limitedItem .communityItemLabel.soldOutText {
  aspect-ratio: 1.618/1;
}

.img-la-screen #limitedItem .communityImageContainer,
.img-la-screen #limitedItem .communityItemLabel.soldOutText {
  aspect-ratio: 4/3;
}

.img-pt-gold #limitedItem .communityImageContainer,
.img-pt-gold #limitedItem .communityItemLabel.soldOutText {
  aspect-ratio: 1/1.618;
}

.img-pt-screen #limitedItem .communityImageContainer,
.img-pt-screen #limitedItem .communityItemLabel.soldOutText {
  aspect-ratio: 3/4;
}

#limitedItem {
  margin: 0;
  width: 100% !important;
}
#limitedItem .communityItemHeader {
  margin: 2.5em 0 1.666em 0;
  font-size: 24px;
  font-size: 2.4rem;
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  #limitedItem .communityItemHeader {
    text-align: left;
  }
}
#limitedItem .communityItems {
  display: grid;
  grid-row-gap: 4em;
  font-size: 10px;
  font-size: 1rem;
}
#limitedItem .communityItem {
  margin: 0;
  position: relative;
}
#limitedItem .communityItem .communityLabelImage {
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  position: absolute;
  width: 3.571em;
  height: 3.571em;
  top: -0.715em;
  left: 0.714em;
  text-align: center;
  z-index: 10;
}
#limitedItem .communityItem .communityImageContainer {
  margin: 0;
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
  font-size: 10px;
  font-size: 1rem;
}
#limitedItem .communityItem .communityImageContainer img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: bottom;
}
#limitedItem .communityItem .communityItemMeta {
  margin: 0;
  padding: 0;
}
#limitedItem .communityItem .communityItemMetaSub {
  font-size: 10px;
  font-size: 1rem;
}
#limitedItem .communityItem .communityItemMetaSub .communityItemLabelBlock {
  font-size: 11px !important;
  font-size: 1.1rem !important;
  font-weight: normal !important;
  display: inline-block;
  margin-right: 0.5em;
  position: relative;
  padding: 0 0 0 1.09em;
  background: none;
  color: var(--font-clr);
}
#limitedItem .communityItem .communityItemMetaSub .communityItemLabelBlock span {
  opacity: 0.6;
}
#limitedItem .communityItem .communityItemMetaSub .communityItemLabelBlock::before, #limitedItem .communityItem .communityItemMetaSub .communityItemLabelBlock::after {
  position: absolute;
  left: 0;
  top: 0.454em;
  display: inline-block;
  width: 0.727em;
  height: 0.727em;
  border-radius: 50%;
  background: #CCC;
  margin: 0 0.454em 0 0;
  content: "";
}
#limitedItem .communityItem .communityItemMetaSub .communityItemLabelBlock.community::before, #limitedItem .communityItem .communityItemMetaSub .communityItemLabelBlock.community::after {
  background: var(--community);
}
#limitedItem .communityItem .communityItemLabel.soldOutText {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
}

#limitedItem .communityItem {
  container-type: inline-size;
  resize: horizontal;
}
#limitedItem .communityItem .communityItemMeta {
  color: var(--font-clr);
}
#limitedItem .communityItem .communityItemMeta .communityItemTitle {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 1.071em;
  width: 100%;
  max-height: none !important;
}
#limitedItem .communityItem .communityItemMeta .communityItemPrice {
  font-size: 21px;
  font-size: 2.1rem;
  word-wrap: break-word;
  word-wrap: anywhere;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#limitedItem .communityItem .communityItemMeta .communityItemPrice.discount {
  color: var(--clr-red);
}
#limitedItem .communityItem .communityItemMeta .communityItemPrice.soldOut {
  text-decoration: none;
}
#limitedItem .communityItem .communityItemMeta .communityItemPrice .foreign {
  font-size: 13px;
  font-size: 1.3rem;
  display: inline-block;
}
#limitedItem .communityItem .communityItemMeta .communityItemPrice .discount {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  font-size: 11px;
  font-size: 1.1rem;
  display: inline-block;
  padding: 0;
  height: 1.545em;
  margin: 0.636em 0 0 0.363em;
  border-width: 1px 0px;
  border-style: solid;
  border-color: var(--clr-red);
  color: var(--clr-red);
  font-weight: bolder;
  background: none;
  border-radius: 0;
}
#limitedItem .communityItem .communityItemMetaSub {
  margin: 1.5em 0 0 0;
}

@container (max-width: 200px) {
  #limitedItem .communityItem .communityItemMeta .communityItemTitle {
    font-size: 11px;
    font-size: 1.1rem;
    margin-bottom: 0.909em;
  }
  #limitedItem .communityItem .communityItemMeta .communityItemPrice {
    font-size: 16px;
    font-size: 1.6rem;
  }
  #limitedItem .communityItem .communityItemMeta .communityItemPrice .discount {
    font-size: 10px;
    font-size: 1rem;
    vertical-align: 0.1em;
  }
  #limitedItem .communityItem .communityItemMeta .communityItemPrice .foreign {
    font-size: 10px;
    font-size: 1rem;
  }
  #limitedItem .communityItem .communityItemMetaSub {
    margin: 1em 0 0 0;
  }
}
#limitedUrl {
  margin: 0;
  width: 100% !important;
}
#limitedUrl .communityUrlHeader {
  margin: 2.5em 0 1.666em 0;
  font-size: 24px;
  font-size: 2.4rem;
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  #limitedUrl .communityUrlHeader {
    text-align: left;
  }
}
#limitedUrl #productsLimitedUrl {
  font-size: 10px;
  font-size: 1rem;
  margin-bottom: 6em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#limitedUrl #productsLimitedUrl .urlBox {
  position: relative;
  margin: 0;
  padding: 2.5em 2em;
  padding: 2.25em 2em;
  width: 100%;
  font-size: 10px;
  font-size: 1rem;
  border: 0;
  background: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1;
}
#limitedUrl #productsLimitedUrl .urlBox + .urlBox {
  margin-top: 1em;
}
#limitedUrl #productsLimitedUrl .urlBox::before {
  content: "";
  z-index: -1;
}
#limitedUrl #productsLimitedUrl .urlBox .title,
#limitedUrl #productsLimitedUrl .urlBox .url {
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0;
}
#limitedUrl #productsLimitedUrl .urlBox .url {
  margin-top: 0.357em;
}

.round10.item-bg-clr #productsLimitedUrl {
  border-radius: 1em;
}
.round10 #limitedUrl #productsLimitedUrl .urlBox::before {
  border-radius: 1em;
}

.item-bg-clr #productsLimitedUrl {
  padding: 4em 2em;
  background: var(--item-bg-clr);
  color: var(--item-clr);
}
.item-bg-clr #limitedUrl #productsLimitedUrl .urlBox::before {
  background: var(--item-clr);
}
.item-bg-clr #limitedItem .communityItem .communityItemMeta {
  color: var(--item-clr);
}
.item-bg-clr #limitedItem .communityItem .communityItemMetaSub .communityItemLabelBlock {
  color: var(--item-clr);
}

@media only screen and (min-width: 768px) {
  .item-bg-clr #productsLimitedUrl {
    padding: 6em 4em;
  }
}
.communityData .communityMain .communityLogout {
  margin: 2.857em 0 0 0;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
}
.communityData .communityMain .communityLogout a {
  color: var(--font-clr);
}
.communityData .communityMain .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;
}
.communityData .communityMain .openLeaveModal:hover {
  opacity: 0.5;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
.communityData .communityMain .communityModal {
  color: #222;
}
.communityData .communityMain .communityModalButtons .communityButton {
  margin-top: 10px;
}
@media only screen and (min-width: 1024px) {
  .communityData .communityMain .communityLogout {
    margin-top: 4.285em;
  }
}

#membership {
  padding: 0 !important;
}
#membership .link-wrapper button[type=submit],
#membership .mypage-link a.link {
  font-size: 11px;
  font-size: 1.1rem;
  width: 100% !important;
  max-width: 54.545em !important;
  font-weight: normal;
  display: inline-block;
  text-decoration: none;
  padding: 1.363em 6.363em;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: none;
  border-radius: 0;
}
#membership .link-wrapper button[type=submit]:hover, #membership .link-wrapper button[type=submit]:active,
#membership .mypage-link a.link:hover,
#membership .mypage-link a.link:active {
  opacity: 1 !important;
  cursor: pointer;
}
#membership .guide .description p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
}
#membership .guide .about-point {
  margin: 4em 0;
  padding: 4em 2em;
  font-size: 10px;
  font-size: 1rem;
  position: relative;
}
#membership .guide .about-point::before {
  background: none;
  border: solid 1px var(--font-clr);
  opacity: 0.3;
}
#membership .guide .about-point h2 {
  margin-bottom: 1.111em;
  font-size: 18px;
  font-size: 1.8rem;
  padding: 0;
}
#membership .guide .about-point h2::before {
  content: "？";
  display: inline-block;
  height: 1.428em;
  width: 1.428em;
  padding: 0 0 0.142em 0.071em;
  margin-right: 0.357em;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  line-height: 1.285em;
  border: solid 1px var(--font-clr);
  border-radius: 0.714em;
}
#membership .guide .about-point .description {
  font-size: 10px;
  font-size: 1rem;
  margin: 0;
}
#membership .guide .about-point .description li {
  font-size: 14px;
  font-size: 1.4rem;
  position: relative;
  padding-left: 1.428em;
}
#membership .guide .about-point .description li:not(:last-of-type) {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 0.357em;
}
#membership .guide .about-point .description li::before {
  font-size: 14px;
  font-size: 1.4rem;
  content: "";
  position: absolute;
  top: 50%;
  top: 0.714em;
  left: -0.143em;
  width: 0.428em;
  height: 0.428em;
  border-top: 1px solid var(--font-clr);
  border-right: 1px solid var(--font-clr);
  -webkit-transform: rotate(45deg) translateY(-0.358em);
          transform: rotate(45deg) translateY(-0.358em);
}
#membership .register {
  font-size: 10px;
  font-size: 1rem;
  background: none;
  position: relative;
  margin-top: 6em;
  padding: 4em 2em;
  z-index: 1;
}
#membership .register::before {
  z-index: -1;
}
#membership .register .heading {
  margin: 0 0 1.714em 0;
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 1;
  text-align: center;
}
#membership .register p.description {
  margin: 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
  text-align: left;
}
#membership .register p.description a {
  color: inherit;
}
#membership .register .mail-magazine {
  font-size: 10px;
  font-size: 1rem;
  margin-top: 4em;
}
#membership .register .mail-magazine-wrapper {
  margin: 0 0 4em 0;
  font-size: 10px;
  font-size: 1rem;
}
#membership .register .mail-magazine-wrapper .checkbox {
  font-size: 10px;
  font-size: 1rem;
  background: none !important;
  border: solid 1px var(--accent-clr);
}
#membership .register .mail-magazine-wrapper .checkbox:checked {
  background: var(--accent-clr) !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
#membership .register .mail-magazine-wrapper .checkbox::after {
  background: none;
  top: 0.5em;
  width: 1.2em;
  height: 0.8em;
  border-left: solid 2px var(--accent-font-clr);
  border-bottom: solid 2px var(--accent-font-clr);
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#membership .register .mail-magazine-wrapper .label {
  font-size: 14px;
  font-size: 1.4rem;
  color: inherit;
}
#membership .register .link-wrapper {
  margin: 0;
}
#membership .register .login a {
  color: inherit;
}
#membership .register .box {
  width: 50em !important;
  margin: 0 auto 3.333em auto !important;
  max-width: 100% !important;
}
#membership .point-info-login-link {
  color: var(--font-clr);
}
#membership .flash-message {
  margin: 2.142em auto !important;
  text-align: center;
}
#membership .reward-list {
  margin: 0;
}
#membership .reward-list > .title {
  margin: 2.5em 0 1.666em 0;
  font-size: 24px;
  font-size: 2.4rem;
  text-align: center;
  font-weight: normal;
}
#membership .reward-list .bar {
  display: none;
}
#membership .reward-list .howto {
  background: none;
  position: relative;
  font-size: 10px;
  font-size: 1rem;
  padding: 1.5em;
}
#membership .reward-list .howto::after {
  background: none;
  border: solid 1px var(--font-clr);
  opacity: 0.3;
}
#membership .reward-list .howto .caption {
  font-size: 10px;
  font-size: 1rem;
  padding: 0;
  position: relative;
  padding: 1.5em;
  margin: -1.5em;
}
#membership .reward-list .howto .caption .text {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
  position: relative;
  padding-left: 1.437em;
  color: var(--font-clr);
}
#membership .reward-list .howto .caption .text::before {
  content: "？";
  position: absolute;
  left: 0;
  top: 0.125em;
  display: grid;
  place-items: center;
  width: 1.384em;
  height: 1.384em;
  padding-left: 0.076em;
  font-size: 13px;
  font-size: 1.3rem;
  border: solid 1px var(--font-clr);
  line-height: 1;
  border-radius: 50%;
}
#membership .reward-list .howto .caption .arrow-icon {
  font-size: 10px;
  font-size: 1rem;
}
#membership .reward-list .howto .caption .arrow-icon svg {
  width: 1.2em;
  margin: 0;
  fill: var(--font-clr) !important;
}
#membership .reward-list .howto .description {
  font-size: 10px;
  font-size: 1rem;
  margin: 1.5em 0 0 0;
  padding: 2em 2em 0 2em;
  position: relative;
}
#membership .reward-list .howto .description .text {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
  color: var(--font-clr);
}
#membership .reward-list .reward-card-list {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 0;
  grid-row-gap: 4em;
  margin: 4em 0 0 0;
  font-size: 10px;
  font-size: 1rem;
}
#membership .reward-list .reward-image {
  -o-object-fit: cover;
     object-fit: cover;
  font-size: 10px;
  font-size: 1rem;
}
#membership .reward-list .reward-detail-wrapper {
  font-size: 10px;
  font-size: 1rem;
  margin: 0;
  container-type: inline-size;
  resize: horizontal;
}
#membership .reward-list .reward-detail-wrapper .title {
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0;
  padding: 1.428em 0 0 0;
  font-weight: normal;
  line-height: 1.5;
}
#membership .reward-list .reward-detail-wrapper .exchange-point-wrapper {
  position: relative;
  margin: 1.5em 0 0 0;
  padding: 0 0 0 2.3em;
  font-size: 10px;
  font-size: 1rem;
  color: var(--accent-clr);
}
#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.384em;
  height: 1.384em;
  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(--accent-clr);
  border-radius: 50%;
}
#membership .reward-list .reward-detail-wrapper .exchange-point-wrapper .exchange-point {
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: bold;
  margin: 0;
}
#membership .reward-list .reward-detail-wrapper .description {
  font-size: 11px;
  font-size: 1.1rem;
  margin-top: 1.363em;
}
#membership .login .mbs-login-wrap {
  font-size: 10px;
  font-size: 1rem;
  background: none;
  position: relative;
  padding: 4em 2em;
}
#membership .login .link-wrapper {
  text-align: center;
}
#membership .login .link-wrapper a {
  font-size: 14px;
  font-size: 1.4rem;
  width: 100% !important;
  max-width: 42.857em !important;
  font-weight: normal;
  display: inline-block;
  text-decoration: none;
  padding: 1.071em 5em;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: none;
  border-radius: 0;
  background: #000535;
  color: #FFF;
  font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", "YuGothic", "游ゴシック体";
}
#membership .login .register-description {
  text-align: center;
  margin-top: 1.428em;
  font-size: 14px;
  font-size: 1.4rem;
}
#membership .login .register-description a {
  color: inherit;
}
#membership .mypage .heading-wrapper,
#membership .draft .heading-wrapper {
  margin: 0;
}
#membership .mypage .heading-wrapper .logout-wrapper,
#membership .draft .heading-wrapper .logout-wrapper {
  position: relative;
}
#membership .mypage .heading-wrapper .logout-wrapper::before,
#membership .draft .heading-wrapper .logout-wrapper::before {
  background: 0;
  border: solid 1px var(--font-clr);
  opacity: 0.25;
  border-radius: 1.7em;
}
#membership .mypage .heading-wrapper button[type=submit],
#membership .draft .heading-wrapper button[type=submit] {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  color: var(--font-clr);
  min-width: 10.714em;
  padding: 0.714em 1.428em;
  text-decoration: none;
  text-align: center;
  background: none;
  border-radius: 1.214em;
  opacity: 1;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
#membership .mypage .heading-wrapper button[type=submit]:hover,
#membership .draft .heading-wrapper button[type=submit]:hover {
  opacity: 0.5;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
#membership .mypage .info .card,
#membership .draft .info .card {
  position: relative;
  width: 100%;
  max-width: 100%;
  max-height: none;
  padding: 2em 1em;
  border: 0;
  border-radius: 0;
  background: none;
  z-index: 2;
}
#membership .mypage .info .card .logo-text,
#membership .draft .info .card .logo-text {
  font-size: 21px;
  font-size: 2.1rem;
}
#membership .mypage .info .card .membership-name,
#membership .draft .info .card .membership-name {
  font-size: 14px;
  font-size: 1.4rem;
  margin: 1.428em 0;
  text-align: center;
  margin: 1.428em 0;
}
#membership .mypage .info .card .join-date,
#membership .draft .info .card .join-date {
  font-size: 14px;
  font-size: 1.4rem;
}
#membership .mypage .info .content .customer-info,
#membership .draft .info .content .customer-info {
  margin: 2.5em 0 1.666em 0;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: normal;
  line-height: 1;
  text-align: center;
}
#membership .mypage .info .content .edit-wrapper,
#membership .draft .info .content .edit-wrapper {
  margin-top: 2.8em;
}
#membership .mypage .info .content .edit-wrapper a,
#membership .draft .info .content .edit-wrapper a {
  color: var(--font-clr);
}
#membership .mypage .info .content .edit-wrapper svg,
#membership .draft .info .content .edit-wrapper svg {
  width: 1.6em;
  vertical-align: -0.2em;
}
#membership .mypage .info .content .bar,
#membership .draft .info .content .bar {
  display: none;
}
#membership .mypage .info .content .definition-list,
#membership .draft .info .content .definition-list {
  z-index: 1;
}
#membership .mypage .info .content .definition-list:has(.point-amount),
#membership .draft .info .content .definition-list:has(.point-amount) {
  position: relative;
  padding: 4em 2em;
  font-size: 10px;
  font-size: 1rem;
}
#membership .mypage .info .content .definition-list:has(.point-amount)::before,
#membership .draft .info .content .definition-list:has(.point-amount)::before {
  background: none;
  border: solid 1px var(--font-clr);
  opacity: 0.3;
}
#membership .mypage .info .content .definition-list:has(.point-amount) .definition-term,
#membership .draft .info .content .definition-list:has(.point-amount) .definition-term {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
  text-align: center;
}
#membership .mypage .info .content .definition-list:has(.point-amount) .definition-description,
#membership .draft .info .content .definition-list:has(.point-amount) .definition-description {
  z-index: 0;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 10px;
  font-size: 1rem;
  background: none;
  position: relative;
}
#membership .mypage .info .content .definition-list:has(.point-amount) .definition-description .point-amount,
#membership .draft .info .content .definition-list:has(.point-amount) .definition-description .point-amount {
  margin: 0.625em 0;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  color: var(--accent-clr);
  text-align: center;
}
#membership .mypage .info .content .definition-list:has(.point-amount) .definition-description .point-expiry-date,
#membership .draft .info .content .definition-list:has(.point-amount) .definition-description .point-expiry-date {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1;
  color: var(--font-clr);
}
#membership .mypage .info .content .definition-list:has(.point-amount) .point-history, #membership .mypage .info .content .definition-list:has(.point-amount) + .about-wrapper,
#membership .draft .info .content .definition-list:has(.point-amount) .point-history,
#membership .draft .info .content .definition-list:has(.point-amount) + .about-wrapper {
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  line-height: 2;
}
#membership .mypage .info .content .definition-list:has(.point-amount) .point-history a, #membership .mypage .info .content .definition-list:has(.point-amount) + .about-wrapper a,
#membership .draft .info .content .definition-list:has(.point-amount) .point-history a,
#membership .draft .info .content .definition-list:has(.point-amount) + .about-wrapper a {
  font-size: inherit;
  padding: 0 0 0 1.071em;
  position: relative;
  color: var(--font-clr);
}
#membership .mypage .info .content .definition-list:has(.point-amount) .point-history a::before, #membership .mypage .info .content .definition-list:has(.point-amount) + .about-wrapper a::before,
#membership .draft .info .content .definition-list:has(.point-amount) .point-history a::before,
#membership .draft .info .content .definition-list:has(.point-amount) + .about-wrapper a::before {
  content: "";
  position: absolute;
  left: -0.072em;
  top: 0.5em;
  width: 0.428em;
  height: 0.428em;
  border-top: solid 1px var(--font-clr);
  border-right: solid 1px var(--font-clr);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#membership .mypage .info .content .definition-list:has(.mail-address) .definition-term,
#membership .draft .info .content .definition-list:has(.mail-address) .definition-term {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: medium;
  line-height: 2;
}
#membership .mypage .info .content .definition-list:has(.mail-address) .definition-description,
#membership .draft .info .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;
}
#membership .mypage .info .content .definition-list:has(.mail-address) .mail-address,
#membership .draft .info .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;
}
#membership .mypage .leave-wrapper,
#membership .draft .leave-wrapper {
  margin: 6em 0 0 0;
  font-size: 10px;
  font-size: 1rem;
}
#membership .mypage .leave-wrapper button.leave,
#membership .draft .leave-wrapper button.leave {
  font-size: 14px;
  font-size: 1.4rem;
  background: none;
  color: inherit;
  opacity: 1;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
#membership .mypage .leave-wrapper button.leave:hover,
#membership .draft .leave-wrapper button.leave:hover {
  opacity: 0.5;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
#membership .draft .content {
  margin-top: 4em;
}
#membership .draft .heading-wrapper + .content {
  margin-top: 0;
}
#membership .draft .message {
  font-size: 18px;
  font-size: 1.8rem;
  position: relative;
  margin: 0 0 2.222em 0;
  padding: 2.222em;
}
@media only screen and (min-width: 768px) {
  #membership .guide .about-point {
    margin: 4em 0;
    padding: 6em 4em;
  }
  #membership .mypage-link a.link {
    max-width: 100% !important;
  }
  #membership .register p.description {
    text-align: center;
  }
  #membership .info {
    display: block;
  }
  #membership .info .content::before, #membership .info .content::after {
    content: "";
    display: table;
    clear: both;
    overflow: hidden;
  }
  #membership .info .content .definition-list:has(.point-amount) {
    font-size: 10px;
    font-size: 1rem;
    width: calc(50% - 2em);
    margin: 0;
    float: left;
  }
  #membership .info .content .definition-list:has(.point-amount) + .about-wrapper {
    margin: 0;
    width: calc(50% - 1.428em);
    float: right;
  }
  #membership .info .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;
  }
  #membership .info .content .definition-list:has(.mail-address) .definition-term::after {
    content: "：";
  }
  #membership .reward-list > .title {
    text-align: left !important;
  }
  #membership .reward-list .howto .description {
    padding: 3em 3em 0 3em;
  }
  #membership .reward-list .howto .description .text {
    padding-bottom: 1.071em;
  }
}
@media only screen and (min-width: 1024px) {
  #membership .link-wrapper button[type=submit],
  #membership .mypage-link a.link {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 1.428em 5em;
    max-width: 42.857em !important;
  }
  #membership .mypage-link a.link {
    max-width: 100% !important;
  }
  #membership .register {
    padding: 6em 2em;
  }
  #membership .register .heading {
    margin: 0 0 1.5em 0;
    font-size: 24px;
    font-size: 2.4rem;
  }
  #membership .login .mbs-login-wrap {
    padding: 6em 2em;
  }
  #membership .mypage .info .card .logo-text,
  #membership .draft .info .card .logo-text {
    font-size: 24px;
    font-size: 2.4rem;
  }
}

@container (max-width: 200px) {
  #membership .reward-card-list .reward-card .reward-detail-wrapper .title {
    font-size: 11px;
    font-size: 1.1rem;
    padding: 1.363em 0 0 0;
  }
  #membership .reward-card-list .reward-card .reward-detail-wrapper .exchange-point-wrapper {
    margin: 1em 0 0 0;
    padding: 0 0 0 2em;
  }
  #membership .reward-card-list .reward-card .reward-detail-wrapper .exchange-point-wrapper::before {
    top: 0.181em;
    width: 1.272em;
    height: 1.272em;
    padding: 0.181em 0 0.181em 0.09em;
    font-size: 11px;
    font-size: 1.1rem;
  }
  #membership .reward-card-list .reward-card .reward-detail-wrapper .exchange-point-wrapper .exchange-point {
    font-size: 16px;
    font-size: 1.6rem;
  }
  #membership .reward-card-list .reward-card .reward-detail-wrapper .description {
    margin-top: 0.909em;
  }
}
#membership .point-history .content .point-history-summary {
  font-size: 10px;
  font-size: 1rem;
  margin-bottom: 4em;
}
#membership .point-history .content .point-name {
  font-size: 24px;
  font-size: 2.4rem;
  margin: 2.5em 0 1.666em 0;
  font-weight: normal;
  color: var(--font-clr);
}
#membership .point-history .content .point-name + .description {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
  color: var(--font-clr);
}
#membership .point-history .content .point-history-empty-text {
  border: 0;
  padding: 2.857em 1.428em;
  font-size: 14px;
  font-size: 1.4rem;
  position: relative;
}
#membership .point-history .content .point-history-empty-text::before {
  background: none;
  border: solid 1px var(--font-clr);
  opacity: 0.3;
}
#membership .point-history .content .point-history-list {
  position: relative;
  padding: 4em 2em;
  font-size: 10px;
  font-size: 1rem;
  border: 0;
}
#membership .point-history .content .point-history-list::before {
  background: none;
  border: solid 1px var(--font-clr);
  opacity: 0.3;
}
#membership .point-history .content .card {
  font-size: 10px;
  font-size: 1rem;
  border: 0;
  padding: 2em 0 0 0;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: repeat(3, auto);
  grid-column-gap: 1.5em;
}
#membership .point-history .content .card:first-child {
  padding-top: 0;
}
#membership .point-history .content .card + .card {
  margin-top: 2.1em;
  position: relative;
}
#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: var(--font-clr);
}
#membership .point-history .content .card .caption .action-type {
  display: inline-block;
  font-size: 11px;
  font-size: 1.1rem;
  background: #666666;
  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: var(--font-clr);
}
#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: var(--font-clr);
}
#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: var(--font-clr);
}
#membership .point-history .content .card.is-get .caption .action-type {
  color: var(--accent-font-clr);
  background: var(--accent-clr);
}
#membership .point-history .content .card.is-get .point {
  color: var(--accent-clr);
}
#membership .point-history .content .card.is-return .point {
  opacity: 0.75;
}
@media only screen and (min-width: 768px) {
  #membership .point-history .content .point-history-empty-text {
    padding: 4.285em 2.857em;
    text-align: center;
  }
  #membership .point-history .content .point-history-list {
    padding: 6em 4em;
  }
  #membership .point-history .content .card {
    padding: 3em 0 0 0;
  }
  #membership .point-history .content .card + .card {
    margin-top: 3em;
  }
  #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.23em 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: 14px;
    font-size: 1.4rem;
  }
  #membership .point-history .content .card .reward-name {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
#membership .point-history .pagination {
  font-size: 10px;
  font-size: 1rem;
  margin: 4em 0;
}
#membership .point-history .pagination .page-block a.page-link,
#membership .point-history .pagination .page-block span.current {
  position: relative;
  display: grid;
  place-items: center;
  margin: 0 0.071em;
  padding: 0.714em;
  min-width: 3.571em;
  height: 3.571em;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1;
  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(--accent-font-clr);
}
#membership .point-history .pagination .page-block span.current::before {
  opacity: 1;
  background: var(--accent-clr);
}
#membership .point-history .pagination .page-block a.page-link {
  color: var(--accent-clr);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 0;
  background: var(--accent-font-clr);
}
#membership .point-history .pagination .page-block a.page-link::before {
  background: none;
  border: solid 1px var(--accent-clr);
  opacity: 1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#membership .point-history .pagination .page-block a.page-link:hover {
  color: var(--accent-font-clr);
  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(--accent-clr);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#membership .point-history .pagination .ellipses {
  display: grid;
  place-items: center;
  height: 100%;
  color: var(--accent-clr);
  opacity: 0.5;
}
@media only screen and (min-width: 768px) {
  #membership .point-history .pagination {
    margin: 6em 0;
  }
}

.btn-type-a #membership .link-wrapper button[type=submit],
.btn-type-a #membership .mypage-link a.link {
  color: var(--accent-font-clr);
  background: var(--accent-clr);
  border: 1px solid var(--accent-clr);
  -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
  -webkit-transition: background 1s ease, border 1s ease, color 1s ease, -webkit-box-shadow 0.25s ease;
  transition: background 1s ease, border 1s ease, color 1s ease, -webkit-box-shadow 0.25s ease;
  transition: background 1s ease, border 1s ease, color 1s ease, box-shadow 0.25s ease;
  transition: background 1s ease, border 1s ease, color 1s ease, box-shadow 0.25s ease, -webkit-box-shadow 0.25s ease;
}
.btn-type-a #membership .link-wrapper button[type=submit]:hover,
.btn-type-a #membership .mypage-link a.link:hover {
  color: var(--accent-clr);
  background: transparent;
  border: 1px solid var(--accent-clr);
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
  -webkit-transition: background 0.5s ease, border 0.5s ease, color 0.5s ease, -webkit-box-shadow 0.25s ease;
  transition: background 0.5s ease, border 0.5s ease, color 0.5s ease, -webkit-box-shadow 0.25s ease;
  transition: background 0.5s ease, border 0.5s ease, color 0.5s ease, box-shadow 0.25s ease;
  transition: background 0.5s ease, border 0.5s ease, color 0.5s ease, box-shadow 0.25s ease, -webkit-box-shadow 0.25s ease;
}

.btn-type-b #membership .link-wrapper button[type=submit],
.btn-type-b #membership .mypage-link a.link {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  color: var(--accent-clr);
  border: 1px solid var(--accent-clr);
  -webkit-transition: background 1s ease, border 1s ease, color 1s ease;
  transition: background 1s ease, border 1s ease, color 1s ease;
}
.btn-type-b #membership .link-wrapper button[type=submit]:hover,
.btn-type-b #membership .mypage-link a.link:hover {
  background: var(--accent-clr);
  color: var(--accent-font-clr);
  -webkit-transition: background 0.5s ease, border 0.5s ease, color 0.5s ease;
  transition: background 0.5s ease, border 0.5s ease, color 0.5s ease;
}

.item-bg-clr #membership .content .description {
  font-size: 10px;
  font-size: 1rem;
  padding: 4em 2em 0 2em;
  background: var(--item-bg-clr);
  color: var(--item-clr);
}
.item-bg-clr #membership .guide .about-point {
  margin: 0 !important;
  padding: 4em 2em;
  background: var(--item-bg-clr);
  color: var(--item-clr);
}
.item-bg-clr #membership .guide .about-point::before {
  content: normal;
}
.item-bg-clr #membership .guide .about-point h2::before {
  border-color: var(--item-clr);
}
.item-bg-clr #membership .guide .about-point .description {
  margin: 0;
}
.item-bg-clr #membership .guide .about-point .description li::before {
  border-color: var(--item-clr);
}
.item-bg-clr #membership .guide .mypage-link {
  font-size: 10px;
  font-size: 1rem;
  margin: 4em 0 0 0 !important;
}
.item-bg-clr #membership .guide .register {
  background: var(--item-bg-clr);
  color: var(--item-clr);
}
.item-bg-clr #membership .guide .register::before {
  background: var(--item-clr);
  content: normal;
}
.item-bg-clr #membership .mbs-login-wrap {
  background: var(--item-bg-clr);
  color: var(--item-clr);
}
.item-bg-clr #membership .draft .info,
.item-bg-clr #membership .mypage .info {
  font-size: 10px;
  font-size: 1rem;
  padding: 4em 2em;
  background: var(--item-bg-clr);
  color: var(--item-clr);
}
.item-bg-clr #membership .draft .info .card::before,
.item-bg-clr #membership .mypage .info .card::before {
  background: var(--item-clr);
}
.item-bg-clr #membership .draft .info .content .edit-wrapper a,
.item-bg-clr #membership .mypage .info .content .edit-wrapper a {
  color: var(--item-clr);
}
.item-bg-clr #membership .draft .info .content .definition-list:has(.point-amount)::before,
.item-bg-clr #membership .mypage .info .content .definition-list:has(.point-amount)::before {
  border: solid 1px var(--item-clr);
}
.item-bg-clr #membership .draft .info .content .definition-list:has(.point-amount) .definition-description .point-expiry-date,
.item-bg-clr #membership .mypage .info .content .definition-list:has(.point-amount) .definition-description .point-expiry-date {
  color: var(--item-clr);
}
.item-bg-clr #membership .draft .info .content .definition-list:has(.point-amount) .point-history a, .item-bg-clr #membership .draft .info .content .definition-list:has(.point-amount) + .about-wrapper a,
.item-bg-clr #membership .mypage .info .content .definition-list:has(.point-amount) .point-history a,
.item-bg-clr #membership .mypage .info .content .definition-list:has(.point-amount) + .about-wrapper a {
  color: var(--item-clr);
}
.item-bg-clr #membership .draft .info .content .definition-list:has(.point-amount) .point-history a::before, .item-bg-clr #membership .draft .info .content .definition-list:has(.point-amount) + .about-wrapper a::before,
.item-bg-clr #membership .mypage .info .content .definition-list:has(.point-amount) .point-history a::before,
.item-bg-clr #membership .mypage .info .content .definition-list:has(.point-amount) + .about-wrapper a::before {
  border-top: solid 1px var(--item-clr);
  border-right: solid 1px var(--item-clr);
}
.item-bg-clr #membership .draft .definition-list .definition-description::before,
.item-bg-clr #membership .mypage .definition-list .definition-description::before {
  background: var(--item-clr) !important;
}
.item-bg-clr #membership .draft .content {
  font-size: 10px;
  font-size: 1rem;
  padding: 4em 2em;
  background: var(--item-bg-clr);
  color: var(--item-clr);
}
.item-bg-clr #membership .draft .message {
  z-index: 1;
}
.item-bg-clr #membership .draft .message::before {
  background-color: var(--item-clr);
}
.item-bg-clr #membership .point-info-login-link {
  color: var(--item-clr);
}
.item-bg-clr #membership .reward-list .howto {
  background: var(--item-bg-clr);
  color: var(--item-clr);
}
.item-bg-clr #membership .reward-list .howto::after {
  border: solid 1px var(--item-clr);
}
.item-bg-clr #membership .reward-list .howto .caption .text {
  color: var(--item-clr);
}
.item-bg-clr #membership .reward-list .howto .caption .text::before {
  border: solid 1px var(--item-clr);
}
.item-bg-clr #membership .reward-list .howto .caption .arrow-icon svg {
  fill: var(--item-clr) !important;
}
.item-bg-clr #membership .reward-list .howto .description {
  font-size: 10px;
  font-size: 1rem;
  margin: 1.5em 0 0 0;
  padding: 2em 2em 0 2em;
  position: relative;
  z-index: 1;
}
.item-bg-clr #membership .reward-list .howto .description::before {
  background: var(--item-clr);
}
.item-bg-clr #membership .reward-list .howto .description .text {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
  color: var(--item-clr);
}
.item-bg-clr #membership .reward-card {
  background: var(--item-bg-clr);
  color: var(--item-clr);
}
.item-bg-clr #membership .reward-detail-wrapper {
  padding: 0 2em 2.5em 2.5em;
}
.item-bg-clr #membership .point-history .content .description {
  padding: 0;
  background: none;
}
.item-bg-clr #membership .point-history .content .point-history-empty-text {
  background: var(--item-bg-clr);
  color: var(--item-clr);
}
.item-bg-clr #membership .point-history .content .point-history-empty-text::before {
  border: solid 1px var(--item-clr);
}
.item-bg-clr #membership .point-history .content .point-history-list {
  background: var(--item-bg-clr);
  color: var(--item-clr);
}
.item-bg-clr #membership .point-history .content .point-history-list::before {
  border: solid 1px var(--item-clr);
}
.item-bg-clr #membership .point-history .content .card + .card::before {
  background: var(--item-clr);
}
.item-bg-clr #membership .point-history .content .card .caption {
  color: var(--item-clr);
}
.item-bg-clr #membership .point-history .content .card .point {
  color: var(--item-clr);
}
.item-bg-clr #membership .point-history .content .card .order-header-unique-key {
  color: var(--item-clr);
}
.item-bg-clr #membership .point-history .content .card .reward-name {
  color: var(--item-clr);
}
@media only screen and (min-width: 768px) {
  .item-bg-clr #membership .content .description {
    padding: 6em 4em 0 4em;
  }
  .item-bg-clr #membership .guide .about-point {
    padding: 4em 4em 6em 4em;
  }
  .item-bg-clr #membership .guide .mypage-link {
    margin-top: 6em !important;
  }
  .item-bg-clr #membership .draft .info,
  .item-bg-clr #membership .mypage .info {
    padding: 6em 4em;
  }
  .item-bg-clr #membership .draft .content {
    padding: 6em 4em 6em 4em;
  }
}

.round10 #membership .guide .about-point {
  border-radius: 0 0 1em 1em;
}
.round10 #membership .guide .about-point::before {
  border-radius: 1em;
}
.round10 #membership .link-wrapper button[type=submit],
.round10 #membership .mypage-link a.link {
  border-radius: 5px;
  border-radius: 0.5rem;
}
.round10 #membership .content .description {
  border-radius: 1em 1em 0 0;
}
.round10 #membership .register {
  border-radius: 1em;
}
.round10 #membership .login .mbs-login-wrap {
  border-radius: 1em;
}
.round10 #membership .login .mbs-login-wrap::before {
  border-radius: 1em;
}
.round10 #membership .login .link-wrapper a {
  border-radius: 5px;
  border-radius: 0.5rem;
}
.round10 #membership .draft .info,
.round10 #membership .mypage .info {
  border-radius: 1em;
}
.round10 #membership .draft .info .card::before,
.round10 #membership .mypage .info .card::before {
  font-size: 10px;
  font-size: 1rem;
  border-radius: 1em;
}
.round10 #membership .draft .info .content .definition-list:has(.point-amount)::before,
.round10 #membership .mypage .info .content .definition-list:has(.point-amount)::before {
  border-radius: 1em;
}
.round10 #membership .draft .content {
  border-radius: 1em;
}
.round10 #membership .draft .message::before {
  font-size: 10px;
  font-size: 1rem;
  border-radius: 1em;
}
.round10 #membership .reward-list .howto {
  border-radius: 1em;
}
.round10 #membership .reward-list .howto::after {
  border-radius: 1em;
}
.round10 #membership .reward-list .howto .description::before {
  border-radius: 0.5em;
}
.round10 #membership .reward-image {
  border-radius: 1em;
}
.round10 #membership .point-history .content .description {
  padding: 0;
  background: none;
}
.round10 #membership .point-history .content .point-history-empty-text {
  border-radius: 0.714em;
}
.round10 #membership .point-history .content .point-history-empty-text::before {
  border-radius: 0.714em;
}
.round10 #membership .point-history .content .point-history-list {
  border-radius: 1em;
}
.round10 #membership .point-history .content .point-history-list::before {
  border-radius: 1em;
}
.round10.item-bg-clr #membership .reward-image {
  border-radius: 1em 1em 0 0;
}
.round10.item-bg-clr #membership .reward-card {
  border-radius: 1em;
}

.gap-on #membership .reward-list .reward-card-list {
  grid-column-gap: 1em;
}

.gap-off #membership .reward-detail-wrapper {
  padding-right: 2em;
  padding-left: 2em;
}

.spculumn-2 #membership .reward-list .reward-card-list {
  grid-template-columns: repeat(2, 1fr);
}

.spculumn-3 #membership .reward-list .reward-card-list {
  grid-template-columns: repeat(3, 1fr);
}

@media only screen and (min-width: 768px) {
  .gap-on #membership .reward-list .reward-card-list {
    grid-column-gap: 2em;
    grid-row-gap: 5em;
  }
  .gap-off #membership .reward-list .reward-card-list {
    grid-row-gap: 5em;
  }
  .pcculumn-3 #membership .reward-list .reward-card-list {
    grid-template-columns: repeat(3, 1fr);
  }
  .pcculumn-4 #membership .reward-list .reward-card-list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.img-sq .reward-card .reward-image {
  aspect-ratio: 1/1 !important;
}
.img-la-gold .reward-card .reward-image {
  aspect-ratio: 1.618/1 !important;
}
.img-la-screen .reward-card .reward-image {
  aspect-ratio: 4/3 !important;
}
.img-pt-gold .reward-card .reward-image {
  aspect-ratio: 1/1.618 !important;
}
.img-pt-screen .reward-card .reward-image {
  aspect-ratio: 3/4 !important;
}

#law {
  font-size: 10px;
  font-size: 1rem;
}
#law h2 {
  display: none;
}
#law h2 + h3 {
  margin-top: 0;
}
#law h3 {
  margin: 1.5em 0 1em 0;
  font-size: 20px;
  font-size: 2rem;
}
#law p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
}
#law .atobaraiTerm,
#law .bnplTerm {
  font-size: 10px;
  font-size: 1rem;
  margin-top: 2em;
  padding: 2.5em 2em;
  position: relative;
  z-index: 1;
}
#law .atobaraiTerm::before,
#law .bnplTerm::before {
  content: "";
  z-index: -1;
}
#law .atobaraiTerm__title,
#law .bnplTerm__title {
  font-weight: bold;
}
#law .telnumValid__txt {
  color: #222;
}

#privacy {
  font-size: 10px;
  font-size: 1rem;
}
#privacy h2 {
  display: none;
}
#privacy .privacy_intro {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
}
#privacy dl > dt {
  margin: 1.5em 0 1em 0;
  font-size: 20px;
  font-size: 2rem;
}
#privacy dl > dd {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
}
#privacy dl ul {
  font-size: 10px;
  font-size: 1rem;
  margin-top: 2em;
  padding: 2.5em 2em;
  position: relative;
  z-index: 1;
}
#privacy dl ul li {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
}
#privacy dl ul li + li {
  margin-top: 0.714em;
}
#privacy dl ul::before {
  content: "";
  z-index: -1;
}

.round10 #law {
  border-radius: 1em;
}
.round10 #law .atobaraiTerm::before,
.round10 #law .bnplTerm::before {
  border-radius: 1em;
}
.round10 #privacy {
  border-radius: 1em;
}
.round10 #privacy dl ul::before {
  border-radius: 1em;
}

.item-bg-clr #law,
.item-bg-clr #privacy {
  padding: 4em 2em;
  background: var(--item-bg-clr);
  color: var(--item-clr);
}
.item-bg-clr #law .atobaraiTerm::before,
.item-bg-clr #law .bnplTerm::before {
  background: var(--item-clr);
}
.item-bg-clr #privacy dl ul::before {
  background: var(--item-clr);
}

@media only screen and (min-width: 768px) {
  .item-bg-clr #law,
  .item-bg-clr #privacy {
    padding: 6em 4em;
  }
}