@charset "UTF-8";
/* カラーリスト
*****************************/
/* カラーリスト
*****************************/
/* 共通部分
*******************/
#fontplus-trial-banner {
  display: none;
}

/*****************************************
/* パーツ
/*****************************************/
.main-wrap h1,
.main-wrap h2,
.main-wrap h3,
.main-wrap h4,
.main-wrap p {
  margin-top: 0;
  margin-bottom: 0;
}

select {
  appearance: button;
  -webkit-appearance: button;
}

strong {
  font-family: "FP-こぶりなゴシック StdN W6", sans-serif;
  font-weight: bold;
}

@media (min-width: 1140.5px) {
  .mass {
    display: inline-block;
  }
}

/* card list
*****************************/
.card-product-list {
  display: flex;
  flex-wrap: wrap;
}
@media all and (min-width: 1140.5px) {
  .card-product-list {
    gap: calc( 60px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product-list {
    gap: calc( 60px * var(--scale));
  }
}
@media (min-width: 1140.5px) {
  .card-product-list .card-product {
    width: calc(50% - 30px);
  }
  .card-product-list .card-product.type-711 {
    width: 100%;
  }
  .card-product-list.pc-col-3 .card-product {
    width: calc(33.333333333% - 40px);
  }
  .card-product-list.full .card-product {
    width: 100%;
  }
}

/* card-product-component
*****************************/
.card-product {
  display: flex;
  flex-direction: column;
}
.card-product .card-product-link {
  width: 100%;
  color: #666464;
}
.card-product .card-product-pic {
  width: 100%;
}
.card-product .card-product-shoulder {
  display: flex;
}
@media all and (min-width: 1140.5px) {
  .card-product .card-product-shoulder {
    margin-top: calc( 18px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product .card-product-shoulder {
    margin-top: calc( 16px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .card-product .card-product-shoulder {
    gap: calc( 5px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product .card-product-shoulder {
    gap: calc( 5px * var(--scale));
  }
}
.card-product .card-product-shoulder .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
  font-style: normal;
}
@media all and (min-width: 1140.5px) {
  .card-product .card-product-shoulder .icon {
    height: calc( 20px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product .card-product-shoulder .icon {
    height: calc( 20px * var(--scale));
  }
}
.card-product .card-product-shoulder .icon-new {
  background-color: #666464;
  color: #FFFFFF;
  line-height: 1;
  letter-spacing: 0.02em;
}
@media all and (min-width: 1140.5px) {
  .card-product .card-product-shoulder .icon-new {
    padding: calc( 6px * var(--scale)) calc( 8px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product .card-product-shoulder .icon-new {
    padding: calc( 6px * var(--scale)) calc( 8px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .card-product .card-product-shoulder .icon-new {
    padding-top: calc( 8px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product .card-product-shoulder .icon-new {
    padding-top: calc( 8px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .card-product .card-product-shoulder .icon-new {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product .card-product-shoulder .icon-new {
    font-size: calc( 10px * var(--scale));
  }
}
.card-product .card-product-shoulder .icon-function {
  border: 1px solid #666464;
  line-height: 1;
  letter-spacing: 0.15em;
}
@media all and (min-width: 1140.5px) {
  html.iOS .card-product .card-product-shoulder .icon-function {
    padding: calc( 6px * var(--scale)) calc( 8px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  html.iOS .card-product .card-product-shoulder .icon-function {
    padding: calc( 7px * var(--scale)) calc( 7px * var(--scale)) calc( 6px * var(--scale)) calc( 8px * var(--scale));
  }
}
@media (max-width: 380px) {
  html.iOS .card-product .card-product-shoulder .icon-function {
    padding-top: calc(6px * var(--scale)) !important;
  }
}
@media all and (min-width: 1140.5px) {
  .card-product .card-product-shoulder .icon-function {
    padding: calc( 6px * var(--scale)) calc( 8px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product .card-product-shoulder .icon-function {
    padding: calc( 6px * var(--scale)) calc( 8px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .card-product .card-product-shoulder .icon-function {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product .card-product-shoulder .icon-function {
    font-size: calc( 10px * var(--scale));
  }
}
.card-product .card-product-genre {
  line-height: 1.2;
  letter-spacing: 0.15em;
}
@media all and (min-width: 1140.5px) {
  .card-product .card-product-genre {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product .card-product-genre {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .card-product .card-product-pic + .card-product-genre {
    margin-top: calc( 17px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product .card-product-pic + .card-product-genre {
    margin-top: calc( 17px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .card-product .card-product-pic + .card-product-title {
    margin-top: calc( 17px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product .card-product-pic + .card-product-title {
    margin-top: calc( 18px * var(--scale));
  }
}
.card-product .card-product-title {
  display: flex;
  flex-direction: column;
  position: relative;
}
@media all and (min-width: 1140.5px) {
  .card-product .card-product-title {
    margin-top: calc( 4px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product .card-product-title {
    margin-top: calc( 4px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .card-product .card-product-title {
    gap: calc( 6px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product .card-product-title {
    gap: calc( 6px * var(--scale));
  }
}
.card-product .card-product-title .ja {
  line-height: 1.2;
  letter-spacing: 0.23em;
}
@media all and (min-width: 1140.5px) {
  .card-product .card-product-title .ja {
    font-size: calc( 16px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product .card-product-title .ja {
    font-size: calc( 16px * var(--scale));
  }
}
@media (max-width: 1140.4px) {
  .card-product .card-product-title .ja {
    letter-spacing: 0.24em;
  }
}
.card-product .card-product-title .en {
  line-height: 1.1;
  letter-spacing: 0.02em;
}
@media all and (min-width: 1140.5px) {
  .card-product .card-product-title .en {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product .card-product-title .en {
    font-size: calc( 10px * var(--scale));
  }
}
.card-product .card-product-title .icon {
  position: absolute;
  right: 0;
}
@media all and (min-width: 1140.5px) {
  .card-product .card-product-title .icon {
    width: calc( 80px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product .card-product-title .icon {
    width: calc( 80px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .card-product .card-product-title .icon {
    top: calc( 5px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product .card-product-title .icon {
    top: calc( 3px * var(--scale));
  }
}
.card-product .swap-position {
  display: grid;
}
.card-product .card-product-description {
  line-height: 1.8;
  letter-spacing: 0.1em;
  grid-row: 1/3;
}
@media all and (min-width: 1140.5px) {
  .card-product .card-product-description {
    margin-top: calc( 12px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product .card-product-description {
    margin-top: calc( 12px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .card-product .card-product-description {
    margin-right: calc( 40px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product .card-product-description {
    margin-right: calc( 0px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .card-product .card-product-description {
    font-size: calc( 12px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product .card-product-description {
    font-size: calc( 12px * var(--scale));
  }
}
.card-product .card-product-short {
  line-height: 1;
  letter-spacing: 0.15em;
  color: #666464;
  flex-grow: 1;
}
@media all and (min-width: 1140.5px) {
  .card-product .card-product-short {
    margin-top: calc( 18px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product .card-product-short {
    margin-top: calc( 16px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .card-product .card-product-short {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product .card-product-short {
    font-size: calc( 10px * var(--scale));
  }
}
.card-product .card-product-sales-info {
  border-top: 1px solid rgba(102, 100, 100, 0.1);
  display: flex;
  align-items: flex-end;
}
@media all and (min-width: 1140.5px) {
  .card-product .card-product-sales-info {
    margin-top: calc( 19px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product .card-product-sales-info {
    margin-top: calc( 19px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .card-product .card-product-sales-info {
    padding-top: calc( 19px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product .card-product-sales-info {
    padding-top: calc( 19px * var(--scale));
  }
}
.card-product .card-product-sales-info .card-product-quantity {
  margin-right: auto;
  line-height: 1;
  letter-spacing: 0.1em;
}
@media all and (min-width: 1140.5px) {
  .card-product .card-product-sales-info .card-product-quantity {
    padding-bottom: calc( 3px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product .card-product-sales-info .card-product-quantity {
    padding-bottom: calc( 2px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .card-product .card-product-sales-info .card-product-quantity {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product .card-product-sales-info .card-product-quantity {
    font-size: calc( 10px * var(--scale));
  }
}
.card-product .card-product-sales-info .card-product-price {
  line-height: 1;
  letter-spacing: 0.05em;
}
@media all and (min-width: 1140.5px) {
  .card-product .card-product-sales-info .card-product-price {
    font-size: calc( 16px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product .card-product-sales-info .card-product-price {
    font-size: calc( 16px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .card-product .card-product-sales-info .card-product-price .small {
    font-size: calc( 12px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product .card-product-sales-info .card-product-price .small {
    font-size: calc( 12px * var(--scale));
  }
}
.card-product .card-product-sales-info .suffix {
  letter-spacing: 0.1em;
}
@media all and (min-width: 1140.5px) {
  .card-product .card-product-sales-info .suffix {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product .card-product-sales-info .suffix {
    font-size: calc( 10px * var(--scale));
  }
}
.card-product .card-product-sales-info .icon-bullet {
  line-height: 0;
  height: 1.14em;
}
@media all and (min-width: 1140.5px) {
  .card-product .card-product-sales-info .icon-bullet {
    margin-left: calc( 14px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product .card-product-sales-info .icon-bullet {
    margin-left: calc( 14px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .card-product .card-product-sales-info .icon-bullet {
    width: calc( 15px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product .card-product-sales-info .icon-bullet {
    width: calc( 15px * var(--scale));
  }
}
.card-product .card-product-more-info {
  border-top: 1px solid rgba(102, 100, 100, 0.1);
}
@media all and (min-width: 1140.5px) {
  .card-product .card-product-more-info {
    margin-top: calc( 20px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product .card-product-more-info {
    margin-top: calc( 20px * var(--scale));
  }
}
.card-product .card-product-more-info .card-product-about-function {
  line-height: 1;
  letter-spacing: 0.15em;
}
@media all and (min-width: 1140.5px) {
  .card-product .card-product-more-info .card-product-about-function {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product .card-product-more-info .card-product-about-function {
    font-size: calc( 10px * var(--scale));
  }
}
.card-product .card-product-more-info .card-product-price {
  line-height: 1;
  letter-spacing: 0.05em;
}
@media all and (min-width: 1140.5px) {
  .card-product .card-product-more-info .card-product-price {
    font-size: calc( 16px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product .card-product-more-info .card-product-price {
    font-size: calc( 16px * var(--scale));
  }
}
.card-product .card-product-more-info .icon-down {
  line-height: 0;
  transition: transform 0.2s;
}
@media all and (min-width: 1140.5px) {
  .card-product .card-product-more-info .icon-down {
    margin-left: calc( 3px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product .card-product-more-info .icon-down {
    margin-left: calc( 0px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .card-product .card-product-more-info .icon-down {
    width: calc( 15px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product .card-product-more-info .icon-down {
    width: calc( 15px * var(--scale));
  }
}
.card-product .card-product-more-info .card-product-more-info-accordion {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (min-width: 1140.5px) {
  .card-product .card-product-more-info .card-product-more-info-accordion {
    padding-top: calc( 20px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product .card-product-more-info .card-product-more-info-accordion {
    padding-top: calc( 20px * var(--scale));
  }
}
.card-product .card-product-more-info .uk-accordion-title {
  padding-right: 0;
  overflow: inherit;
}
.card-product .card-product-more-info .uk-accordion-title::before {
  content: none;
}
@media all and (min-width: 1140.5px) {
  .card-product .card-product-more-info .uk-accordion-content {
    padding-top: calc( 25px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product .card-product-more-info .uk-accordion-content {
    padding-top: calc( 25px * var(--scale));
  }
}
.card-product .card-product-more-info .uk-accordion-content .type-bracket.first {
  border-top: 1px solid rgba(102, 100, 100, 0.2);
}
@media all and (min-width: 1140.5px) {
  .card-product .card-product-more-info .uk-accordion-content .type-bracket.first {
    margin-top: calc( 23px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product .card-product-more-info .uk-accordion-content .type-bracket.first {
    margin-top: calc( 23px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .card-product .card-product-more-info .uk-accordion-content .type-bracket.first {
    padding-top: calc( 25px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product .card-product-more-info .uk-accordion-content .type-bracket.first {
    padding-top: calc( 25px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .card-product .card-product-more-info .uk-accordion-content:last-child {
    margin-bottom: calc( -7px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product .card-product-more-info .uk-accordion-content:last-child {
    margin-bottom: calc( -7px * var(--scale));
  }
}
.card-product .uk-open .icon-down {
  transform: rotate(180deg);
}

.card-product.type-711 {
  width: 100%;
}
.card-product.type-711 .card-product-pic {
  width: 100%;
}
@media all and (min-width: 1140.5px) {
  .card-product.type-711 .card-product-pic {
    margin-bottom: calc( 15px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product.type-711 .card-product-pic {
    margin-bottom: calc( 0px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .card-product.type-711 .card-product-pic {
    margin-left: calc( 0px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product.type-711 .card-product-pic {
    margin-left: calc( -30px * var(--scale));
  }
}
@media (max-width: 1140.4px) {
  .card-product.type-711 .card-product-pic {
    width: 100vw;
  }
}
.card-product.type-711 .card-text-info-wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1140.4px) {
  .card-product.type-711 .card-text-info-wrap {
    flex-direction: column;
  }
}
@media (min-width: 1140.5px) {
  .card-product.type-711 .card-text-info-wrap .card-text-info-inner-block {
    width: calc(50% - 15px);
  }
}
.card-product.type-711 .card-product-genre {
  line-height: 1.2;
  letter-spacing: 0.15em;
}
@media all and (min-width: 1140.5px) {
  .card-product.type-711 .card-product-genre {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product.type-711 .card-product-genre {
    font-size: calc( 10px * var(--scale));
  }
}
.card-product.type-711 .card-product-title {
  display: flex;
  flex-direction: column;
  position: relative;
}
@media all and (min-width: 1140.5px) {
  .card-product.type-711 .card-product-title {
    margin-top: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product.type-711 .card-product-title {
    margin-top: calc( 5px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .card-product.type-711 .card-product-title {
    gap: calc( 11px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product.type-711 .card-product-title {
    gap: calc( 4px * var(--scale));
  }
}
.card-product.type-711 .card-product-title .ja {
  letter-spacing: 0.29em;
}
@media all and (min-width: 1140.5px) {
  .card-product.type-711 .card-product-title .ja {
    font-size: calc( 18px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product.type-711 .card-product-title .ja {
    font-size: calc( 16px * var(--scale));
  }
}
@media (max-width: 1140.4px) {
  .card-product.type-711 .card-product-title .ja {
    letter-spacing: 0.24em;
  }
}
.card-product.type-711 .card-product-description {
  line-height: 1.7;
  letter-spacing: 0.15em;
}
@media all and (min-width: 1140.5px) {
  .card-product.type-711 .card-product-description {
    margin-top: calc( 20px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product.type-711 .card-product-description {
    margin-top: calc( 12px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .card-product.type-711 .card-product-description {
    margin-right: calc( 0px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product.type-711 .card-product-description {
    margin-right: calc( 0px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .card-product.type-711 .card-product-description {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product.type-711 .card-product-description {
    font-size: calc( 12px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .card-product.type-711 .card-product-shoulder {
    margin-top: calc( 25px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product.type-711 .card-product-shoulder {
    margin-top: calc( 14px * var(--scale));
  }
}
.card-product.type-711 .card-product-short {
  line-height: 1.7;
}
@media all and (min-width: 1140.5px) {
  .card-product.type-711 .card-product-short {
    margin-top: calc( 15px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product.type-711 .card-product-short {
    margin-top: calc( 16px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .card-product.type-711 .card-product-sales-info {
    margin-top: calc( 22px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product.type-711 .card-product-sales-info {
    margin-top: calc( 14px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .card-product.type-711 .card-product-sales-info {
    padding-top: calc( 20px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product.type-711 .card-product-sales-info {
    padding-top: calc( 19px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .card-product.type-711 .card-product-sales-info {
    gap: calc( 9px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product.type-711 .card-product-sales-info {
    gap: calc( 5px * var(--scale));
  }
}
@media (min-width: 1140.5px) {
  .card-product.type-711 .card-product-sales-info {
    border-top: none;
    padding-top: 0;
  }
}
.card-product.type-711 .card-product-sales-info .card-product-quantity {
  letter-spacing: 0.15em;
}
@media (min-width: 1140.5px) {
  .card-product.type-711 .card-product-sales-info .card-product-quantity {
    margin-right: 0;
  }
}
@media (max-width: 1140.4px) {
  .card-product.type-711 .card-product-sales-info .card-product-quantity {
    margin-right: auto;
  }
}
@media all and (min-width: 1140.5px) {
  .card-product.type-711 .card-product-sales-info .card-product-price {
    font-size: calc( 22px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product.type-711 .card-product-sales-info .card-product-price {
    font-size: calc( 18px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .card-product.type-711 .card-product-sales-info .card-product-price .small {
    font-size: calc( 12px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product.type-711 .card-product-sales-info .card-product-price .small {
    font-size: calc( 12px * var(--scale));
  }
}
@media (max-width: 1140.4px) {
  .card-product.type-711 .card-product-sales-info .card-product-price {
    margin-left: auto;
  }
}
.card-product.type-711 .card-product-sales-info .suffix {
  letter-spacing: 0.15em;
}
@media all and (min-width: 1140.5px) {
  .card-product.type-711 .card-product-sales-info .suffix {
    margin-left: calc( -3px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product.type-711 .card-product-sales-info .suffix {
    margin-left: calc( -3px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .card-product.type-711 .card-product-more-info {
    margin-top: calc( 27px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product.type-711 .card-product-more-info {
    margin-top: calc( 18px * var(--scale));
  }
}

.card-product.new-item .card-product-link {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.card-product.new-item .card-product-short {
  line-height: 1.7;
}
@media all and (min-width: 1140.5px) {
  .card-product.new-item .card-product-short {
    margin-top: calc( 15px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product.new-item .card-product-short {
    margin-top: calc( 16px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .card-product.new-item .card-product-sales-info {
    margin-top: calc( 16px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product.new-item .card-product-sales-info {
    margin-top: calc( 14px * var(--scale));
  }
}

.card-product-list.type-small-thumb {
  display: flex;
  flex-wrap: wrap;
}
@media all and (min-width: 1140.5px) {
  .card-product-list.type-small-thumb {
    gap: calc( 41px * var(--scale)) calc( 60px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product-list.type-small-thumb {
    gap: calc( 20px * var(--scale)) calc( 60px * var(--scale));
  }
}
.card-product-list.type-small-thumb .card-product {
  position: relative;
}
@media (min-width: 1140.5px) {
  .card-product-list.type-small-thumb .card-product:nth-child(n+3)::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    background-color: rgba(102, 100, 100, 0.2);
    position: absolute;
  }
}
@media (min-width: 1140.5px) and (min-width: 1140.5px) {
  .card-product-list.type-small-thumb .card-product:nth-child(n+3)::before {
    top: calc( -21px * var(--scale));
  }
}
@media (min-width: 1140.5px) and (max-width: 1140.4px) {
  .card-product-list.type-small-thumb .card-product:nth-child(n+3)::before {
    top: calc( -21px * var(--scale));
  }
}
.card-product-list.type-small-thumb .card-product .card-product-link {
  display: flex;
  align-items: center;
  color: #666464;
}
@media all and (min-width: 1140.5px) {
  .card-product-list.type-small-thumb .card-product .card-product-link {
    gap: calc( 15px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product-list.type-small-thumb .card-product .card-product-link {
    gap: calc( 15px * var(--scale));
  }
}
@media (min-width: 1140.5px) {
  .card-product-list.type-small-thumb .card-product .card-product-pic {
    width: 21.4285714286%;
  }
}
@media (max-width: 1140.4px) {
  .card-product-list.type-small-thumb .card-product .card-product-pic {
    width: 27.2727272727%;
  }
}
.card-product-list.type-small-thumb .card-product .card-product-title {
  margin-top: 0;
}
@media all and (min-width: 1140.5px) {
  .card-product-list.type-small-thumb .card-product .card-product-title {
    gap: calc( 6px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product-list.type-small-thumb .card-product .card-product-title {
    gap: calc( 6px * var(--scale));
  }
}
.card-product-list.type-small-thumb .card-product .card-product-title .ja {
  letter-spacing: 0.23em;
}
@media all and (min-width: 1140.5px) {
  .card-product-list.type-small-thumb .card-product .card-product-title .ja {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product-list.type-small-thumb .card-product .card-product-title .ja {
    font-size: calc( 14px * var(--scale));
  }
}
.card-product-list.type-small-thumb .card-product .card-product-sales-info {
  margin-top: 0;
  border-top: none;
  margin-left: auto;
  padding-top: 0;
}
.card-product-list.type-small-thumb .card-product .card-product-sales-info .icon-bullet {
  margin-left: 0;
  line-height: 0;
}
@media all and (min-width: 1140.5px) {
  .card-product-list.type-small-thumb .card-product .card-product-sales-info .icon-bullet {
    width: calc( 15px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product-list.type-small-thumb .card-product .card-product-sales-info .icon-bullet {
    width: calc( 15px * var(--scale));
  }
}

/* button
*****************************/
.btn-rectangle {
  border: currentColor solid 1px;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  line-height: 1.2;
  letter-spacing: 0.05em;
}
@media all and (min-width: 1140.5px) {
  .btn-rectangle {
    padding-top: calc( 4px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .btn-rectangle {
    padding-top: calc( 4px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .btn-rectangle {
    font-size: calc( 16px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .btn-rectangle {
    font-size: calc( 16px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .btn-rectangle {
    width: calc( 180px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .btn-rectangle {
    width: calc( 180px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .btn-rectangle {
    height: calc( 50px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .btn-rectangle {
    height: calc( 50px * var(--scale));
  }
}

/* title
*****************************/
.main-wrap .page-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media all and (min-width: 1140.5px) {
  .main-wrap .page-title {
    margin-bottom: calc( 60px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap .page-title {
    margin-bottom: calc( 60px * var(--scale));
  }
}
.main-wrap .page-title .text-main {
  line-height: 1;
  font-weight: normal;
  letter-spacing: 0.05em;
  color: #666464;
}
@media all and (min-width: 1140.5px) {
  .main-wrap .page-title .text-main {
    font-size: calc( 32px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap .page-title .text-main {
    font-size: calc( 28px * var(--scale));
  }
}
.main-wrap .page-title .text-sub {
  line-height: 1.5;
  letter-spacing: 0.2em;
  font-family: "FP-こぶりなゴシック StdN W6", sans-serif;
}
@media all and (min-width: 1140.5px) {
  .main-wrap .page-title .text-sub {
    margin-top: calc( 12px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap .page-title .text-sub {
    margin-top: calc( 12px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .main-wrap .page-title .text-sub {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap .page-title .text-sub {
    font-size: calc( 10px * var(--scale));
  }
}
.main-wrap .section-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-top: 0;
}
@media all and (min-width: 1140.5px) {
  .main-wrap .section-title {
    margin-bottom: calc( 75px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap .section-title {
    margin-bottom: calc( 54px * var(--scale));
  }
}
.main-wrap .section-title .text-main {
  line-height: 1;
  font-weight: normal;
  letter-spacing: 0.05em;
}
@media all and (min-width: 1140.5px) {
  .main-wrap .section-title .text-main {
    font-size: calc( 32px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap .section-title .text-main {
    font-size: calc( 32px * var(--scale));
  }
}
.main-wrap .section-title .text-sub {
  line-height: 1.5;
  letter-spacing: 0.2em;
  font-family: "FP-こぶりなゴシック StdN W6", sans-serif;
}
@media all and (min-width: 1140.5px) {
  .main-wrap .section-title .text-sub {
    margin-top: calc( 12px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap .section-title .text-sub {
    margin-top: calc( 12px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .main-wrap .section-title .text-sub {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap .section-title .text-sub {
    font-size: calc( 10px * var(--scale));
  }
}

/* purchase-button
*****************************/
@media all and (min-width: 1140.5px) {
  .purchase-button-block {
    margin-top: calc( 30px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .purchase-button-block {
    margin-top: calc( 30px * var(--scale));
  }
}
.purchase-button-block .purchase-form {
  display: block;
}
@media all and (min-width: 1140.5px) {
  .purchase-button-block .purchase-form + .purchase-form {
    margin-top: calc( 5px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .purchase-button-block .purchase-form + .purchase-form {
    margin-top: calc( 5px * var(--scale));
  }
}
.purchase-button-block .purchase-button {
  border: 1px solid #666464;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media all and (min-width: 1140.5px) {
  .purchase-button-block .purchase-button {
    height: calc( 60px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .purchase-button-block .purchase-button {
    height: calc( 60px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .purchase-button-block .purchase-button {
    padding: calc( 0px * var(--scale)) calc( 15px * var(--scale)) calc( 0px * var(--scale)) calc( 15px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .purchase-button-block .purchase-button {
    padding: calc( 0px * var(--scale)) calc( 7px * var(--scale)) calc( 0px * var(--scale)) calc( 15px * var(--scale));
  }
}
.purchase-button-block .purchase-button.hide {
  display: none;
}
.purchase-button-block .purchase-button.purchase-button-recurring {
  background-color: #666464;
  color: #FFF;
}
.purchase-button-block .purchase-button.purchase-button-soldout {
  display: none;
}
.purchase-button-block .purchase-button.purchase-button-soldout.show {
  display: flex;
}
@media all and (min-width: 1140.5px) {
  .purchase-button-block .purchase-button + .purchase-button:not(.purchase-button-soldout) {
    margin-top: calc( 5px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .purchase-button-block .purchase-button + .purchase-button:not(.purchase-button-soldout) {
    margin-top: calc( 5px * var(--scale));
  }
}
.purchase-button-block .purchase-button .purchase-button-inner {
  position: relative;
  width: 100%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.purchase-button-block .purchase-button .purchase-title {
  display: flex;
  line-height: 1;
  letter-spacing: 0.1em;
}
@media all and (min-width: 1140.5px) {
  .purchase-button-block .purchase-button .purchase-title {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .purchase-button-block .purchase-button .purchase-title {
    font-size: calc( 12px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .purchase-button-block .purchase-button .purchase-title .icon-recurring {
    margin-left: calc( 4.7px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .purchase-button-block .purchase-button .purchase-title .icon-recurring {
    margin-left: calc( 5px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .purchase-button-block .purchase-button .purchase-title .icon-recurring {
    width: calc( 14px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .purchase-button-block .purchase-button .purchase-title .icon-recurring {
    width: calc( 14px * var(--scale));
  }
}
.purchase-button-block .purchase-button .purchase-info-holder {
  display: flex;
  align-items: baseline;
}
@media all and (min-width: 1140.5px) {
  .purchase-button-block .purchase-button .purchase-info-holder {
    gap: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .purchase-button-block .purchase-button .purchase-info-holder {
    gap: calc( 5px * var(--scale));
  }
}
.purchase-button-block .purchase-button .purchase-info-price {
  line-height: 1;
  letter-spacing: 0.02em;
  display: flex;
}
@media all and (min-width: 1140.5px) {
  .purchase-button-block .purchase-button .purchase-info-price {
    font-size: calc( 24px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .purchase-button-block .purchase-button .purchase-info-price {
    font-size: calc( 24px * var(--scale));
  }
}
.purchase-button-block .purchase-button .purchase-info-suffix {
  line-height: 1;
  letter-spacing: 0.15em;
}
@media all and (min-width: 1140.5px) {
  .purchase-button-block .purchase-button .purchase-info-suffix {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .purchase-button-block .purchase-button .purchase-info-suffix {
    font-size: calc( 10px * var(--scale));
  }
}

@media all and (min-width: 1140.5px) {
  .purchase-select-block {
    margin-top: calc( 25px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .purchase-select-block {
    margin-top: calc( 13px * var(--scale));
  }
}
.purchase-select-block .text-lead {
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media all and (min-width: 1140.5px) {
  .purchase-select-block .text-lead {
    margin-bottom: calc( 6px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .purchase-select-block .text-lead {
    margin-bottom: calc( 9px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .purchase-select-block .text-lead {
    font-size: calc( 12px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .purchase-select-block .text-lead {
    font-size: calc( 10px * var(--scale));
  }
}
@media (max-width: 1140.4px) {
  .purchase-select-block .text-lead {
    line-height: 1;
  }
}

@media all and (min-width: 1140.5px) {
  .purchase-set-link-block {
    margin-top: calc( 30px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .purchase-set-link-block {
    margin-top: calc( 30px * var(--scale));
  }
}
.purchase-set-link-block .purchase-set-button {
  border: 1px solid #666464;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url("../img/icon/arrow-right.svg") no-repeat right 15px center;
}
@media all and (min-width: 1140.5px) {
  .purchase-set-link-block .purchase-set-button {
    height: calc( 60px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .purchase-set-link-block .purchase-set-button {
    height: calc( 60px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .purchase-set-link-block .purchase-set-button {
    background-size: calc( 15px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .purchase-set-link-block .purchase-set-button {
    background-size: calc( 15px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .purchase-set-link-block .purchase-set-button {
    padding-right: calc( 60px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .purchase-set-link-block .purchase-set-button {
    padding-right: calc( 50px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .purchase-set-link-block .icon {
    width: calc( 80px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .purchase-set-link-block .icon {
    width: calc( 80px * var(--scale));
  }
}
.purchase-set-link-block .purchase-set-title {
  letter-spacing: 0.22em;
  margin: auto;
}
@media all and (min-width: 1140.5px) {
  .purchase-set-link-block .purchase-set-title {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .purchase-set-link-block .purchase-set-title {
    font-size: calc( 12px * var(--scale));
  }
}

/* スワイパー
*****************************/
.product-swiper-container {
  position: relative;
}
.product-swiper-container .modal-btn {
  display: none;
}
.product-swiper-container .swiper {
  cursor: pointer;
}
.product-swiper-container .swiper-button-next,
.product-swiper-container .swiper-button-prev {
  display: none;
}
@media all and (min-width: 1140.5px) {
  .product-swiper-container .swiper-button-next,
  .product-swiper-container .swiper-button-prev {
    width: calc( 30px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-swiper-container .swiper-button-next,
  .product-swiper-container .swiper-button-prev {
    width: calc( 30px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-swiper-container .swiper-button-next,
  .product-swiper-container .swiper-button-prev {
    height: calc( 30px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-swiper-container .swiper-button-next,
  .product-swiper-container .swiper-button-prev {
    height: calc( 30px * var(--scale));
  }
}
.product-swiper-container .swiper-button-next::after,
.product-swiper-container .swiper-button-prev::after {
  content: "";
}
.main-wrap[data-page-id=produts-711] .product-swiper-container .swiper-button-next,
.main-wrap[data-page-id=produts-711] .product-swiper-container .swiper-button-prev {
  display: none;
}
.product-swiper-container .swiper-button-next.swiper-button-disabled,
.product-swiper-container .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}
@media (max-width: 1140.4px) {
  .product-swiper-container .swiper-button-next,
  .product-swiper-container .swiper-button-prev {
    display: none;
  }
}
@media all and (min-width: 1140.5px) {
  .product-swiper-container .swiper-button-next {
    right: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-swiper-container .swiper-button-next {
    right: calc( 10px * var(--scale));
  }
}
.product-swiper-container .swiper-button-prev {
  transform: rotate(180deg);
  transform-origin: center;
}
@media all and (min-width: 1140.5px) {
  .product-swiper-container .swiper-button-prev {
    left: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-swiper-container .swiper-button-prev {
    left: calc( 10px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-swiper-container .swiper-pagination-horizontal {
    min-height: calc( 30px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-swiper-container .swiper-pagination-horizontal {
    min-height: calc( 30px * var(--scale));
  }
}

.product-zoom-container {
  background-color: #fff;
  padding: 0;
}
.product-zoom-container .uk-modal-body {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.product-zoom-container .uk-modal-body .uk-modal-close {
  cursor: pointer;
  position: absolute;
  z-index: 1;
}
@media all and (min-width: 1140.5px) {
  .product-zoom-container .uk-modal-body .uk-modal-close {
    width: calc( 52px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-zoom-container .uk-modal-body .uk-modal-close {
    width: calc( 32px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-zoom-container .uk-modal-body .uk-modal-close {
    height: calc( 52px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-zoom-container .uk-modal-body .uk-modal-close {
    height: calc( 32px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-zoom-container .uk-modal-body .uk-modal-close {
    padding: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-zoom-container .uk-modal-body .uk-modal-close {
    padding: calc( 0px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-zoom-container .uk-modal-body .uk-modal-close {
    top: calc( 50px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-zoom-container .uk-modal-body .uk-modal-close {
    top: calc( 15px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-zoom-container .uk-modal-body .uk-modal-close {
    right: calc( 50px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-zoom-container .uk-modal-body .uk-modal-close {
    right: calc( 15px * var(--scale));
  }
}
.product-zoom-container .uk-modal-body .swiper-main {
  width: 100%;
}
.product-zoom-container .uk-modal-body .swiper-main .swiper-slide {
  display: flex;
  justify-content: center;
}
.product-zoom-container .uk-modal-body .swiper-main .swiper-slide img {
  max-width: 960px;
  max-height: 640px;
  object-fit: contain;
}
@media all and (min-width: 1140.5px) {
  .product-zoom-container .uk-modal-body .swiper-main .swiper-slide img {
    width: calc( 960px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-zoom-container .uk-modal-body .swiper-main .swiper-slide img {
    width: calc( 960px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-zoom-container .uk-modal-body .swiper-main .swiper-slide img {
    height: calc( 640px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-zoom-container .uk-modal-body .swiper-main .swiper-slide img {
    height: calc( 640px * var(--scale));
  }
}
@media (max-width: 1140.4px) {
  .product-zoom-container .uk-modal-body .swiper-main .swiper-slide img {
    width: 100%;
    height: auto;
  }
}
@media all and (min-width: 1140.5px) {
  .product-zoom-container .uk-modal-body .swiper-main .swiper-button-next,
  .product-zoom-container .uk-modal-body .swiper-main .swiper-button-prev {
    width: calc( 30px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-zoom-container .uk-modal-body .swiper-main .swiper-button-next,
  .product-zoom-container .uk-modal-body .swiper-main .swiper-button-prev {
    width: calc( 30px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-zoom-container .uk-modal-body .swiper-main .swiper-button-next,
  .product-zoom-container .uk-modal-body .swiper-main .swiper-button-prev {
    height: calc( 30px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-zoom-container .uk-modal-body .swiper-main .swiper-button-next,
  .product-zoom-container .uk-modal-body .swiper-main .swiper-button-prev {
    height: calc( 30px * var(--scale));
  }
}
.product-zoom-container .uk-modal-body .swiper-main .swiper-button-next::after,
.product-zoom-container .uk-modal-body .swiper-main .swiper-button-prev::after {
  content: "";
}
.product-zoom-container .uk-modal-body .swiper-main .swiper-button-next.swiper-button-disabled,
.product-zoom-container .uk-modal-body .swiper-main .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}
@media all and (min-width: 1140.5px) {
  .product-zoom-container .uk-modal-body .swiper-main .swiper-button-next {
    right: calc( 46px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-zoom-container .uk-modal-body .swiper-main .swiper-button-next {
    right: calc( 46px * var(--scale));
  }
}
.product-zoom-container .uk-modal-body .swiper-main .swiper-button-prev {
  transform: rotate(180deg);
  transform-origin: center;
}
@media all and (min-width: 1140.5px) {
  .product-zoom-container .uk-modal-body .swiper-main .swiper-button-prev {
    left: calc( 46px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-zoom-container .uk-modal-body .swiper-main .swiper-button-prev {
    left: calc( 46px * var(--scale));
  }
}
.product-zoom-container .uk-modal-body .swiper-thumds {
  position: absolute;
  max-width: 960px;
  width: -moz-fit-content;
  width: fit-content;
  left: 0;
  right: 0;
  margin: auto;
}
@media all and (min-width: 1140.5px) {
  .product-zoom-container .uk-modal-body .swiper-thumds {
    bottom: calc( 15px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-zoom-container .uk-modal-body .swiper-thumds {
    bottom: calc( 12px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-zoom-container .uk-modal-body .swiper-thumds .swiper-wrapper {
    gap: calc( 5px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-zoom-container .uk-modal-body .swiper-thumds .swiper-wrapper {
    gap: calc( 5px * var(--scale));
  }
}
.product-zoom-container .uk-modal-body .swiper-thumds .swiper-wrapper .swiper-slide {
  position: relative;
  cursor: pointer;
}
@media all and (min-width: 1140.5px) {
  .product-zoom-container .uk-modal-body .swiper-thumds .swiper-wrapper .swiper-slide {
    width: calc( 60px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-zoom-container .uk-modal-body .swiper-thumds .swiper-wrapper .swiper-slide {
    width: calc( 60px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-zoom-container .uk-modal-body .swiper-thumds .swiper-wrapper .swiper-slide {
    height: calc( 40px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-zoom-container .uk-modal-body .swiper-thumds .swiper-wrapper .swiper-slide {
    height: calc( 40px * var(--scale));
  }
}
.product-zoom-container .uk-modal-body .swiper-thumds .swiper-wrapper .swiper-slide::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.product-zoom-container .uk-modal-body .swiper-thumds .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
  pointer-events: none;
}
.product-zoom-container .uk-modal-body .swiper-thumds .swiper-wrapper .swiper-slide.swiper-slide-thumb-active::after {
  border: 1px solid #666464;
}

/* フォントサイズ
*****************************/
.main-wrap h2,
.main-wrap .explanation__title {
  font-family: "FP-こぶりなゴシック StdN W6", sans-serif;
  letter-spacing: 0.15em;
  font-weight: 600;
  line-height: 1.5;
}
@media all and (min-width: 1140.5px) {
  .main-wrap h2,
  .main-wrap .explanation__title {
    font-size: calc( 24px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap h2,
  .main-wrap .explanation__title {
    font-size: calc( 18px * var(--scale));
  }
}
.main-wrap .explanation__text,
.main-wrap .explanation__text__inner {
  font-family: "FP-こぶりなゴシック StdN W3", sans-serif;
  letter-spacing: 0.15em;
  line-height: 1.7;
}
@media all and (min-width: 1140.5px) {
  .main-wrap .explanation__text,
  .main-wrap .explanation__text__inner {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap .explanation__text,
  .main-wrap .explanation__text__inner {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .main-wrap .explanation__text_lead {
    margin-bottom: calc( 30px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap .explanation__text_lead {
    margin-bottom: calc( 30px * var(--scale));
  }
}
.main-wrap .explanation__end {
  display: block;
}
@media all and (min-width: 1140.5px) {
  .main-wrap .explanation__end {
    margin-top: calc( 30px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap .explanation__end {
    margin-top: calc( 30px * var(--scale));
  }
}
.main-wrap .article-wrap {
  letter-spacing: 0.15em;
  line-height: 2.5;
}
@media all and (min-width: 1140.5px) {
  .main-wrap .article-wrap {
    font-size: calc( 16px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap .article-wrap {
    font-size: calc( 14px * var(--scale));
  }
}
.main-wrap .underline {
  text-decoration: underline;
}

/* 番号付きリスト
*****************************/
.main-wrap ol {
  letter-spacing: 0.15em;
}
@media all and (min-width: 1140.5px) {
  .main-wrap ol {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap ol {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .main-wrap ol {
    margin: calc( 0px * var(--scale)) calc( 0px * var(--scale)) calc( 0px * var(--scale)) calc( 27px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap ol {
    margin: calc( 0px * var(--scale)) calc( 0px * var(--scale)) calc( 0px * var(--scale)) calc( 27px * var(--scale));
  }
}
.main-wrap ol li {
  list-style: decimal;
}
@media all and (min-width: 1140.5px) {
  .main-wrap ol li {
    margin-bottom: calc( 17px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap ol li {
    margin-bottom: calc( 17px * var(--scale));
  }
}
.main-wrap ol li:only-of-type {
  list-style: none;
}
@media all and (min-width: 1140.5px) {
  .main-wrap ol li:only-of-type {
    margin-left: calc( -27px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap ol li:only-of-type {
    margin-left: calc( -27px * var(--scale));
  }
}
.main-wrap ol li:only-of-type + ol {
  margin: 0;
}
.main-wrap ol li:only-of-type + ol li {
  list-style: decimal;
}
.main-wrap ol li:only-of-type + ol li::before {
  content: none;
}
@media all and (min-width: 1140.5px) {
  .main-wrap ol ol {
    margin: calc( 17px * var(--scale)) calc( 0px * var(--scale)) calc( 0px * var(--scale)) calc( 22px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap ol ol {
    margin: calc( 17px * var(--scale)) calc( 0px * var(--scale)) calc( 0px * var(--scale)) calc( 22px * var(--scale));
  }
}
.main-wrap ol ol li {
  list-style: none;
  counter-increment: cnt;
}
.main-wrap ol ol li::before {
  content: "（" counter(cnt) "）";
  text-align: right;
  display: inline-block;
}
@media all and (min-width: 1140.5px) {
  .main-wrap ol ol li::before {
    margin-left: calc( -36px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap ol ol li::before {
    margin-left: calc( -36px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .main-wrap ol ol li::before {
    margin-right: calc( 4px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap ol ol li::before {
    margin-right: calc( 4px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .main-wrap ol ol li::before {
    width: calc( 40px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap ol ol li::before {
    width: calc( 40px * var(--scale));
  }
}

.main-wrap .btn-positive,
.main-wrap .btn-submit {
  color: #fff !important;
  background-color: #666464 !important;
  text-align: center !important;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-weight: bold;
  letter-spacing: 0.15em;
  line-height: 1.25;
}
@media all and (min-width: 1140.5px) {
  .main-wrap .btn-positive,
  .main-wrap .btn-submit {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap .btn-positive,
  .main-wrap .btn-submit {
    font-size: calc( 12px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .main-wrap .btn-positive,
  .main-wrap .btn-submit {
    height: calc( 60px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap .btn-positive,
  .main-wrap .btn-submit {
    height: calc( 60px * var(--scale));
  }
}
.main-wrap .btn-positive:disabled,
.main-wrap .btn-submit:disabled {
  pointer-events: none;
  background-color: rgba(102, 100, 100, 0.2) !important;
}

.statement-video {
  position: absolute;
  height: 0;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 0 56.25%;
}
@media (max-width: 1140.4px) {
  .statement-video {
    padding: 0 0 310.3%;
  }
}
.statement-video iframe {
  animation: fadeIn 0.5s 2s both;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-gradient {
  overflow: hidden;
}
.video-gradient::before {
  content: "";
  display: block;
  position: absolute;
  width: 120%;
  left: -10%;
  background: linear-gradient(180deg, rgba(170, 175, 190, 0) 0%, #AAAFBE 38.2%, #AAAFBE 100%);
  transform: rotate(1.33deg);
  z-index: 1;
}
@media all and (min-width: 1140.5px) {
  .video-gradient::before {
    bottom: calc( -134px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .video-gradient::before {
    bottom: calc( -177px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .video-gradient::before {
    height: calc( 277px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .video-gradient::before {
    height: calc( 299px * var(--scale));
  }
}

.main-wrap .annotation-container {
  line-height: 1;
  text-align: center;
  letter-spacing: 0.14em;
}
@media all and (min-width: 1140.5px) {
  .main-wrap .annotation-container {
    font-size: calc( 11px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap .annotation-container {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .main-wrap .annotation-container {
    margin-top: calc( 120px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap .annotation-container {
    margin-top: calc( 120px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .main-wrap .annotation-container {
    padding: calc( 30px * var(--scale)) calc( 0px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap .annotation-container {
    padding: calc( 30px * var(--scale)) calc( 0px * var(--scale));
  }
}
.main-wrap .bg-muted + .annotation-container {
  margin-top: 0;
}

/* アラート
*****************************/
@media all and (min-width: 1140.5px) {
  .cart-item-attention {
    margin-top: calc( 60px * var(--scale)) !important;
  }
}
@media all and (max-width: 1140.4px) {
  .cart-item-attention {
    margin-top: calc( 60px * var(--scale)) !important;
  }
}
@media all and (min-width: 1140.5px) {
  .cart-item-attention {
    margin-bottom: calc( 60px * var(--scale)) !important;
  }
}
@media all and (max-width: 1140.4px) {
  .cart-item-attention {
    margin-bottom: calc( 30px * var(--scale)) !important;
  }
}

.alert {
  line-height: 1.5;
  letter-spacing: 0.08em;
  margin: 0;
  font-family: "FP-こぶりなゴシック StdN W6", sans-serif;
}
@media all and (min-width: 1140.5px) {
  .alert {
    font-size: calc( 12px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .alert {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .alert {
    padding-top: calc( 24px * var(--scale)) !important;
  }
}
@media all and (max-width: 1140.4px) {
  .alert {
    padding-top: calc( 26px * var(--scale)) !important;
  }
}
@media all and (min-width: 1140.5px) {
  .alert {
    padding-bottom: calc( 24px * var(--scale)) !important;
  }
}
@media all and (max-width: 1140.4px) {
  .alert {
    padding-bottom: calc( 26px * var(--scale)) !important;
  }
}
@media all and (min-width: 1140.5px) {
  .alert {
    padding-left: calc( 30px * var(--scale)) !important;
  }
}
@media all and (max-width: 1140.4px) {
  .alert {
    padding-left: calc( 30px * var(--scale)) !important;
  }
}
@media all and (min-width: 1140.5px) {
  .alert {
    padding-right: calc( 30px * var(--scale)) !important;
  }
}
@media all and (max-width: 1140.4px) {
  .alert {
    padding-right: calc( 30px * var(--scale)) !important;
  }
}
.alert.alert-success {
  color: #468847;
  background-color: rgba(70, 136, 71, 0.1);
  border: 1px solid #468847;
}
.alert.alert-danger {
  color: #FF0000;
  background-color: rgba(255, 0, 0, 0.1);
  border: 1px solid #FF0000;
}
@media all and (min-width: 1140.5px) {
  .alert + .alert {
    margin-top: calc( 20px * var(--scale)) !important;
  }
}
@media all and (max-width: 1140.4px) {
  .alert + .alert {
    margin-top: calc( 20px * var(--scale)) !important;
  }
}

/* purpose fadeで画像切り替えするやつ
*****************************/
.time-block-loop {
  position: relative;
  width: 100%;
  height: 0;
  padding: 100% 0 0;
}
.time-block-loop .pic {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.7s;
}
.time-block-loop .time-block {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
@media all and (min-width: 1140.5px) {
  .time-block-loop .time-block {
    width: calc( 220px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .time-block-loop .time-block {
    width: calc( 110px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .time-block-loop .time-block {
    height: calc( 220px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .time-block-loop .time-block {
    height: calc( 110px * var(--scale));
  }
}
.time-block-loop .time-block .icon-label {
  position: absolute;
  color: #fff;
  opacity: 0;
  transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  letter-spacing: 0.02em;
  text-align: center;
  width: 100%;
}
@media all and (min-width: 1140.5px) {
  .time-block-loop .time-block .icon-label {
    font-size: calc( 36px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .time-block-loop .time-block .icon-label {
    font-size: calc( 16px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .time-block-loop .time-block .icon-label {
    bottom: calc( -36px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .time-block-loop .time-block .icon-label {
    bottom: calc( -16px * var(--scale));
  }
}
.time-block-loop .time-block .icon path {
  fill: #fff;
}
.time-block-loop[data-time=morning] .morning {
  opacity: 1;
}
.time-block-loop[data-time=daytime] .daytime {
  opacity: 1;
}
.time-block-loop[data-time=night] .night {
  opacity: 1;
}

/* パンクズ
*****************************/
.breadcolumn {
  line-height: 1.5;
  letter-spacing: 0.02em;
}
@media all and (min-width: 1140.5px) {
  .breadcolumn {
    margin-bottom: calc( 45px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .breadcolumn {
    margin-bottom: calc( 25px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .breadcolumn {
    font-size: calc( 12px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .breadcolumn {
    font-size: calc( 10px * var(--scale));
  }
}
.breadcolumn .slash {
  display: inline-block;
}
@media all and (min-width: 1140.5px) {
  .breadcolumn .slash {
    margin: calc( 0px * var(--scale)) calc( 9px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .breadcolumn .slash {
    margin: calc( 0px * var(--scale)) calc( 4px * var(--scale));
  }
}

/* 共通部分
*******************/
@media all and (min-width: 1140.5px) {
  .section-v-padding {
    padding: calc( 180px * var(--scale)) calc( 0px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-v-padding {
    padding: calc( 120px * var(--scale)) calc( 0px * var(--scale));
  }
}

@media all and (min-width: 1140.5px) {
  .section-v-padding-bottom {
    padding: calc( 0px * var(--scale)) calc( 0px * var(--scale)) calc( 180px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-v-padding-bottom {
    padding: calc( 0px * var(--scale)) calc( 0px * var(--scale)) calc( 120px * var(--scale));
  }
}

/* hover
*******************/
.text-link {
  transition: opacity 0.2s;
}
@media (hover: hover) and (pointer: fine) {
  .text-link:focus {
    opacity: 0.75;
  }
  .text-link:hover {
    opacity: 0.75;
  }
}

/* HOME
*******************/
[data-page-id=home] .intro {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  height: 100vsh;
  z-index: 100;
  background-color: #AAAEBE;
}
[data-page-id=home] .intro .intro-inner {
  width: 100%;
  height: var(--initHeight);
  height: 100vsh;
  display: flex;
  justify-content: center;
  align-items: center;
}
[data-page-id=home] .intro-text {
  display: flex;
  letter-spacing: 0.2em;
  text-align: center;
  color: #fff;
}
@media all and (min-width: 1140.5px) {
  [data-page-id=home] .intro-text {
    font-size: calc( 20px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  [data-page-id=home] .intro-text {
    font-size: calc( 18px * var(--scale));
  }
}
[data-page-id=home] .intro-text span {
  opacity: 0;
}

.section-top-kv {
  position: relative;
}
.section-top-kv .pic {
  width: 100%;
  height: var(--initHeight);
  height: 100svh;
}
.section-top-kv .pic img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center bottom;
}
.section-top-kv .logo {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  width: calc(150px * var(--scale));
  height: calc(33px * var(--scale));
}
.section-top-kv .logo svg {
  fill: #fff;
}

.section-top-statement {
  position: relative;
  height: 0;
  padding: 0 0 56.25%;
}
@media (max-width: 1140.4px) {
  .section-top-statement {
    padding: 0 0 292.566%;
    overflow: hidden;
  }
}
.section-top-statement .statement-video::before {
  content: none;
}
.section-top-statement .section-inner {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  z-index: 1;
}
.section-top-statement .statement-container {
  margin: auto;
  margin-left: calc(50% + 30px * var(--scale));
}
@media (max-width: 1140.4px) {
  .section-top-statement .statement-container {
    margin: calc(506px * var(--scale)) calc(30px * var(--scale)) 0 calc(30px * var(--scale));
    width: 100%;
  }
}
.section-top-statement .statement {
  line-height: 260%;
  letter-spacing: 0.25em;
}
@media all and (min-width: 1140.5px) {
  .section-top-statement .statement {
    margin-top: calc( -19px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-top-statement .statement {
    margin-top: calc( 0px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .section-top-statement .statement {
    font-size: calc( 16px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-top-statement .statement {
    font-size: calc( 14px * var(--scale));
  }
}
@media (max-width: 1140.4px) {
  .section-top-statement .statement {
    line-height: 250%;
  }
}
@media all and (min-width: 1140.5px) {
  .section-top-statement .btn-rectangle {
    margin-top: calc( 46px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-top-statement .btn-rectangle {
    margin-top: calc( 46px * var(--scale));
  }
}
@media (max-width: 1140.4px) {
  .section-top-statement .btn-rectangle {
    width: 100%;
  }
}

@media (max-width: 1140.4px) {
  .section-top-newitem .container-l {
    max-width: 100%;
  }
}

.slider-product-list-container {
  display: block;
  position: relative;
}
.slider-product-list-container .slider-product-list {
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}
.slider-product-list-container .slider-product-list::-webkit-scrollbar {
  display: none;
}
.slider-product-list-container .slider-product-list .card-product-list {
  flex-wrap: nowrap;
  width: max-content;
}
@media (max-width: 1140.4px) {
  .slider-product-list-container .slider-product-list .card-product-list {
    padding: 0 calc(45px * var(--scale));
    gap: calc(15px * var(--scale));
  }
}
.slider-product-list-container .slider-product-list .card-product-list .card-product {
  flex-shrink: 0;
  width: calc(var(--width) / 3 - 40px);
  max-width: 420px;
}
@media (max-width: 1140.4px) {
  .slider-product-list-container .slider-product-list .card-product-list .card-product {
    width: calc(300px * var(--scale));
    max-width: none;
  }
}
.slider-product-list-container .btn-prev,
.slider-product-list-container .btn-next {
  position: absolute;
  top: 0;
  width: 60px;
  height: calc(var(--width) / 3 - 40px);
  background: url("../img/icon/swiper-arrow.svg") no-repeat center center/calc(30px * var(--scale)) auto;
}
@media (max-width: 1140.4px) {
  .slider-product-list-container .btn-prev,
  .slider-product-list-container .btn-next {
    display: none !important;
  }
}
@media (max-width: 1140.4px) {
  .slider-product-list-container .btn-prev,
  .slider-product-list-container .btn-next {
    height: calc(300px * var(--scale));
  }
}
.slider-product-list-container .btn-prev.hide,
.slider-product-list-container .btn-next.hide {
  display: block;
  pointer-events: none;
  opacity: 0 !important;
}
.slider-product-list-container .btn-prev {
  left: -60px;
  transform: rotate(180deg);
}
@media (min-width: 1620px) {
  .slider-product-list-container .btn-prev {
    left: calc(-90px * var(--scale));
  }
}
.slider-product-list-container .btn-next {
  right: -60px;
}
@media (min-width: 1620px) {
  .slider-product-list-container .btn-next {
    right: calc(-90px * var(--scale));
  }
}

/* カテゴリーインデックス
*******************/
.category-cover-list {
  display: flex;
}
@media (max-width: 1140.4px) {
  .category-cover-list {
    display: block;
  }
  .category-cover-list .category-cover-list-item + .category-cover-list-item {
    margin-top: calc(60px * var(--scale));
  }
}
.category-cover-list .category-cover-list-item {
  display: block;
}
.category-cover-list .category-cover-list-item .title-holder {
  display: flex;
  flex-direction: column;
}
@media all and (min-width: 1140.5px) {
  .category-cover-list .category-cover-list-item .title-holder {
    margin-top: calc( 22px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .category-cover-list .category-cover-list-item .title-holder {
    margin-top: calc( 13px * var(--scale));
  }
}
.category-cover-list .category-cover-list-item .title-holder .text-main {
  letter-spacing: 0.06em;
  line-height: 1.5;
}
@media all and (min-width: 1140.5px) {
  .category-cover-list .category-cover-list-item .title-holder .text-main {
    font-size: calc( 24px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .category-cover-list .category-cover-list-item .title-holder .text-main {
    font-size: calc( 20px * var(--scale));
  }
}
.category-cover-list .category-cover-list-item .title-holder .text-sub {
  letter-spacing: 0.22em;
  line-height: 1.5;
}
@media all and (min-width: 1140.5px) {
  .category-cover-list .category-cover-list-item .title-holder .text-sub {
    margin-top: calc( 2px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .category-cover-list .category-cover-list-item .title-holder .text-sub {
    margin-top: calc( 2px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .category-cover-list .category-cover-list-item .title-holder .text-sub {
    margin-bottom: calc( -3px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .category-cover-list .category-cover-list-item .title-holder .text-sub {
    margin-bottom: calc( -3px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .category-cover-list .category-cover-list-item .title-holder .text-sub {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .category-cover-list .category-cover-list-item .title-holder .text-sub {
    font-size: calc( 10px * var(--scale));
  }
}
@media (max-width: 1140.4px) {
  .category-cover-list .category-cover-list-item .title-holder .text-sub {
    letter-spacing: 0.1em;
  }
}

/* 商品一覧
*******************/
@media all and (min-width: 1140.5px) {
  .section-products-main {
    padding: calc( 192px * var(--scale)) calc( 0px * var(--scale)) calc( 180px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-products-main {
    padding: calc( 120px * var(--scale)) calc( 0px * var(--scale)) calc( 81px * var(--scale));
  }
}
.section-products-main .tab-block {
  display: flex;
  margin-left: auto;
  margin-right: auto;
}
@media all and (min-width: 1140.5px) {
  .section-products-main .tab-block {
    width: calc( 480px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-products-main .tab-block {
    width: calc( 330px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .section-products-main .tab-block {
    margin-bottom: calc( 90px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-products-main .tab-block {
    margin-bottom: calc( 60px * var(--scale));
  }
}
.section-products-main .tab-block .btn-tab {
  width: 50%;
  text-align: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.section-products-main .tab-block .btn-tab.stay {
  border-bottom: 1px solid #fff;
  pointer-events: none;
}
.section-products-main .tab-block .tab-text {
  letter-spacing: 0.02em;
  line-height: 1;
}
@media all and (min-width: 1140.5px) {
  .section-products-main .tab-block .tab-text {
    padding-bottom: calc( 26px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-products-main .tab-block .tab-text {
    padding-bottom: calc( 12px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .section-products-main .tab-block .tab-text {
    font-size: calc( 16px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-products-main .tab-block .tab-text {
    font-size: calc( 13px * var(--scale));
  }
}
@media (min-width: 1140.5px) {
  .section-products-main .container-m {
    width: 66.66666666%;
  }
}
.section-products-main .products-main-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.section-products-main .title-holder {
  display: flex;
  flex-direction: column;
}
@media all and (min-width: 1140.5px) {
  .section-products-main .title-holder {
    margin-top: calc( 5px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-products-main .title-holder {
    margin-top: calc( 56px * var(--scale));
  }
}
.section-products-main .title-holder .text-main {
  line-height: 1;
  letter-spacing: 0.056em;
}
@media all and (min-width: 1140.5px) {
  .section-products-main .title-holder .text-main {
    font-size: calc( 32px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-products-main .title-holder .text-main {
    font-size: calc( 22px * var(--scale));
  }
}
.section-products-main .title-holder .text-main svg, .section-products-main .title-holder .text-main img {
  height: 100%;
  width: auto;
}
.section-products-main .title-holder .text-sub {
  letter-spacing: 0.25em;
  line-height: 1;
}
@media all and (min-width: 1140.5px) {
  .section-products-main .title-holder .text-sub {
    margin-top: calc( 15px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-products-main .title-holder .text-sub {
    margin-top: calc( 15px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .section-products-main .title-holder .text-sub {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-products-main .title-holder .text-sub {
    font-size: calc( 10px * var(--scale));
  }
}
.section-products-main .text-catch {
  line-height: 2;
  letter-spacing: 0.2em;
  white-space: nowrap;
}
@media all and (min-width: 1140.5px) {
  .section-products-main .text-catch {
    margin-top: calc( 51px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-products-main .text-catch {
    margin-top: calc( 36px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .section-products-main .text-catch {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-products-main .text-catch {
    font-size: calc( 12px * var(--scale));
  }
}

@media all and (min-width: 1140.5px) {
  .card-product-list + .products-cover-item {
    margin-top: calc( 180px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product-list + .products-cover-item {
    margin-top: calc( 83px * var(--scale));
  }
}

.products-cover-item {
  display: block;
}
@media all and (min-width: 1140.5px) {
  .products-cover-item + .card-product-list {
    margin-top: calc( 90px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .products-cover-item + .card-product-list {
    margin-top: calc( 60px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .products-cover-item + .products-cover-item {
    margin-top: calc( 90px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .products-cover-item + .products-cover-item {
    margin-top: calc( 50px * var(--scale));
  }
}
@media (max-width: 1140.4px) {
  .products-cover-item .pic {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
  }
}
.products-cover-item .title-holder {
  display: flex;
  flex-direction: column;
}
@media all and (min-width: 1140.5px) {
  .products-cover-item .title-holder {
    margin-top: calc( 50px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .products-cover-item .title-holder {
    margin-top: calc( 50px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .products-cover-item .title-holder .text-main {
    height: calc( 18px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .products-cover-item .title-holder .text-main {
    height: calc( 18px * var(--scale));
  }
}
.products-cover-item .title-holder .text-main svg, .products-cover-item .title-holder .text-main img {
  height: 100%;
  width: auto;
}
.products-cover-item .title-holder .text-sub {
  letter-spacing: 0.22em;
  line-height: 1.5;
}
@media all and (min-width: 1140.5px) {
  .products-cover-item .title-holder .text-sub {
    margin-top: calc( 12px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .products-cover-item .title-holder .text-sub {
    margin-top: calc( 12px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .products-cover-item .title-holder .text-sub {
    margin-bottom: calc( -3px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .products-cover-item .title-holder .text-sub {
    margin-bottom: calc( -3px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .products-cover-item .title-holder .text-sub {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .products-cover-item .title-holder .text-sub {
    font-size: calc( 10px * var(--scale));
  }
}
@media (max-width: 1140.4px) {
  .products-cover-item .title-holder .text-sub {
    letter-spacing: 0.1em;
  }
}
.products-cover-item .text-catch {
  white-space: pre-line;
  line-height: 170%;
  letter-spacing: 0.25em;
}
@media all and (min-width: 1140.5px) {
  .products-cover-item .text-catch {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .products-cover-item .text-catch {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .products-cover-item .text-catch {
    margin-top: calc( 23px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .products-cover-item .text-catch {
    margin-top: calc( 23px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .products-cover-item .text-catch {
    margin-bottom: calc( -6px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .products-cover-item .text-catch {
    margin-bottom: calc( -6px * var(--scale));
  }
}
.products-cover-item .relative {
  position: relative;
}
@media (min-width: 1140.5px) {
  .products-cover-item .relative .btn-rectangle {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (max-width: 1140.4px) {
  .products-cover-item .relative .btn-rectangle {
    margin-top: calc(50px * var(--scale));
    width: 100%;
  }
}

@media (max-width: 1140.4px) {
  .completeSet .section-products-index .section-title {
    margin-bottom: calc(-65px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .section-products-index .section-inner {
    padding: calc( 180px * var(--scale)) calc( 0px * var(--scale)) calc( 180px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-products-index .section-inner {
    padding: calc( 0px * var(--scale)) calc( 0px * var(--scale)) calc( 120px * var(--scale));
  }
}
.completeSet .section-products-index .section-inner {
  padding-top: 0;
}
@media all and (min-width: 1140.5px) {
  [data-page-id=products-711] .section-products-index .section-inner {
    padding-bottom: calc( 57px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  [data-page-id=products-711] .section-products-index .section-inner {
    padding-bottom: calc( 0px * var(--scale));
  }
}
.section-products-index .products-list-container {
  display: flex;
}
@media all and (min-width: 1140.5px) {
  .section-products-index .products-list-container {
    gap: calc( 60px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-products-index .products-list-container {
    gap: calc( 60px * var(--scale));
  }
}
.section-products-index .sticky {
  position: sticky;
  top: 50%;
  left: 0;
  height: -moz-fit-content;
  height: fit-content;
  transform: translate(0, -50%);
}
@media all and (min-width: 1140.5px) {
  .section-products-index .sticky {
    margin-top: calc( 250px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-products-index .sticky {
    margin-top: calc( 0px * var(--scale));
  }
}
.section-products-index .card-product:not(.type-711) .card-product-description {
  display: none;
}
.section-products-index .time-block {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}
@media all and (min-width: 1140.5px) {
  .section-products-index .time-block {
    height: calc( 195px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-products-index .time-block {
    height: calc( 176px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .section-products-index .time-block {
    margin-top: calc( 0px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-products-index .time-block {
    margin-top: calc( 84px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .section-products-index .time-block {
    margin-bottom: calc( 0px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-products-index .time-block {
    margin-bottom: calc( 34px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .section-products-index .time-block .icon {
    width: calc( 145px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-products-index .time-block .icon {
    width: calc( 110px * var(--scale));
  }
}
.section-products-index .time-block .icon-label {
  line-height: 1.5;
  margin-bottom: 0;
  letter-spacing: 0.02em;
}
@media (min-width: 1140.5px) {
  .section-products-index .time-block .icon-label {
    position: absolute;
    bottom: 0;
    opacity: 0;
    transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
}
@media all and (min-width: 1140.5px) {
  .section-products-index .time-block .icon-label {
    font-size: calc( 24px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-products-index .time-block .icon-label {
    font-size: calc( 17px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .section-products-index .time-block .icon-label {
    margin-top: calc( 20px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-products-index .time-block .icon-label {
    margin-top: calc( -9px * var(--scale));
  }
}
.section-products-index .time-block[data-time=morning] .icon-label.morning {
  opacity: 1;
}
.section-products-index .time-block[data-time=daytime] .icon-label.daytime {
  opacity: 1;
}
.section-products-index .time-block[data-time=night] .icon-label.night {
  opacity: 1;
}

@media all and (min-width: 1140.5px) {
  .card-product-list-container + .card-product-list-container {
    margin-top: calc( 180px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .card-product-list-container + .card-product-list-container {
    margin-top: calc( 0px * var(--scale));
  }
}

/* 商品詳細
*******************/
@media (min-width: 1140.5px) {
  section[class^=product-detail-] .pc-split-1-2,
  section[class^=purpose-] .pc-split-1-2 {
    align-items: center;
  }
  section[class^=product-detail-] .pc-split-1-2 .container-s.has-pic,
  section[class^=purpose-] .pc-split-1-2 .container-s.has-pic {
    margin-bottom: auto;
  }
}
.product-detail-main form.loading {
  pointer-events: none;
}
@media all and (min-width: 1140.5px) {
  .product-detail-main {
    padding-bottom: calc( 150px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-main {
    padding-bottom: calc( 90px * var(--scale));
  }
}
.product-detail-main .product-detail-main-inner {
  position: relative;
  display: flex;
}
@media all and (min-width: 1140.5px) {
  .product-detail-main .product-detail-main-inner {
    gap: calc( 60px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-main .product-detail-main-inner {
    gap: calc( 0px * var(--scale));
  }
}
@media (max-width: 1140.4px) {
  .product-detail-main .product-detail-main-inner {
    flex-direction: column;
    margin-top: calc(4px * var(--scale));
  }
}
.product-detail-main .product-detail-main-inner .container-ss {
  position: relative;
  flex-shrink: 0;
}
@media (min-width: 1140.5px) {
  .product-detail-main .product-detail-main-inner .sticky {
    position: sticky;
    top: 0;
    left: 0;
    width: calc(100% - 60px - 420px);
  }
}
@media (max-width: 1140.4px) {
  .product-detail-main .product-detail-main-inner .sticky {
    position: sticky;
    transform: translateX(calc(-30px * var(--scale)));
    width: 100vw;
  }
}
.product-detail-main .time-block {
  position: absolute;
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media all and (min-width: 1140.5px) {
  .product-detail-main .time-block {
    top: calc( -8px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-main .time-block {
    top: calc( -7px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-main .time-block {
    right: calc( -6px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-main .time-block {
    right: calc( -5px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-main .time-block .icon {
    width: calc( 73px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-main .time-block .icon {
    width: calc( 55px * var(--scale));
  }
}
.product-detail-main .time-block .icon-label {
  letter-spacing: 0.02em;
}
@media all and (min-width: 1140.5px) {
  .product-detail-main .time-block .icon-label {
    font-size: calc( 12px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-main .time-block .icon-label {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-main .time-block .icon-label {
    margin-top: calc( -7px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-main .time-block .icon-label {
    margin-top: calc( -10px * var(--scale));
  }
}
@media (max-width: 1140.4px) {
  .product-detail-main .time-block .icon-label {
    transform: scale(0.9);
    line-height: 1.5;
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-main .detail-main-info {
    width: calc( 330px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-main .detail-main-info {
    width: calc( 255px * var(--scale));
  }
}
.completeSet .product-detail-main .detail-main-info {
  width: 100%;
}
@media all and (min-width: 1140.5px) {
  .completeSet .product-detail-main .detail-main-info {
    margin-top: calc( -5px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .completeSet .product-detail-main .detail-main-info {
    margin-top: calc( -3px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-main .detail-main-info {
    margin-bottom: calc( 25px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-main .detail-main-info {
    margin-bottom: calc( 26px * var(--scale));
  }
}
.product-detail-main .detail-main-info .title-holder {
  display: flex;
  flex-direction: column;
}
.product-detail-main .detail-main-info .title-holder .text-shoulder {
  letter-spacing: 0.3em;
}
@media all and (min-width: 1140.5px) {
  .product-detail-main .detail-main-info .title-holder .text-shoulder {
    margin-top: calc( -3px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-main .detail-main-info .title-holder .text-shoulder {
    margin-top: calc( -3px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-main .detail-main-info .title-holder .text-shoulder {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-main .detail-main-info .title-holder .text-shoulder {
    font-size: calc( 10px * var(--scale));
  }
}
@media (max-width: 1140.4px) {
  .product-detail-main .detail-main-info .title-holder .text-shoulder {
    letter-spacing: 0.15em;
  }
}
.product-detail-main .detail-main-info .title-holder .text-main {
  line-height: 1.5;
  letter-spacing: 0.25em;
}
@media all and (min-width: 1140.5px) {
  .product-detail-main .detail-main-info .title-holder .text-main {
    margin-top: calc( 4px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-main .detail-main-info .title-holder .text-main {
    margin-top: calc( 2px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-main .detail-main-info .title-holder .text-main {
    font-size: calc( 24px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-main .detail-main-info .title-holder .text-main {
    font-size: calc( 18px * var(--scale));
  }
}
.product-detail-main .detail-main-info .title-holder .text-sub {
  letter-spacing: 0.05em;
  line-height: 120%;
}
@media all and (min-width: 1140.5px) {
  .product-detail-main .detail-main-info .title-holder .text-sub {
    margin-top: calc( 5px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-main .detail-main-info .title-holder .text-sub {
    margin-top: calc( 2px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-main .detail-main-info .title-holder .text-sub {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-main .detail-main-info .title-holder .text-sub {
    font-size: calc( 10px * var(--scale));
  }
}
.product-detail-main .detail-main-info .card-product-shoulder {
  display: flex;
}
@media all and (min-width: 1140.5px) {
  .product-detail-main .detail-main-info .card-product-shoulder {
    margin-top: calc( 15px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-main .detail-main-info .card-product-shoulder {
    margin-top: calc( 15px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-main .detail-main-info .card-product-shoulder {
    gap: calc( 5px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-main .detail-main-info .card-product-shoulder {
    gap: calc( 5px * var(--scale));
  }
}
.product-detail-main .detail-main-info .card-product-shoulder .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
  font-style: normal;
}
@media all and (min-width: 1140.5px) {
  .product-detail-main .detail-main-info .card-product-shoulder .icon {
    height: calc( 20px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-main .detail-main-info .card-product-shoulder .icon {
    height: calc( 20px * var(--scale));
  }
}
.product-detail-main .detail-main-info .card-product-shoulder .icon-new {
  background-color: #666464;
  color: #FFFFFF;
  line-height: 1;
  letter-spacing: 0.02em;
}
@media all and (min-width: 1140.5px) {
  .product-detail-main .detail-main-info .card-product-shoulder .icon-new {
    padding: calc( 6px * var(--scale)) calc( 8px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-main .detail-main-info .card-product-shoulder .icon-new {
    padding: calc( 6px * var(--scale)) calc( 8px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-main .detail-main-info .card-product-shoulder .icon-new {
    padding-top: calc( 8px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-main .detail-main-info .card-product-shoulder .icon-new {
    padding-top: calc( 8px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-main .detail-main-info .card-product-shoulder .icon-new {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-main .detail-main-info .card-product-shoulder .icon-new {
    font-size: calc( 10px * var(--scale));
  }
}
.product-detail-main .detail-main-info .card-product-shoulder .icon-function {
  border: 1px solid #666464;
  line-height: 1;
  letter-spacing: 0.15em;
}
@media all and (min-width: 1140.5px) {
  html.iOS .product-detail-main .detail-main-info .card-product-shoulder .icon-function {
    padding: calc( 6px * var(--scale)) calc( 8px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  html.iOS .product-detail-main .detail-main-info .card-product-shoulder .icon-function {
    padding: calc( 7px * var(--scale)) calc( 7px * var(--scale)) calc( 6px * var(--scale)) calc( 8px * var(--scale));
  }
}
@media (max-width: 380px) {
  html.iOS .product-detail-main .detail-main-info .card-product-shoulder .icon-function {
    padding-top: calc(6px * var(--scale)) !important;
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-main .detail-main-info .card-product-shoulder .icon-function {
    padding: calc( 6px * var(--scale)) calc( 8px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-main .detail-main-info .card-product-shoulder .icon-function {
    padding: calc( 6px * var(--scale)) calc( 8px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-main .detail-main-info .card-product-shoulder .icon-function {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-main .detail-main-info .card-product-shoulder .icon-function {
    font-size: calc( 10px * var(--scale));
  }
}
.product-detail-main .detail-main-info .text-catch {
  line-height: 170%;
  letter-spacing: 0.25em;
}
@media all and (min-width: 1140.5px) {
  .product-detail-main .detail-main-info .text-catch {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-main .detail-main-info .text-catch {
    font-size: calc( 12px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-main .detail-main-info .text-catch {
    margin-top: calc( 22px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-main .detail-main-info .text-catch {
    margin-top: calc( 11px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-main .detail-main-info .text-catch {
    margin-bottom: calc( -3px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-main .detail-main-info .text-catch {
    margin-bottom: calc( -3px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-main .select-box {
    margin-top: calc( 30px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-main .select-box {
    margin-top: calc( 15px * var(--scale));
  }
}
.product-detail-main .select-box .input-sm {
  height: calc(40px * var(--scale));
  line-height: inherit;
}
@media all and (min-width: 1140.5px) {
  .product-detail-main .text-lead + .select-box {
    margin-top: calc( 0px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-main .text-lead + .select-box {
    margin-top: calc( 0px * var(--scale));
  }
}

@media (max-width: 1140.4px) {
  .variation-list-container {
    width: 100vw;
    margin: 0 calc(-30px * var(--scale));
    overflow-x: auto;
    padding: 0 0 calc(15px * var(--scale));
  }
}
.variation-list-container .variation-list {
  display: flex;
}
@media all and (min-width: 1140.5px) {
  .variation-list-container .variation-list {
    gap: calc( 5px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .variation-list-container .variation-list {
    gap: calc( 5px * var(--scale));
  }
}
@media (max-width: 1140.4px) {
  .variation-list-container .variation-list {
    width: max-content;
  }
  .variation-list-container .variation-list::before, .variation-list-container .variation-list::after {
    content: "";
    width: calc(25px * var(--scale));
  }
}
@media (min-width: 1140.5px) {
  .variation-list-container .variation-list {
    flex-wrap: wrap;
  }
}
@media all and (min-width: 1140.5px) {
  .variation-list-container .variation-list .variation-list-item {
    width: calc( 207.5px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .variation-list-container .variation-list .variation-list-item {
    width: calc( 195px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .variation-list-container .variation-list .variation-list-item {
    height: calc( 70px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .variation-list-container .variation-list .variation-list-item {
    height: calc( 60px * var(--scale));
  }
}
@media (max-width: 1140.4px) {
  .variation-list-container .variation-list .variation-list-item {
    width: auto;
    min-width: calc(195px * var(--scale));
  }
}
.variation-list-container .variation-list .variation-list-item .variation-list-item-link {
  border: 1px solid rgba(102, 100, 100, 0.2);
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
}
@media all and (min-width: 1140.5px) {
  .variation-list-container .variation-list .variation-list-item .variation-list-item-link .icon {
    width: calc( 80px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .variation-list-container .variation-list .variation-list-item .variation-list-item-link .icon {
    width: calc( 60px * var(--scale));
  }
}
.variation-list-container .variation-list .variation-list-item .variation-list-item-link .title-holder {
  display: flex;
  flex-direction: column;
}
@media all and (min-width: 1140.5px) {
  .variation-list-container .variation-list .variation-list-item .variation-list-item-link .title-holder {
    gap: calc( 5px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .variation-list-container .variation-list .variation-list-item .variation-list-item-link .title-holder {
    gap: calc( 7px * var(--scale));
  }
}
@media (max-width: 1140.4px) {
  .variation-list-container .variation-list .variation-list-item .variation-list-item-link .title-holder {
    margin-right: calc(15px * var(--scale));
  }
}
.variation-list-container .variation-list .variation-list-item .variation-list-item-link .title-holder .title {
  line-height: 0.8;
}
@media all and (min-width: 1140.5px) {
  .variation-list-container .variation-list .variation-list-item .variation-list-item-link .title-holder .title {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .variation-list-container .variation-list .variation-list-item .variation-list-item-link .title-holder .title {
    font-size: calc( 10px * var(--scale));
  }
}
.variation-list-container .variation-list .variation-list-item .variation-list-item-link .title-holder .title.f-ja {
  letter-spacing: 0.15em;
}
@media (min-width: 1140.5px) {
  .variation-list-container .variation-list .variation-list-item .variation-list-item-link .title-holder .title.f-en {
    line-height: 1.3;
  }
}
.variation-list-container .variation-list .variation-list-item.current .variation-list-item-link {
  border: 1px solid #666464;
}

#option_types .option_type {
  margin: 0;
}
#option_types .option_type select.input-sm {
  height: calc(40px * var(--scale));
  line-height: inherit;
}
#option_types .option_type .control-label {
  display: none;
}
#option_types .option_type::before {
  content: none;
}
#option_types .option_type > * {
  margin: 0;
  float: unset;
  padding: 0;
  width: 100%;
}

@media all and (min-width: 1140.5px) {
  .product-detail-list {
    margin-top: calc( 30px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-list {
    margin-top: calc( 30px * var(--scale));
  }
}
.product-detail-list ul {
  margin-bottom: 0;
}
.product-detail-list ul.uk-accordion + ul {
  border-top: 1px solid rgba(102, 100, 100, 0.2);
}

.product-detail-list-item + .product-detail-list-item {
  border-top: 1px solid rgba(102, 100, 100, 0.2);
}
@media all and (min-width: 1140.5px) {
  .product-detail-list-item .uk-accordion-content {
    padding-bottom: calc( 25px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-list-item .uk-accordion-content {
    padding-bottom: calc( 25px * var(--scale));
  }
}
.product-detail-list-item .uk-accordion-title,
.product-detail-list-item .link-list-text {
  display: block;
  letter-spacing: 0.15em;
  line-height: 1;
}
@media all and (min-width: 1140.5px) {
  .product-detail-list-item .uk-accordion-title,
  .product-detail-list-item .link-list-text {
    padding: calc( 30px * var(--scale)) calc( 0px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-list-item .uk-accordion-title,
  .product-detail-list-item .link-list-text {
    padding: calc( 31px * var(--scale)) calc( 0px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-list-item .uk-accordion-title,
  .product-detail-list-item .link-list-text {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-list-item .uk-accordion-title,
  .product-detail-list-item .link-list-text {
    font-size: calc( 12px * var(--scale));
  }
}
.product-detail-list-item .link-list-text {
  background: url("../img/icon/arrow-right.svg") no-repeat right 0 center;
}
@media all and (min-width: 1140.5px) {
  .product-detail-list-item .link-list-text {
    background-size: calc( 15px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-list-item .link-list-text {
    background-size: calc( 15px * var(--scale));
  }
}
.product-detail-list-item .set-pruduct-info {
  display: flex;
  line-height: 1.7;
  letter-spacing: 0.15em;
  justify-content: space-between;
}
@media all and (min-width: 1140.5px) {
  .product-detail-list-item .set-pruduct-info {
    font-size: calc( 12px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-list-item .set-pruduct-info {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-list-item .set-pruduct-info + .set-pruduct-info {
    margin-top: calc( 4px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-list-item .set-pruduct-info + .set-pruduct-info {
    margin-top: calc( 5px * var(--scale));
  }
}

.product-name {
  line-height: 170%;
  letter-spacing: 0.15em;
}
@media all and (min-width: 1140.5px) {
  .product-name {
    margin-top: calc( -6px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-name {
    margin-top: calc( -6px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-name {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-name {
    font-size: calc( 12px * var(--scale));
  }
}

@media all and (min-width: 1140.5px) {
  .table-list + .product-name {
    margin-top: calc( 22px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .table-list + .product-name {
    margin-top: calc( 22px * var(--scale));
  }
}

@media all and (min-width: 1140.5px) {
  .more-text {
    margin-top: calc( 18px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .more-text {
    margin-top: calc( 22px * var(--scale));
  }
}

.content-item {
  line-height: 170%;
  letter-spacing: 0.25em;
}
@media all and (min-width: 1140.5px) {
  .content-item {
    font-size: calc( 12px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .content-item {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .content-item {
    padding: calc( 3.6px * var(--scale)) calc( 0px * var(--scale)) calc( 0px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .content-item {
    padding: calc( 5px * var(--scale)) calc( 0px * var(--scale)) calc( 0px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .content-item.type-bracket .head {
    margin-bottom: calc( 3.5px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .content-item.type-bracket .head {
    margin-bottom: calc( 5px * var(--scale));
  }
}
.content-item.type-bracket .text .under-line {
  display: inline-block;
}
@media all and (min-width: 1140.5px) {
  .content-item.type-bracket .text .under-line {
    margin-bottom: calc( 3px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .content-item.type-bracket .text .under-line {
    margin-bottom: calc( 5px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .content-item.type-bracket .gapa-list {
    margin-top: calc( 3px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .content-item.type-bracket .gapa-list {
    margin-top: calc( 5px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .content-item.type-bracket .gapa-list {
    margin-bottom: calc( 3px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .content-item.type-bracket .gapa-list {
    margin-bottom: calc( 5px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .content-item.type-bracket.first {
    margin-top: calc( -6px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .content-item.type-bracket.first {
    margin-top: calc( -9px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .content-item.intake {
    margin-top: calc( 14px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .content-item.intake {
    margin-top: calc( 16px * var(--scale));
  }
}

.under-line {
  text-decoration: underline;
}
.under-line.text-link:hover {
  text-decoration: underline;
}

@media all and (min-width: 1140.5px) {
  .content-item.type-bracket + .content-item.type-bracket {
    margin-top: calc( 15px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .content-item.type-bracket + .content-item.type-bracket {
    margin-top: calc( 15px * var(--scale));
  }
}

@media all and (min-width: 1140.5px) {
  .table-list {
    margin-top: calc( -10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .table-list {
    margin-top: calc( -10px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .table-list.text-attention {
    margin-top: calc( 23px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .table-list.text-attention {
    margin-top: calc( 24px * var(--scale));
  }
}
.table-list.text-attention .table-list-item {
  color: #666464;
  display: flex;
  flex-direction: column;
}
@media all and (min-width: 1140.5px) {
  .table-list.notification {
    margin-top: calc( 16px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .table-list.notification {
    margin-top: calc( 12px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .table-list.ingredient {
    margin-top: calc( 9px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .table-list.ingredient {
    margin-top: calc( 11px * var(--scale));
  }
}
.table-list.ingredient .table-list-item {
  border: 1px solid #E0E0E0;
  align-items: center;
}
@media all and (min-width: 1140.5px) {
  .table-list.ingredient .th {
    padding-left: calc( 15px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .table-list.ingredient .th {
    padding-left: calc( 15px * var(--scale));
  }
}
.table-list.ingredient .td {
  border-left: 1px solid #E0E0E0;
}
.table-list.ingredient .table-list-item.other-ingredient {
  border: none;
  letter-spacing: 0.15em;
}
@media all and (min-width: 1140.5px) {
  .table-list.ingredient .table-list-item.other-ingredient {
    margin-bottom: calc( -8px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .table-list.ingredient .table-list-item.other-ingredient {
    margin-bottom: calc( -9px * var(--scale));
  }
}
.table-list.ingredient .table-list-item.other-ingredient .th {
  white-space: nowrap;
}
@media all and (min-width: 1140.5px) {
  .table-list.ingredient .table-list-item.other-ingredient .th {
    padding-left: calc( 15px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .table-list.ingredient .table-list-item.other-ingredient .th {
    padding-left: calc( 15px * var(--scale));
  }
}
.table-list.ingredient .table-list-item.other-ingredient .td {
  border-left: none;
}
.table-list .table-list-item {
  display: flex;
  align-items: baseline;
  line-height: 170%;
  letter-spacing: 0.25em;
}
@media all and (min-width: 1140.5px) {
  .table-list .table-list-item {
    font-size: calc( 12px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .table-list .table-list-item {
    font-size: calc( 10px * var(--scale));
  }
}
.table-list .table-list-item .th {
  flex-shrink: 0;
}
@media all and (min-width: 1140.5px) {
  .table-list .table-list-item .th {
    width: calc( 148px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .table-list .table-list-item .th {
    width: calc( 103px * var(--scale));
  }
}
.table-list .table-list-item .td {
  width: auto;
  flex-grow: 1;
}
.table-list .table-list-item .td .list-item {
  display: flex;
  justify-content: space-between;
}
.table-list .table-list-item .td .list-item + .list-item {
  border-top: 1px solid rgba(102, 100, 100, 0.2);
}
@media all and (min-width: 1140.5px) {
  .table-list .table-list-item .td .list-item {
    padding: calc( 4.1px * var(--scale)) calc( 11px * var(--scale)) calc( 4.1px * var(--scale)) calc( 0px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .table-list .table-list-item .td .list-item {
    padding: calc( 4.8px * var(--scale)) calc( 11px * var(--scale)) calc( 4.8px * var(--scale)) calc( 0px * var(--scale));
  }
}
.table-list .table-list-item .td dl {
  padding-left: 1.2em;
  margin-block-start: 0.2em;
  margin-block-end: 0;
}
@media (max-width: 1140.4px) {
  .table-list .table-list-item .td dl {
    margin-block-start: 0.7em;
  }
}
.table-list .table-list-item .td dl li {
  list-style: "・";
  padding-left: 0.3em;
}

@media (min-width: 1140.5px) {
  .product-detail-tarzan {
    padding-bottom: calc(168px * var(--scale));
  }
}
@media (max-width: 1140.4px) {
  .product-detail-tarzan {
    padding-top: calc(116px * var(--scale));
    padding-bottom: calc(115px * var(--scale));
  }
}
@media (max-width: 1140.4px) {
  .product-detail-tarzan .container-l {
    display: flex;
    flex-direction: column-reverse;
  }
}
.product-detail-tarzan .title {
  margin-left: auto;
  margin-right: auto;
  display: block;
}
@media all and (min-width: 1140.5px) {
  .product-detail-tarzan .title {
    margin-bottom: calc( 53px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-tarzan .title {
    margin-bottom: calc( 60px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-tarzan .title {
    width: calc( 300px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-tarzan .title {
    width: calc( 270px * var(--scale));
  }
}
@media (min-width: 1140.5px) {
  .product-detail-tarzan .title {
    margin-top: calc(-6px * var(--scale));
  }
}
.product-detail-tarzan .text-lead {
  line-height: 1.7;
  letter-spacing: 0.15em;
}
@media all and (min-width: 1140.5px) {
  .product-detail-tarzan .text-lead {
    margin-top: calc( 19px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-tarzan .text-lead {
    margin-top: calc( 34px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-tarzan .text-lead {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-tarzan .text-lead {
    font-size: calc( 12px * var(--scale));
  }
}
.product-detail-tarzan .comment-block {
  line-height: 1.7;
  letter-spacing: 0.15em;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
@media all and (min-width: 1140.5px) {
  .product-detail-tarzan .comment-block {
    margin-top: calc( 54px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-tarzan .comment-block {
    margin-top: calc( 54px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-tarzan .comment-block {
    padding: calc( 34px * var(--scale)) calc( 30px * var(--scale)) calc( 31px * var(--scale)) calc( 30px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-tarzan .comment-block {
    padding: calc( 33px * var(--scale)) calc( 30px * var(--scale)) calc( 31px * var(--scale)) calc( 30px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-tarzan .comment-block {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-tarzan .comment-block {
    font-size: calc( 12px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-tarzan .comment-text {
    margin-top: calc( 17px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-tarzan .comment-text {
    margin-top: calc( 19px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-tarzan .note-block {
    margin-top: calc( 56px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-tarzan .note-block {
    margin-top: calc( 56px * var(--scale));
  }
}
.product-detail-tarzan .note-block .text-wrap {
  display: flex;
  align-items: baseline;
  line-height: 1.7;
  letter-spacing: 0.15em;
}
@media all and (min-width: 1140.5px) {
  .product-detail-tarzan .note-block .text-wrap {
    font-size: calc( 12px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-tarzan .note-block .text-wrap {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-tarzan .note-block .text-note {
    margin-left: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-tarzan .note-block .text-note {
    margin-left: calc( 8px * var(--scale));
  }
}

@media (max-width: 1140.4px) {
  .product-detail-time {
    padding-bottom: calc(110px * var(--scale));
  }
}
.product-detail-time .wrap {
  align-items: center;
}
.product-detail-time .text-catch {
  line-height: 1.5;
  letter-spacing: 0.15em;
}
@media all and (min-width: 1140.5px) {
  .product-detail-time .text-catch {
    margin-top: calc( 0px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-time .text-catch {
    margin-top: calc( 52px * var(--scale));
  }
}
@media (min-width: 1140.5px) {
  .product-detail-time .text-catch {
    max-width: 376px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-time .text-catch {
    font-size: calc( 30px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-time .text-catch {
    font-size: calc( 24px * var(--scale));
  }
}
.product-detail-time .text-lead {
  line-height: 2.5;
  letter-spacing: 0.15em;
}
@media (min-width: 1140.5px) {
  .product-detail-time .text-lead {
    max-width: 376px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-time .text-lead {
    margin-top: calc( 37px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-time .text-lead {
    margin-top: calc( 20px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-time .text-lead {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-time .text-lead {
    font-size: calc( 12px * var(--scale));
  }
}

@media (min-width: 1140.5px) {
  .product-detail-points {
    padding-bottom: calc(168px * var(--scale));
  }
}
@media (max-width: 1140.4px) {
  .product-detail-points {
    padding-top: calc(116px * var(--scale));
    padding-bottom: calc(115px * var(--scale));
  }
}
@media (max-width: 1140.4px) {
  .product-detail-points .container-l {
    display: flex;
    flex-direction: column-reverse;
  }
}
.product-detail-points .title {
  line-height: 1;
  letter-spacing: 0.02em;
}
@media all and (min-width: 1140.5px) {
  .product-detail-points .title {
    margin-bottom: calc( 48px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-points .title {
    margin-bottom: calc( 57px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-points .title {
    font-size: calc( 32px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-points .title {
    font-size: calc( 28px * var(--scale));
  }
}
@media (min-width: 1140.5px) {
  .product-detail-points .title {
    margin-top: calc(-11px * var(--scale));
  }
}
@media (max-width: 1140.4px) {
  .product-detail-points .title {
    text-align: center;
  }
}
.product-detail-points .points-list {
  display: flex;
  flex-direction: column;
}
@media all and (min-width: 1140.5px) {
  .product-detail-points .points-list {
    margin-top: calc( 0px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-points .points-list {
    margin-top: calc( 35px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-points .points-list {
    gap: calc( 48px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-points .points-list {
    gap: calc( 49px * var(--scale));
  }
}
.product-detail-points .points-list .list-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}
.product-detail-points .points-list .list-item:not(:first-child):before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: rgba(102, 100, 100, 0.2);
  position: absolute;
}
@media all and (min-width: 1140.5px) {
  .product-detail-points .points-list .list-item:not(:first-child):before {
    top: calc( -25px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-points .points-list .list-item:not(:first-child):before {
    top: calc( -25px * var(--scale));
  }
}
.product-detail-points .points-list .num {
  line-height: 1;
  letter-spacing: 0.02em;
  flex-shrink: 0;
}
@media all and (min-width: 1140.5px) {
  .product-detail-points .points-list .num {
    width: calc( 45px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-points .points-list .num {
    width: calc( 39px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-points .points-list .num {
    font-size: calc( 20px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-points .points-list .num {
    font-size: calc( 20px * var(--scale));
  }
}
@media (max-width: 1140.4px) {
  .product-detail-points .points-list .num {
    line-height: 2;
  }
}
.product-detail-points .points-list .text-wrap {
  display: flex;
  align-items: center;
}
.product-detail-points .points-list .text-catch {
  line-height: 1.5;
  letter-spacing: 0.15em;
}
@media all and (min-width: 1140.5px) {
  .product-detail-points .points-list .text-catch {
    font-size: calc( 18px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-points .points-list .text-catch {
    font-size: calc( 14px * var(--scale));
  }
}
.product-detail-points .points-list .text-lead {
  line-height: 1.7;
  letter-spacing: 0.15em;
}
@media all and (min-width: 1140.5px) {
  .product-detail-points .points-list .text-lead {
    margin-top: calc( 19px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-points .points-list .text-lead {
    margin-top: calc( 19px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-points .points-list .text-lead {
    margin-left: calc( 45px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-points .points-list .text-lead {
    margin-left: calc( 40px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-points .points-list .text-lead {
    font-size: calc( 12px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-points .points-list .text-lead {
    font-size: calc( 12px * var(--scale));
  }
}
.product-detail-points .points-list .award {
  display: inline-block;
  flex-shrink: 0;
}
@media all and (min-width: 1140.5px) {
  .product-detail-points .points-list .award {
    width: calc( 120px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-points .points-list .award {
    width: calc( 120px * var(--scale));
  }
}
.product-detail-points .points-list .list-item.note {
  align-items: center;
  flex-direction: row;
}
@media all and (min-width: 1140.5px) {
  .product-detail-points .points-list .list-item.note {
    padding-top: calc( 0px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-points .points-list .list-item.note {
    padding-top: calc( 5px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-points .points-list .list-item.note {
    gap: calc( 30px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-points .points-list .list-item.note {
    gap: calc( 25px * var(--scale));
  }
}
@media (max-width: 1140.4px) {
  .product-detail-points .points-list .list-item.note {
    flex-direction: column;
  }
}
.product-detail-points .points-list .list-item.note .text-wrap {
  align-items: baseline;
  line-height: 1.7;
  letter-spacing: 0.15em;
}
@media all and (min-width: 1140.5px) {
  .product-detail-points .points-list .list-item.note .text-wrap {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-points .points-list .list-item.note .text-wrap {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-points .points-list .list-item.note .text-note {
    margin-left: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-points .points-list .list-item.note .text-note {
    margin-left: calc( 8px * var(--scale));
  }
}

@media (min-width: 1140.5px) {
  .product-detail-situations {
    padding-bottom: calc(170px * var(--scale));
  }
}
@media (max-width: 1140.4px) {
  .product-detail-situations {
    padding-top: calc(116px * var(--scale));
    padding-bottom: calc(115px * var(--scale));
  }
}
.product-detail-situations .title {
  line-height: 1;
  letter-spacing: 0.02em;
}
@media all and (min-width: 1140.5px) {
  .product-detail-situations .title {
    margin-top: calc( -5px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-situations .title {
    margin-top: calc( 0px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-situations .title {
    margin-bottom: calc( 50px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-situations .title {
    margin-bottom: calc( 56px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-situations .title {
    font-size: calc( 32px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-situations .title {
    font-size: calc( 28px * var(--scale));
  }
}
@media (max-width: 1140.4px) {
  .product-detail-situations .title {
    text-align: center;
  }
}
.product-detail-situations .situations-list {
  display: flex;
  flex-direction: column;
}
@media all and (min-width: 1140.5px) {
  .product-detail-situations .situations-list {
    margin-top: calc( 0px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-situations .situations-list {
    margin-top: calc( 37px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-situations .situations-list {
    gap: calc( 71px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-situations .situations-list {
    gap: calc( 71px * var(--scale));
  }
}
.product-detail-situations .situations-list .list-item {
  display: flex;
  align-items: flex-start;
  position: relative;
}
.product-detail-situations .situations-list .list-item:not(:first-child):before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.2);
  position: absolute;
}
@media all and (min-width: 1140.5px) {
  .product-detail-situations .situations-list .list-item:not(:first-child):before {
    top: calc( -37px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-situations .situations-list .list-item:not(:first-child):before {
    top: calc( -37px * var(--scale));
  }
}
.product-detail-situations .situations-list .text-catch-en {
  line-height: 1.7;
  letter-spacing: 0.02em;
}
@media all and (min-width: 1140.5px) {
  .product-detail-situations .situations-list .text-catch-en {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-situations .situations-list .text-catch-en {
    font-size: calc( 10px * var(--scale));
  }
}
@media (max-width: 1140.4px) {
  .product-detail-situations .situations-list .text-catch-en {
    padding-left: calc(3px * var(--scale));
  }
}
.product-detail-situations .situations-list .text-catch {
  line-height: 1.4;
  letter-spacing: 0.15em;
}
@media all and (min-width: 1140.5px) {
  .product-detail-situations .situations-list .text-catch {
    margin-top: calc( 5px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-situations .situations-list .text-catch {
    margin-top: calc( 4px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-situations .situations-list .text-catch {
    font-size: calc( 18px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-situations .situations-list .text-catch {
    font-size: calc( 18px * var(--scale));
  }
}
@media (max-width: 1140.4px) {
  .product-detail-situations .situations-list .text-catch {
    line-height: 1.5;
  }
}
.product-detail-situations .situations-list .text-lead {
  line-height: 1.7;
  letter-spacing: 0.15em;
}
@media all and (min-width: 1140.5px) {
  .product-detail-situations .situations-list .text-lead {
    margin-top: calc( 19px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-situations .situations-list .text-lead {
    margin-top: calc( 17px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-situations .situations-list .text-lead {
    font-size: calc( 12px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-situations .situations-list .text-lead {
    font-size: calc( 12px * var(--scale));
  }
}
.product-detail-situations .situations-list .note {
  line-height: 1.7;
  letter-spacing: 0.15em;
}
@media all and (min-width: 1140.5px) {
  .product-detail-situations .situations-list .note {
    margin-top: calc( -20px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-situations .situations-list .note {
    margin-top: calc( -20px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-situations .situations-list .note {
    font-size: calc( 12px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-situations .situations-list .note {
    font-size: calc( 12px * var(--scale));
  }
}

@media (min-width: 1140.5px) {
  .product-detail-lineup {
    padding-top: calc(178px * var(--scale));
  }
}
@media (max-width: 1140.4px) {
  .product-detail-lineup {
    padding-top: calc(117px * var(--scale));
  }
  .product-detail-lineup .container-l {
    max-width: 100vw;
  }
}
.product-detail-lineup .section-title {
  line-height: 1;
  letter-spacing: 0.02em;
  text-align: center;
}
@media all and (min-width: 1140.5px) {
  .product-detail-lineup .section-title {
    font-size: calc( 32px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-lineup .section-title {
    font-size: calc( 32px * var(--scale));
  }
}
@media (min-width: 1140.5px) {
  .product-detail-lineup .section-title {
    margin-bottom: calc(53px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-lineup .card-product .card-product-short {
    margin-top: calc( 12px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-lineup .card-product .card-product-short {
    margin-top: calc( 9px * var(--scale));
  }
}

@media (max-width: 1140.4px) {
  .product-detail-question {
    padding-top: calc(117px * var(--scale));
    padding-bottom: calc(93px * var(--scale));
  }
}
@media (min-width: 1140.5px) {
  .product-detail-question {
    padding-top: calc(117px * var(--scale));
    padding-bottom: calc(119px * var(--scale));
  }
}
.product-detail-question .section-title {
  text-align: center;
}
@media all and (min-width: 1140.5px) {
  .product-detail-question .section-title {
    margin-bottom: calc( 54px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-question .section-title {
    margin-bottom: calc( 23px * var(--scale));
  }
}
.product-detail-question .section-title .text-main {
  line-height: 1;
  letter-spacing: 0.02em;
}
@media all and (min-width: 1140.5px) {
  .product-detail-question .section-title .text-main {
    font-size: calc( 32px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-question .section-title .text-main {
    font-size: calc( 28px * var(--scale));
  }
}

@media (min-width: 1140.5px) {
  .product-detail-subscription {
    padding-top: calc(178px * var(--scale));
  }
}
@media (max-width: 1140.4px) {
  .product-detail-subscription {
    padding-top: calc(116px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-subscription .section-title {
    margin-bottom: calc( 78px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-subscription .section-title {
    margin-bottom: calc( 49px * var(--scale));
  }
}
.product-detail-subscription .section-title .text-main {
  line-height: 1;
  letter-spacing: 0.02em;
}
@media all and (min-width: 1140.5px) {
  .product-detail-subscription .section-title .text-main {
    font-size: calc( 32px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-subscription .section-title .text-main {
    font-size: calc( 28px * var(--scale));
  }
}
.product-detail-subscription .text-sub {
  letter-spacing: 0.15em;
  line-height: 1.7;
}
@media all and (min-width: 1140.5px) {
  .product-detail-subscription .text-sub {
    margin-bottom: calc( 82px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-subscription .text-sub {
    margin-bottom: calc( 53px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-subscription .text-sub {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-subscription .text-sub {
    font-size: calc( 14px * var(--scale));
  }
}
@media (min-width: 1140.5px) {
  .product-detail-subscription .text-sub {
    text-align: center;
  }
}
@media (max-width: 1140.4px) {
  .product-detail-subscription .text-sub {
    letter-spacing: 0.06em;
  }
}

.product-detail-setinfo {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1140.4px) {
  .product-detail-setinfo {
    padding-bottom: calc(117px * var(--scale));
  }
}
.product-detail-setinfo .wrap {
  align-items: center;
}
.product-detail-setinfo .title {
  line-height: 1;
  letter-spacing: 0.02em;
}
@media all and (min-width: 1140.5px) {
  .product-detail-setinfo .title {
    margin-top: calc( 0px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-setinfo .title {
    margin-top: calc( 28px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-setinfo .title {
    font-size: calc( 24px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-setinfo .title {
    font-size: calc( 24px * var(--scale));
  }
}
.product-detail-setinfo .title-sub {
  line-height: 1;
  letter-spacing: 0.15em;
}
@media all and (min-width: 1140.5px) {
  .product-detail-setinfo .title-sub {
    margin-top: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-setinfo .title-sub {
    margin-top: calc( 10px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-setinfo .title-sub {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-setinfo .title-sub {
    font-size: calc( 10px * var(--scale));
  }
}
.product-detail-setinfo .text-lead {
  line-height: 1.7;
  letter-spacing: 0.15em;
}
@media all and (min-width: 1140.5px) {
  .product-detail-setinfo .text-lead {
    margin-top: calc( 51px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-setinfo .text-lead {
    margin-top: calc( 24px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-setinfo .text-lead {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-setinfo .text-lead {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-setinfo .btn-rectangle {
    margin-top: calc( 53px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-setinfo .btn-rectangle {
    margin-top: calc( 22px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-setinfo .btn-rectangle {
    margin-bottom: calc( 3px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-setinfo .btn-rectangle {
    margin-bottom: calc( 3px * var(--scale));
  }
}
@media (max-width: 1140.4px) {
  .product-detail-setinfo .btn-rectangle {
    width: 100%;
  }
}

.product-detail-caution {
  text-align: center;
  line-height: 1;
  letter-spacing: 0.06em;
}
@media all and (min-width: 1140.5px) {
  .product-detail-caution {
    padding: calc( 28px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-caution {
    padding: calc( 28px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .product-detail-caution {
    font-size: calc( 11px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .product-detail-caution {
    font-size: calc( 11px * var(--scale));
  }
}

/* OUR PURPOSE
*******************/
.purpose-video-container {
  position: relative;
  background-color: #AAAFBE;
}
@media (max-width: 1140.4px) {
  .purpose-video-container {
    overflow: hidden;
  }
}
@media (min-width: 1140.5px) {
  .purpose-video-container {
    display: grid;
    grid-template-columns: 50% 50%;
  }
}
@media (min-width: 1140.5px) {
  .purpose-video-container .statement-video {
    overflow: hidden;
    padding: 0;
    position: sticky;
    grid-column: 1/3;
    grid-row: 1/2;
    top: 0;
    width: 100%;
    height: 100vh;
    height: 100svh;
  }
  .purpose-video-container .statement-video iframe {
    top: 50%;
    transform: translateX(0) translateY(-50%);
  }
}
@media (min-width: 1140.5px) and (min-aspect-ratio: 16/9) {
  .purpose-video-container .statement-video iframe {
    height: 57vw;
    width: 100vw;
  }
}
@media (min-width: 1140.5px) and (max-aspect-ratio: 16/9) {
  .purpose-video-container .statement-video iframe {
    height: 100vh;
    height: 100svh;
    width: 178vh;
    left: 25%;
    transform: translateX(-25%) translateY(-50%);
  }
}
@media (max-width: 1140.4px) {
  .purpose-video-container .statement-video {
    top: -17vw;
  }
}

.purpose-message {
  position: relative;
}
@media (max-width: 1140.4px) {
  .purpose-message {
    padding-bottom: calc(114px * var(--scale));
  }
}
.purpose-message .wrap {
  align-items: center;
}
.purpose-message .text-catch {
  line-height: 1;
  letter-spacing: 0.15em;
}
@media all and (min-width: 1140.5px) {
  .purpose-message .text-catch {
    margin-top: calc( 0px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .purpose-message .text-catch {
    margin-top: calc( 50px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .purpose-message .text-catch {
    font-size: calc( 30px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .purpose-message .text-catch {
    font-size: calc( 21px * var(--scale));
  }
}
@media (max-width: 1140.4px) {
  .purpose-message .text-catch {
    line-height: 1.5;
  }
}
.purpose-message .text-lead {
  line-height: 2.5;
  letter-spacing: 0.15em;
}
@media all and (min-width: 1140.5px) {
  .purpose-message .text-lead {
    margin-top: calc( 45px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .purpose-message .text-lead {
    margin-top: calc( 30px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .purpose-message .text-lead {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .purpose-message .text-lead {
    font-size: calc( 12px * var(--scale));
  }
}
.purpose-message .text-lead .br {
  height: 2em;
  width: 100%;
  display: block;
}
.purpose-message .professor-name-head {
  line-height: 1.7;
  letter-spacing: 0.15em;
}
@media all and (min-width: 1140.5px) {
  .purpose-message .professor-name-head {
    margin-top: calc( 43px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .purpose-message .professor-name-head {
    margin-top: calc( 46px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .purpose-message .professor-name-head {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .purpose-message .professor-name-head {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .purpose-message .professor-name {
    margin-top: calc( 14px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .purpose-message .professor-name {
    margin-top: calc( 14px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .purpose-message .professor-name {
    width: calc( 120px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .purpose-message .professor-name {
    width: calc( 120px * var(--scale));
  }
}
.purpose-message.main {
  z-index: 1;
  color: #fff;
}
@media (max-width: 1140.4px) {
  .purpose-message.main {
    margin-top: calc(421px * var(--scale));
    margin-left: calc(30px * var(--scale));
    margin-bottom: calc(110px * var(--scale));
    padding: 0;
  }
}
@media (min-width: 1140.5px) {
  .purpose-message.main {
    grid-column: 2/3;
    grid-row: 1/2;
  }
}
@media (min-width: 1140px) {
  .purpose-message.main {
    margin-top: calc(240px * var(--scale));
    margin-bottom: calc(240px * var(--scale));
  }
}
@media (min-width: 1500px) {
  .purpose-message.main {
    margin-top: calc(320px * var(--scale));
    margin-bottom: calc(320px * var(--scale));
  }
}
@media (min-width: 1140.5px) {
  .purpose-message.main .text-catch {
    line-height: 2;
  }
}
@media (max-width: 1140.4px) {
  .purpose-message.main .text-catch {
    display: inline-block;
    margin: 0;
  }
}
@media (min-width: 1140.5px) {
  .purpose-message.main .text-lead {
    margin-top: calc(25px * var(--scale));
  }
}
@media (min-width: 1140.5px) {
  .purpose-message.n1 .text-wrap {
    max-width: 479px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 1140.4px) {
  .purpose-message.n1 .wrap {
    display: flex;
    flex-direction: column-reverse;
  }
}
@media (max-width: 1140.4px) {
  .purpose-message.n2 {
    padding-bottom: calc(110px * var(--scale));
  }
}
@media (min-width: 1140.5px) {
  .purpose-message.n2 .text-wrap {
    max-width: 470px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media all and (min-width: 1140.5px) {
  .purpose-message.n2 .text-catch {
    margin-top: calc( -5px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .purpose-message.n2 .text-catch {
    margin-top: calc( 52px * var(--scale));
  }
}
@media (min-width: 1140.5px) {
  .purpose-message.n2 .text-catch {
    line-height: 2;
  }
}
@media (min-width: 1140.5px) {
  .purpose-message.n2 .text-lead {
    margin-top: calc(30px * var(--scale));
  }
}

/* セット書品
*********************/
@media all and (min-width: 1140.5px) {
  .section-set-index .section-title {
    margin-bottom: calc( 114px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-set-index .section-title {
    margin-bottom: calc( 54px * var(--scale));
  }
}

.set-index-item {
  display: flex;
}
@media all and (min-width: 1140.5px) {
  .set-index-item {
    gap: calc( 60px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-index-item {
    gap: calc( 17px * var(--scale));
  }
}
@media (max-width: 1140.4px) {
  .set-index-item {
    flex-direction: column;
  }
}
@media all and (min-width: 1140.5px) {
  .set-index-item + .set-index-item {
    margin-top: calc( 120px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-index-item + .set-index-item {
    margin-top: calc( 60px * var(--scale));
  }
}
.set-index-item .title-holder {
  display: flex;
  flex-direction: column;
}
@media all and (min-width: 1140.5px) {
  .set-index-item .title-holder {
    margin-top: calc( -7px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-index-item .title-holder {
    margin-top: calc( 3px * var(--scale));
  }
}
.set-index-item .title-holder .text-main {
  letter-spacing: 0.06em;
  line-height: 1.5;
}
@media all and (min-width: 1140.5px) {
  .set-index-item .title-holder .text-main {
    font-size: calc( 24px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-index-item .title-holder .text-main {
    font-size: calc( 24px * var(--scale));
  }
}
.set-index-item .title-holder .text-sub {
  letter-spacing: 0.22em;
  line-height: 1.5;
}
@media all and (min-width: 1140.5px) {
  .set-index-item .title-holder .text-sub {
    margin-top: calc( 2px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-index-item .title-holder .text-sub {
    margin-top: calc( 2px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .set-index-item .title-holder .text-sub {
    margin-bottom: calc( -3px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-index-item .title-holder .text-sub {
    margin-bottom: calc( -3px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .set-index-item .title-holder .text-sub {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-index-item .title-holder .text-sub {
    font-size: calc( 10px * var(--scale));
  }
}
.set-index-item .text-catch {
  line-height: 170%;
  letter-spacing: 0.22em;
}
@media all and (min-width: 1140.5px) {
  .set-index-item .text-catch {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-index-item .text-catch {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .set-index-item .text-catch {
    margin-top: calc( 52px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-index-item .text-catch {
    margin-top: calc( 25px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .set-index-item .text-catch {
    margin-bottom: calc( -3px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-index-item .text-catch {
    margin-bottom: calc( -3px * var(--scale));
  }
}
.set-index-item .container-s {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 1140.4px) {
  .set-index-item .btn-rectangle {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}
@media all and (min-width: 1140.5px) {
  .set-index-item .btn-rectangle {
    margin-top: calc( 56px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-index-item .btn-rectangle {
    margin-top: calc( 25px * var(--scale));
  }
}

/* news一覧
*****************************/
@media all and (min-width: 1140.5px) {
  .section-news-list-container .section-title {
    margin-bottom: calc( 84px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-news-list-container .section-title {
    margin-bottom: calc( 37px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .section-news-list-container .news-list {
    margin-bottom: calc( 90px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-news-list-container .news-list {
    margin-bottom: calc( 45px * var(--scale));
  }
}
.section-news-list-container .news-list .news-list-item + .news-list-item {
  border-top: 1px solid rgba(102, 100, 100, 0.1);
}
.section-news-list-container .news-list .news-list-item a {
  display: flex;
  align-items: flex-start;
}
@media all and (min-width: 1140.5px) {
  .section-news-list-container .news-list .news-list-item a {
    padding: calc( 30px * var(--scale)) calc( 0px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-news-list-container .news-list .news-list-item a {
    padding: calc( 15px * var(--scale)) calc( 0px * var(--scale));
  }
}
.section-news-list-container .news-list .news-list-item a .date {
  color: #666464;
  margin: 0;
  line-height: 1.5;
  letter-spacing: 0.06em;
}
@media all and (min-width: 1140.5px) {
  .section-news-list-container .news-list .news-list-item a .date {
    min-width: calc( 180px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-news-list-container .news-list .news-list-item a .date {
    min-width: calc( 114px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .section-news-list-container .news-list .news-list-item a .date {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-news-list-container .news-list .news-list-item a .date {
    font-size: calc( 12px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .section-news-list-container .news-list .news-list-item a .date {
    margin-top: calc( 1px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-news-list-container .news-list .news-list-item a .date {
    margin-top: calc( 2px * var(--scale));
  }
}
.section-news-list-container .news-list .news-list-item a .title {
  color: #666464;
  margin: 0;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
@media all and (min-width: 1140.5px) {
  .section-news-list-container .news-list .news-list-item a .title {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-news-list-container .news-list .news-list-item a .title {
    font-size: calc( 14px * var(--scale));
  }
}
.section-news-list-container .more-btn {
  margin: auto;
}
@media (max-width: 1140.4px) {
  .section-news-list-container .more-btn {
    width: 100%;
  }
}

.news-container {
  margin: 0 auto;
}
.news-container .news-container-annotation {
  line-height: 1;
  text-align: center;
  letter-spacing: 0.14em;
}
@media all and (min-width: 1140.5px) {
  .news-container .news-container-annotation {
    font-size: calc( 11px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .news-container .news-container-annotation {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .news-container .news-container-annotation {
    padding: calc( 30px * var(--scale)) calc( 0px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .news-container .news-container-annotation {
    padding: calc( 30px * var(--scale)) calc( 0px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .news-container .news-list {
    margin-top: calc( 60px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .news-container .news-list {
    margin-top: calc( 30px * var(--scale));
  }
}
.news-container .news-list .news-list-item {
  background-color: #fff;
}
@media all and (min-width: 1140.5px) {
  .news-container .news-list .news-list-item {
    padding: calc( 30px * var(--scale)) calc( 0px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .news-container .news-list .news-list-item {
    padding: calc( 30px * var(--scale)) calc( 0px * var(--scale));
  }
}
.news-container .news-list .news-list-item + .news-list-item {
  border-top: 1px solid rgba(102, 100, 100, 0.1);
}
.news-container .news-list .news-list-item a {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 1140.5px) {
  .news-container .news-list .news-list-item a {
    align-items: center;
  }
}
@media all and (min-width: 1140.5px) {
  .news-container .news-list .news-list-item a {
    gap: calc( 60px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .news-container .news-list .news-list-item a {
    gap: calc( 15px * var(--scale));
  }
}
.news-container .news-list .news-list-item a .news-content {
  padding: 0;
}
@media all and (min-width: 1140.5px) {
  .news-container .news-list .news-list-item a .news-content {
    margin-top: calc( 5px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .news-container .news-list .news-list-item a .news-content {
    margin-top: calc( 0px * var(--scale));
  }
}
.news-container .news-list .news-list-item a .news-content .news-date,
.news-container .news-list .news-list-item a .news-content .news-category {
  display: inline-block;
}
.news-container .news-list .news-list-item a .news-content .news-date {
  color: #666464;
  letter-spacing: 0.06em;
}
@media all and (min-width: 1140.5px) {
  .news-container .news-list .news-list-item a .news-content .news-date {
    font-size: calc( 12px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .news-container .news-list .news-list-item a .news-content .news-date {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .news-container .news-list .news-list-item a .news-content .news-date {
    margin-right: calc( 5px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .news-container .news-list .news-list-item a .news-content .news-date {
    margin-right: calc( 2px * var(--scale));
  }
}
.news-container .news-list .news-list-item a .news-content .news-category {
  color: #666464;
  line-height: 1;
  letter-spacing: 0.03em;
  border: 1px solid #666464;
}
@media all and (min-width: 1140.5px) {
  .news-container .news-list .news-list-item a .news-content .news-category {
    padding: calc( 3px * var(--scale)) calc( 10px * var(--scale)) calc( 2px * var(--scale)) calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .news-container .news-list .news-list-item a .news-content .news-category {
    padding: calc( 3px * var(--scale)) calc( 10px * var(--scale)) calc( 2px * var(--scale)) calc( 10px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .news-container .news-list .news-list-item a .news-content .news-category {
    font-size: calc( 11px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .news-container .news-list .news-list-item a .news-content .news-category {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .news-container .news-list .news-list-item a .news-content .news-category {
    border-radius: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .news-container .news-list .news-list-item a .news-content .news-category {
    border-radius: calc( 10px * var(--scale));
  }
}
.news-container .news-list .news-list-item a .news-content .news-title {
  color: #666464;
  line-height: 1.5;
  letter-spacing: 0.15em;
  margin-bottom: 0;
}
@media all and (min-width: 1140.5px) {
  .news-container .news-list .news-list-item a .news-content .news-title {
    margin-top: calc( 8px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .news-container .news-list .news-list-item a .news-content .news-title {
    margin-top: calc( 2px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .news-container .news-list .news-list-item a .news-content .news-title {
    font-size: calc( 16px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .news-container .news-list .news-list-item a .news-content .news-title {
    font-size: calc( 14px * var(--scale));
  }
}
.news-container .news-list .news-list-item a .news-image {
  flex-shrink: 0;
}
@media all and (min-width: 1140.5px) {
  .news-container .news-list .news-list-item a .news-image {
    margin-top: calc( 0px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .news-container .news-list .news-list-item a .news-image {
    margin-top: calc( 7px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .news-container .news-list .news-list-item a .news-image {
    width: calc( 180px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .news-container .news-list .news-list-item a .news-image {
    width: calc( 90px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .news-container .news-list .news-list-item a .news-image {
    height: calc( 120px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .news-container .news-list .news-list-item a .news-image {
    height: calc( 60px * var(--scale));
  }
}
.news-container .news-list .news-list-item a .news-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-container .btn-news-more {
  margin: auto;
  cursor: pointer;
}
@media all and (min-width: 1140.5px) {
  .news-container .btn-news-more {
    margin-top: calc( 60px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .news-container .btn-news-more {
    margin-top: calc( 30px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .news-container .btn-news-more {
    margin-bottom: calc( 180px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .news-container .btn-news-more {
    margin-bottom: calc( 120px * var(--scale));
  }
}

/* news詳細
*****************************/
.article-wrap {
  margin: 0 auto;
}
@media all and (min-width: 1140.5px) {
  .article-wrap {
    padding: calc( 0px * var(--scale)) calc( 120px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .article-wrap {
    padding: calc( 0px * var(--scale)) calc( 0px * var(--scale));
  }
}
.article-wrap .article-title {
  letter-spacing: 0.15em;
  line-height: 1.5;
}
@media all and (min-width: 1140.5px) {
  .article-wrap .article-title {
    font-size: calc( 32px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .article-wrap .article-title {
    font-size: calc( 24px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .article-wrap .article-title {
    margin-bottom: calc( 33px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .article-wrap .article-title {
    margin-bottom: calc( 21px * var(--scale));
  }
}
.article-wrap .article-published-container {
  display: flex;
  align-items: center;
  line-height: 1;
}
@media all and (min-width: 1140.5px) {
  .article-wrap .article-published-container {
    margin-bottom: calc( 90px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .article-wrap .article-published-container {
    margin-bottom: calc( 60px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .article-wrap .article-published {
    font-size: calc( 12px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .article-wrap .article-published {
    font-size: calc( 10px * var(--scale));
  }
}
.article-wrap .article-category {
  border: 1px solid #666464;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media all and (min-width: 1140.5px) {
  .article-wrap .article-category {
    height: calc( 28px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .article-wrap .article-category {
    height: calc( 17px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .article-wrap .article-category {
    padding: calc( 0px * var(--scale)) calc( 20px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .article-wrap .article-category {
    padding: calc( 0px * var(--scale)) calc( 10px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .article-wrap .article-category {
    font-size: calc( 12px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .article-wrap .article-category {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .article-wrap .article-category {
    border-radius: calc( 14px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .article-wrap .article-category {
    border-radius: calc( 8px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .article-wrap .article-category {
    margin-left: calc( 15px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .article-wrap .article-category {
    margin-left: calc( 5px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .article-wrap .article-thumbnail {
    margin: calc( 0px * var(--scale)) calc( -120px * var(--scale)) calc( 81px * var(--scale)) calc( -120px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .article-wrap .article-thumbnail {
    margin: calc( 0px * var(--scale)) calc( -30px * var(--scale)) calc( 51px * var(--scale)) calc( -30px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .article-wrap .article-thumbnail {
    margin-bottom: calc( 81px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .article-wrap .article-thumbnail {
    margin-bottom: calc( 55px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .article-wrap .article-main {
    margin-bottom: calc( 124px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .article-wrap .article-main {
    margin-bottom: calc( 70px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .article-wrap .article-main h2 {
    margin-bottom: calc( 23px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .article-wrap .article-main h2 {
    margin-bottom: calc( 26px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .article-wrap .article-main hr {
    margin-top: calc( 81px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .article-wrap .article-main hr {
    margin-top: calc( 51px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .article-wrap .article-main hr {
    margin-bottom: calc( 81px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .article-wrap .article-main hr {
    margin-bottom: calc( 51px * var(--scale));
  }
}
.article-wrap .article-main img {
  display: block;
  height: auto !important;
}
@media all and (min-width: 1140.5px) {
  .article-wrap .article-main img {
    margin: calc( 30px * var(--scale)) auto;
  }
}
@media all and (max-width: 1140.4px) {
  .article-wrap .article-main img {
    margin: calc( 33px * var(--scale)) auto;
  }
}
@media (min-width: 1140.5px) {
  .article-wrap .article-main img {
    width: calc(420px * var(--scale)) !important;
  }
}
@media (max-width: 1140.4px) {
  .article-wrap .article-main img {
    width: 100% !important;
  }
}
.article-wrap .article-main a {
  text-decoration: underline;
  letter-spacing: 0.1em;
  word-wrap: break-word;
}
@media all and (min-width: 1140.5px) {
  .article-wrap .article-main .spacer {
    margin-top: calc( 16px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .article-wrap .article-main .spacer {
    margin-top: calc( 21px * var(--scale));
  }
}
.article-wrap .article-annotation {
  line-height: 1;
  text-align: center;
  letter-spacing: 0.14em;
}
@media all and (min-width: 1140.5px) {
  .article-wrap .article-annotation {
    font-size: calc( 11px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .article-wrap .article-annotation {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .article-wrap .article-annotation {
    padding: calc( 30px * var(--scale)) calc( 0px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .article-wrap .article-annotation {
    padding: calc( 30px * var(--scale)) calc( 0px * var(--scale));
  }
}

/* seveneleven
*****************************/
.seveneleven {
  width: 100%;
}
.seveneleven .product-seveneleven {
  max-width: 1620px;
  margin: 0 auto;
}
@media (min-width: 1140.5px) {
  .seveneleven .product-seveneleven-Morning {
    display: grid;
    grid-template-columns: 50% 50%;
  }
}

/* お問い合わせ
*****************************/
.section-contact-form {
  color: #666464;
}
@media all and (min-width: 1140.5px) {
  .section-contact-form .page-title {
    margin-bottom: calc( 23px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-contact-form .page-title {
    margin-bottom: calc( 28px * var(--scale));
  }
}
.section-contact-form .contact-entory .text-link {
  width: 100%;
  line-height: 1.3;
  letter-spacing: 0.15em;
  display: inline-block;
  background: url("../img/icon/arrow-right.svg") no-repeat right 0 center;
}
@media all and (min-width: 1140.5px) {
  .section-contact-form .contact-entory .text-link {
    padding: calc( 55px * var(--scale)) calc( 0px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-contact-form .contact-entory .text-link {
    padding: calc( 26px * var(--scale)) calc( 0px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .section-contact-form .contact-entory .text-link {
    font-size: calc( 20px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-contact-form .contact-entory .text-link {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .section-contact-form .contact-entory .text-link {
    background-size: calc( 15px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-contact-form .contact-entory .text-link {
    background-size: calc( 15px * var(--scale));
  }
}
.section-contact-form .contact-entory .uk-accordion {
  border-top: 1px solid rgba(102, 100, 100, 0.2);
}
.section-contact-form .contact-entory .uk-accordion .text-link {
  background: none;
}
@media all and (min-width: 1140.5px) {
  .section-contact-form .form-horizontal input,
  .section-contact-form .form-horizontal select {
    height: calc( 45px * var(--scale)) !important;
  }
}
@media all and (max-width: 1140.4px) {
  .section-contact-form .form-horizontal input,
  .section-contact-form .form-horizontal select {
    height: calc( 45px * var(--scale)) !important;
  }
}
.section-contact-form .form-horizontal input,
.section-contact-form .form-horizontal select,
.section-contact-form .form-horizontal textarea {
  display: block;
  width: 100%;
  max-width: 100%;
  letter-spacing: 0.15em;
}
@media all and (min-width: 1140.5px) {
  .section-contact-form .form-horizontal input,
  .section-contact-form .form-horizontal select,
  .section-contact-form .form-horizontal textarea {
    font-size: calc( 16px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-contact-form .form-horizontal input,
  .section-contact-form .form-horizontal select,
  .section-contact-form .form-horizontal textarea {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .section-contact-form .form-horizontal .form__list {
    margin-bottom: calc( 30px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-contact-form .form-horizontal .form__list {
    margin-bottom: calc( 30px * var(--scale));
  }
}
.section-contact-form .form-horizontal .form_label {
  color: #666464;
  line-height: 1;
  display: flex;
  align-items: center;
  letter-spacing: 0.15em;
}
@media all and (min-width: 1140.5px) {
  .section-contact-form .form-horizontal .form_label {
    font-size: calc( 12px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-contact-form .form-horizontal .form_label {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .section-contact-form .form-horizontal .form_label {
    margin-bottom: calc( 15px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-contact-form .form-horizontal .form_label {
    margin-bottom: calc( 15px * var(--scale));
  }
}
.section-contact-form .form-horizontal .required::after {
  content: "必須";
  position: static;
  display: block;
  color: #666464;
  border: 1px solid #666464;
  letter-spacing: 0.02em;
}
@media all and (min-width: 1140.5px) {
  .section-contact-form .form-horizontal .required::after {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-contact-form .form-horizontal .required::after {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .section-contact-form .form-horizontal .required::after {
    padding: calc( 4px * var(--scale)) calc( 6px * var(--scale)) calc( 4px * var(--scale)) calc( 5px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-contact-form .form-horizontal .required::after {
    padding: calc( 4px * var(--scale)) calc( 6px * var(--scale)) calc( 4px * var(--scale)) calc( 5px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .section-contact-form .form-horizontal .required::after {
    margin-left: calc( 8px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-contact-form .form-horizontal .required::after {
    margin-left: calc( 8px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .section-contact-form .form-horizontal .form__list-texts {
    margin-top: calc( 60px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-contact-form .form-horizontal .form__list-texts {
    margin-top: calc( 60px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .section-contact-form .form-horizontal .form__list-texts {
    margin-bottom: calc( 51px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-contact-form .form-horizontal .form__list-texts {
    margin-bottom: calc( 54px * var(--scale));
  }
}
.section-contact-form .form-horizontal .form__list-texts input {
  display: none;
}
.section-contact-form .form-horizontal .form__list-texts p {
  letter-spacing: 0.21em;
  line-height: 2;
}
@media all and (min-width: 1140.5px) {
  .section-contact-form .form-horizontal .form__list-texts p {
    font-size: calc( 12px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-contact-form .form-horizontal .form__list-texts p {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .section-contact-form .form-horizontal .form__list-texts .list-text__list {
    margin-bottom: calc( 23px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-contact-form .form-horizontal .form__list-texts .list-text__list {
    margin-bottom: calc( 23px * var(--scale));
  }
}
.section-contact-form .form-horizontal .form__list-texts .check-label {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.section-contact-form .form-horizontal .form__list-texts .check-label .check-input {
  display: none;
}
.section-contact-form .form-horizontal .form__list-texts .check-label .check-input:checked + .check-dummyinput::before {
  content: "";
  display: block;
  position: absolute;
  width: 6px;
  top: 1px;
  left: 5px;
  border-radius: 0;
  opacity: 1;
  transform: rotate(-136deg);
  border-top: solid 2px #666464;
  border-left: solid 2px #666464;
  height: 12px;
}
@media all and (min-width: 1140.5px) {
  .section-contact-form .form-horizontal .form__list-texts .check-label .check-input:checked + .check-dummyinput::before {
    top: calc( 6px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-contact-form .form-horizontal .form__list-texts .check-label .check-input:checked + .check-dummyinput::before {
    top: calc( 6px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .section-contact-form .form-horizontal .form__list-texts .check-label .check-input:checked + .check-dummyinput::before {
    left: calc( 11px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-contact-form .form-horizontal .form__list-texts .check-label .check-input:checked + .check-dummyinput::before {
    left: calc( 11px * var(--scale));
  }
}
.section-contact-form .form-horizontal .form__list-texts .check-label .check-dummyinput {
  position: relative;
  display: block;
  border-radius: 0;
  border: 1px solid #666464;
}
@media all and (min-width: 1140.5px) {
  .section-contact-form .form-horizontal .form__list-texts .check-label .check-dummyinput {
    width: calc( 30px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-contact-form .form-horizontal .form__list-texts .check-label .check-dummyinput {
    width: calc( 30px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .section-contact-form .form-horizontal .form__list-texts .check-label .check-dummyinput {
    height: calc( 30px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-contact-form .form-horizontal .form__list-texts .check-label .check-dummyinput {
    height: calc( 30px * var(--scale));
  }
}
.section-contact-form .form-horizontal .form__list-texts .check-label .check-dummylabel {
  font-family: "FP-こぶりなゴシック StdN W3", sans-serif;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0.21em;
}
@media all and (min-width: 1140.5px) {
  .section-contact-form .form-horizontal .form__list-texts .check-label .check-dummylabel {
    font-size: calc( 12px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-contact-form .form-horizontal .form__list-texts .check-label .check-dummylabel {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .section-contact-form .form-horizontal .form__list-texts .check-label .check-dummylabel {
    margin-left: calc( 12px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-contact-form .form-horizontal .form__list-texts .check-label .check-dummylabel {
    margin-left: calc( 10px * var(--scale));
  }
}
.section-contact-form .form-horizontal .form__list-texts .check-label .check-dummylabel .text_link {
  text-decoration: underline;
  padding: 0;
  color: #666464;
}
@media all and (min-width: 1140.5px) {
  .section-contact-form .form-horizontal .form__list-texts .check-label .check-dummylabel .text_link {
    font-size: calc( 12px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-contact-form .form-horizontal .form__list-texts .check-label .check-dummylabel .text_link {
    font-size: calc( 10px * var(--scale));
  }
}
.section-contact-form .form-horizontal .button__flame {
  padding: 0;
  width: 100%;
}
.section-contact-form .form-horizontal .button__flame .btn-submit {
  width: 100% !important;
  font-family: "FP-こぶりなゴシック StdN W6", sans-serif;
  font-weight: bold;
}
@media all and (min-width: 1140.5px) {
  .section-contact-form .form-horizontal .button__flame .btn-submit {
    height: calc( 60px * var(--scale)) !important;
  }
}
@media all and (max-width: 1140.4px) {
  .section-contact-form .form-horizontal .button__flame .btn-submit {
    height: calc( 60px * var(--scale)) !important;
  }
}
.section-contact-form .form-horizontal input[type=email],
.section-contact-form .form-horizontal input[type=text],
.section-contact-form .form-horizontal input[type=tel],
.section-contact-form .form-horizontal textarea {
  font-size: 100%;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  font-weight: 600;
}

/* お問い合わせ　確認
*****************************/
@media all and (min-width: 1140.5px) {
  .section-contact-form-confirm .confirm-container {
    margin-top: calc( 60px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-contact-form-confirm .confirm-container {
    margin-top: calc( 30px * var(--scale));
  }
}
.section-contact-form-confirm .form__list {
  margin: 0;
}
@media all and (min-width: 1140.5px) {
  .section-contact-form-confirm .form__list {
    padding: calc( 27px * var(--scale)) calc( 0px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-contact-form-confirm .form__list {
    padding: calc( 27px * var(--scale)) calc( 0px * var(--scale));
  }
}
.section-contact-form-confirm .form__list + .form__list {
  border-top: 1px solid rgba(102, 100, 100, 0.2);
}
.section-contact-form-confirm .form__list .form_label {
  line-height: 1;
  letter-spacing: 0.15em;
  color: #666464;
}
@media all and (min-width: 1140.5px) {
  .section-contact-form-confirm .form__list .form_label {
    font-size: calc( 12px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-contact-form-confirm .form__list .form_label {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .section-contact-form-confirm .form__list .form_label {
    margin-bottom: calc( 8px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-contact-form-confirm .form__list .form_label {
    margin-bottom: calc( 8px * var(--scale));
  }
}
.section-contact-form-confirm .form__list .body02_ja {
  margin: 0;
  line-height: 1.5;
  letter-spacing: 0.15em;
  font-family: "FP-こぶりなゴシック StdN W6", sans-serif;
  font-weight: bold;
}
@media all and (min-width: 1140.5px) {
  .section-contact-form-confirm .form__list .body02_ja {
    font-size: calc( 16px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-contact-form-confirm .form__list .body02_ja {
    font-size: calc( 14px * var(--scale));
  }
}
.section-contact-form-confirm .button__flame {
  text-align: center;
  padding: 0;
  width: 100%;
}
@media all and (min-width: 1140.5px) {
  .section-contact-form-confirm .button__flame {
    margin-top: calc( 30px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-contact-form-confirm .button__flame {
    margin-top: calc( 30px * var(--scale));
  }
}
.section-contact-form-confirm .button__flame .btn-submit {
  letter-spacing: 0.15em;
  width: 100% !important;
  font-family: "FP-こぶりなゴシック StdN W6", sans-serif;
  font-weight: bold;
}
@media all and (min-width: 1140.5px) {
  .section-contact-form-confirm .button__flame .btn-submit {
    font-size: calc( 16px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-contact-form-confirm .button__flame .btn-submit {
    font-size: calc( 16px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .section-contact-form-confirm .button__flame .btn-submit {
    height: calc( 60px * var(--scale)) !important;
  }
}
@media all and (max-width: 1140.4px) {
  .section-contact-form-confirm .button__flame .btn-submit {
    height: calc( 60px * var(--scale)) !important;
  }
}
.section-contact-form-confirm .button__flame .text_link {
  display: inline-block;
  line-height: 1;
  letter-spacing: 0.19em;
  text-decoration: underline;
}
@media all and (min-width: 1140.5px) {
  .section-contact-form-confirm .button__flame .text_link {
    font-size: calc( 12px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-contact-form-confirm .button__flame .text_link {
    font-size: calc( 12px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .section-contact-form-confirm .button__flame .text_link {
    margin-top: calc( 27px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-contact-form-confirm .button__flame .text_link {
    margin-top: calc( 27px * var(--scale));
  }
}

.section-contact-form-complete .complete-text {
  text-align: center;
  line-height: 2;
  letter-spacing: 0.15em;
  white-space: nowrap;
}
@media all and (min-width: 1140.5px) {
  .section-contact-form-complete .complete-text {
    font-size: calc( 16px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-contact-form-complete .complete-text {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .section-contact-form-complete .complete-text {
    margin: calc( 90px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-contact-form-complete .complete-text {
    margin: calc( 60px * var(--scale));
  }
}
.section-contact-form-complete .btn-back .btn-rectangle {
  margin: 0 auto;
  letter-spacing: 0.15em;
}
@media all and (min-width: 1140.5px) {
  .section-contact-form-complete .btn-back .btn-rectangle {
    font-size: calc( 16px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-contact-form-complete .btn-back .btn-rectangle {
    font-size: calc( 16px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .section-contact-form-complete .btn-back .btn-rectangle {
    height: calc( 60px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .section-contact-form-complete .btn-back .btn-rectangle {
    height: calc( 60px * var(--scale));
  }
}

/* Q&A
*****************************/
.question-list-container .question-list-item {
  margin-top: 0;
}
.question-list-container .question-list-item + .question-list-item {
  border-top: 1px solid rgba(102, 100, 100, 0.2);
}
.question-list-container .question-list-item i.prefix {
  font-weight: normal;
  font-style: normal;
  letter-spacing: 0.02em;
  line-height: 1;
  flex-shrink: 0;
  position: absolute;
  top: 50%;
  left: 0;
}
@media all and (min-width: 1140.5px) {
  .question-list-container .question-list-item i.prefix {
    font-size: calc( 20px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .question-list-container .question-list-item i.prefix {
    font-size: calc( 20px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .question-list-container .question-list-item i.prefix {
    margin-right: calc( 15px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .question-list-container .question-list-item i.prefix {
    margin-right: calc( 15px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .question-list-container .question-list-item i.prefix {
    margin-top: calc( -8px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .question-list-container .question-list-item i.prefix {
    margin-top: calc( -8px * var(--scale));
  }
}
.question-list-container .question-list-item .uk-accordion-title {
  font-family: "FP-こぶりなゴシック StdN W6", sans-serif;
  line-height: 1.5;
  letter-spacing: 0.15em;
}
@media all and (min-width: 1140.5px) {
  .question-list-container .question-list-item .uk-accordion-title {
    width: calc( 660px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .question-list-container .question-list-item .uk-accordion-title {
    width: calc( 330px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .question-list-container .question-list-item .uk-accordion-title {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .question-list-container .question-list-item .uk-accordion-title {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .question-list-container .question-list-item .uk-accordion-title {
    padding: calc( 57px * var(--scale)) calc( 39px * var(--scale)) calc( 57px * var(--scale)) calc( 39px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .question-list-container .question-list-item .uk-accordion-title {
    padding: calc( 27px * var(--scale)) calc( 28px * var(--scale)) calc( 27px * var(--scale)) calc( 42px * var(--scale));
  }
}
.question-list-container .question-list-item .uk-accordion-content {
  position: relative;
  line-height: 1.7;
  display: flex;
  letter-spacing: 0.25em;
}
@media all and (min-width: 1140.5px) {
  .question-list-container .question-list-item .uk-accordion-content {
    margin-top: calc( -7px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .question-list-container .question-list-item .uk-accordion-content {
    margin-top: calc( -6px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .question-list-container .question-list-item .uk-accordion-content {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .question-list-container .question-list-item .uk-accordion-content {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .question-list-container .question-list-item .uk-accordion-content {
    padding: calc( 0px * var(--scale)) calc( 0px * var(--scale)) calc( 54px * var(--scale)) calc( 42px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .question-list-container .question-list-item .uk-accordion-content {
    padding: calc( 0px * var(--scale)) calc( 0px * var(--scale)) calc( 22px * var(--scale)) calc( 42px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .question-list-container .question-list-item .uk-accordion-content i.prefix {
    top: calc( 16px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .question-list-container .question-list-item .uk-accordion-content i.prefix {
    top: calc( 16px * var(--scale));
  }
}

/* 利用規約
*****************************/
.explanation__block {
  background-color: #fff !important;
  font-family: "FP-こぶりなゴシック StdN W3", sans-serif;
  letter-spacing: 0.15em;
}
@media all and (min-width: 1140.5px) {
  .explanation__block .explanation__title {
    margin-bottom: calc( 16px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .explanation__block .explanation__title {
    margin-bottom: calc( 16px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .explanation__block hr {
    margin: calc( 60px * var(--scale)) calc( 0px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .explanation__block hr {
    margin: calc( 60px * var(--scale)) calc( 0px * var(--scale));
  }
}

.explanation__block_conclusion {
  display: flex;
  justify-content: space-between;
}
@media all and (min-width: 1140.5px) {
  .explanation__block_conclusion {
    margin: calc( 30px * var(--scale)) calc( 0px * var(--scale)) calc( 0px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .explanation__block_conclusion {
    margin: calc( 30px * var(--scale)) calc( 0px * var(--scale)) calc( 0px * var(--scale));
  }
}

/* instagram letro
*****************************/
.main-wrap letro-review {
  display: none;
}
.main-wrap div.review-list-wrap {
  display: none;
}
[data-page-id=home] .main-wrap .section-letro-instagram {
  padding-bottom: 0;
}
.main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] {
  max-width: none !important;
  padding-top: 0 !important;
}
.main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetWrapper {
  margin: 0 !important;
}
@media all and (min-width: 1140.5px) {
  .main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetFreearea {
    margin: calc( -22px * var(--scale)) calc( 0px * var(--scale)) calc( 0px * var(--scale)) calc( 0px * var(--scale)) !important;
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetFreearea {
    margin: calc( 0px * var(--scale)) calc( 0px * var(--scale)) calc( 0px * var(--scale)) calc( 0px * var(--scale)) !important;
  }
}
@media (max-width: 1140.4px) {
  .main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetFreearea {
    padding-top: 0 !important;
  }
}
@media (min-width: 1140.5px) {
  .main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetFreearea {
    padding-bottom: 0 !important;
  }
}
@media all and (min-width: 1140.5px) {
  .main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetFreearea .letroHeadTitle {
    margin-top: calc( 17px * var(--scale)) !important;
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetFreearea .letroHeadTitle {
    margin-top: calc( 0px * var(--scale)) !important;
  }
}
@media all and (min-width: 1140.5px) {
  .main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetFreearea .letroHeadTitle {
    margin-bottom: calc( 114px * var(--scale)) !important;
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetFreearea .letroHeadTitle {
    margin-bottom: calc( 50px * var(--scale)) !important;
  }
}
.main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetFreearea .letroHeadTitle::after {
  content: "User’s Voice From Instagram" !important;
  font-family: "FuturaLTPro-Medium", sans-serif !important;
  color: #666464 !important;
  line-height: 1 !important;
  letter-spacing: 0.02em !important;
  display: inline-block !important;
}
@media all and (min-width: 1140.5px) {
  .main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetFreearea .letroHeadTitle::after {
    font-size: calc( 32px * var(--scale)) !important;
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetFreearea .letroHeadTitle::after {
    font-size: calc( 28px * var(--scale)) !important;
  }
}
@media all and (min-width: 1140.5px) {
  .main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetFreearea .letroHeadTitle::after {
    width: auto !important;
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetFreearea .letroHeadTitle::after {
    width: calc( 200px * var(--scale)) !important;
  }
}
.main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetFreearea .letroHeadTitle img {
  display: none !important;
}
.main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetContents .letroUgcsetPostAnchor {
  cursor: pointer !important;
  pointer-events: visible !important;
  border: 0 !important;
  transition: opacity 0.2s !important;
}
@media (hover: hover) and (pointer: fine) {
  .main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetContents .letroUgcsetPostAnchor:focus {
    opacity: 0.7 !important;
  }
  .main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetContents .letroUgcsetPostAnchor:hover {
    opacity: 0.7 !important;
  }
}
@media all and (min-width: 1140.5px) {
  .main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetContents .letroUgcsetPost {
    width: calc( 420px * var(--scale)) !important;
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetContents .letroUgcsetPost {
    width: calc( 157.5px * var(--scale)) !important;
  }
}
@media all and (min-width: 1140.5px) {
  .main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetContents .letroUgcsetPost {
    margin: calc( 0px * var(--scale)) calc( 60px * var(--scale)) calc( 60px * var(--scale)) calc( 0px * var(--scale)) !important;
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetContents .letroUgcsetPost {
    margin: calc( 0px * var(--scale)) calc( 15px * var(--scale)) calc( 15px * var(--scale)) calc( 0px * var(--scale)) !important;
  }
}
@media (min-width: 1140.5px) {
  .main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetContents .letroUgcsetPost {
    width: calc(33.3333333333% - 40px) !important;
  }
  .main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetContents .letroUgcsetPost:nth-of-type(3n) {
    margin-right: 0 !important;
  }
}
@media (max-width: 1140.4px) {
  .main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetContents .letroUgcsetPost {
    width: 50% !important;
  }
  .main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetContents .letroUgcsetPost:nth-of-type(2n) {
    margin-right: 0 !important;
  }
}
.main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetContents .letroUgcsetPostPhoto:before {
  display: none !important;
}
.main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetContents .letroUgcsetPostText {
  padding: 0 !important;
}
@media all and (min-width: 1140.5px) {
  .main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetContents .letroUgcsetPostText {
    padding-top: calc( 11px * var(--scale)) !important;
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetContents .letroUgcsetPostText {
    padding-top: calc( 5px * var(--scale)) !important;
  }
}
.main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetContents .letroUgcsetPostAuthor {
  font-family: "FuturaLTPro-Medium", sans-serif !important;
  line-height: 1.5 !important;
  color: #666464 !important;
}
@media all and (min-width: 1140.5px) {
  .main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetContents .letroUgcsetPostAuthor {
    font-size: calc( 12px * var(--scale)) !important;
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetContents .letroUgcsetPostAuthor {
    font-size: calc( 12px * var(--scale)) !important;
  }
}
.main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetContents .letroUgcsetPostAuthor::before {
  display: none !important;
}
.main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetContents .letroUgcsetPostComment {
  padding: 0 !important;
  font-family: "FP-こぶりなゴシック StdN W3", sans-serif !important;
  line-height: 1.5 !important;
  letter-spacing: 0.15em !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  color: #666464 !important;
}
@media all and (min-width: 1140.5px) {
  .main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetContents .letroUgcsetPostComment {
    font-size: calc( 10px * var(--scale)) !important;
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetContents .letroUgcsetPostComment {
    font-size: calc( 10px * var(--scale)) !important;
  }
}
@media all and (min-width: 1140.5px) {
  .main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetContents .letroUgcsetPostComment {
    height: calc( 45px * var(--scale)) !important;
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetContents .letroUgcsetPostComment {
    height: calc( 90px * var(--scale)) !important;
  }
}
@media all and (min-width: 1140.5px) {
  .main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetContents .letroUgcsetPostComment {
    margin-top: calc( 5px * var(--scale)) !important;
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetContents .letroUgcsetPostComment {
    margin-top: calc( 5px * var(--scale)) !important;
  }
}
@media (min-width: 1140.5px) {
  .main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetContents .letroUgcsetPostComment {
    height: 45px !important;
  }
}
@media (max-width: 1140.4px) {
  .main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetContents .letroUgcsetPostComment {
    -webkit-line-clamp: 6 !important;
  }
}
.main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetContents .letroUgcsetPostComment:after {
  display: none !important;
}
.main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetContents .letroUgcsetPostDate {
  font-family: "FP-こぶりなゴシック StdN W3", sans-serif !important;
  line-height: 1.5 !important;
  letter-spacing: 0.15em !important;
  color: #666464 !important;
}
@media all and (min-width: 1140.5px) {
  .main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetContents .letroUgcsetPostDate {
    padding-top: calc( 3px * var(--scale)) !important;
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetContents .letroUgcsetPostDate {
    padding-top: calc( 9px * var(--scale)) !important;
  }
}
@media all and (min-width: 1140.5px) {
  .main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetContents .letroUgcsetPostDate {
    font-size: calc( 10px * var(--scale)) !important;
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetContents .letroUgcsetPostDate {
    font-size: calc( 10px * var(--scale)) !important;
  }
}
.main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetContents .letroUgcsetPostDate::before {
  display: none !important;
}
.main-wrap div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetWrapper .letroUgcsetWatermark {
  display: none !important;
}
.main-wrap div.letroUgcsetContainer[data-letro-template="1"] .letroUgcsetWrapper .letroUgcsetMoreButton {
  opacity: 1 !important;
  visibility: inherit !important;
  overflow: unset !important;
}
@media all and (min-width: 1140.5px) {
  .main-wrap div.letroUgcsetContainer[data-letro-template="1"] .letroUgcsetWrapper .letroUgcsetMoreButton {
    padding-top: calc( 120px * var(--scale)) !important;
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap div.letroUgcsetContainer[data-letro-template="1"] .letroUgcsetWrapper .letroUgcsetMoreButton {
    padding-top: calc( 45px * var(--scale)) !important;
  }
}
@media all and (min-width: 1140.5px) {
  .main-wrap div.letroUgcsetContainer[data-letro-template="1"] .letroUgcsetWrapper .letroUgcsetMoreButton {
    margin-bottom: calc( 0px * var(--scale)) !important;
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap div.letroUgcsetContainer[data-letro-template="1"] .letroUgcsetWrapper .letroUgcsetMoreButton {
    margin-bottom: calc( 0px * var(--scale)) !important;
  }
}
@media all and (min-width: 1140.5px) {
  .main-wrap div.letroUgcsetContainer[data-letro-template="1"] .letroUgcsetWrapper.letroUgcsetHasNext .letroUgcsetMoreButton,
  .main-wrap div.letroUgcsetContainer[data-letro-template="1"] .letroUgcsetWrapper .letroUgcsetMoreButton {
    padding-top: calc( 55px * var(--scale)) !important;
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap div.letroUgcsetContainer[data-letro-template="1"] .letroUgcsetWrapper.letroUgcsetHasNext .letroUgcsetMoreButton,
  .main-wrap div.letroUgcsetContainer[data-letro-template="1"] .letroUgcsetWrapper .letroUgcsetMoreButton {
    padding-top: calc( 45px * var(--scale)) !important;
  }
}
@media all and (min-width: 1140.5px) {
  .main-wrap div.letroUgcsetContainer[data-letro-template="1"] .letroUgcsetWrapper.letroUgcsetHasNext .letroUgcsetMoreButton,
  .main-wrap div.letroUgcsetContainer[data-letro-template="1"] .letroUgcsetWrapper .letroUgcsetMoreButton {
    margin-bottom: calc( -60px * var(--scale)) !important;
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap div.letroUgcsetContainer[data-letro-template="1"] .letroUgcsetWrapper.letroUgcsetHasNext .letroUgcsetMoreButton,
  .main-wrap div.letroUgcsetContainer[data-letro-template="1"] .letroUgcsetWrapper .letroUgcsetMoreButton {
    margin-bottom: calc( 0px * var(--scale)) !important;
  }
}
.main-wrap div.letroUgcsetContainer[data-letro-template="1"] .letroUgcsetWrapper.letroUgcsetHasNext .letroUgcsetMoreButton a,
.main-wrap div.letroUgcsetContainer[data-letro-template="1"] .letroUgcsetWrapper .letroUgcsetMoreButton a {
  border-radius: 0 !important;
  font-size: 0 !important;
  position: relative !important;
  border: 1px solid #666464 !important;
  transition: opacity 0.2s !important;
  display: inline-block !important;
}
@media all and (min-width: 1140.5px) {
  .main-wrap div.letroUgcsetContainer[data-letro-template="1"] .letroUgcsetWrapper.letroUgcsetHasNext .letroUgcsetMoreButton a,
  .main-wrap div.letroUgcsetContainer[data-letro-template="1"] .letroUgcsetWrapper .letroUgcsetMoreButton a {
    width: calc( 180px * var(--scale)) !important;
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap div.letroUgcsetContainer[data-letro-template="1"] .letroUgcsetWrapper.letroUgcsetHasNext .letroUgcsetMoreButton a,
  .main-wrap div.letroUgcsetContainer[data-letro-template="1"] .letroUgcsetWrapper .letroUgcsetMoreButton a {
    width: calc( 330px * var(--scale)) !important;
  }
}
@media all and (min-width: 1140.5px) {
  .main-wrap div.letroUgcsetContainer[data-letro-template="1"] .letroUgcsetWrapper.letroUgcsetHasNext .letroUgcsetMoreButton a,
  .main-wrap div.letroUgcsetContainer[data-letro-template="1"] .letroUgcsetWrapper .letroUgcsetMoreButton a {
    height: calc( 50px * var(--scale)) !important;
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap div.letroUgcsetContainer[data-letro-template="1"] .letroUgcsetWrapper.letroUgcsetHasNext .letroUgcsetMoreButton a,
  .main-wrap div.letroUgcsetContainer[data-letro-template="1"] .letroUgcsetWrapper .letroUgcsetMoreButton a {
    height: calc( 50px * var(--scale)) !important;
  }
}
@media (hover: hover) and (pointer: fine) {
  .main-wrap div.letroUgcsetContainer[data-letro-template="1"] .letroUgcsetWrapper.letroUgcsetHasNext .letroUgcsetMoreButton a:focus,
  .main-wrap div.letroUgcsetContainer[data-letro-template="1"] .letroUgcsetWrapper .letroUgcsetMoreButton a:focus {
    opacity: 0.7 !important;
  }
  .main-wrap div.letroUgcsetContainer[data-letro-template="1"] .letroUgcsetWrapper.letroUgcsetHasNext .letroUgcsetMoreButton a:hover,
  .main-wrap div.letroUgcsetContainer[data-letro-template="1"] .letroUgcsetWrapper .letroUgcsetMoreButton a:hover {
    opacity: 0.7 !important;
  }
}
.main-wrap div.letroUgcsetContainer[data-letro-template="1"] .letroUgcsetWrapper.letroUgcsetHasNext .letroUgcsetMoreButton a::after,
.main-wrap div.letroUgcsetContainer[data-letro-template="1"] .letroUgcsetWrapper .letroUgcsetMoreButton a::after {
  content: "See More" !important;
  font-family: "FuturaLTPro-Medium", sans-serif !important;
  color: #666464 !important;
  line-height: 1 !important;
  display: inline-block !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
}
@media all and (min-width: 1140.5px) {
  .main-wrap div.letroUgcsetContainer[data-letro-template="1"] .letroUgcsetWrapper.letroUgcsetHasNext .letroUgcsetMoreButton a::after,
  .main-wrap div.letroUgcsetContainer[data-letro-template="1"] .letroUgcsetWrapper .letroUgcsetMoreButton a::after {
    font-size: calc( 16px * var(--scale)) !important;
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap div.letroUgcsetContainer[data-letro-template="1"] .letroUgcsetWrapper.letroUgcsetHasNext .letroUgcsetMoreButton a::after,
  .main-wrap div.letroUgcsetContainer[data-letro-template="1"] .letroUgcsetWrapper .letroUgcsetMoreButton a::after {
    font-size: calc( 16px * var(--scale)) !important;
  }
}
.main-wrap[data-page-id=home] div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetWrapper {
  width: 100% !important;
}
@media (max-width: 1140.4px) {
  .main-wrap[data-page-id=home] div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetWrapper {
    overflow-x: scroll !important;
    width: 100vw !important;
    margin-left: calc(-30px * var(--scale)) !important;
    margin-right: calc(-30px * var(--scale)) !important;
  }
}
.main-wrap[data-page-id=home] div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetWrapper .letroUgcsetMoreButton {
  display: none !important;
}
.main-wrap[data-page-id=home] div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetContents {
  max-width: none !important;
}
@media (min-width: 1140.5px) {
  .main-wrap[data-page-id=home] div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetContents {
    gap: calc(60px * var(--scale)) !important;
  }
}
@media (max-width: 1140.4px) {
  .main-wrap[data-page-id=home] div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetContents {
    flex-wrap: nowrap !important;
    gap: calc(30px * var(--scale)) !important;
    padding: 0 calc(45px * var(--scale)) !important;
    width: max-content !important;
  }
}
@media (min-width: 1140.5px) {
  .main-wrap[data-page-id=home] div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetContents .letroUgcsetPost {
    margin: 0 !important;
    width: calc(33.3333333333% - 40px) !important;
  }
}
@media (max-width: 1140.4px) {
  .main-wrap[data-page-id=home] div.letroUgcsetContainer[data-contents=letro-ugcset] .letroUgcsetContents .letroUgcsetPost {
    width: calc(300px * var(--scale)) !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
  }
}
@media all and (min-width: 1140.5px) {
  .main-wrap[data-page-id=home] div.letroUgcsetContainer[data-contents=letro-ugcset] .pagetitle {
    margin-top: calc( 20px * var(--scale)) !important;
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap[data-page-id=home] div.letroUgcsetContainer[data-contents=letro-ugcset] .pagetitle {
    margin-top: calc( 0px * var(--scale)) !important;
  }
}
@media all and (min-width: 1140.5px) {
  .main-wrap[data-page-id=home] div.letroUgcsetContainer[data-contents=letro-ugcset] .pagetitle {
    margin-bottom: calc( 115px * var(--scale)) !important;
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap[data-page-id=home] div.letroUgcsetContainer[data-contents=letro-ugcset] .pagetitle {
    margin-bottom: calc( 56px * var(--scale)) !important;
  }
}
.main-wrap[data-page-id=home] div.letroUgcsetContainer[data-contents=letro-ugcset] .pagetitle .body01_ja.pagetitle__caption {
  display: none !important;
}
.main-wrap[data-page-id=home] div.letroUgcsetContainer[data-contents=letro-ugcset] .pagetitle .headding02_en.pagetitle__title_ja {
  font-family: "FuturaLTPro-Medium", sans-serif !important;
  line-height: 1 !important;
  color: #666464 !important;
  text-align: center !important;
}
@media all and (min-width: 1140.5px) {
  .main-wrap[data-page-id=home] div.letroUgcsetContainer[data-contents=letro-ugcset] .pagetitle .headding02_en.pagetitle__title_ja {
    font-size: calc( 32px * var(--scale)) !important;
  }
}
@media all and (max-width: 1140.4px) {
  .main-wrap[data-page-id=home] div.letroUgcsetContainer[data-contents=letro-ugcset] .pagetitle .headding02_en.pagetitle__title_ja {
    font-size: calc( 32px * var(--scale)) !important;
  }
}
@media (max-width: 1140.4px) {
  .main-wrap[data-page-id=product-show] .letroUgcsetContents .letroUgcsetPost:nth-of-type(2n) {
    margin-right: 0 !important;
  }
}

/* Subscription
*****************************/
.subscription-list {
  display: flex;
  flex-wrap: wrap;
}
.subscription-list .subscription-list-item {
  border: 1px solid #666464;
  display: flex;
  align-items: center;
  width: 33.333333333%;
}
@media all and (min-width: 1140.5px) {
  .subscription-list .subscription-list-item {
    height: calc( 180px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .subscription-list .subscription-list-item {
    height: calc( 167px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .subscription-list .subscription-list-item {
    gap: calc( 30px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .subscription-list .subscription-list-item {
    gap: calc( 9px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .subscription-list .subscription-list-item {
    padding: calc( 60px * var(--scale)) calc( 60px * var(--scale)) calc( 60px * var(--scale)) calc( 60px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .subscription-list .subscription-list-item {
    padding: calc( 30px * var(--scale)) calc( 15px * var(--scale)) calc( 24px * var(--scale)) calc( 15px * var(--scale));
  }
}
@media (max-width: 1140.4px) {
  .subscription-list .subscription-list-item {
    flex-direction: column;
    width: 50%;
    height: auto;
    justify-content: flex-start;
  }
}
@media (min-width: 1140.5px) {
  .subscription-list .subscription-list-item:nth-child(n+4) {
    border-top: none;
  }
  .subscription-list .subscription-list-item:not(:nth-child(3n)) {
    border-right: none;
  }
}
@media (max-width: 1140.4px) {
  .subscription-list .subscription-list-item:nth-child(n+3) {
    border-top: none;
  }
  .subscription-list .subscription-list-item:not(:nth-child(2n)) {
    border-right: none;
  }
}
.subscription-list .icon {
  flex-shrink: 0;
}
@media all and (min-width: 1140.5px) {
  .subscription-list .icon {
    width: calc( 60px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .subscription-list .icon {
    width: calc( 60px * var(--scale));
  }
}
.subscription-list .text {
  line-height: 1.5;
  letter-spacing: 0.15em;
}
@media all and (min-width: 1140.5px) {
  .subscription-list .text {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .subscription-list .text {
    font-size: calc( 14px * var(--scale));
  }
}
@media (max-width: 1140.4px) {
  .subscription-list .text {
    text-align: center;
  }
}
.subscription-list .text .small {
  display: block;
}
@media all and (min-width: 1140.5px) {
  .subscription-list .text .small {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .subscription-list .text .small {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .subscription-list .text .small {
    margin-top: calc( 6px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .subscription-list .text .small {
    margin-top: calc( 5px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .subscription-list .text .small {
    margin-bottom: calc( 5px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .subscription-list .text .small {
    margin-bottom: calc( 3px * var(--scale));
  }
}

/* マイページ
*****************************/
.mypege-menu-top-wrap .link-list-item-top {
  display: flex;
}
@media all and (min-width: 1140.5px) {
  .mypege-menu-top-wrap .link-list-item-top {
    gap: calc( 15px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .mypege-menu-top-wrap .link-list-item-top {
    gap: calc( 15px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .mypege-menu-top-wrap .link-list-item-top {
    margin-bottom: calc( 30px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .mypege-menu-top-wrap .link-list-item-top {
    margin-bottom: calc( 30px * var(--scale));
  }
}
.mypege-menu-top-wrap .link-list-item-top .link-list-item {
  flex: 1;
  border: 1px solid #666464 !important;
  padding: 0;
}
.mypege-menu-top-wrap .link-list-item-top .link-list-item a {
  display: flex;
  align-items: center;
}
@media (max-width: 1140.4px) {
  .mypege-menu-top-wrap .link-list-item-top .link-list-item a {
    text-align: center;
    flex-direction: column;
  }
}
@media all and (min-width: 1140.5px) {
  .mypege-menu-top-wrap .link-list-item-top .link-list-item a {
    padding: calc( 26px * var(--scale)) calc( 30px * var(--scale)) calc( 26px * var(--scale)) calc( 30px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .mypege-menu-top-wrap .link-list-item-top .link-list-item a {
    padding: calc( 31px * var(--scale)) calc( 15px * var(--scale)) calc( 29px * var(--scale)) calc( 15px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .mypege-menu-top-wrap .link-list-item-top .link-list-item .icon {
    width: calc( 30px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .mypege-menu-top-wrap .link-list-item-top .link-list-item .icon {
    width: calc( 30px * var(--scale));
  }
}
.mypege-menu-top-wrap .link-list-item-top .link-list-item .title {
  color: #666464;
  letter-spacing: 0.15em;
}
@media all and (min-width: 1140.5px) {
  .mypege-menu-top-wrap .link-list-item-top .link-list-item .title {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .mypege-menu-top-wrap .link-list-item-top .link-list-item .title {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .mypege-menu-top-wrap .link-list-item-top .link-list-item .title {
    margin-left: calc( 30px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .mypege-menu-top-wrap .link-list-item-top .link-list-item .title {
    margin-left: calc( 0px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .mypege-menu-top-wrap .link-list-item-top .link-list-item .title {
    margin-top: calc( 0px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .mypege-menu-top-wrap .link-list-item-top .link-list-item .title {
    margin-top: calc( 10px * var(--scale));
  }
}
.mypege-menu-top-wrap .link-list-item-top .link-list-item .title .text {
  line-height: 1.5;
  white-space: nowrap;
}
@media all and (min-width: 1140.5px) {
  .mypege-menu-top-wrap .link-list-item-top .link-list-item .title .text {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .mypege-menu-top-wrap .link-list-item-top .link-list-item .title .text {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .mypege-menu-top-wrap .link-list-item-top .link-list-item .title .text {
    margin-top: calc( 2px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .mypege-menu-top-wrap .link-list-item-top .link-list-item .title .text {
    margin-top: calc( 4px * var(--scale));
  }
}
.mypege-menu-top-wrap .link-list-item-main .link-list-item {
  padding: 0 !important;
  border-bottom: none;
}
.mypege-menu-top-wrap .link-list-item-main .link-list-item + .link-list-item {
  border-top: 1px solid rgba(102, 100, 100, 0.2);
}
.mypege-menu-top-wrap .link-list-item-main .link-list-item a {
  display: flex;
  align-items: center;
}
@media all and (min-width: 1140.5px) {
  .mypege-menu-top-wrap .link-list-item-main .link-list-item a {
    padding: calc( 15px * var(--scale)) calc( 20px * var(--scale)) calc( 14px * var(--scale)) calc( 0px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .mypege-menu-top-wrap .link-list-item-main .link-list-item a {
    padding: calc( 15px * var(--scale)) calc( 20px * var(--scale)) calc( 15px * var(--scale)) calc( 0px * var(--scale));
  }
}
.mypege-menu-top-wrap .link-list-item-main .link-list-item a::after {
  content: "";
  display: block;
  border-top: 1.5px solid #666464;
  border-right: 1.5px solid #666464;
  transform: rotate(45deg);
  transform-origin: center;
}
@media all and (min-width: 1140.5px) {
  .mypege-menu-top-wrap .link-list-item-main .link-list-item a::after {
    width: calc( 7px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .mypege-menu-top-wrap .link-list-item-main .link-list-item a::after {
    width: calc( 7px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .mypege-menu-top-wrap .link-list-item-main .link-list-item a::after {
    height: calc( 7px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .mypege-menu-top-wrap .link-list-item-main .link-list-item a::after {
    height: calc( 7px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .mypege-menu-top-wrap .link-list-item-main .link-list-item .icon {
    width: calc( 30px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .mypege-menu-top-wrap .link-list-item-main .link-list-item .icon {
    width: calc( 30px * var(--scale));
  }
}
.mypege-menu-top-wrap .link-list-item-main .link-list-item .title {
  flex: 1;
  color: #666464;
  letter-spacing: 0.2em;
}
@media all and (min-width: 1140.5px) {
  .mypege-menu-top-wrap .link-list-item-main .link-list-item .title {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .mypege-menu-top-wrap .link-list-item-main .link-list-item .title {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .mypege-menu-top-wrap .link-list-item-main .link-list-item .title {
    margin-left: calc( 15px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .mypege-menu-top-wrap .link-list-item-main .link-list-item .title {
    margin-left: calc( 15px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .mypege-menu-top-wrap .link-list-item-main .pic-annotation {
    width: calc( 200px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .mypege-menu-top-wrap .link-list-item-main .pic-annotation {
    width: calc( 200px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .mypege-menu-top-wrap .link-list-item-main .pic-annotation {
    margin: calc( 30px * var(--scale)) auto calc( 40px * var(--scale)) auto;
  }
}
@media all and (max-width: 1140.4px) {
  .mypege-menu-top-wrap .link-list-item-main .pic-annotation {
    margin: calc( 30px * var(--scale)) auto calc( 40px * var(--scale)) auto;
  }
}
.mypege-menu-top-wrap .link-list-item-main .guide-title {
  letter-spacing: 0.15em;
}
@media all and (min-width: 1140.5px) {
  .mypege-menu-top-wrap .link-list-item-main .guide-title {
    font-size: calc( 12px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .mypege-menu-top-wrap .link-list-item-main .guide-title {
    font-size: calc( 12px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .mypege-menu-top-wrap .link-list-item-main .guide-title {
    margin-bottom: calc( 11px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .mypege-menu-top-wrap .link-list-item-main .guide-title {
    margin-bottom: calc( 11px * var(--scale));
  }
}
.mypege-menu-top-wrap .logout {
  text-align: center;
}
@media all and (min-width: 1140.5px) {
  .mypege-menu-top-wrap .logout {
    padding: calc( 25px * var(--scale)) calc( 0px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .mypege-menu-top-wrap .logout {
    padding: calc( 30px * var(--scale)) calc( 0px * var(--scale));
  }
}
.mypege-menu-top-wrap .logout .logout-text {
  color: #666464;
  letter-spacing: 0.25em;
  text-decoration: underline;
}

/* 共通部分
*******************/
/* cart
*******************/
.cart-container {
  position: relative;
  display: flex;
}
@media all and (min-width: 1140.5px) {
  .cart-container {
    gap: calc( 60px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .cart-container {
    gap: calc( 0px * var(--scale));
  }
}
@media (max-width: 1140.4px) {
  .cart-container {
    flex-direction: column;
    margin-top: calc(4px * var(--scale));
  }
}
.cart-container .container-ss {
  position: relative;
  flex-shrink: 0;
}
@media (min-width: 1140.5px) {
  .cart-container .container-m {
    width: calc(100% - 60px - 420px);
  }
}
.cart-container .cart-item-tabel.no-item {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cart-container .cart-item-tabel.no-item .no-item-inner {
  line-height: 1;
  text-align: center;
}
@media all and (min-width: 1140.5px) {
  .cart-container .cart-item-tabel.no-item .no-item-inner {
    padding: calc( 80px * var(--scale)) calc( 0px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .cart-container .cart-item-tabel.no-item .no-item-inner {
    padding: calc( 60px * var(--scale)) calc( 0px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .cart-container .cart-item-tabel.no-item .no-item-inner {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .cart-container .cart-item-tabel.no-item .no-item-inner {
    font-size: calc( 12px * var(--scale));
  }
}
.cart-container .cart-item-tabel.no-item .no-item-inner .continue {
  letter-spacing: 0.15em;
  text-decoration: underline;
}
@media all and (min-width: 1140.5px) {
  .cart-container .cart-item-tabel.no-item .no-item-inner .continue {
    margin-top: calc( 30px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .cart-container .cart-item-tabel.no-item .no-item-inner .continue {
    margin-top: calc( 30px * var(--scale));
  }
}
.cart-container .cart-item-tabel.no-item .no-item-inner .continue:disabled {
  text-decoration: none;
}

@media all and (min-width: 1140.5px) {
  .cart-item-media {
    padding-top: calc( 30px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .cart-item-media {
    padding-top: calc( 30px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .cart-item-media {
    padding-bottom: calc( 30px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .cart-item-media {
    padding-bottom: calc( 30px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .cart-item-media.setProduct {
    margin-left: calc( 120px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .cart-item-media.setProduct {
    margin-left: calc( 75px * var(--scale));
  }
}
.cart-item-media.setProduct .cart-item-image {
  display: none;
}
.cart-item-media + .cart-item-media {
  border-top: 1px solid rgba(102, 100, 100, 0.2);
}
.cart-item-media .cart-item-media-inner {
  display: flex;
}
@media all and (min-width: 1140.5px) {
  .cart-item-media .cart-item-media-inner {
    gap: calc( 30px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .cart-item-media .cart-item-media-inner {
    gap: calc( 15px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .cart-item-media .cart-item-image {
    width: calc( 90px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .cart-item-media .cart-item-image {
    width: calc( 60px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .cart-item-media .cart-item-image {
    height: calc( 90px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .cart-item-media .cart-item-image {
    height: calc( 60px * var(--scale));
  }
}
.cart-item-media .cart-item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cart-item-media .cart-item-title-holder {
  position: relative;
  flex: 1;
  line-height: 1;
}
.cart-item-media .cart-item-title-holder .cart-item-category {
  letter-spacing: 0.15em;
}
@media all and (min-width: 1140.5px) {
  .cart-item-media .cart-item-title-holder .cart-item-category {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .cart-item-media .cart-item-title-holder .cart-item-category {
    font-size: calc( 10px * var(--scale));
  }
}
.cart-item-media .cart-item-title-holder .cart-item-title {
  letter-spacing: 0.1em;
}
@media all and (min-width: 1140.5px) {
  .cart-item-media .cart-item-title-holder .cart-item-title {
    font-size: calc( 20px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .cart-item-media .cart-item-title-holder .cart-item-title {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .cart-item-media .cart-item-title-holder .cart-item-title {
    margin-top: calc( 12px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .cart-item-media .cart-item-title-holder .cart-item-title {
    margin-top: calc( 8px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .cart-item-media .cart-item-title-holder .cart-item-title {
    margin-right: calc( 65px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .cart-item-media .cart-item-title-holder .cart-item-title {
    margin-right: calc( 55px * var(--scale));
  }
}
.cart-item-media .cart-item-title-holder .cart-item-title-en {
  letter-spacing: 0.02em;
}
@media all and (min-width: 1140.5px) {
  .cart-item-media .cart-item-title-holder .cart-item-title-en {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .cart-item-media .cart-item-title-holder .cart-item-title-en {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .cart-item-media .cart-item-title-holder .cart-item-title-en {
    margin-top: calc( 12px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .cart-item-media .cart-item-title-holder .cart-item-title-en {
    margin-top: calc( 8px * var(--scale));
  }
}
.cart-item-media .cart-item-title-holder .cart-item-sku {
  line-height: 1.2;
  letter-spacing: 0.15em;
  display: flex;
  flex-wrap: wrap;
}
@media all and (min-width: 1140.5px) {
  .cart-item-media .cart-item-title-holder .cart-item-sku {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .cart-item-media .cart-item-title-holder .cart-item-sku {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .cart-item-media .cart-item-title-holder .cart-item-sku {
    margin-top: calc( 20px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .cart-item-media .cart-item-title-holder .cart-item-sku {
    margin-top: calc( 15px * var(--scale));
  }
}
.cart-item-media .cart-item-title-holder .item-subtotal {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid rgba(102, 100, 100, 0.1);
}
@media all and (min-width: 1140.5px) {
  .cart-item-media .cart-item-title-holder .item-subtotal {
    margin-top: calc( 20px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .cart-item-media .cart-item-title-holder .item-subtotal {
    margin-top: calc( 15px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .cart-item-media .cart-item-title-holder .item-subtotal {
    padding-top: calc( 20px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .cart-item-media .cart-item-title-holder .item-subtotal {
    padding-top: calc( 15px * var(--scale));
  }
}
.cart-item-media .cart-item-title-holder .item-delete-link {
  position: absolute;
  top: 0;
  right: 0;
  border: 1px solid #666464;
  line-height: 1;
  color: #666464;
}
@media all and (min-width: 1140.5px) {
  .cart-item-media .cart-item-title-holder .item-delete-link {
    font-size: calc( 12px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .cart-item-media .cart-item-title-holder .item-delete-link {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .cart-item-media .cart-item-title-holder .item-delete-link {
    padding: calc( 10.5px * var(--scale)) calc( 12px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .cart-item-media .cart-item-title-holder .item-delete-link {
    padding: calc( 8.5px * var(--scale)) calc( 9px * var(--scale));
  }
}

/* 小計
*****************************/
.subtotal-group-cart-wrap .subtotal-group-cart {
  border: 1px solid rgba(102, 100, 100, 0.2);
}
@media all and (min-width: 1140.5px) {
  .subtotal-group-cart-wrap .subtotal-group-cart {
    width: calc( 420px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .subtotal-group-cart-wrap .subtotal-group-cart {
    width: auto;
  }
}
@media all and (min-width: 1140.5px) {
  .subtotal-group-cart-wrap .subtotal-group-cart {
    padding: calc( 40px * var(--scale)) calc( 30px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .subtotal-group-cart-wrap .subtotal-group-cart {
    padding: calc( 40px * var(--scale)) calc( 30px * var(--scale));
  }
}
.subtotal-group-cart-wrap .subtotal-group-cart .subtotal-item {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  line-height: 1;
}
@media all and (min-width: 1140.5px) {
  .subtotal-group-cart-wrap .subtotal-group-cart .subtotal-item {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .subtotal-group-cart-wrap .subtotal-group-cart .subtotal-item {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .subtotal-group-cart-wrap .subtotal-group-cart .subtotal-item {
    margin-bottom: calc( 30px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .subtotal-group-cart-wrap .subtotal-group-cart .subtotal-item {
    margin-bottom: calc( 30px * var(--scale));
  }
}
.subtotal-group-cart-wrap .subtotal-group-cart .subtotal-item .subtotal-label {
  letter-spacing: 0.15em;
}
@media all and (min-width: 1140.5px) {
  .subtotal-group-cart-wrap .subtotal-group-cart .subtotal-item .subtotal-amount {
    font-size: calc( 24px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .subtotal-group-cart-wrap .subtotal-group-cart .subtotal-item .subtotal-amount {
    font-size: calc( 18px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .subtotal-group-cart-wrap .subtotal-group-cart .subtotal-item .subtotal-amount .f-ja {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .subtotal-group-cart-wrap .subtotal-group-cart .subtotal-item .subtotal-amount .f-ja {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .subtotal-group-cart-wrap .subtotal-group-cart .subtotal-item .subtotal-amount .f-ja {
    margin-left: calc( 3px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .subtotal-group-cart-wrap .subtotal-group-cart .subtotal-item .subtotal-amount .f-ja {
    margin-left: calc( 3px * var(--scale));
  }
}
.subtotal-group-cart-wrap .subtotal-group-cart .subtotal-annotation {
  letter-spacing: 0.04em;
  line-height: 1.5;
  border-bottom: 1px solid rgba(102, 100, 100, 0.2);
}
@media all and (min-width: 1140.5px) {
  .subtotal-group-cart-wrap .subtotal-group-cart .subtotal-annotation {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .subtotal-group-cart-wrap .subtotal-group-cart .subtotal-annotation {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .subtotal-group-cart-wrap .subtotal-group-cart .subtotal-annotation {
    margin-bottom: calc( 30px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .subtotal-group-cart-wrap .subtotal-group-cart .subtotal-annotation {
    margin-bottom: calc( 30px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .subtotal-group-cart-wrap .subtotal-group-cart .subtotal-annotation {
    padding-bottom: calc( 30px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .subtotal-group-cart-wrap .subtotal-group-cart .subtotal-annotation {
    padding-bottom: calc( 30px * var(--scale));
  }
}
.subtotal-group-cart-wrap .subtotal-group-cart .subtotal-annotation-link {
  display: flex;
  align-items: center;
  line-height: 1;
}
@media all and (min-width: 1140.5px) {
  .subtotal-group-cart-wrap .subtotal-group-cart .subtotal-annotation-link {
    margin-top: calc( 15px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .subtotal-group-cart-wrap .subtotal-group-cart .subtotal-annotation-link {
    margin-top: calc( 15px * var(--scale));
  }
}
.subtotal-group-cart-wrap .subtotal-group-cart .subtotal-annotation-link .icon {
  position: relative;
  border: 1px solid #666464;
}
@media all and (min-width: 1140.5px) {
  .subtotal-group-cart-wrap .subtotal-group-cart .subtotal-annotation-link .icon {
    border-radius: calc( 8px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .subtotal-group-cart-wrap .subtotal-group-cart .subtotal-annotation-link .icon {
    border-radius: calc( 8px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .subtotal-group-cart-wrap .subtotal-group-cart .subtotal-annotation-link .icon {
    width: calc( 16px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .subtotal-group-cart-wrap .subtotal-group-cart .subtotal-annotation-link .icon {
    width: calc( 16px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .subtotal-group-cart-wrap .subtotal-group-cart .subtotal-annotation-link .icon {
    height: calc( 16px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .subtotal-group-cart-wrap .subtotal-group-cart .subtotal-annotation-link .icon {
    height: calc( 16px * var(--scale));
  }
}
.subtotal-group-cart-wrap .subtotal-group-cart .subtotal-annotation-link .icon::before {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  bottom: 0;
  margin: auto;
  border-top: 1px solid #666464;
  border-right: 1px solid #666464;
  transform: rotate(45deg);
  transform-origin: center;
}
@media all and (min-width: 1140.5px) {
  .subtotal-group-cart-wrap .subtotal-group-cart .subtotal-annotation-link .icon::before {
    left: calc( 4px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .subtotal-group-cart-wrap .subtotal-group-cart .subtotal-annotation-link .icon::before {
    left: calc( 4px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .subtotal-group-cart-wrap .subtotal-group-cart .subtotal-annotation-link .icon::before {
    width: calc( 4px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .subtotal-group-cart-wrap .subtotal-group-cart .subtotal-annotation-link .icon::before {
    width: calc( 4px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .subtotal-group-cart-wrap .subtotal-group-cart .subtotal-annotation-link .icon::before {
    height: calc( 4px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .subtotal-group-cart-wrap .subtotal-group-cart .subtotal-annotation-link .icon::before {
    height: calc( 4px * var(--scale));
  }
}
.subtotal-group-cart-wrap .subtotal-group-cart .subtotal-annotation-link .text {
  color: #666464;
}
@media all and (min-width: 1140.5px) {
  .subtotal-group-cart-wrap .subtotal-group-cart .subtotal-annotation-link .text {
    margin-left: calc( 5px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .subtotal-group-cart-wrap .subtotal-group-cart .subtotal-annotation-link .text {
    margin-left: calc( 5px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .subtotal-group-cart-wrap .subtotal-group-cart .subtotal-annotation-link .text {
    font-size: calc( 12px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .subtotal-group-cart-wrap .subtotal-group-cart .subtotal-annotation-link .text {
    font-size: calc( 12px * var(--scale));
  }
}
.subtotal-group-cart-wrap .subtotal-group-cart .button__flame {
  text-align: center;
  padding: 0;
  width: 100%;
}
@media all and (min-width: 1140.5px) {
  .subtotal-group-cart-wrap .subtotal-group-cart .button__flame {
    margin-top: calc( 30px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .subtotal-group-cart-wrap .subtotal-group-cart .button__flame {
    margin-top: calc( 30px * var(--scale));
  }
}
.subtotal-group-cart-wrap .subtotal-cart-atention {
  letter-spacing: 0.21em;
  text-align: center;
  line-height: 1;
}
@media all and (min-width: 1140.5px) {
  .subtotal-group-cart-wrap .subtotal-cart-atention {
    margin-top: calc( 41px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .subtotal-group-cart-wrap .subtotal-cart-atention {
    margin-top: calc( 28px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .subtotal-group-cart-wrap .subtotal-cart-atention {
    margin-bottom: calc( 16px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .subtotal-group-cart-wrap .subtotal-cart-atention {
    margin-bottom: calc( 15px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .subtotal-group-cart-wrap .subtotal-cart-atention {
    font-size: calc( 12px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .subtotal-group-cart-wrap .subtotal-cart-atention {
    font-size: calc( 10px * var(--scale));
  }
}
.subtotal-group-cart-wrap .continue {
  text-align: center;
}
@media all and (min-width: 1140.5px) {
  .subtotal-group-cart-wrap .continue {
    margin-top: calc( 35px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .subtotal-group-cart-wrap .continue {
    margin-top: calc( 30px * var(--scale));
  }
}
.subtotal-group-cart-wrap .continue .continue-link {
  letter-spacing: 0.15em;
  text-decoration: underline;
}
.subtotal-group-cart-wrap .continue .continue-link:disabled {
  text-decoration: none;
}
.subtotal-group-cart-wrap .cart-customer-container {
  text-align: center;
  border: 1px solid #666464;
}
@media all and (min-width: 1140.5px) {
  .subtotal-group-cart-wrap .cart-customer-container {
    padding: calc( 38px * var(--scale)) calc( 30px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .subtotal-group-cart-wrap .cart-customer-container {
    padding: calc( 25px * var(--scale)) calc( 30px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .subtotal-group-cart-wrap .cart-customer-container + .cart-customer-container {
    margin-top: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .subtotal-group-cart-wrap .cart-customer-container + .cart-customer-container {
    margin-top: calc( 15px * var(--scale));
  }
}
.subtotal-group-cart-wrap .cart-customer-container .button__flame {
  width: 100%;
  padding: 0;
}
.subtotal-group-cart-wrap .cart-customer-container .cart-customer-container-title {
  line-height: 1;
  letter-spacing: 0.15em;
}
@media all and (min-width: 1140.5px) {
  .subtotal-group-cart-wrap .cart-customer-container .cart-customer-container-title {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .subtotal-group-cart-wrap .cart-customer-container .cart-customer-container-title {
    font-size: calc( 12px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .subtotal-group-cart-wrap .cart-customer-container .cart-customer-container-title {
    margin-bottom: calc( 26px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .subtotal-group-cart-wrap .cart-customer-container .cart-customer-container-title {
    margin-bottom: calc( 30px * var(--scale));
  }
}
.subtotal-group-cart-wrap .cart-customer-container .cart-customer-inner input {
  border: 1px solid #666464;
}
@media all and (min-width: 1140.5px) {
  .subtotal-group-cart-wrap .cart-customer-container .cart-customer-inner input {
    height: calc( 45px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .subtotal-group-cart-wrap .cart-customer-container .cart-customer-inner input {
    height: calc( 45px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .subtotal-group-cart-wrap .cart-customer-container .cart-customer-inner input:nth-child(n+2) {
    margin-top: calc( 5px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .subtotal-group-cart-wrap .cart-customer-container .cart-customer-inner input:nth-child(n+2) {
    margin-top: calc( 5px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .subtotal-group-cart-wrap .cart-customer-container .cart-customer-inner input + .button__flame {
    margin-top: calc( 30px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .subtotal-group-cart-wrap .cart-customer-container .cart-customer-inner input + .button__flame {
    margin-top: calc( 30px * var(--scale));
  }
}
.subtotal-group-cart-wrap .cart-customer-container .cart-customer-inner .password-forgot-link {
  line-height: 1;
  letter-spacing: 0.25em;
  text-decoration-line: underline;
}
@media all and (min-width: 1140.5px) {
  .subtotal-group-cart-wrap .cart-customer-container .cart-customer-inner .password-forgot-link {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .subtotal-group-cart-wrap .cart-customer-container .cart-customer-inner .password-forgot-link {
    font-size: calc( 12px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .subtotal-group-cart-wrap .cart-customer-container .cart-customer-inner .password-forgot-link {
    margin-top: calc( 18px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .subtotal-group-cart-wrap .cart-customer-container .cart-customer-inner .password-forgot-link {
    margin-top: calc( 20px * var(--scale));
  }
}
.subtotal-group-cart-wrap .cart-customer-container .cart-customer-inner .password-forgot-link a {
  color: #666464;
}

/* set
*******************/
.set-main-container {
  position: relative;
  display: flex;
}
@media (max-width: 1140.4px) {
  .set-main-container {
    flex-direction: column;
  }
}
@media all and (min-width: 1140.5px) {
  .set-main-container {
    gap: calc( 60px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container {
    gap: calc( 60px * var(--scale));
  }
}
.set-main-container .cart-menu-list {
  width: calc(100% - 60px - 420px);
}
@media (max-width: 1140.4px) {
  .set-main-container .cart-menu-list {
    width: 100%;
  }
}
@media (min-width: 1140.5px) {
  .set-main-container .cart-menu-list .sticky {
    position: sticky;
    right: 0;
    top: 0;
  }
}
.set-main-container .container-ss {
  position: relative;
  flex-shrink: 0;
}
@media (min-width: 1140.5px) {
  .set-main-container .sticky {
    position: sticky;
    top: 0;
    right: 0;
  }
}
.set-main-container .cart-menu-list-item {
  position: relative;
  display: flex;
  align-items: center;
}
@media all and (min-width: 1140.5px) {
  .set-main-container .cart-menu-list-item {
    gap: calc( 30px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .cart-menu-list-item {
    gap: calc( 15px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .set-main-container .cart-menu-list-item {
    padding: calc( 30px * var(--scale)) calc( 0px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .cart-menu-list-item {
    padding: calc( 30px * var(--scale)) calc( 0px * var(--scale));
  }
}
.set-main-container .cart-menu-list-item > form {
  width: 100%;
}
.set-main-container .cart-menu-list-item + .cart-menu-list-item {
  border-top: 1px solid rgba(102, 100, 100, 0.2);
}
.set-main-container .cart-menu-list-item .product {
  flex-grow: 1;
}
.set-main-container .cart-menu-list-item .product-inner {
  display: flex;
}
@media all and (min-width: 1140.5px) {
  .set-main-container .cart-menu-list-item .product-inner {
    gap: calc( 30px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .cart-menu-list-item .product-inner {
    gap: calc( 15px * var(--scale));
  }
}
.set-main-container .cart-menu-list-item .product-inner .pic {
  flex-shrink: 0;
}
@media all and (min-width: 1140.5px) {
  .set-main-container .cart-menu-list-item .product-inner .pic {
    width: calc( 90px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .cart-menu-list-item .product-inner .pic {
    width: calc( 60px * var(--scale));
  }
}
.set-main-container .cart-menu-list-item .product-inner .product-info {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media all and (min-width: 1140.5px) {
  .set-main-container .cart-menu-list-item .product-inner .product-info {
    margin-top: calc( 13px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .cart-menu-list-item .product-inner .product-info {
    margin-top: calc( 10px * var(--scale));
  }
}
.set-main-container .cart-menu-list-item .product-inner .product-info .text-main,
.set-main-container .cart-menu-list-item .product-inner .product-info .text-sub {
  line-height: 1;
  display: block;
}
.set-main-container .cart-menu-list-item .product-inner .product-info .text-main {
  letter-spacing: 0.1em;
}
@media all and (min-width: 1140.5px) {
  .set-main-container .cart-menu-list-item .product-inner .product-info .text-main {
    font-size: calc( 20px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .cart-menu-list-item .product-inner .product-info .text-main {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .set-main-container .cart-menu-list-item .product-inner .product-info .text-main {
    margin-bottom: calc( 5px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .cart-menu-list-item .product-inner .product-info .text-main {
    margin-bottom: calc( 5px * var(--scale));
  }
}
.set-main-container .cart-menu-list-item .product-inner .product-info .text-sub {
  letter-spacing: 0.02em;
}
@media all and (min-width: 1140.5px) {
  .set-main-container .cart-menu-list-item .product-inner .product-info .text-sub {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .cart-menu-list-item .product-inner .product-info .text-sub {
    font-size: calc( 10px * var(--scale));
  }
}
.set-main-container .cart-menu-list-item .product-inner .product-info .price-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media all and (min-width: 1140.5px) {
  .set-main-container .cart-menu-list-item .product-inner .product-info .price-container {
    margin-top: calc( 15px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .cart-menu-list-item .product-inner .product-info .price-container {
    margin-top: calc( 10px * var(--scale));
  }
}
.set-main-container .cart-menu-list-item .product-inner .product-info .price-holder {
  line-height: 1;
}
@media all and (min-width: 1140.5px) {
  .set-main-container .cart-menu-list-item .product-inner .product-info .price-holder {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .cart-menu-list-item .product-inner .product-info .price-holder {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .set-main-container .cart-menu-list-item .product-inner .product-info .price-holder {
    margin-top: calc( 4px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .cart-menu-list-item .product-inner .product-info .price-holder {
    margin-top: calc( 4px * var(--scale));
  }
}
.set-main-container .cart-menu-list-item .product-inner .product-info .price-holder .price {
  letter-spacing: 0.02em;
}
@media all and (min-width: 1140.5px) {
  .set-main-container .cart-menu-list-item .product-inner .product-info .price-holder .price {
    font-size: calc( 16px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .cart-menu-list-item .product-inner .product-info .price-holder .price {
    font-size: calc( 16px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .set-main-container .cart-menu-list-item .product-inner .product-info .quantity-controll .input_option_type {
    width: calc( 153px * var(--scale)) !important;
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .cart-menu-list-item .product-inner .product-info .quantity-controll .input_option_type {
    width: calc( 120px * var(--scale)) !important;
  }
}
.set-main-container .quantity-controll {
  display: flex;
}
.set-main-container .quantity-controll .controll-parts {
  display: flex;
  align-items: center;
  justify-content: center;
  border: #666464 solid 1px;
  border-left: none;
  line-height: 1;
}
@media all and (min-width: 1140.5px) {
  .set-main-container .quantity-controll .controll-parts {
    padding: calc( 0px * var(--scale)) calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .quantity-controll .controll-parts {
    padding: calc( 0px * var(--scale)) calc( 10px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .set-main-container .quantity-controll .controll-parts {
    min-width: calc( 50px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .quantity-controll .controll-parts {
    min-width: calc( 40px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .set-main-container .quantity-controll .controll-parts {
    height: calc( 50px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .quantity-controll .controll-parts {
    height: calc( 40px * var(--scale));
  }
}
.set-main-container .quantity-controll .controll-parts.btn-cut {
  border-left: #666464 solid 1px !important;
}
@media all and (min-width: 1140.5px) {
  .set-main-container .quantity-controll .controll-parts.number {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .quantity-controll .controll-parts.number {
    font-size: calc( 14px * var(--scale));
  }
}
.set-main-container .quantity-controll .controll-parts .icon {
  line-height: 0;
  display: block;
}
@media all and (min-width: 1140.5px) {
  .set-main-container .quantity-controll .controll-parts .icon {
    width: calc( 15px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .quantity-controll .controll-parts .icon {
    width: calc( 15px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .set-main-container .quantity-controll .controll-parts .icon {
    height: calc( 15px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .quantity-controll .controll-parts .icon {
    height: calc( 15px * var(--scale));
  }
}
.set-main-container .subtotal-group-set {
  border: 1px solid #666464;
}
@media all and (min-width: 1140.5px) {
  .set-main-container .subtotal-group-set {
    padding: calc( 40px * var(--scale)) calc( 30px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .subtotal-group-set {
    padding: calc( 40px * var(--scale)) calc( 30px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .set-main-container .subtotal-group-set {
    margin-top: calc( 30px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .subtotal-group-set {
    margin-top: calc( 30px * var(--scale));
  }
}
.set-main-container .subtotal-group-set .set_status {
  display: none;
}
.set-main-container .subtotal-group-set .select-status {
  letter-spacing: 0.15em;
  line-height: 1;
  display: flex;
  justify-content: center;
}
@media all and (min-width: 1140.5px) {
  .set-main-container .subtotal-group-set .select-status {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .subtotal-group-set .select-status {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .set-main-container .subtotal-group-set .select-status {
    margin-bottom: calc( 34px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .subtotal-group-set .select-status {
    margin-bottom: calc( 34px * var(--scale));
  }
}
.set-main-container .subtotal-group-set .select-status .suffix {
  margin-left: 0.5em;
}
@media all and (min-width: 1140.5px) {
  .set-main-container .subtotal-group-set .select_area .title-holder .text-main {
    margin-top: calc( 3px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .subtotal-group-set .select_area .title-holder .text-main {
    margin-top: calc( 3px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .set-main-container .subtotal-group-set .select_area .title-holder .text-sub {
    margin-top: calc( 4px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .subtotal-group-set .select_area .title-holder .text-sub {
    margin-top: calc( 4px * var(--scale));
  }
}
.set-main-container .subtotal-group-set .subtotal-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  letter-spacing: 0.15em;
  line-height: 1;
}
@media all and (min-width: 1140.5px) {
  .set-main-container .subtotal-group-set .subtotal-item {
    margin-bottom: calc( 39px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .subtotal-group-set .subtotal-item {
    margin-bottom: calc( 39px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .set-main-container .subtotal-group-set .subtotal-item .subtotal-label {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .subtotal-group-set .subtotal-item .subtotal-label {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .set-main-container .subtotal-group-set .subtotal-item .subtotal-label {
    margin-bottom: calc( 3px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .subtotal-group-set .subtotal-item .subtotal-label {
    margin-bottom: calc( 3px * var(--scale));
  }
}
.set-main-container .subtotal-group-set .subtotal-item .subtotal-amount {
  flex: 1;
  text-align: right;
}
@media all and (min-width: 1140.5px) {
  .set-main-container .subtotal-group-set .subtotal-item .subtotal-amount {
    font-size: calc( 24px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .subtotal-group-set .subtotal-item .subtotal-amount {
    font-size: calc( 18px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .set-main-container .subtotal-group-set .subtotal-item .subtotal-tax {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .subtotal-group-set .subtotal-item .subtotal-tax {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .set-main-container .subtotal-group-set .subtotal-item .subtotal-tax {
    margin-bottom: calc( 3px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .subtotal-group-set .subtotal-item .subtotal-tax {
    margin-bottom: calc( 3px * var(--scale));
  }
}
.set-main-container .subtotal-group-set .select-item-each {
  border-bottom: 1px solid rgba(102, 100, 100, 0.2);
}
@media all and (min-width: 1140.5px) {
  .set-main-container .subtotal-group-set .select-item-each {
    margin-bottom: calc( 27px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .subtotal-group-set .select-item-each {
    margin-bottom: calc( 27px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .set-main-container .subtotal-group-set .select-item-each {
    padding-bottom: calc( 27px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .subtotal-group-set .select-item-each {
    padding-bottom: calc( 27px * var(--scale));
  }
}
.set-main-container .subtotal-group-set .item-total {
  display: flex;
  line-height: 1;
  letter-spacing: 0.15em;
  border-top: 1px solid rgba(102, 100, 100, 0.2);
}
@media all and (min-width: 1140.5px) {
  .set-main-container .subtotal-group-set .item-total {
    margin-top: calc( 15px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .subtotal-group-set .item-total {
    margin-top: calc( 15px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .set-main-container .subtotal-group-set .item-total {
    padding-top: calc( 15px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .subtotal-group-set .item-total {
    padding-top: calc( 15px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .set-main-container .subtotal-group-set .item-total {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .subtotal-group-set .item-total {
    font-size: calc( 10px * var(--scale));
  }
}
.set-main-container .subtotal-group-set .item-total .item-total-label {
  margin-right: auto;
}
.set-main-container .subtotal-group-set .item-total .item-total-price {
  display: flex;
}
@media all and (min-width: 1140.5px) {
  .set-main-container .subtotal-group-set .item-total .item-total-price {
    margin-left: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .subtotal-group-set .item-total .item-total-price {
    margin-left: calc( 10px * var(--scale));
  }
}
.set-main-container .subtotal-group-set .item-total .item-total-price .price {
  letter-spacing: 0.2em;
}
@media all and (min-width: 1140.5px) {
  .set-main-container .subtotal-group-set .item-total .item-total-price .price {
    font-size: calc( 12px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .subtotal-group-set .item-total .item-total-price .price {
    font-size: calc( 12px * var(--scale));
  }
}
.set-main-container .subtotal-group-set .item-total .item-total-price .price::before {
  content: "¥";
}
@media all and (min-width: 1140.5px) {
  .set-main-container .subtotal-group-set .item-total .item-total-price .suffix {
    margin-left: calc( 3px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .subtotal-group-set .item-total .item-total-price .suffix {
    margin-left: calc( 3px * var(--scale));
  }
}
.set-main-container .subtotal-group-set .title-holder {
  display: flex;
  flex-direction: column;
}
.set-main-container .subtotal-group-set .title-holder .text-shoulder {
  line-height: 1.2;
  letter-spacing: 0.1em;
}
@media all and (min-width: 1140.5px) {
  .set-main-container .subtotal-group-set .title-holder .text-shoulder {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .subtotal-group-set .title-holder .text-shoulder {
    font-size: calc( 10px * var(--scale));
  }
}
.set-main-container .subtotal-group-set .title-holder .text-main {
  line-height: 1.2;
  letter-spacing: 0.18em;
}
@media all and (min-width: 1140.5px) {
  .set-main-container .subtotal-group-set .title-holder .text-main {
    margin-top: calc( 5px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .subtotal-group-set .title-holder .text-main {
    margin-top: calc( 5px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .set-main-container .subtotal-group-set .title-holder .text-main {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .subtotal-group-set .title-holder .text-main {
    font-size: calc( 14px * var(--scale));
  }
}
.set-main-container .subtotal-group-set .title-holder .text-sub {
  letter-spacing: 0.02em;
  line-height: 1;
}
@media all and (min-width: 1140.5px) {
  .set-main-container .subtotal-group-set .title-holder .text-sub {
    margin-top: calc( 5px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .subtotal-group-set .title-holder .text-sub {
    margin-top: calc( 5px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .set-main-container .subtotal-group-set .title-holder .text-sub {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .subtotal-group-set .title-holder .text-sub {
    font-size: calc( 10px * var(--scale));
  }
}
@media all and (min-width: 1140.5px) {
  .set-main-container .subtotal-group-set .button__flame {
    margin-top: calc( 30px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .subtotal-group-set .button__flame {
    margin-top: calc( 30px * var(--scale));
  }
}
.set-main-container .subtotal-group-set .continue {
  text-align: center;
}
@media all and (min-width: 1140.5px) {
  .set-main-container .subtotal-group-set .continue {
    margin-top: calc( 30px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .subtotal-group-set .continue {
    margin-top: calc( 30px * var(--scale));
  }
}
.set-main-container .subtotal-group-set .continue .continue-link {
  text-decoration: underline;
  font-family: "FP-こぶりなゴシック StdN W6", sans-serif;
  font-weight: bold;
  letter-spacing: 0.15em;
}
@media all and (min-width: 1140.5px) {
  .set-main-container .subtotal-group-set .continue .continue-link {
    font-size: calc( 14px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  .set-main-container .subtotal-group-set .continue .continue-link {
    font-size: calc( 12px * var(--scale));
  }
}

[data-page-id=set] .page-title .text-sub {
  letter-spacing: 0.3em;
}
@media all and (min-width: 1140.5px) {
  [data-page-id=set] .page-title .text-sub {
    margin-bottom: calc( 12px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  [data-page-id=set] .page-title .text-sub {
    margin-bottom: calc( 8px * var(--scale));
  }
}
[data-page-id=set] .page-title .text-main {
  line-height: 130%;
  letter-spacing: 0.2em;
}
@media all and (min-width: 1140.5px) {
  [data-page-id=set] .page-title .text-main {
    font-size: calc( 20px * var(--scale));
  }
}
@media all and (max-width: 1140.4px) {
  [data-page-id=set] .page-title .text-main {
    font-size: calc( 16px * var(--scale));
  }
}
/*# sourceMappingURL=main.css.map */