@charset "UTF-8";
/** 詳細度 0-0-0に調整 ※クラスで上書き可能に調整 */
/*! purgecss start ignore */
:where(#aon-shop-root) *::before, :where(#aon-shop-root) *::after {
  box-sizing: inherit;
}
:where(#aon-shop-root) iframe {
  border: none;
}
:where(#aon-shop-root) h1, :where(#aon-shop-root) h2, :where(#aon-shop-root) h3, :where(#aon-shop-root) h4, :where(#aon-shop-root) h5, :where(#aon-shop-root) h6 {
  margin: 0;
  font-weight: inherit;
  font-size: inherit;
}
:where(#aon-shop-root) ul, :where(#aon-shop-root) ol, :where(#aon-shop-root) li, :where(#aon-shop-root) dd {
  margin: 0;
  padding: 0;
  list-style: none;
}
:where(#aon-shop-root) p, :where(#aon-shop-root) dl {
  margin: 0;
}
:where(#aon-shop-root) dt {
  display: inline;
}
:where(#aon-shop-root) a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  word-wrap: break-word;
}
:where(#aon-shop-root) strong {
  font-weight: inherit;
  font-size: 1.15em;
}
:where(#aon-shop-root) hr {
  margin: 0;
  border: none;
}
:where(#aon-shop-root) a, :where(#aon-shop-root) button, :where(#aon-shop-root) span, :where(#aon-shop-root) div, :where(#aon-shop-root) summary {
  outline: revert;
}
:where(#aon-shop-root) .slick-slide a, :where(#aon-shop-root) .slick-slider img {
  position: initial;
  outline-offset: -2px;
}

/*! purgecss end ignore */
/*! purgecss start ignore */
:where(#aon-shop-root) {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}
:where(#aon-shop-root) :where(:not(img)):nth-child(n) {
  max-width: none;
}
:where(#aon-shop-root) img, :where(#aon-shop-root) svg {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
:where(#aon-shop-root) hr {
  width: 100%;
  height: 1px;
  margin: 1em auto;
  background-color: inherit;
}

/*! purgecss end ignore */
/* purgecss start ignore */
:where(#aon-shop-root) {
  /* ==================================================
   * 在庫連携API・カートインボタン・セレクトボタン初期スタイル
   * ================================================== */
}
:where(#aon-shop-root) .cart-single-button, :where(#aon-shop-root) .cart-direct-button, :where(#aon-shop-root) .cart-all-button, :where(#aon-shop-root) .cart-together-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: var(--cart-spacing, 0.25em 1em);
  background-color: var(--cart-btn-bg, #b50713);
  color: var(--cart-btn-c, #ffffff);
  transition: all 0.25s ease-in-out;
}
:where(#aon-shop-root) .cart-single-button:hover, :where(#aon-shop-root) .cart-direct-button:hover, :where(#aon-shop-root) .cart-all-button:hover, :where(#aon-shop-root) .cart-together-button:hover, :where(#aon-shop-root) .cart-single-button:focus, :where(#aon-shop-root) .cart-direct-button:focus, :where(#aon-shop-root) .cart-all-button:focus, :where(#aon-shop-root) .cart-together-button:focus {
  opacity: 0.85;
}
:where(#aon-shop-root) [disabled].cart-single-button:not(.is-disabled), :where(#aon-shop-root) [disabled].cart-direct-button:not(.is-disabled), :where(#aon-shop-root) [disabled].cart-all-button:not(.is-disabled), :where(#aon-shop-root) [disabled].cart-together-button:not(.is-disabled), :where(#aon-shop-root) .cart-single-button .cart_disabled:not(.is-disabled), :where(#aon-shop-root) .cart-direct-button .cart_disabled:not(.is-disabled), :where(#aon-shop-root) .cart-all-button .cart_disabled:not(.is-disabled), :where(#aon-shop-root) .cart-together-button .cart_disabled:not(.is-disabled) {
  position: relative;
  pointer-events: none;
}
:where(#aon-shop-root) [disabled].cart-single-button:not(.is-disabled)::after, :where(#aon-shop-root) [disabled].cart-direct-button:not(.is-disabled)::after, :where(#aon-shop-root) [disabled].cart-all-button:not(.is-disabled)::after, :where(#aon-shop-root) [disabled].cart-together-button:not(.is-disabled)::after, :where(#aon-shop-root) .cart-single-button .cart_disabled:not(.is-disabled)::after, :where(#aon-shop-root) .cart-direct-button .cart_disabled:not(.is-disabled)::after, :where(#aon-shop-root) .cart-all-button .cart_disabled:not(.is-disabled)::after, :where(#aon-shop-root) .cart-together-button .cart_disabled:not(.is-disabled)::after {
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  inset: 0;
  background-color: var(--cart-disabled-bg, #767676);
  content: "購入できません";
  color: var(--cart-disabled-c, #ffffff);
}
:where(#aon-shop-root) .cart {
  position: relative;
}
:where(#aon-shop-root) .cart_status {
  z-index: 9999;
  position: absolute;
  max-width: 80%;
  margin: auto;
  inset: -1em 0 auto;
  padding: 0.25em 0.5em;
  transform: translateY(-90%);
  color: currentColor;
  font-size: 1.45rem;
  text-align: center;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s;
}
:where(#aon-shop-root) .cart_status::after {
  position: absolute;
  width: 0.8em;
  height: 0.6em;
  margin: auto;
  inset: auto 0 0;
  transform: translateY(95%);
  background-color: currentColor;
  content: "";
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  pointer-events: none;
}
:where(#aon-shop-root) .cart_status.is-success {
  transform: translateY(-100%);
  background-color: var(--cart-status-success-bg, #1e7e4a);
  color: var(--cart-status-success-c, #ffffff);
  opacity: 1;
  pointer-events: all;
}
:where(#aon-shop-root) .cart_status.is-success::after {
  color: var(--cart-status-success-bg, #1e7e4a);
}
:where(#aon-shop-root) .cart_status.is-error {
  transform: translateY(-100%);
  background-color: var(--cart-status-error-bg, #b50713);
  color: var(--cart-status-error-c, #ffffff);
  opacity: 1;
  pointer-events: all;
}
:where(#aon-shop-root) .cart_status.is-error::after {
  color: var(--cart-status-error-bg, #b50713);
}
:where(#aon-shop-root) .js-button.is-disabled {
  background-color: var(--cart-disabled-bg, #767676);
  color: var(--cart-disabled-c, #ffffff);
  pointer-events: none;
}
:where(#aon-shop-root) {
  /* プルダウン用 */
}
:where(#aon-shop-root) .select-box__size, :where(#aon-shop-root) .select-box__purchase {
  display: inline-flex;
  position: relative;
  width: var(--select-box-width, 100%);
  border: var(--select-box-border, 1px solid currentColor);
  background-color: var(--select-box-bg, #fff);
  color: var(--select-box-c, #000);
  vertical-align: middle;
}
:where(#aon-shop-root) .select-box__size select, :where(#aon-shop-root) .select-box__purchase select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  padding-inline: 1em 1.75em;
  padding-block: 5px;
  border: none;
  background-color: var(--select-box-bg, #fff);
  box-shadow: none;
  color: var(--select-box-c, #000);
  text-indent: 0.01px;
  text-overflow: ellipsis;
  cursor: pointer;
}
:where(#aon-shop-root) .select-box__size select::-ms-expand, :where(#aon-shop-root) .select-box__purchase select::-ms-expand {
  display: none;
}
:where(#aon-shop-root) .select-box__size::before, :where(#aon-shop-root) .select-box__purchase::before {
  aspect-ratio: 1/1;
  margin: auto;
  inset: 0 0 0 auto;
  background-color: var(--select-box-c, #000);
  content: "";
  -webkit-mask-image: var(--cart-select-arrow-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 12.69'%3E%3Cpolygon points='16.01 0 10 7.63 3.99 0 0 0 10 12.69 20 0 16.01 0'/%3E%3C/svg%3E"));
          mask-image: var(--cart-select-arrow-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 12.69'%3E%3Cpolygon points='16.01 0 10 7.63 3.99 0 0 0 10 12.69 20 0 16.01 0'/%3E%3C/svg%3E"));
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 40%;
  z-index: 1;
  position: absolute;
  height: 1.5em;
          mask-size: 40%;
  pointer-events: none;
}
:where(#aon-shop-root) {
  /* ==================================================
   * 受注終了表記切り替え
   * ================================================== */
}
:where(#aon-shop-root) .display_none {
  display: none;
}
:where(#aon-shop-root) .strikethrough {
  text-decoration: line-through;
}
:where(#aon-shop-root) .text-close {
  padding: 0.25em;
  background-color: var(--order-period-close-bg, #b50713);
  color: var(--order-period-close-c, #ffffff);
  text-align: center;
}

/* purgecss end ignore */
:where(#aon-shop-root) {
  /* ==================================================
   * 特集のcss変数
   * ================================================== */
}
:where(#aon-shop-root) main {
  --base-width-raw: 750;
  --base-width-raw-sp: 750;
  --base-width-raw-pc: 1326;
  --fs-base: 1.4rem;
  --slick-dot-color: #595eb3;
  --cart-spacing: 0.5em 1em;
  --cart-btn-bg: #71579f;
  --select-box-bg: none;
  --select-box-border: 1px solid #000000;
  --select-box-c: #000000;
  --cart-select-arrow-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 12.69'%3E%3Cpolygon points='0 0 20 0 10 12.69'/%3E%3C/svg%3E");
}
:where(#aon-shop-root) main {
  --slick-dot-color-active: #71579f;
}
:where(#aon-shop-root) hr {
  --diamond-size: 0.4em;
  position: relative;
  width: 100%;
  height: 1px;
  margin-block: 1em;
  overflow: visible;
  border: 0;
  background-color: #a0a0a0;
}
:where(#aon-shop-root) hr::before, :where(#aon-shop-root) hr::after {
  position: absolute;
  top: 50%;
  width: var(--diamond-size);
  height: var(--diamond-size);
  background-color: #a0a0a0;
  content: "";
}
:where(#aon-shop-root) hr::before {
  left: 0;
  transform: translate(-50%, -50%) rotate(45deg);
}
:where(#aon-shop-root) hr::after {
  right: 0;
  transform: translate(50%, -50%) rotate(45deg);
}
:where(#aon-shop-root) {
  /* ==================================================
   * 特集のデフォルトスタイル
   * ================================================== */
}
:where(#aon-shop-root) main {
  background: url(./bg-base-sp.jpg) repeat-y top/100%;
  background-attachment: fixed;
}
:where(#aon-shop-root) main {
  color: var(--c-base, #000000);
  font-weight: 500;
  font-size: var(--fs-base);
  line-height: var(--ls-base, 1.75);
  font-family: "M PLUS Rounded 1c", sans-serif;
  word-break: break-all;
}

/* ==================================================
 * カートスタイル上書き
 * ================================================== */
.cart {
  width: 100%;
}

.cart-direct-button,
.cart-single-button,
.cart-all-button,
.cart-together-button {
  padding: var(--cart-spacing);
  border-radius: 3em;
  font-weight: 700;
  font-size: var(--fs-base, 1.4rem);
}

.cart-together-button {
  max-width: 500px;
  margin-inline: auto;
}

/* ==================================================
 * 汎用 ~ 個々スタイルの順番で記述
 * ================================================== */
.ft-bg-base {
  min-height: 100dvh;
  background: url(./bg-base-sp.jpg) no-repeat top/cover;
  background-attachment: fixed;
  color: #000000;
  font-size: var(--fs-base);
  line-height: 1.75;
  font-feature-settings: normal;
}

.ft-footer {
  margin-top: 4em;
  padding-block: 1em;
  text-align: center;
}

.ft-container {
  max-width: var(--container-max-width, 1326px);
  margin-inline: auto;
  padding-inline: var(--container-spacing-x, 3%);
}

.ft-accordion {
  margin-block: 0;
  cursor: pointer;
}
.ft-accordion__button {
  position: relative;
  padding: 0.3em 1em;
  background-color: #71579f;
  color: #fff;
  font-weight: 700;
  font-size: 1.1em;
  list-style: none;
  text-align: center;
}
.ft-accordion__button::before {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 0.7em;
  height: 0.6em;
  transform: translateY(-50%);
  background-color: #fff;
  content: "";
  clip-path: polygon(20% 0, 78% 50%, 20% 100%, 0% 100%, 58% 50%, 0% 0%);
  transition: transform 0.4s ease;
}
.ft-accordion[open] .ft-accordion__button::before {
  transform: rotate(90deg);
}
.ft-accordion__panel {
  padding: 1em 0;
}

.ft-tabs {
  margin: 1em;
}
.ft-tabs__button {
  padding: 1em;
  background-color: #000000;
  color: #fff;
}
.ft-tabs__button[tabindex="-1"] {
  background-color: #a0a0a0;
}
.ft-tabs__panel {
  padding: 1em;
  border: solid 2px currentColor;
  background-color: #fff;
  opacity: 0;
  transition: opacity 0.4s ease;
}
.ft-tabs__panel.is-active {
  opacity: 1;
}

.ft-scroll-box {
  overflow-x: auto;
  border: solid 1px currentColor;
}

.ft-chart {
  width: 600px;
  border-spacing: 0;
  background-color: #fff;
  line-height: 1.25;
}
.ft-chart col:nth-child(n+3):nth-child(odd) {
  background-color: #fff68d;
}
.ft-chart__row:last-child th, .ft-chart__row:last-child td {
  border-bottom: none;
}
.ft-chart__head, .ft-chart__cell {
  padding: 5px;
  border-right: solid 1px #000000;
  border-bottom: solid 1px #000000;
  font-weight: 700;
  font-size: 0.8rem;
  text-align: center;
  vertical-align: middle;
}
.ft-chart__head:last-child, .ft-chart__cell:last-child {
  border-right: none;
}
.ft-chart__row:nth-last-child(2) th {
  border-bottom: none;
}
.ft-chart__col-sticky {
  z-index: 1;
  background-color: white;
}
.ft-chart__sticky1 {
  position: sticky;
  left: 0;
  width: 80px !important;
  border-right: solid 1px #000000;
  background-color: #fff;
}
.ft-chart__sticky1::before {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 100%;
  height: 100%;
  border-right: solid 1px #000000;
  border-bottom: solid 1px #000000;
  content: "";
}
.ft-chart__sticky2 {
  position: sticky;
  left: 80px;
  border-right: solid 1px #000000;
  background-color: #fff;
  -moz-text-align-last: left;
  width: 80px !important;
       text-align-last: left;
}
.ft-chart__sticky2:before {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 100%;
  height: 100%;
  border-right: solid 1px #000000;
  content: "";
}
.ft-chart__text-sticky {
  position: relative;
  text-align: left !important;
}
.ft-chart__text-sticky > span {
  position: sticky;
  left: 165px;
}

.ft-button {
  display: inline-flex;
  margin: 1em;
  padding: 1em 2em;
  border-radius: calc(infinity * 1px);
  background-color: #2451ae;
  color: #fff;
}

.ft-product-detail-button {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 0.25em 0.5em;
  border-radius: 3em;
  background-color: #2451ae;
  color: #fff;
  font-weight: 700;
  font-size: var(--fs-base, 1.4rem);
}

.ft-nav {
  padding-block: 10px;
}
.ft-nav__list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  gap: 10px;
}
.ft-nav__item {
  min-width: 0;
  word-wrap: break-word;
  flex: 0 0 calc(25% - 10px);
  max-width: calc(25% - 10px);
}
.ft-nav__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 1em;
  background-color: rgb(253.2060085837, 234.7939914163, 245.5579399142);
  transition: 0.4s;
}
.ft-nav__button:active {
  transform: scale(0.95);
  transition: 0.4s;
}
.ft-nav__button.is-disabled {
  opacity: 0.5;
  pointer-events: none;
}

.ft-heading {
  width: 50%;
  margin-inline: auto;
  margin-block: 1em;
  font-weight: 700;
  font-size: 2em;
  text-align: center;
}
.ft-heading__lineup {
  width: 50%;
}

.ft-box {
  margin-inline: auto;
  padding: 1.2em;
  border-radius: 24px;
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
  background-position: center center;
  background-size: 32px 32px;
  background-repeat: repeat;
  background-color: white;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.ft-box--heading {
  margin-block: 0.5em;
  font-weight: 700;
  font-size: 1.6em;
  font-family: "Noto Serif JP", 游明朝体, YuMincho, 游明朝, "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
}
.ft-box__image {
  display: block;
  width: 100%;
  height: 100%;
  margin-block: 2em 2.5em;
  text-align: center;
}
.ft-box__detail, .ft-box__campaign {
  margin-bottom: 2em;
}
.ft-box__detail h4, .ft-box__campaign h4 {
  color: #cb171d;
  font-weight: 700;
  font-size: 120%;
  font-family: "Noto Serif JP", 游明朝体, YuMincho, 游明朝, "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.ft-box__detail .heading-notice, .ft-box__campaign .heading-notice {
  display: inline-block;
  padding: 0 1em;
  background-color: #cb171d;
  color: #fff;
  font-size: 1.1em;
  font-family: "M PLUS Rounded 1c", sans-serif;
}

.ft-animate-stripe {
  width: 170px;
  height: 170px;
  background: repeating-linear-gradient(-45deg, #ffffff 0px, #ffffff 30px, #dbeeff 30px, #dbeeff 60px);
  background-size: 170px 170px;
}
@keyframes diagonalMove {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 170px 170px;
  }
}

.ft-products {
  display: grid;
  justify-content: center;
  padding-bottom: 4em;
  gap: 0.6em;
}
.ft-products--cols-1 {
  grid-template-columns: repeat(1, minmax(0, 588px));
}
.ft-products--cols-2 {
  grid-template-columns: repeat(2, minmax(0, 588px));
}
.ft-products--cols-3 {
  grid-template-columns: repeat(3, minmax(0, 588px));
}
.ft-products--cols-4 {
  grid-template-columns: repeat(4, minmax(0, 588px));
}
.ft-products--cols-5 {
  grid-template-columns: repeat(5, minmax(0, 588px));
}
.ft-products--cols-6 {
  grid-template-columns: repeat(6, minmax(0, 588px));
}
.ft-products--cols-7 {
  grid-template-columns: repeat(7, minmax(0, 588px));
}
.ft-products--cols-8 {
  grid-template-columns: repeat(8, minmax(0, 588px));
}
.ft-products--cols-9 {
  grid-template-columns: repeat(9, minmax(0, 588px));
}
.ft-products--cols-10 {
  grid-template-columns: repeat(10, minmax(0, 588px));
}
.ft-products--cols-11 {
  grid-template-columns: repeat(11, minmax(0, 588px));
}
.ft-products--cols-12 {
  grid-template-columns: repeat(12, minmax(0, 588px));
}

.ft-product {
  display: flex;
  position: relative;
  flex-direction: column;
  flex-flow: column;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  border-radius: 24px;
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
  background-position: center center;
  background-size: 32px 32px;
  background-repeat: repeat;
  background-color: white;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  color: #000000;
}
.ft-product__image {
  position: relative;
  width: 100%;
  padding-bottom: 15px;
  transition: 0.4s ease;
}
.ft-product__image img {
  -o-object-fit: cover;
  width: 100%;
     object-fit: cover;
}
.ft-product__image:hover {
  opacity: 0.7;
}
.ft-product__image .slick-dots {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.ft-product__name {
  height: 100%;
}
.ft-product__name span {
  font-family: YuGothic, "Yu Gothic", Osaka, Meiryo, メイリオ, sans-serif;
}
.ft-product__price {
  margin-block: 1em 2em;
  text-align: end;
}
.ft-product__on-sale, .ft-product__limit {
  font-weight: 500;
}
.ft-product__content {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  flex-flow: column;
  width: 100%;
  padding: 8px;
}
.ft-product__notice {
  color: #cb171d;
  font-size: 80%;
}
.ft-product__detail {
  font-weight: 400;
  font-size: 85%;
}
.ft-product__selects {
  display: flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  width: 100%;
  margin-top: auto;
  margin-bottom: 2em;
}
.ft-product__selects > * {
  min-width: 0;
  word-wrap: break-word;
  flex: 0 0 calc(calc(12 / 12 * 100%) - 3px);
  max-width: calc(calc(12 / 12 * 100%) - 3px);
  margin: calc(3px / 2);
}
.ft-product__selects .select-box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.ft-product__selects .select-box__label {
  margin-right: 0.4em;
}
.ft-product__selects .select-box__purchase {
  width: 53%;
  text-align: center;
}
.ft-product__selects .select-box__purchase::before {
  background-color: var(--select-box-c, #fff);
}
.ft-product__selects .select-box__purchase select {
  color: #000000;
  text-align: center;
}
.ft-product__selects .select-box__purchase select option {
  color: #000000 !important;
  text-align: center;
}
.ft-product__selects .select-box__size {
  width: var(--select-box-width, 53%);
}
.ft-product__selects .select-box__size select {
  text-align: center;
}
.ft-product__buttons {
  display: flex;
  flex-direction: column;
  flex-flow: column;
  align-items: flex-end;
  justify-content: flex-end;
  width: 100%;
  margin-top: 1em;
}
.ft-product__buttons > * + * {
  margin-top: 5px;
}

.u-d-b {
  display: block;
}

.u-d-n {
  display: none;
}

.u-d-i {
  display: inline;
}

.u-d-ib {
  display: inline-block;
}

.u-d-t {
  display: table;
}

.u-d-f {
  display: flex;
}

.u-d-if {
  display: inline-flex;
}

.u-c-black, .u-c-white, .u-c-gray, .u-c-red, .u-c-pink, .u-c-lightpink, .u-c-skyblue, .u-c-blue, .u-c-yellow, .u-c-orange, .u-c-brown, .u-c-text, .u-c-link {
  background-color: inherit;
}

.u-c-black {
  color: #000000;
}

.u-c-white {
  color: #fff;
}

.u-c-gray {
  color: #a0a0a0;
}

.u-c-red {
  color: #cb171d;
}

.u-c-pink {
  color: #d61385;
}

.u-c-lightpink {
  color: #fff7f9;
}

.u-c-skyblue {
  color: #00a6f4;
}

.u-c-blue {
  color: #2451ae;
}

.u-c-yellow {
  color: #fff68d;
}

.u-c-orange {
  color: #fdb34d;
}

.u-c-brown {
  color: #541309;
}

.u-c-text {
  color: #000000;
}

.u-c-link {
  color: inherit;
}

.u-bc-black, .u-bc-white, .u-bc-gray, .u-bc-red, .u-bc-pink, .u-bc-lightpink, .u-bc-skyblue, .u-bc-blue, .u-bc-yellow, .u-bc-orange, .u-bc-brown, .u-bc-text, .u-bc-link {
  color: inherit;
}

.u-bc-black {
  background-color: #000000;
}

.u-bc-white {
  background-color: #fff;
}

.u-bc-gray {
  background-color: #a0a0a0;
}

.u-bc-red {
  background-color: #cb171d;
}

.u-bc-pink {
  background-color: #d61385;
}

.u-bc-lightpink {
  background-color: #fff7f9;
}

.u-bc-skyblue {
  background-color: #00a6f4;
}

.u-bc-blue {
  background-color: #2451ae;
}

.u-bc-yellow {
  background-color: #fff68d;
}

.u-bc-orange {
  background-color: #fdb34d;
}

.u-bc-brown {
  background-color: #541309;
}

.u-bc-text {
  background-color: #000000;
}

.u-bc-link {
  background-color: inherit;
}

.u-fs-xs {
  font-size: 1rem;
}

.u-fs-s {
  font-size: 1.2rem;
}

.u-fs-m {
  font-size: 1.6rem;
}

.u-fs-l {
  font-size: 2rem;
}

.u-fs-xl {
  font-size: 2.2rem;
}

.u-fs-xxl {
  font-size: 3rem;
}

.u-fs-base {
  font-size: var(--fs-base, 1.4rem);
}

.u-fs-65p {
  font-size: 65%;
}

.u-fs-70p {
  font-size: 70%;
}

.u-fs-80p {
  font-size: 80%;
}

.u-fs-90p {
  font-size: 90%;
}

.u-fs-100p {
  font-size: 100%;
}

.u-fs-110p {
  font-size: 110%;
}

.u-fs-120p {
  font-size: 120%;
}

.u-fs-130p {
  font-size: 130%;
}

.u-fs-140p {
  font-size: 140%;
}

.u-fs-150p {
  font-size: 150%;
}

.u-fs-160p {
  font-size: 160%;
}

.u-fs-170p {
  font-size: 170%;
}

.u-fs-180p {
  font-size: 180%;
}

.u-fs-190p {
  font-size: 190%;
}

.u-fs-200p {
  font-size: 200%;
}

.u-fw-s {
  font-weight: 400;
}

.u-fw-m {
  font-weight: 500;
}

.u-fw-l {
  font-weight: 700;
}

.u-fw-xl {
  font-weight: 900;
}

.u-fw-base {
  font-weight: 500;
}

.u-fsy-i {
  font-style: italic;
}

.u-fsy-n {
  font-style: normal;
}

.u-lh-i {
  line-height: inherit;
}

.u-lh-base {
  line-height: 1.75;
}

.u-lh-10 {
  line-height: 0.1;
}

.u-lh-20 {
  line-height: 0.2;
}

.u-lh-30 {
  line-height: 0.3;
}

.u-lh-40 {
  line-height: 0.4;
}

.u-lh-50 {
  line-height: 0.5;
}

.u-lh-60 {
  line-height: 0.6;
}

.u-lh-70 {
  line-height: 0.7;
}

.u-lh-80 {
  line-height: 0.8;
}

.u-lh-90 {
  line-height: 0.9;
}

.u-lh-100 {
  line-height: 1;
}

.u-lh-110 {
  line-height: 1.1;
}

.u-lh-120 {
  line-height: 1.2;
}

.u-lh-130 {
  line-height: 1.3;
}

.u-lh-140 {
  line-height: 1.4;
}

.u-lh-150 {
  line-height: 1.5;
}

.u-lh-160 {
  line-height: 1.6;
}

.u-lh-170 {
  line-height: 1.7;
}

.u-lh-180 {
  line-height: 1.8;
}

.u-lh-190 {
  line-height: 1.9;
}

.u-lh-200 {
  line-height: 2;
}

.u-ls-xs {
  letter-spacing: 0.02em;
}

.u-ls-s {
  letter-spacing: 0.05em;
}

.u-ls-m {
  letter-spacing: 0.08em;
}

.u-ls-l {
  letter-spacing: 0.2em;
}

.u-ta-r {
  text-align: right;
}

.u-ta-l {
  text-align: left;
}

.u-ta-c {
  text-align: center;
}

.u-ta-j {
  text-align: justify;
}

.u-va-tb {
  vertical-align: text-bottom;
}

.u-va-base {
  vertical-align: baseline;
}

.u-va-md {
  vertical-align: middle;
}

.u-va-top {
  vertical-align: top;
}

.u-va-tt {
  vertical-align: text-top;
}

.u-td-lt {
  text-decoration: line-through;
}

.u-td-ul {
  text-decoration: underline;
}

.u-family-sans-serif {
  font-family: Noto Sans JP -apple-system BlinkMacSystemFont Arial YuGothic Yu Gothic Hiragino Kaku Gothic ProN ヒラギノ角ゴ ProN W3 Osaka Meiryo メイリオ sans-serif;
}

.u-family-serif {
  font-family: Noto Serif JP 游明朝体 YuMincho 游明朝 Yu Mincho ヒラギノ明朝 ProN W3 Hiragino Mincho ProN W3 HiraMinProN-W3 ヒラギノ明朝 ProN Hiragino Mincho ProN ヒラギノ明朝 Pro Hiragino Mincho Pro HGS明朝E ＭＳ Ｐ明朝 MS PMincho serif;
}

.u-family-round {
  font-family: M PLUS Rounded 1c sans-serif;
}

.u-w-10 {
  width: 10%;
}

.u-w-20 {
  width: 20%;
}

.u-w-30 {
  width: 30%;
}

.u-w-40 {
  width: 40%;
}

.u-w-50 {
  width: 50%;
}

.u-w-60 {
  width: 60%;
}

.u-w-70 {
  width: 70%;
}

.u-w-80 {
  width: 80%;
}

.u-w-90 {
  width: 90%;
}

.u-w-100 {
  width: 100%;
}

.u-w-auto {
  width: auto;
}

.u-mw-10 {
  max-width: 10%;
}

.u-mw-20 {
  max-width: 20%;
}

.u-mw-30 {
  max-width: 30%;
}

.u-mw-40 {
  max-width: 40%;
}

.u-mw-50 {
  max-width: 50%;
}

.u-mw-60 {
  max-width: 60%;
}

.u-mw-70 {
  max-width: 70%;
}

.u-mw-80 {
  max-width: 80%;
}

.u-mw-90 {
  max-width: 90%;
}

.u-mw-100 {
  max-width: 100%;
}

.u-mw-none {
  max-width: none;
}

.u-h-10 {
  height: 10%;
}

.u-h-20 {
  height: 20%;
}

.u-h-30 {
  height: 30%;
}

.u-h-40 {
  height: 40%;
}

.u-h-50 {
  height: 50%;
}

.u-h-60 {
  height: 60%;
}

.u-h-70 {
  height: 70%;
}

.u-h-80 {
  height: 80%;
}

.u-h-90 {
  height: 90%;
}

.u-h-100 {
  height: 100%;
}

.u-h-auto {
  height: auto;
}

.u-m-xxs {
  margin: 0.5rem;
}

.u-m-xs {
  margin: 1rem;
}

.u-m-s {
  margin: 2rem;
}

.u-m-m {
  margin: 3rem;
}

.u-m-l {
  margin: 4rem;
}

.u-m-xl {
  margin: 5rem;
}

.u-m-xxl {
  margin: 6rem;
}

.u-m-0 {
  margin: 0;
}

.u-m-1e {
  margin: 1em;
}

.u-mt-xxs, .u-my-xxs {
  margin-top: 0.5rem;
}

.u-mt-xs, .u-my-xs {
  margin-top: 1rem;
}

.u-mt-s, .u-my-s {
  margin-top: 2rem;
}

.u-mt-m, .u-my-m {
  margin-top: 3rem;
}

.u-mt-l, .u-my-l {
  margin-top: 4rem;
}

.u-mt-xl, .u-my-xl {
  margin-top: 5rem;
}

.u-mt-xxl, .u-my-xxl {
  margin-top: 6rem;
}

.u-mt-0, .u-my-0 {
  margin-top: 0;
}

.u-mt-1e, .u-my-1e {
  margin-top: 1em;
}

.u-mb-xxs, .u-my-xxs {
  margin-bottom: 0.5rem;
}

.u-mb-xs, .u-my-xs {
  margin-bottom: 1rem;
}

.u-mb-s, .u-my-s {
  margin-bottom: 2rem;
}

.u-mb-m, .u-my-m {
  margin-bottom: 3rem;
}

.u-mb-l, .u-my-l {
  margin-bottom: 4rem;
}

.u-mb-xl, .u-my-xl {
  margin-bottom: 5rem;
}

.u-mb-xxl, .u-my-xxl {
  margin-bottom: 6rem;
}

.u-mb-0, .u-my-0 {
  margin-bottom: 0;
}

.u-mb-1e, .u-my-1e {
  margin-bottom: 1em;
}

.u-mr-xxs, .u-mx-xxs {
  margin-right: 0.5rem;
}

.u-mr-xs, .u-mx-xs {
  margin-right: 1rem;
}

.u-mr-s, .u-mx-s {
  margin-right: 2rem;
}

.u-mr-m, .u-mx-m {
  margin-right: 3rem;
}

.u-mr-l, .u-mx-l {
  margin-right: 4rem;
}

.u-mr-xl, .u-mx-xl {
  margin-right: 5rem;
}

.u-mr-xxl, .u-mx-xxl {
  margin-right: 6rem;
}

.u-mr-0, .u-mx-0 {
  margin-right: 0;
}

.u-mr-1e, .u-mx-1e {
  margin-right: 1em;
}

.u-ml-xxs, .u-mx-xxs {
  margin-left: 0.5rem;
}

.u-ml-xs, .u-mx-xs {
  margin-left: 1rem;
}

.u-ml-s, .u-mx-s {
  margin-left: 2rem;
}

.u-ml-m, .u-mx-m {
  margin-left: 3rem;
}

.u-ml-l, .u-mx-l {
  margin-left: 4rem;
}

.u-ml-xl, .u-mx-xl {
  margin-left: 5rem;
}

.u-ml-xxl, .u-mx-xxl {
  margin-left: 6rem;
}

.u-ml-0, .u-mx-0 {
  margin-left: 0;
}

.u-ml-1e, .u-mx-1e {
  margin-left: 1em;
}

.u-nm-xxs {
  margin: -0.5rem;
}

.u-nm-xs {
  margin: -1rem;
}

.u-nm-s {
  margin: -2rem;
}

.u-nm-m {
  margin: -3rem;
}

.u-nm-l {
  margin: -4rem;
}

.u-nm-xl {
  margin: -5rem;
}

.u-nm-xxl {
  margin: -6rem;
}

.u-nm-1e {
  margin: -1em;
}

.u-nmt-xxs, .u-nmy-xxs {
  margin-top: -0.5rem;
}

.u-nmt-xs, .u-nmy-xs {
  margin-top: -1rem;
}

.u-nmt-s, .u-nmy-s {
  margin-top: -2rem;
}

.u-nmt-m, .u-nmy-m {
  margin-top: -3rem;
}

.u-nmt-l, .u-nmy-l {
  margin-top: -4rem;
}

.u-nmt-xl, .u-nmy-xl {
  margin-top: -5rem;
}

.u-nmt-xxl, .u-nmy-xxl {
  margin-top: -6rem;
}

.u-nmt-1e, .u-nmy-1e {
  margin-top: -1em;
}

.u-nmb-xxs, .u-nmy-xxs {
  margin-bottom: -0.5rem;
}

.u-nmb-xs, .u-nmy-xs {
  margin-bottom: -1rem;
}

.u-nmb-s, .u-nmy-s {
  margin-bottom: -2rem;
}

.u-nmb-m, .u-nmy-m {
  margin-bottom: -3rem;
}

.u-nmb-l, .u-nmy-l {
  margin-bottom: -4rem;
}

.u-nmb-xl, .u-nmy-xl {
  margin-bottom: -5rem;
}

.u-nmb-xxl, .u-nmy-xxl {
  margin-bottom: -6rem;
}

.u-nmb-1e, .u-nmy-1e {
  margin-bottom: -1em;
}

.u-nmr-xxs, .u-nmx-xxs {
  margin-right: -0.5rem;
}

.u-nmr-xs, .u-nmx-xs {
  margin-right: -1rem;
}

.u-nmr-s, .u-nmx-s {
  margin-right: -2rem;
}

.u-nmr-m, .u-nmx-m {
  margin-right: -3rem;
}

.u-nmr-l, .u-nmx-l {
  margin-right: -4rem;
}

.u-nmr-xl, .u-nmx-xl {
  margin-right: -5rem;
}

.u-nmr-xxl, .u-nmx-xxl {
  margin-right: -6rem;
}

.u-nmr-1e, .u-nmx-1e {
  margin-right: -1em;
}

.u-nml-xxs, .u-nmx-xxs {
  margin-left: -0.5rem;
}

.u-nml-xs, .u-nmx-xs {
  margin-left: -1rem;
}

.u-nml-s, .u-nmx-s {
  margin-left: -2rem;
}

.u-nml-m, .u-nmx-m {
  margin-left: -3rem;
}

.u-nml-l, .u-nmx-l {
  margin-left: -4rem;
}

.u-nml-xl, .u-nmx-xl {
  margin-left: -5rem;
}

.u-nml-xxl, .u-nmx-xxl {
  margin-left: -6rem;
}

.u-nml-1e, .u-nmx-1e {
  margin-left: -1em;
}

.u-p-xxs {
  padding: 0.5rem;
}

.u-p-xs {
  padding: 1rem;
}

.u-p-s {
  padding: 2rem;
}

.u-p-m {
  padding: 3rem;
}

.u-p-l {
  padding: 4rem;
}

.u-p-xl {
  padding: 5rem;
}

.u-p-xxl {
  padding: 6rem;
}

.u-p-0 {
  padding: 0;
}

.u-p-1e {
  padding: 1em;
}

.u-pt-xxs, .u-py-xxs {
  padding-top: 0.5rem;
}

.u-pt-xs, .u-py-xs {
  padding-top: 1rem;
}

.u-pt-s, .u-py-s {
  padding-top: 2rem;
}

.u-pt-m, .u-py-m {
  padding-top: 3rem;
}

.u-pt-l, .u-py-l {
  padding-top: 4rem;
}

.u-pt-xl, .u-py-xl {
  padding-top: 5rem;
}

.u-pt-xxl, .u-py-xxl {
  padding-top: 6rem;
}

.u-pt-0, .u-py-0 {
  padding-top: 0;
}

.u-pt-1e, .u-py-1e {
  padding-top: 1em;
}

.u-pb-xxs, .u-py-xxs {
  padding-bottom: 0.5rem;
}

.u-pb-xs, .u-py-xs {
  padding-bottom: 1rem;
}

.u-pb-s, .u-py-s {
  padding-bottom: 2rem;
}

.u-pb-m, .u-py-m {
  padding-bottom: 3rem;
}

.u-pb-l, .u-py-l {
  padding-bottom: 4rem;
}

.u-pb-xl, .u-py-xl {
  padding-bottom: 5rem;
}

.u-pb-xxl, .u-py-xxl {
  padding-bottom: 6rem;
}

.u-pb-0, .u-py-0 {
  padding-bottom: 0;
}

.u-pb-1e, .u-py-1e {
  padding-bottom: 1em;
}

.u-pr-xxs, .u-px-xxs {
  padding-right: 0.5rem;
}

.u-pr-xs, .u-px-xs {
  padding-right: 1rem;
}

.u-pr-s, .u-px-s {
  padding-right: 2rem;
}

.u-pr-m, .u-px-m {
  padding-right: 3rem;
}

.u-pr-l, .u-px-l {
  padding-right: 4rem;
}

.u-pr-xl, .u-px-xl {
  padding-right: 5rem;
}

.u-pr-xxl, .u-px-xxl {
  padding-right: 6rem;
}

.u-pr-0, .u-px-0 {
  padding-right: 0;
}

.u-pr-1e, .u-px-1e {
  padding-right: 1em;
}

.u-pl-xxs, .u-px-xxs {
  padding-left: 0.5rem;
}

.u-pl-xs, .u-px-xs {
  padding-left: 1rem;
}

.u-pl-s, .u-px-s {
  padding-left: 2rem;
}

.u-pl-m, .u-px-m {
  padding-left: 3rem;
}

.u-pl-l, .u-px-l {
  padding-left: 4rem;
}

.u-pl-xl, .u-px-xl {
  padding-left: 5rem;
}

.u-pl-xxl, .u-px-xxl {
  padding-left: 6rem;
}

.u-pl-0, .u-px-0 {
  padding-left: 0;
}

.u-pl-1e, .u-px-1e {
  padding-left: 1em;
}

.u-grid {
  display: flex;
  flex-wrap: wrap;
}

.u-col-1, .u-col-2, .u-col-3, .u-col-4, .u-col-5, .u-col-6, .u-col-7, .u-col-8, .u-col-9, .u-col-10, .u-col-11, .u-col-12 {
  min-width: 0;
  word-wrap: break-word;
}

.u-col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.u-col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.u-col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.u-col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.u-col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.u-col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.u-col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.u-col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.u-col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.u-col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.u-col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.u-col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.u-ai-s {
  align-items: flex-start;
}

.u-ai-e {
  align-items: flex-end;
}

.u-ai-c {
  align-items: center;
}

.u-jc-s {
  justify-content: flex-start;
}

.u-jc-e {
  justify-content: flex-end;
}

.u-jc-c {
  justify-content: center;
}

.u-pe-auto {
  pointer-events: auto;
}

.u-pe-none {
  pointer-events: note;
}

.u-line-black, .u-line-white, .u-line-gray, .u-line-red, .u-line-pink, .u-line-lightpink, .u-line-skyblue, .u-line-blue, .u-line-yellow, .u-line-orange, .u-line-brown, .u-line-text, .u-line-link {
  width: 100%;
  height: 1px;
  border: none;
}

.u-line-black {
  background-color: #000000;
}

.u-line-white {
  background-color: #fff;
}

.u-line-gray {
  background-color: #a0a0a0;
}

.u-line-red {
  background-color: #cb171d;
}

.u-line-pink {
  background-color: #d61385;
}

.u-line-lightpink {
  background-color: #fff7f9;
}

.u-line-skyblue {
  background-color: #00a6f4;
}

.u-line-blue {
  background-color: #2451ae;
}

.u-line-yellow {
  background-color: #fff68d;
}

.u-line-orange {
  background-color: #fdb34d;
}

.u-line-brown {
  background-color: #541309;
}

.u-line-text {
  background-color: #000000;
}

.u-line-link {
  background-color: inherit;
}

.u-hover {
  transition: 0.4s;
}
.u-hover:active {
  transform: scale(0.95);
  transition: 0.4s;
}

.u-disable {
  cursor: default;
  opacity: 0.4;
  pointer-events: none;
}

.u-fluid {
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
}

.u-visuallyHidden {
  border: 0;
  clip: rect(0, 0, 0, 0);
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
}

.u-bullet,
.u-bullets > * {
  padding-left: 1em;
  text-indent: -1em;
}

.u-bullet-off {
  padding-left: 0;
  text-indent: 0;
}

.u-hanging,
.u-hangings > * {
  display: table;
}
.u-hanging > *,
.u-hangings > * > * {
  display: table-cell;
  position: relative;
  right: -1px;
  white-space: nowrap;
}
@media (min-width: 768px) {
  :where(#aon-shop-root) main {
    --base-width-raw: 1326;
    --fs-base: 1.6rem;
  }
  :where(#aon-shop-root) main {
    background: url(./bg-base.jpg) repeat-y top/100%;
    background-attachment: fixed;
  }
  .ft-bg-base {
    background: url(./bg-base.jpg) no-repeat top/cover;
    background-attachment: fixed;
    font-size: var(--fs-base);
  }
  .ft-container {
    padding-inline: var(--container-spacing-x, 5%);
  }
  .ft-accordion {
    margin-block: 0;
  }
  .ft-accordion__button {
    font-size: 1.2em;
  }
  .ft-accordion__panel {
    padding: 1em 0;
  }
  .ft-chart {
    width: 100%;
  }
  .ft-chart__head, .ft-chart__cell {
    height: 40px;
    font-size: 1.2rem;
  }
  .ft-chart__col-sticky::before {
    display: none;
  }
  .ft-chart__sticky1 {
    position: initial;
    width: auto !important;
  }
  .ft-chart__sticky2 {
    position: initial;
    width: 200px !important;
  }
  .ft-chart__text-sticky {
    position: inherit;
    left: none;
    text-align: center !important;
  }
  .ft-chart__text-sticky > span {
    position: initial;
    left: none;
  }
  .ft-nav__button:hover {
    opacity: 0.5;
  }
  .ft-heading {
    width: auto;
    padding: 0;
  }
  .ft-heading__lineup {
    width: auto;
  }
  .ft-box {
    padding: 2.5em;
  }
  .ft-box--heading {
    margin-block: 1em 1.5em;
    font-size: 1.8em;
  }
  .ft-products {
    gap: 1.5em 0.7em;
  }
  .ft-products--pc-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 588px));
  }
  .ft-products--pc-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 588px));
  }
  .ft-products--pc-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 588px));
  }
  .ft-products--pc-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 588px));
  }
  .ft-products--pc-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 588px));
  }
  .ft-products--pc-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 588px));
  }
  .ft-products--pc-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 588px));
  }
  .ft-products--pc-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 588px));
  }
  .ft-products--pc-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 588px));
  }
  .ft-products--pc-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 588px));
  }
  .ft-products--pc-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 588px));
  }
  .ft-products--pc-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 588px));
  }
  .ft-product {
    font-size: inherit;
  }
  .ft-product__image {
    padding-bottom: 33px;
  }
  .ft-product__name {
    font-size: 1.6rem;
  }
  .ft-product__price {
    font-size: 1.6rem;
  }
  .ft-product__content {
    padding: 20px 10px;
  }
  .ft-product__selects > * {
    min-width: 0;
    word-wrap: break-word;
    flex: 0 0 calc(calc(8 / 12 * 100%) - 5px);
    max-width: calc(calc(8 / 12 * 100%) - 5px);
    margin: calc(5px / 2);
  }
  .ft-product__selects .select-box__purchase {
    width: 67%;
  }
  .ft-product__selects .select-box__size {
    width: var(--select-box-width, 67%);
  }
  .u-pc-d-b {
    display: block;
  }
  .u-pc-d-n {
    display: none;
  }
  .u-pc-d-i {
    display: inline;
  }
  .u-pc-d-ib {
    display: inline-block;
  }
  .u-pc-d-t {
    display: table;
  }
  .u-pc-d-f {
    display: flex;
  }
  .u-pc-d-if {
    display: inline-flex;
  }
  .u-pc-fs-xs {
    font-size: 1rem;
  }
  .u-pc-fs-s {
    font-size: 1.2rem;
  }
  .u-pc-fs-m {
    font-size: 1.6rem;
  }
  .u-pc-fs-l {
    font-size: 2rem;
  }
  .u-pc-fs-xl {
    font-size: 2.2rem;
  }
  .u-pc-fs-xxl {
    font-size: 3rem;
  }
  .u-pc-fs-base {
    font-size: var(--fs-base, 1.4rem);
  }
  .u-pc-fs-65p {
    font-size: 65%;
  }
  .u-pc-fs-70p {
    font-size: 70%;
  }
  .u-pc-fs-80p {
    font-size: 80%;
  }
  .u-pc-fs-90p {
    font-size: 90%;
  }
  .u-pc-fs-100p {
    font-size: 100%;
  }
  .u-pc-fs-110p {
    font-size: 110%;
  }
  .u-pc-fs-120p {
    font-size: 120%;
  }
  .u-pc-fs-130p {
    font-size: 130%;
  }
  .u-pc-fs-140p {
    font-size: 140%;
  }
  .u-pc-fs-150p {
    font-size: 150%;
  }
  .u-pc-fs-160p {
    font-size: 160%;
  }
  .u-pc-fs-170p {
    font-size: 170%;
  }
  .u-pc-fs-180p {
    font-size: 180%;
  }
  .u-pc-fs-190p {
    font-size: 190%;
  }
  .u-pc-fs-200p {
    font-size: 200%;
  }
  .u-pc-lh-i {
    line-height: inherit;
  }
  .u-pc-lh-base {
    line-height: 1.75;
  }
  .u-pc-lh-10 {
    line-height: 0.1;
  }
  .u-pc-lh-20 {
    line-height: 0.2;
  }
  .u-pc-lh-30 {
    line-height: 0.3;
  }
  .u-pc-lh-40 {
    line-height: 0.4;
  }
  .u-pc-lh-50 {
    line-height: 0.5;
  }
  .u-pc-lh-60 {
    line-height: 0.6;
  }
  .u-pc-lh-70 {
    line-height: 0.7;
  }
  .u-pc-lh-80 {
    line-height: 0.8;
  }
  .u-pc-lh-90 {
    line-height: 0.9;
  }
  .u-pc-lh-100 {
    line-height: 1;
  }
  .u-pc-lh-110 {
    line-height: 1.1;
  }
  .u-pc-lh-120 {
    line-height: 1.2;
  }
  .u-pc-lh-130 {
    line-height: 1.3;
  }
  .u-pc-lh-140 {
    line-height: 1.4;
  }
  .u-pc-lh-150 {
    line-height: 1.5;
  }
  .u-pc-lh-160 {
    line-height: 1.6;
  }
  .u-pc-lh-170 {
    line-height: 1.7;
  }
  .u-pc-lh-180 {
    line-height: 1.8;
  }
  .u-pc-lh-190 {
    line-height: 1.9;
  }
  .u-pc-lh-200 {
    line-height: 2;
  }
  .u-pc-ta-r {
    text-align: right;
  }
  .u-pc-ta-l {
    text-align: left;
  }
  .u-pc-ta-c {
    text-align: center;
  }
  .u-pc-ta-j {
    text-align: justify;
  }
  .u-pc-w-10 {
    width: 10%;
  }
  .u-pc-w-20 {
    width: 20%;
  }
  .u-pc-w-30 {
    width: 30%;
  }
  .u-pc-w-40 {
    width: 40%;
  }
  .u-pc-w-50 {
    width: 50%;
  }
  .u-pc-w-60 {
    width: 60%;
  }
  .u-pc-w-70 {
    width: 70%;
  }
  .u-pc-w-80 {
    width: 80%;
  }
  .u-pc-w-90 {
    width: 90%;
  }
  .u-pc-w-100 {
    width: 100%;
  }
  .u-pc-w-auto {
    width: auto;
  }
  .u-pc-mw-10 {
    max-width: 10%;
  }
  .u-pc-mw-20 {
    max-width: 20%;
  }
  .u-pc-mw-30 {
    max-width: 30%;
  }
  .u-pc-mw-40 {
    max-width: 40%;
  }
  .u-pc-mw-50 {
    max-width: 50%;
  }
  .u-pc-mw-60 {
    max-width: 60%;
  }
  .u-pc-mw-70 {
    max-width: 70%;
  }
  .u-pc-mw-80 {
    max-width: 80%;
  }
  .u-pc-mw-90 {
    max-width: 90%;
  }
  .u-pc-mw-100 {
    max-width: 100%;
  }
  .u-pc-mw-none {
    max-width: none;
  }
  .u-pc-h-10 {
    height: 10%;
  }
  .u-pc-h-20 {
    height: 20%;
  }
  .u-pc-h-30 {
    height: 30%;
  }
  .u-pc-h-40 {
    height: 40%;
  }
  .u-pc-h-50 {
    height: 50%;
  }
  .u-pc-h-60 {
    height: 60%;
  }
  .u-pc-h-70 {
    height: 70%;
  }
  .u-pc-h-80 {
    height: 80%;
  }
  .u-pc-h-90 {
    height: 90%;
  }
  .u-pc-h-100 {
    height: 100%;
  }
  .u-pc-h-auto {
    height: auto;
  }
  .u-pc-m-xxs {
    margin: 0.5rem;
  }
  .u-pc-m-xs {
    margin: 1rem;
  }
  .u-pc-m-s {
    margin: 2rem;
  }
  .u-pc-m-m {
    margin: 3rem;
  }
  .u-pc-m-l {
    margin: 4rem;
  }
  .u-pc-m-xl {
    margin: 5rem;
  }
  .u-pc-m-xxl {
    margin: 6rem;
  }
  .u-pc-m-0 {
    margin: 0;
  }
  .u-pc-m-1e {
    margin: 1em;
  }
  .u-pc-mt-xxs, .u-pc-my-xxs {
    margin-top: 0.5rem;
  }
  .u-pc-mt-xs, .u-pc-my-xs {
    margin-top: 1rem;
  }
  .u-pc-mt-s, .u-pc-my-s {
    margin-top: 2rem;
  }
  .u-pc-mt-m, .u-pc-my-m {
    margin-top: 3rem;
  }
  .u-pc-mt-l, .u-pc-my-l {
    margin-top: 4rem;
  }
  .u-pc-mt-xl, .u-pc-my-xl {
    margin-top: 5rem;
  }
  .u-pc-mt-xxl, .u-pc-my-xxl {
    margin-top: 6rem;
  }
  .u-pc-mt-0, .u-pc-my-0 {
    margin-top: 0;
  }
  .u-pc-mt-1e, .u-pc-my-1e {
    margin-top: 1em;
  }
  .u-pc-mb-xxs, .u-pc-my-xxs {
    margin-bottom: 0.5rem;
  }
  .u-pc-mb-xs, .u-pc-my-xs {
    margin-bottom: 1rem;
  }
  .u-pc-mb-s, .u-pc-my-s {
    margin-bottom: 2rem;
  }
  .u-pc-mb-m, .u-pc-my-m {
    margin-bottom: 3rem;
  }
  .u-pc-mb-l, .u-pc-my-l {
    margin-bottom: 4rem;
  }
  .u-pc-mb-xl, .u-pc-my-xl {
    margin-bottom: 5rem;
  }
  .u-pc-mb-xxl, .u-pc-my-xxl {
    margin-bottom: 6rem;
  }
  .u-pc-mb-0, .u-pc-my-0 {
    margin-bottom: 0;
  }
  .u-pc-mb-1e, .u-pc-my-1e {
    margin-bottom: 1em;
  }
  .u-pc-mr-xxs, .u-pc-mx-xxs {
    margin-right: 0.5rem;
  }
  .u-pc-mr-xs, .u-pc-mx-xs {
    margin-right: 1rem;
  }
  .u-pc-mr-s, .u-pc-mx-s {
    margin-right: 2rem;
  }
  .u-pc-mr-m, .u-pc-mx-m {
    margin-right: 3rem;
  }
  .u-pc-mr-l, .u-pc-mx-l {
    margin-right: 4rem;
  }
  .u-pc-mr-xl, .u-pc-mx-xl {
    margin-right: 5rem;
  }
  .u-pc-mr-xxl, .u-pc-mx-xxl {
    margin-right: 6rem;
  }
  .u-pc-mr-0, .u-pc-mx-0 {
    margin-right: 0;
  }
  .u-pc-mr-1e, .u-pc-mx-1e {
    margin-right: 1em;
  }
  .u-pc-ml-xxs, .u-pc-mx-xxs {
    margin-left: 0.5rem;
  }
  .u-pc-ml-xs, .u-pc-mx-xs {
    margin-left: 1rem;
  }
  .u-pc-ml-s, .u-pc-mx-s {
    margin-left: 2rem;
  }
  .u-pc-ml-m, .u-pc-mx-m {
    margin-left: 3rem;
  }
  .u-pc-ml-l, .u-pc-mx-l {
    margin-left: 4rem;
  }
  .u-pc-ml-xl, .u-pc-mx-xl {
    margin-left: 5rem;
  }
  .u-pc-ml-xxl, .u-pc-mx-xxl {
    margin-left: 6rem;
  }
  .u-pc-ml-0, .u-pc-mx-0 {
    margin-left: 0;
  }
  .u-pc-ml-1e, .u-pc-mx-1e {
    margin-left: 1em;
  }
  .u-pc-nm-xxs {
    margin: -0.5rem;
  }
  .u-pc-nm-xs {
    margin: -1rem;
  }
  .u-pc-nm-s {
    margin: -2rem;
  }
  .u-pc-nm-m {
    margin: -3rem;
  }
  .u-pc-nm-l {
    margin: -4rem;
  }
  .u-pc-nm-xl {
    margin: -5rem;
  }
  .u-pc-nm-xxl {
    margin: -6rem;
  }
  .u-pc-nm-1e {
    margin: -1em;
  }
  .u-pc-nmt-xxs, .u-pc-nmy-xxs {
    margin-top: -0.5rem;
  }
  .u-pc-nmt-xs, .u-pc-nmy-xs {
    margin-top: -1rem;
  }
  .u-pc-nmt-s, .u-pc-nmy-s {
    margin-top: -2rem;
  }
  .u-pc-nmt-m, .u-pc-nmy-m {
    margin-top: -3rem;
  }
  .u-pc-nmt-l, .u-pc-nmy-l {
    margin-top: -4rem;
  }
  .u-pc-nmt-xl, .u-pc-nmy-xl {
    margin-top: -5rem;
  }
  .u-pc-nmt-xxl, .u-pc-nmy-xxl {
    margin-top: -6rem;
  }
  .u-pc-nmt-1e, .u-pc-nmy-1e {
    margin-top: -1em;
  }
  .u-pc-nmb-xxs, .u-pc-nmy-xxs {
    margin-bottom: -0.5rem;
  }
  .u-pc-nmb-xs, .u-pc-nmy-xs {
    margin-bottom: -1rem;
  }
  .u-pc-nmb-s, .u-pc-nmy-s {
    margin-bottom: -2rem;
  }
  .u-pc-nmb-m, .u-pc-nmy-m {
    margin-bottom: -3rem;
  }
  .u-pc-nmb-l, .u-pc-nmy-l {
    margin-bottom: -4rem;
  }
  .u-pc-nmb-xl, .u-pc-nmy-xl {
    margin-bottom: -5rem;
  }
  .u-pc-nmb-xxl, .u-pc-nmy-xxl {
    margin-bottom: -6rem;
  }
  .u-pc-nmb-1e, .u-pc-nmy-1e {
    margin-bottom: -1em;
  }
  .u-pc-nmr-xxs, .u-pc-nmx-xxs {
    margin-right: -0.5rem;
  }
  .u-pc-nmr-xs, .u-pc-nmx-xs {
    margin-right: -1rem;
  }
  .u-pc-nmr-s, .u-pc-nmx-s {
    margin-right: -2rem;
  }
  .u-pc-nmr-m, .u-pc-nmx-m {
    margin-right: -3rem;
  }
  .u-pc-nmr-l, .u-pc-nmx-l {
    margin-right: -4rem;
  }
  .u-pc-nmr-xl, .u-pc-nmx-xl {
    margin-right: -5rem;
  }
  .u-pc-nmr-xxl, .u-pc-nmx-xxl {
    margin-right: -6rem;
  }
  .u-pc-nmr-1e, .u-pc-nmx-1e {
    margin-right: -1em;
  }
  .u-pc-nml-xxs, .u-pc-nmx-xxs {
    margin-left: -0.5rem;
  }
  .u-pc-nml-xs, .u-pc-nmx-xs {
    margin-left: -1rem;
  }
  .u-pc-nml-s, .u-pc-nmx-s {
    margin-left: -2rem;
  }
  .u-pc-nml-m, .u-pc-nmx-m {
    margin-left: -3rem;
  }
  .u-pc-nml-l, .u-pc-nmx-l {
    margin-left: -4rem;
  }
  .u-pc-nml-xl, .u-pc-nmx-xl {
    margin-left: -5rem;
  }
  .u-pc-nml-xxl, .u-pc-nmx-xxl {
    margin-left: -6rem;
  }
  .u-pc-nml-1e, .u-pc-nmx-1e {
    margin-left: -1em;
  }
  .u-pc-p-xxs {
    padding: 0.5rem;
  }
  .u-pc-p-xs {
    padding: 1rem;
  }
  .u-pc-p-s {
    padding: 2rem;
  }
  .u-pc-p-m {
    padding: 3rem;
  }
  .u-pc-p-l {
    padding: 4rem;
  }
  .u-pc-p-xl {
    padding: 5rem;
  }
  .u-pc-p-xxl {
    padding: 6rem;
  }
  .u-pc-p-0 {
    padding: 0;
  }
  .u-pc-p-1e {
    padding: 1em;
  }
  .u-pc-pt-xxs, .u-pc-py-xxs {
    padding-top: 0.5rem;
  }
  .u-pc-pt-xs, .u-pc-py-xs {
    padding-top: 1rem;
  }
  .u-pc-pt-s, .u-pc-py-s {
    padding-top: 2rem;
  }
  .u-pc-pt-m, .u-pc-py-m {
    padding-top: 3rem;
  }
  .u-pc-pt-l, .u-pc-py-l {
    padding-top: 4rem;
  }
  .u-pc-pt-xl, .u-pc-py-xl {
    padding-top: 5rem;
  }
  .u-pc-pt-xxl, .u-pc-py-xxl {
    padding-top: 6rem;
  }
  .u-pc-pt-0, .u-pc-py-0 {
    padding-top: 0;
  }
  .u-pc-pt-1e, .u-pc-py-1e {
    padding-top: 1em;
  }
  .u-pc-pb-xxs, .u-pc-py-xxs {
    padding-bottom: 0.5rem;
  }
  .u-pc-pb-xs, .u-pc-py-xs {
    padding-bottom: 1rem;
  }
  .u-pc-pb-s, .u-pc-py-s {
    padding-bottom: 2rem;
  }
  .u-pc-pb-m, .u-pc-py-m {
    padding-bottom: 3rem;
  }
  .u-pc-pb-l, .u-pc-py-l {
    padding-bottom: 4rem;
  }
  .u-pc-pb-xl, .u-pc-py-xl {
    padding-bottom: 5rem;
  }
  .u-pc-pb-xxl, .u-pc-py-xxl {
    padding-bottom: 6rem;
  }
  .u-pc-pb-0, .u-pc-py-0 {
    padding-bottom: 0;
  }
  .u-pc-pb-1e, .u-pc-py-1e {
    padding-bottom: 1em;
  }
  .u-pc-pr-xxs, .u-pc-px-xxs {
    padding-right: 0.5rem;
  }
  .u-pc-pr-xs, .u-pc-px-xs {
    padding-right: 1rem;
  }
  .u-pc-pr-s, .u-pc-px-s {
    padding-right: 2rem;
  }
  .u-pc-pr-m, .u-pc-px-m {
    padding-right: 3rem;
  }
  .u-pc-pr-l, .u-pc-px-l {
    padding-right: 4rem;
  }
  .u-pc-pr-xl, .u-pc-px-xl {
    padding-right: 5rem;
  }
  .u-pc-pr-xxl, .u-pc-px-xxl {
    padding-right: 6rem;
  }
  .u-pc-pr-0, .u-pc-px-0 {
    padding-right: 0;
  }
  .u-pc-pr-1e, .u-pc-px-1e {
    padding-right: 1em;
  }
  .u-pc-pl-xxs, .u-pc-px-xxs {
    padding-left: 0.5rem;
  }
  .u-pc-pl-xs, .u-pc-px-xs {
    padding-left: 1rem;
  }
  .u-pc-pl-s, .u-pc-px-s {
    padding-left: 2rem;
  }
  .u-pc-pl-m, .u-pc-px-m {
    padding-left: 3rem;
  }
  .u-pc-pl-l, .u-pc-px-l {
    padding-left: 4rem;
  }
  .u-pc-pl-xl, .u-pc-px-xl {
    padding-left: 5rem;
  }
  .u-pc-pl-xxl, .u-pc-px-xxl {
    padding-left: 6rem;
  }
  .u-pc-pl-0, .u-pc-px-0 {
    padding-left: 0;
  }
  .u-pc-pl-1e, .u-pc-px-1e {
    padding-left: 1em;
  }
  .u-pc-grid {
    display: flex;
    flex-wrap: wrap;
  }
  .u-pc-col-1, .u-pc-col-2, .u-pc-col-3, .u-pc-col-4, .u-pc-col-5, .u-pc-col-6, .u-pc-col-7, .u-pc-col-8, .u-pc-col-9, .u-pc-col-10, .u-pc-col-11, .u-pc-col-12 {
    min-width: 0;
    word-wrap: break-word;
  }
  .u-pc-col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .u-pc-col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .u-pc-col-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .u-pc-col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .u-pc-col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .u-pc-col-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-pc-col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .u-pc-col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .u-pc-col-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .u-pc-col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .u-pc-col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .u-pc-col-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-pc-ai-s {
    align-items: flex-start;
  }
  .u-pc-ai-e {
    align-items: flex-end;
  }
  .u-pc-ai-c {
    align-items: center;
  }
  .u-pc-jc-s {
    justify-content: flex-start;
  }
  .u-pc-jc-e {
    justify-content: flex-end;
  }
  .u-pc-jc-c {
    justify-content: center;
  }
  .u-pc-pe-auto {
    pointer-events: auto;
  }
  .u-pc-pe-none {
    pointer-events: note;
  }
  .u-pc-line-black, .u-pc-line-white, .u-pc-line-gray, .u-pc-line-red, .u-pc-line-pink, .u-pc-line-lightpink, .u-pc-line-skyblue, .u-pc-line-blue, .u-pc-line-yellow, .u-pc-line-orange, .u-pc-line-brown, .u-pc-line-text, .u-pc-line-link {
    width: 100%;
    height: 1px;
    border: none;
  }
  .u-pc-line-black {
    background-color: #000000;
  }
  .u-pc-line-white {
    background-color: #fff;
  }
  .u-pc-line-gray {
    background-color: #a0a0a0;
  }
  .u-pc-line-red {
    background-color: #cb171d;
  }
  .u-pc-line-pink {
    background-color: #d61385;
  }
  .u-pc-line-lightpink {
    background-color: #fff7f9;
  }
  .u-pc-line-skyblue {
    background-color: #00a6f4;
  }
  .u-pc-line-blue {
    background-color: #2451ae;
  }
  .u-pc-line-yellow {
    background-color: #fff68d;
  }
  .u-pc-line-orange {
    background-color: #fdb34d;
  }
  .u-pc-line-brown {
    background-color: #541309;
  }
  .u-pc-line-text {
    background-color: #000000;
  }
  .u-pc-line-link {
    background-color: inherit;
  }
  .u-hover:hover {
    opacity: 0.5;
  }
  .u-pc-hover {
    transition: 0.4s;
  }
  .u-pc-hover:active {
    transform: scale(0.95);
    transition: 0.4s;
  }
  .u-pc-disable {
    cursor: default;
    opacity: 0.4;
    pointer-events: none;
  }
  .u-pc-fluid {
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
  }
  .u-pc-visuallyHidden {
    border: 0;
    clip: rect(0, 0, 0, 0);
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .u-pc-hover:hover {
    opacity: 0.5;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .ft-animate-stripe {
    animation: diagonalMove 8s linear infinite;
  }
}
/*# sourceMappingURL=main.css.map */