﻿@charset "UTF-8";
/*---- アイコン全共通 ---- */
.block-top-event--goods .block-icon img{
  height: 17px;
  width: auto;
}
/* バリエーション切り替えボタン */
.page-goods .block-variation--name{
  display: none;
}
.page-goods .block-variation-wrapper{
  margin-bottom: 20px;
}
.page-goods .block-variation--selected-item{
  font-size: 0.875rem;
  font-weight: 500;
  line-height: calc(20 / 14);
  letter-spacing: 0.02em;
  color: #000000;
  margin-bottom: 8px;
}
.page-goods .block-variation--item.active{
  border: 1px solid var(--theme-color-primary);
}
.page-goods .block-variation--item-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.page-goods .block-variation--item{
  position: relative;
}
.page-goods .block-variation--item.size-disable-stock:after,
.page-goods .block-variation--item.color-disable-stock:after {
  content:'';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(0,0,0,0.5);
}
.page-goods .block-variation--item.size-disable-stock img,
.page-goods .block-variation--item.color-disable-stock img{
  opacity: 0.5;
}
.page-goods .block-variation--item-description {
  display: none;
}
.page-goods .block-variation--item-term {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  cursor: pointer;
}
.page-goods .block-size--item-term{
  padding: 4px 8px;
  min-width: 50px;
}
.page-goods .block-variation--item-term.block-color--item-term ,
.page-goods .block-color--item-term figure {
  width: 50px;
  height: 50px;
}
.page-goods .block-color--item-term figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* サイズ別カートボタン */
.block-size-with-cart--item {
  margin-bottom: 10px;
  width: 100%;
  display: -webkit-flex;
  display: flex;
}

.block-size-with-cart--item-term {
  border: 2px solid #d0d0d0;
  background-color: #fff;
  width: 54px;
  height: 54px;
  margin-right: 5px;
}

.block-size-with-cart--item-term span {
  display: table-cell;
  word-break: break-all;
  text-align: center;
  vertical-align: middle;
  width: 50px;
  height: 50px;
  padding: 2px;
  font-size: 14px;
}

.block-size-with-cart .block-variation-no-stock--message,
.block-size-with-cart .block-variation-outside-sales-period--message,
.block-size-with-cart .block-goods-variation-arrival-notice--btn,
.block-size-with-cart .block-variation-add-cart--btn {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 54px;
  width: 182px;
}

.block-variation-favorite-registed--btn {
  color: #f9f;
}

.block-size-with-cart .block-variation-favorite {
  margin-left: 5px;
}

.block-size-with-cart .block-variation-favorite--btn,
.block-size-with-cart .block-variation-favorite-registed--btn {
  display: table-cell;
  vertical-align: middle;
  font-size: 24px;
  height: 54px;
  width: 54px;
}
.page-goods .block-goods--reduced-tax,
.page-goods .block-goods--mixed-tax{
  margin: -15px 0 15px 0;
}
/* カラー別カートボタン */
.block-color-with-cart--item {
  margin-bottom: 10px;
  width: 100%;
  display: -webkit-flex;
  display: flex;
}

.block-color-with-cart--item-term {
  border: 2px solid #d0d0d0;
  background-color: #fff;
  width: 54px;
  height: 54px;
  margin-right: 5px;
}

.block-color-with-cart--item-term figure {
  width: 50px;
  height: 50px;
}

.block-color-with-cart--item-term img {
  max-width: 40px;
  max-height: 40px;
}

.block-color-with-cart .block-variation-no-stock--message,
.block-color-with-cart .block-variation-outside-sales-period--message,
.block-color-with-cart .block-goods-variation-arrival-notice--btn,
.block-color-with-cart .block-variation-add-cart--btn {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 54px;
  width: 182px;
}

.block-color-with-cart .block-variation-favorite {
  margin-left: 5px;
}

.block-color-with-cart .block-variation-favorite--btn,
.block-color-with-cart .block-variation-favorite-registed--btn {
  display: table-cell;
  vertical-align: middle;
  font-size: 24px;
  height: 54px;
  width: 54px;
}

/* カラーサイズ別カートボタン */
.block-color-size-with-cart--nocolor {
  width: 54px;
  height: 54px;
  margin-right: 5px;
}

.block-color-size-with-cart--color-line {
  margin-bottom: 10px;
  width: 100%;
  display: -webkit-flex;
  display: flex;
}

.block-color-size-with-cart--size-line {
  margin-bottom: 10px;
  width: 100%;
  display: -webkit-flex;
  display: flex;
}

.block-color-size-with-cart--size-item-term {
  display: inline-block;
  vertical-align: top;
  border: 2px solid #d0d0d0;
  background-color: #fff;
  width: 54px;
  height: 54px;
  margin-right: 5px;
}

.block-color-size-with-cart--size-item-term span {
  display: table-cell;
  word-break: break-all;
  text-align: center;
  vertical-align: middle;
  width: 50px;
  height: 50px;
  padding: 2px;
  font-size: 14px;
}

.block-color-size-with-cart--color-item-term {
  border: 2px solid #d0d0d0;
  background-color: #fff;
  width: 54px;
  height: 54px;
  margin-right: 5px;
}

.block-color-size-with-cart--color-item-term figure {
  width: 50px;
  height: 50px;
}

.block-color-size-with-cart--color-item-term img {
  max-width: 40px;
  max-height: 40px;
}

.block-color-size-with-cart .block-variation-no-stock--message,
.block-color-size-with-cart .block-variation-outside-sales-period--message,
.block-color-size-with-cart .block-goods-variation-arrival-notice--btn,
.block-color-size-with-cart .block-variation-add-cart--btn {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 54px;
  width: 123px;
  font-size: 12px;
}

.block-color-size-with-cart .block-variation-favorite {
  margin-left: 5px;
}

.block-color-size-with-cart .block-variation-favorite--btn,
.block-color-size-with-cart .block-variation-favorite-registed--btn {
  display: table-cell;
  vertical-align: middle;
  font-size: 24px;
  height: 54px;
  width: 54px;
}
.block-goods-price--regular-repeat-price-name,
.block-goods-price--regular-repeat-initial-price-name {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 8px;
}
.block-goods-price--regular-repeat-price-name{
  margin-top: 20px;
}
.block-goods-price--regular-repeat-default-price{
  width: 100%;
}
/* ----関連商品---- */
.page-goods .block-goods-set,
.page-goods .block-accessory-list {
  width: 100%;
  margin-bottom: 100px;
}
.page-goods .block-goods-set{
  margin-top: 10px;
}
.page-goods .block-accessory-list.middle{
  position: relative;
  width: 100vw;
  left:calc(-1 * var(--sp-padding-left-or-right));
  display: flex;
  flex-direction: column;
  gap: 40px 0;
}
.page-goods .block-goods-set--header,
.page-goods .block-accessory-list--name{
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: calc(24 / 18);
  text-align: center;
}
.page-goods .block-goods-set--header:after,
.page-goods .block-accessory-list--name:after{
  content:'';
  display: block;
  width: 20px;
  height: 1px;
  background-color: var(--theme-color-primary);
  text-align: center;
  margin: 17px auto 20px auto;
}
.block-accessory-list .accessory-icon{
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.block-accessory-list .accessory-icon > *{
  background-color: #fff;
  padding: 2px 8px;
}
.block-accessory-list .accessory-icon *{
  font-size: 0.75rem;
  line-height: calc(20 / 12);
  letter-spacing: 0.02em;
}

/* ----ユーザーレビュー画面---- */

.block-goods-user-review {
  margin-bottom: 10px;
}

.block-goods-user-review h2 {
  margin: 10px 0;
  padding-right: 10px;
  padding-left: 10px;
}

.block-goods-user-review--info {
  padding: 10px;
  background: #eee;
}

.block-goods-user-review--count-summary {
  margin-bottom: 5px;
  padding: 6px;
  background: #fff;
  border: 1px solid var(--goods-border-color);
}

.block-goods-user-review--score dt {
  display: inline;
  font-weight: bold;
}

.block-goods-user-review--score dd {
  display: inline;
}

.block-goods-user-review--score dd img {
  height: 17px;
  position: relative;
  top: -3px;
}

.block-goods-user-review--count dt {
  display: inline;
  font-weight: bold;
}

.block-goods-user-review--count dd {
  display: inline;
}

.block-goods-user-review--write-review {
  text-align: right;
}

.block-goods-user-review--write-review a {
  text-decoration: underline;
  background-size: 14px 14px;
  padding: 0 0 0 20px;
}

.block-goods-user-review--item {
  padding: 10px;
  border-bottom: 1px solid var(--goods-border-color);
}

.block-goods-user-review--item-title {
  padding: 0;
  margin-bottom: 10px;
}

.block-goods-user-review--item-summary dt {
  display: inline;
}

.block-goods-user-review--item-summary dd {
  display: inline;
}

.block-goods-user-review--item-score dd img {
  height: 17px;
  position: relative;
  top: -3px;
}

.block-goods-user-review--item-moderate-vote {
  border-top: var(--goods-border-color) 1px dotted;
  padding: 10px 0;
}

.block-goods-user-review--item-moderate-link {
  text-decoration: underline;
}

.block-goods-user-review--item-moderate-other-link {
  text-decoration: underline;
}

.block-goods-user-review--pagenav {
  margin: 0 0 10px 0;
  clear: both;
  background: #f0f0f0;
  padding: 5px 10px;
  border-bottom: 1px solid var(--goods-border-color);
}

.block-goods-user-review--pager-now {
  margin: 2px 5px;
  color: #c00;
  font-weight: bold;
  white-space: nowrap;
}

.block-goods-user-review--ref {
  margin: 2px 5px;
  color: #003780;
  text-decoration: underline;
  font-weight: bold;
  white-space: nowrap;
}

.block-goods-user-review--readmore a {
  text-decoration: underline;
}

.block-goods-user-review--item-moderate-underestimate {
  padding-left: 10px;
}

.block-goods-user-review--item-moderate-underestimate dt {
  display: inline;
}

.block-goods-user-review--item-moderate-underestimate dd {
  display: inline;
}

.block-goods-user-review--item-moderate-overestimate {
  padding-left: 10px;
}

.block-goods-user-review--item-moderate-overestimate dt {
  display: inline;
}

.block-goods-user-review--item-moderate-overestimate dd {
  display: inline;
}

.block-goods-user-review .dropdown {
  z-index: 1;
}

.block-goods-user-review--form {
  margin: 10px 10px 0;
}

.block-goods-user-review--write-review-btn {
  width: 100%;
  padding: 10px 0;
}

.block-goods-user-review--form + form .block-goods-detail-footer {
  margin-top: -10px;
}

.block-user-review {
  margin: 10px;
}

.block-user-review--header {
  margin: -10px -10px 0;
}

.block-user-review--review-body textarea {
  width: 100%;
}

.block-user-review--review-contribution-conditions h3 {
  padding: 10px 0;
}

.block-user-review--item-header {
  margin: 0 -10px 10px;
}

.block-user-review--message a {
  text-decoration: underline;
}

.block-user-review--evaluator-name dt {
  display: inline;
}

.block-user-review--evaluator-name dd {
  display: inline;
}

.block-user-review--evaluation {
  margin-right: 10px;
  margin-left: 10px;
}

.block-user-review--evaluation-score dt {
  display: inline;
}

.block-user-review--evaluation-score dd img {
  height: 17px;
  position: relative;
  top: -3px;
}

.block-user-review--evaluation-score dd {
  display: inline;
}

.block-user-review--review-item {
  margin: 10px -10px 10px;
}

.block-user-review--review-header {
  margin-right: 10px;
  margin-left: 10px;
  padding-right: 0;
  padding-left: 0;
}

.block-user-review--review-item:first-child {
  border-top: 1px solid var(--goods-border-color);
}

.block-user-review--evaluation-message {
  margin: 10px 10px 0;
}

.block-user-review--review-comment {
  padding: 10px;
  border-bottom: 1px solid var(--goods-border-color);
}

.block-user-review--review-item .action-buttons {
  margin-right: 10px;
  margin-left: 10px;
}

.block-user-review-completed {
  margin: 10px;
}

.block-user-review-completed--header {
  margin: -10px -10px 0;
}

.block-user-review-completed--message-header {
  margin: 0 -10px 10px;
}

/* ----イベント画面---- */

.block-event-page--goods {
  margin: 0 0 10px 0;
}

.block-event-page--comment {
  margin: 0 10px 10px 10px;
}

/* ----店舗在庫画面---- */

.block-store-stock {
  margin: 10px;
}

.block-store-stock-goods-img-l {
  margin-bottom: 10px;
}

.block-store-stock-name--header {
  background: transparent;
  margin: -10px -10px 0;
}

.block-store-stock--goods-detail {
  margin-bottom: 10px;
}

.block-store-stock-goods {
  margin-bottom: 10px;
}

.block-store-stock--header {
  margin: 10px -10px 10px;
}

.block-store-stock--message {
  border: solid 1px  var(--text-color-alert);
  color:  var(--text-color-alert);
  padding: 10px;
  margin-bottom: 10px;
}

.block-store-stock--div-name {
  font-weight: bold;
}

.block-store-stock--list {
  border: 1px solid var(--goods-border-color);
  margin-bottom: 10px;
}

.block-store-stock--list dd {
  padding: 5px 5px 5px 12px;
}

.block-store-stock--item {
  padding-right: 12px;
}

.block-store-stock--item a {
  text-decoration: underline;
}

/* ----アイコン---- */
.page-estimate .block-icon,
.page-topic .block-icon,
.page-cart .block-icon,
.page-method .block-icon,
.page-event .block-icon,
.page-category .block-icon,
.page-search .block-icon,
.page-genre .block-icon,
.page-bookmark .block-icon,
.page-goods .block-icon{
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 15px;
}
.page-estimate .block-icon,
.page-topic .block-icon,
.page-cart .block-icon,
.page-method .block-icon,
.page-bookmark .block-icon,
[data-style-list] .block-icon{
  display: none;
}
.block-accessory-list--list [data-style-list] .block-icon{
  display: flex;
  display: none!important;
}
.block-ranking-r [data-style-list] .block-icon{
  display: flex;
  position: absolute;
  top: 5px;
  right: 5px;
  display: none!important;
}
.block-ranking-r [data-style-list] .block-icon >*:not(.block-icon--auto-on-sales):not(.block-icon--auto-new){
  display: none;
}
.page-goods .block-icon img {
  width: auto;
  height: auto;
}
.page-goods .block-icon{
  margin-bottom: 15px;
}
/* ----商品一覧画面----*/

/* 表示方法 */
.block-style--header {
  display: table;
  table-layout: fixed;
  width: 100%;
  background-color: #dcdcdc;
}

.block-style--expand-icon {
  display: table-cell;
  height: 43px;
  width: 40px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  text-align: left;
  cursor: pointer;
}

.block-style--element {
  display: none;
}

.block-style--close i:before {
  content: "\f067";
}

.block-sort--select {
  display: table-cell;
  padding-left: 10px;
  vertical-align: middle;
  height: 43px;
}

/* 並び替え */
.block-sort--header {
  display: table;
  table-layout: fixed;
  width: 100%;
  background-color: #dcdcdc;
}

.block-sort--expand-icon {
  display: table-cell;
  height: 43px;
  width: 40px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  text-align: left;
  cursor: pointer;
}

.block-sort--element {
  display: none;
}

.block-sort--close i:before {
  content: "\f067";
}

.block-goods-list--display-style-items-selectbox {
  padding-left: 10px;
}

.block-style--select {
  display: table-cell;
  padding-left: 10px;
  vertical-align: middle;
  height: 43px;
}

/* ページャ */
.block-goods-list-naviframe {
  margin-bottom: 10px;
  text-align: center;
}

/* 自動読み込み */
.block-goods-list-auto-load {
  text-align: center;
  margin: 10px 0;
}

.block-goods-list-auto-load--loading {
  font-size: 60px;
  display: none;
}

.block-goods-list-auto-load--continue span {
  text-decoration: underline;
}
/* ----ジャンル画面：サブジャンル---- */
.block-genre-style{
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto 100px auto;
  align-items: stretch;
  gap: 28px var(--sp-padding-left-or-right);
  width: calc(100% - 2 * var(--sp-padding-left-or-right));
}
body:not(.page-top) .block-genre-style--item {
  width: calc((100% - var(--sp-padding-left-or-right)) / 2);
  padding: 0;
}
.block-genre-style--item-name a{
  display: block;
}
.block-genre-style--item img{
  width: 100%;
  aspect-ratio: 1 / 1;
}
.block-genre-style--item .link{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%
}
.block-genre-style--item-name {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: calc(20 / 14);
  letter-spacing: 0.05em;
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 12px 0 0 0;
}
/* ----商品一覧画面：ピックアップ / N / ランキング---- */
body:not(.page-top) .block-ranking-r--items:not(.swiper-wrapper),
body:not(.page-top) .block-goods-name-n--items:not(.swiper-wrapper),
.block-pickup-list-p--items:not(.swiper-wrapper){
  display: flex;
  flex-wrap: wrap;
  gap:25px var(--sp-padding-left-or-right);
  padding:0 var(--sp-padding-left-or-right);
}
.page-search [data-style-list]{
  padding-left: 0;
  padding-right: 0;
}
body:not(.page-top) .block-ranking-r--items:not(.swiper-wrapper),
body:not(.page-top) .block-goods-name-n--items:not(.swiper-wrapper),
body:not(.page-top) .block-pickup-list-p--items:not(.swiper-wrapper){
  margin: auto;
}
body:not(.page-top) .block-ranking-r--items:not(.swiper-wrapper) > li ,
body:not(.page-top) .block-goods-name-n--items:not(.swiper-wrapper) > li ,
.block-pickup-list-p--items:not(.swiper-wrapper) > li {
  width: calc((100% - var(--sp-padding-left-or-right)) / 2);
}
[data-event-slider-index]  .img-center,
body:not(.page-top) .block-ranking-r--goods-image .img-center,
body:not(.page-top) .block-goods-name-n--goods-image .img-center,
.block-pickup-list-p--image .img-center {
  width: 100%;
  margin-bottom: 15px;
}
body:not(.page-top) .block-ranking-r--goods-image .img-center,
body:not(.page-top) .block-goods-name-n--goods-image .img-center{
  display: none;
}
body:not(.page-top) .block-ranking-r--goods-image .img-center.img-c,
body:not(.page-top) .block-goods-name-n--goods-image .img-center.img-c{
  display: block;
}
[data-event-slider-index] .img-center img,
body:not(.page-top) .block-ranking-r--image .img-center img,
body:not(.page-top) .block-goods-name-n--image .img-center img,
.block-pickup-list-p--image .img-center img{
  width: 100%;
  vertical-align: top;
  aspect-ratio: 1;
}
[data-event-slider-index] [class*="--comment "],
body:not(.page-top) .block-ranking-r--comment,
body:not(.page-top) .block-goods-name-n--comment,
.block-pickup-list-p--comment {
  display: none;
}
[data-event-slider-index] .variation-name,
[data-event-slider-index] [class*="--goods-name"],
[data-event-slider-index] [class*="--goods-name"] a,
body:not(.page-top) .block-ranking-r .variation-name,
body:not(.page-top) .block-ranking-r--goods-name,
body:not(.page-top) .block-ranking-r--goods-name a,
body:not(.page-top) .block-goods-name-n .variation-name,
body:not(.page-top) .block-goods-name-n--goods-name,
body:not(.page-top) .block-goods-name-n--goods-name a,
.block-pickup-list-p .variation-name,
.block-pickup-list-p--goods-name,
.block-pickup-list-p--goods-name a {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: calc(20 / 14);
  letter-spacing: 0.05em;
  color: var(--text-color-primary);
}
[data-event-slider-index] [class*="--goods-name-wrapper"],
body:not(.page-top) .block-ranking-r--goods-name-wrapper,
body:not(.page-top) .block-goods-name-n--goods-name-wrapper,
.block-pickup-list-p--goods-name-wrapper{
  margin-bottom: 10px;
}

[data-event-slider-index] .net-price,
[data-event-slider-index] .default-price,
[data-event-slider-index] .price ,
body:not(.page-top) .block-ranking-r .net-price,
body:not(.page-top) .block-ranking-r .default-price,
body:not(.page-top) .block-ranking-r .price ,
body:not(.page-top) .block-goods-name-n .net-price,
body:not(.page-top) .block-goods-name-n .default-price,
body:not(.page-top) .block-goods-name-n .price ,
.block-pickup-list-p .net-price,
.block-pickup-list-p .default-price,
.block-pickup-list-p .price {
  font-size: 0.8125rem;
  color: var(--text-color-primary);
  font-weight: 300;
  line-height: calc(17 / 13);
  letter-spacing: 0.2em;
  font-family: var(--font-family-alpha);
}
[data-event-slider-index] .default-price,
body:not(.page-top) .block-ranking-r .default-price,
body:not(.page-top) .block-goods-name-n .default-price,
.block-pickup-list-p .default-price{
  display: none;
}
/*
[data-event-slider-index] .price:after,
body:not(.page-top) .block-ranking-r .price:after,
body:not(.page-top) .block-goods-name-n .price:after,
.block-pickup-list-p .price:after{
  content:'';
  display: none;
}
*/
[data-event-slider-index] [class*="--scomment"],
.block-ranking-r--scomment ,
.block-goods-name-n--scomment ,
.block-pickup-list-p--scomment {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: calc(14 / 12);
  letter-spacing: 0.05em;
  color: var(--goods-scomment-text-color);
  margin-bottom: 11px;
}
[data-event-slider-index] .variation-list-wrapper,
body:not(.page-top) .block-ranking-r .variation-list-wrapper,
body:not(.page-top) .block-goods-name-n .variation-list-wrapper,
.block-pickup-list-p .variation-list-wrapper{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px 3px;
  margin-bottom: 20px;
}
[data-event-slider-index] .variation-list-wrapper > li,
body:not(.page-top) .block-ranking-r .variation-list-wrapper > li,
body:not(.page-top) .block-goods-name-n .variation-list-wrapper > li,
.block-pickup-list-p .variation-list-wrapper > li{
  width: calc(20 / 375 * 100vw);
  aspect-ratio: 1;
}
[data-event-slider-index] .variation-list-wrapper > li.active a,
body:not(.page-top) .block-ranking-r .variation-list-wrapper > li.active a,
.block-pickup-list-p .variation-list-wrapper > li.active a{
  border: 1px solid var(--theme-color-primary);
}
[data-event-slider-index] .variation-list-wrapper > li a,
body:not(.page-top) .block-ranking-r .variation-list-wrapper > li a,
body:not(.page-top) .block-goods-name-n .variation-list-wrapper > li a,
.block-pickup-list-p .variation-list-wrapper > li a{
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid var(--goods-border-color);
  position: relative;
}
[data-event-slider-index] .variation-list-wrapper > li a.disable-qty:before,
body:not(.page-top) .block-ranking-r .variation-list-wrapper > li a.disable-qty:before,
body:not(.page-top) .block-goods-name-n .variation-list-wrapper > li a.disable-qty:before,
.block-pickup-list-p .variation-list-wrapper > li a.disable-qty:before{
  content:'';
  display: block;
  background-color: rgba(204,204,204,0.5);
  mix-blend-mode: color;
  width: 100%;
  height: 100%;
  z-index: 1;
  top: 0;
  left: 0;
  position: absolute;
}
.block-ranking-r--goods{
  position: relative;
}
[data-event-slider-index]  .variation-list-wrapper > li img,
body:not(.page-top) .block-ranking-r .variation-list-wrapper > li img,
body:not(.page-top) .block-goods-name-n .variation-list-wrapper > li img,
.block-pickup-list-p .variation-list-wrapper > li img{
  vertical-align: top;
}
.block-ranking-r--rank{
  position: absolute;
  top: 0;
  left: 0;
  background-color: #848484;
  color: #fff;
  width: 30px;
  height: 30px;
  display: flex!important;
  align-items: center;
  justify-content: center;
  border-radius: 0;
}
.block-ranking-r--rank-1,
.block-ranking-r--rank-2,
.block-ranking-r--rank-3{
  background-color: var(--theme-color-primary);
}
.block-ranking-r--goods-image .link,
.block-ranking-r--goods-image img{
  aspect-ratio: 1;
  display: block;
  background-color: var(--theme-color-secondary);
}

/* ---- イベント用　ランキング ---- */
.block-ranking-r-e .block-icon{
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 4px;
  display: none!important;
}
.block-ranking-r-e--items{
  display: flex;
  flex-direction: column;
}
.block-ranking-r-e--rank:before{
  content:'No.';
  font-size: 1.3125rem;
  font-weight: 300;
  font-family: var(--font-family-alpha);
  letter-spacing: 0.2em;
  line-height: calc(28 / 21);
  display: inline;
}
.block-ranking-r-e--rank{
  font-size: 1.3125rem;
  font-weight: 300;
  font-family: var(--font-family-alpha);
  letter-spacing: 0.2em;
  line-height: calc(28 / 21);
  margin: 0 0 10px 0;
}
.block-ranking-r-e [data-style-item]{
  border-bottom: 1px solid var(--goods-border-color);
}
.block-ranking-r-e--goods{
  padding: 30px 0 30px 0;
}
.block-ranking-r-e--goods-image-wrapper{
  display: flex;
  gap: 0 15px;
}
.block-ranking-r-e--goods-image .img-center{
  width: calc(120 / 375 * 100vw);
  height: calc(120 / 375 * 100vw);
  display: none;
  align-items: center;
  justify-content: center;
}
.block-ranking-r-e--goods-image .img-center.img-c{
  display: flex;
}
.block-ranking-r-e--goods-image .img-center img{
  width: 100%;
  height: auto;
}
.block-ranking-r-e--goods-name{
  margin-top:15px;
  font-size: 0.8125rem;
  letter-spacing: 0.05em;
  line-height: calc(18 / 13);
  font-weight: 500;
}
.block-ranking-r-e--scomment{
  display: none;
}
.block-ranking-r-e--price-items{
  margin-top:5px;
}
.block-ranking-r-e--price{
  font-size: 0.8125rem;
  font-family: var(--font-family-alpha);
  font-weight: 300;
  letter-spacing: 0.12em;
  line-height: calc(17 / 13);
}
/*
.block-ranking-r-e .price:after{
  content:'';
  display: none;
}
*/
.block-ranking-r-e--default-price{
  display: none;
}
/* ----商品一覧画面：サムネイル：block-thumbnail-t---- */
.block-thumbnail-t{
  display: flex;
  flex-direction: column;
  gap: 40px 0;
  width: 100%;
  margin: 0 auto 80px;
}
.block-thumbnail-t--goods{
  display: flex;
  flex-direction: column;
  height: 100%;
}
.block-thumbnail-t > [data-style-item]{
  width: 100%;
  border: 1px solid #CCCCCC;
  padding: 30px calc(20 / 375 * 100vw);
}
.block-thumbnail-t--goods-image{
  width: calc(120 / 375 * 100vw);
  aspect-ratio: 1;
  flex-shrink: 0;
}
.block-thumbnail-t--goods-top{
  display: flex;
  gap: 0 calc(15 / 375 * 100vw);
}
.block-thumbnail-t--goods-description{
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.block-thumbnail-t--goods-bottom{
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-end;
}
.block-thumbnail-t--goods-name{
  font-size: 1rem;
  line-height: calc(22 / 16);
  letter-spacing: 0.2em;
  margin-bottom: 8px;
  font-family: var(--font-family-alpha);
  font-weight: 300;
}
.block-thumbnail-t--link-wrapper a{
  height: 60px;
  display: inline-flex;
  align-items: center;
  position: relative;
  padding: 0 55px 0 20px;
  width: calc(305 / 375 * 100vw);
  font-size: 1.25rem;
  font-weight: 300;
  line-height: calc(26 / 20);
  letter-spacing: 0.02em;
  background: var(--theme-color-primary);
  color: #fff;
  font-family: var(--font-family-alpha);
  margin-top: 25px;
}
.block-thumbnail-t--link-wrapper a:after{
  content: '';
  background-image: url(../../img/usr/common/arrow-white-more@2x.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 30px;
  height: 4px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  display: block;
}
.block-thumbnail-t--goods-text{
  margin-top:18px;
}
.block-thumbnail-t--goods-text > *{
  font-size: 0.75rem;
  font-weight: 500;
  line-height: calc(19 / 14);
  letter-spacing: 0.06em;
}
.block-thumbnail-t--price-items{
  display: flex;
  flex-direction: column;
  gap: 8px 0;
}
.block-thumbnail-t .price,
.block-thumbnail-t .default-price,
.block-thumbnail-t .netprice{
    font-size: 0.875rem;
    color: #333333;
    font-weight: 500;
    line-height: calc(17 / 14);
    font-family: var(--font-family-kana);
}
.block-thumbnail-t .default-price:after,
.block-thumbnail-t .net-price:after{
  font-size: 0.75rem;
}
.block-thumbnail-t .price:after,
.block-thumbnail-t .default-price,
.block-thumbnail-t .netprice{
  display: none;
}
/* ----商品一覧画面：サムネイル(閲覧履歴)：block-thumbnail-h---- */
.block-thumbnail-h .variation-name,
.block-thumbnail-h--goods-name{
  font-size: 0.875rem;
  font-weight: 500;
  line-height: calc(20 / 14);
  letter-spacing: 0.05em;
}
.block-thumbnail-h--goods-name-wrapper{
  margin-bottom: 10px;
}
.block-thumbnail-h .img-center {
  margin-bottom: 15px;
}
.block-thumbnail-h--price{
  font-size: 0.8125rem;
  line-height: calc(17 / 13);
  letter-spacing: 0.2em;
  font-weight: 300;
  font-family: var(--font-family-alpha);
}
.block-thumbnail-h--scomment,
.block-thumbnail-h--default-price{
  display: none;
}
/*
.block-thumbnail-h--price:after{
  display: none;
}
*/


/* ----商品一覧画面：買い物かご：block-cart-i---- */

.block-cart-i--items {
  border-top: 1px solid var(--goods-border-color);
  font-size: 0;
  padding: 10px 10px 0 0;
}

.block-cart-i--items li {
  width: 25%;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  padding-left: 10px;
  padding-bottom: 10px;
}

.block-cart-i--items li a {
  text-decoration: none;
}

.block-cart-i--goods-image {
  width: 100%;
  margin-bottom: 5px;
}

.block-cart-i--goods-image figure {
  width: 100%;
  min-width: 70px;
  min-height: 70px;
}

.block-cart-i--goods-description {
  word-wrap: break-word;
  font-size: 12px;
}

/* ----商品一覧画面：商品詳細：block-goods-detail-j---- */

.block-goods-detail-j--items {
  display: flex;
  flex-direction: column;
}

.block-goods-detail-j--items li {
  border-top: 1px solid var(--goods-border-color);
}
.block-goods-detail-j--items li:last-of-type{
  border-bottom: 1px solid var(--goods-border-color);
}
.block-goods-detail-j--items li .link {
  padding: 10px var(--sp-padding-left-or-right);
  display: flex;
  gap: 0 calc(20 / 375 * 100vw);
}

.block-goods-detail-j .img-center {
  width: calc(150 / 375 * 100vw);
  height: calc(150 / 375 * 100vw);
}

.block-goods-detail-j .img-center img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.block-goods-detail-j .variation-name,
.block-goods-detail-j--goods-name{
  font-size: 0.875rem;
  font-weight: 500;
  line-height: calc(20 / 14);
  letter-spacing: 0.05em;
}
.block-goods-detail-j--goods-name-wrapper{
  margin-bottom: 10px;
}
.block-goods-detail-j--price{
  font-size: 0.8125rem;
  line-height: calc(17 / 13);
  letter-spacing: 0.2em;
  font-weight: 300;
  font-family: var(--font-family-alpha);
}
.block-goods-detail-j--scomment,
.block-goods-detail-j--default-price,
.block-goods-detail-j--goods .price::after{
  display: none;
}
/* ----商品一覧画面：一覧：block-goods-list-l---- */

.block-goods-list-l--items{
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}
.block-goods-list-l--items > li{
  padding: 25px var(--sp-padding-left-or-right);
  background-color: var(--theme-color-secondary);
}
.block-goods-list-l--inner{
  display: flex;
  gap: 0 var(--sp-padding-left-or-right);
}
.block-goods-list-l--inner > .block-left{
  flex-shrink: 0;
}
.block-goods-list-l--inner > .block-right{
  flex-grow: 1;
}
.block-goods-list-l .block-icon{
  margin-bottom: 8px;
}
.block-goods-list-l--goods-image .img-center{
  width: calc(85 / 375 * 100vw);
}
.block-goods-list-l--goods-image .img-center img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.block-goods-list-l .variation-name,
.block-goods-list-l--goods-name{
  font-size: 0.875rem;
  font-weight: 500;
  line-height: calc(20 / 14);
  letter-spacing: 0.02em;
  color: var(--text-color-primary);
}
.block-goods-list-l .price {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: calc(24 / 18);
  letter-spacing: 0.12em;
  font-family: var(--font-family-alpha);
  color: var(--text-color-primary);
  text-align: right;
}
.block-goods-list-l .price:after{
  font-size: 0.625rem;
  font-weight: 700;
  line-height: calc(13 / 19);
  letter-spacing: 0.05em;
  margin-left: 5px;
  transform: scale(0.9);
}
.block-goods-list-l--comment{
  font-size: 0.875rem;
  font-weight: 500;
  line-height: calc(20 / 14);
  letter-spacing: 0.02em;
  color: var(--text-color-primary);
  margin-top: 10px;
}
.block-goods-list-l--scomment,
.block-goods-list-l--default-price{
  display: none;
}
.block-goods-list-l--add-cart{
  margin-top: 15px;
}
.block-goods-list-l--add-cart .block-list-add-cart-btn {
  width: 100%;
  height: 46px;
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 calc(55 / 375 * 100vw) 0 calc(25 / 375 * 100vw);
  font-size: 1rem;
  font-weight: 500;
  line-height: calc(20 / 16);
  letter-spacing: 0.02em;
}
.block-goods-list-l--add-cart .block-list-add-cart-btn .block-loading-min{
  left: 50%;
  transform: translateX(-50%);
}
.block-goods-list-l--add-cart .block-list-add-cart-btn:after{
  content:'';
  background-image: url('../../img/usr/common/arrow-white-more@2x.png');
  background-repeat: no-repeat;
  background-size: contain;
  width: 23px;
  height: 3px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: var(--sp-padding-left-or-right);
  display: block;
}
/* ----商品一覧画面：リスト：block-list-s---- */

.block-list-s--items{
  width: 100vw;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}
.block-goods-set .block-list-s--items{
  left:calc(-1 * var(--sp-padding-left-or-right));
}
.block-list-s--items > li{
  background-color: var(--theme-color-secondary);
}
.block-list-s--inner{
  display: flex;
  gap: 0 20px;
  align-items: stretch;
}
.block-list-s--inner .block-left{
  flex-shrink: 0;
  padding: 25px 0 25px var(--sp-padding-left-or-right);
}
.block-list-s--inner .block-right{
  position: relative;
  flex-grow: 1;
  padding: 25px calc(45 / 375 * 100vw) 25px 0;
  display: flex;
  align-items: center;
}
.block-list-s .img-center{
  width: 50px;
  height: 50px;
  background-color: #fff;
}
.block-list-s .img-center img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.block-list-s--goods-name{
  font-size: 0.875rem;
  font-weight: 500;
  line-height: calc(20 / 14);
  letter-spacing: 0.02em;
  color: var(--text-color-primary);
  flex-shrink: 0;
}
.block-list-s--items .variation-name{
  font-size: 0.875rem;
  font-weight: 500;
  line-height: calc(20 / 14);
  letter-spacing: 0.02em;
  color: var(--text-color-primary);
}
.block-list-s--inner.block-goods-set--item-name-link .block-right:after{
  content:'';
  background-image: url('../../img/usr/common/arrow-black-more.png');
  background-repeat: no-repeat;
  background-size: contain;
  width: 30px;
  height: 4px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: var(--sp-padding-left-or-right);
  display: block;
}
.block-list-s .block-goods-set--item-qty{
  font-size: 0.875rem;
  font-weight: 500;
  line-height:calc(20 / 14);
  letter-spacing: 0.02em;
  flex-shrink: 0;
  margin:0 10px;
}
.block-list-s .block-goods-set--item-qty:before{
  content:'\00d7';
}
/* ----商品一覧画面：ブランド画面：block-goods-list-x---- */

.block-goods-list-x--items {
  border-top: 1px solid var(--goods-border-color);
  font-size: 0;
  padding: 10px 10px 0 0;
}

.block-goods-list-x--items li {
  width: 25%;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  padding-left: 10px;
  padding-bottom: 10px;
}

.block-goods-list-x--items li a {
  text-decoration: none;
}

.block-goods-list-x--goods-image {
  width: 100%;
  margin-bottom: 5px;
}

.block-goods-list-x--goods-image figure {
  width: 100%;
  min-width: 70px;
  min-height: 70px;
}

/* ----商品一覧画面：カート画面：block-goods-list-c---- */

.block-goods-list-c--items {
  border-top: 1px solid var(--goods-border-color);
  font-size: 0;
  padding: 10px 10px 0 0;
}

.block-goods-list-c--items li {
  width: 25%;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  padding-left: 10px;
  padding-bottom: 10px;
}

.block-goods-list-c--items li a {
  text-decoration: none;
}

.block-goods-list-c--goods-image {
  width: 100%;
  margin-bottom: 5px;
}

.block-goods-list-c--goods-image figure {
  width: 100%;
  min-width: 70px;
  min-height: 70px;
}
/*-- 商品一覧共通 --*/
[data-style-list] .variation-name .v-space:before{
  content:' ';
}
[data-style-list] .variation-name .v-space,
[data-style-list] .variation-name .v-1{
  display: none;
}
[data-style-list="true"] .variation-name{
  display: none!important;
}
[data-style-list] .net-price{
  display: none;
}
[data-style-list] .price:after{
  font-size: 0.75rem;
}
/* ----カテゴリー画面---- */

.block-category-list--goods {
  margin: 0 0 10px 0;
}

.block-category-list--promotion-freespace {
  margin: 0 10px 10px 10px;
}

.block-category-list--comment {
  margin: 0 10px 10px 10px;
}

/* ----カテゴリー画面：一覧：block-category-style-l---- */

.block-category-style-l--items {
  border-top: 1px solid var(--goods-border-color);
}

.block-category-style-l--item {
  border-bottom: 1px solid var(--goods-border-color);
  background-color: #fff;
  min-height: 43px;
  position: relative;
}

.block-category-style-l--item-container {
  display: table;
  width: 100%;
}

.block-category-style-l--body {
  display: table-cell;
  height: 43px;
  vertical-align: middle;
  text-align: left;
  padding: 0 5px 0 0;
}

.block-category-style-l--item a {
  padding: 0 5px 0 0;
  text-decoration: none;
}

.block-category-style-l--name {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding-left: 10px;
}

.block-category-style-l--image {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding-left: 10px;
}

.block-category-style-l--image figure {
  width: 43px;
  height: 43px;
}
/* ----カテゴリー画面：ピックアップ：block-category-style-p---- */
.block-category-style-p{
  display: flex;
  flex-wrap: wrap;
  margin: 100px auto 0 auto;
  margin: 0 auto 0 auto;
  align-items: stretch;
  gap: 20px var(--sp-padding-left-or-right);
  width: calc(100% - 2 * var(--sp-padding-left-or-right));
}

.block-category-style-p--item {
  width: calc((100% - var(--sp-padding-left-or-right)) / 2);
  border: 1px solid var(--goods-border-color);
  padding: 20px 0;
}
.block-category-style-p--item .link{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.block-category-style-p--item-name {
  display: none !important;
  font-size: 1rem;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: calc(20 / 16);
  letter-spacing: 0.05em;
  width: 100%;
  text-align: center;
  padding: 0 0 10px 0;
  margin: 0;
}
.block-category-style-p--item-image {
  width: 100%
}
.block-category-style-p--item-image img{
  width: 100%;
}
.block-category-style-p--description{
  display: none;
}

/* ----カテゴリー画面：孫カテゴリ：block-category-style-g---- */

.block-category-style-g{
  display: flex;
  flex-wrap: wrap;
  margin: 100px auto 50px auto;
  align-items: stretch;
  gap: 20px var(--sp-padding-left-or-right);
  width: calc(100% - 2 * var(--sp-padding-left-or-right));
}

.block-category-style-g--item {
  width: calc((100% - var(--sp-padding-left-or-right)) / 2);
  border: 1px solid var(--goods-border-color);
  padding: 20px 0;
}
.block-category-style-g--item-name {
  font-size: 1rem;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: calc(20 / 16);
  letter-spacing: 0.05em;
  width: 100%;
  text-align: center;
  padding: 0 0 10px 0;
  margin: 0;
}
.block-category-style-g--item-image {
  width: 100%
}
.block-category-style-g--item-image img{
  width: 100%;
}
.block-category-style-g--description{
  display: none;
}
.block-category-style-g--child{
  display: flex;
  flex-direction: column;
  gap: 5px 0;
  margin-top: 10px;
}
.block-category-style-g--child > li{
  padding: 0 10px;
}
.block-category-style-g--subitem a{
  font-size: 0.75rem;
}

/*----------------- topics -------------------*/
.page-top #block_of_topic .block-top-topic--wrapper{
  background-color: #fff;
  display: flex;
  margin: 0;
  position: relative;
  padding: 166px 0 100px var(--sp-padding-left-or-right);
}
.page-top #block_of_topic{
  position: relative;
  margin: auto;
}
.page-top #block_of_topic .block-top-topic--items{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 48px 0;
}
.page-top #block_of_topic .block-top-topic--items > li:nth-of-type(n+4){
  display: none;
}
.page-topicdetaillist .block-topic-category{
  display: none;
}
.page-topicdetaillist [data-topic-type="information"] .line,
.page-topicdetaillist [data-topic-type="topic"] .line,
.page-top #block_of_topic .line{
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.page-topicdetaillist [data-topic-type="information"] .date,
.page-topicdetaillist [data-topic-type="topic"] .date,
.page-top #block_of_topic .line .date{
  flex-shrink: 0;
  font-family: var(--font-family-alpha);
  font-size: 0.75rem;
  letter-spacing: 0.12em;
  font-weight: 300;
  line-height: calc(16 / 12);
}
.page-topicdetaillist [data-topic-type="information"] .date-wrapper,
.page-topicdetaillist [data-topic-type="topic"] .date-wrapper,
.page-top #block_of_topic .line .date-wrapper{
  margin-top: 11px;
  display: flex;
  align-items: center;
  gap: 0 10px;
}
.page-topicdetaillist [data-topic-type="information"] .date-wrapper{
  margin-top: 0;
}
.page-topicdetaillist [data-topic-type="information"] .date .yyyymmdd,
.page-topicdetaillist [data-topic-type="topic"] .date .yyyymmdd,
.page-top #block_of_topic .line .date .yyyymmdd{
  margin-right: 2px;
}
[data-topic-type="topic"] .line .date [data-days="\6708"]:after{
  content:'mon';
  display: inline;
}
[data-topic-type="topic"] .line .date [data-days="\706b"]:after{
  content:'tue';
  display: inline;
}
[data-topic-type="topic"] .line .date [data-days="\6c34"]:after{
  content:'wed';
  display: inline;
}
[data-topic-type="topic"] .line .date [data-days="\6728"]:after{
  content:'thu';
  display: inline;
}
[data-topic-type="topic"] .line .date [data-days="\91d1"]:after{
  content:'fri';
  display: inline;
}
[data-topic-type="topic"] .line .date [data-days="\571f"]:after{
  content:'sut';
  display: inline;
}
[data-topic-type="topic"] .line .date [data-days="\65e5"]:after{
  content:'sun';
  display: inline;
}
.page-topicdetaillist [data-topic-type="information"] .line .icon,
.page-topicdetaillist [data-topic-type="topic"] .line .icon,
.page-top #block_of_topic .line .icon{
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 5px;
  margin-right: 10px;
  position: relative;
}
.page-topicdetaillist [data-topic-type="information"] .line .icon img,
.page-topicdetaillist [data-topic-type="topic"] .line .icon img,
.page-top #block_of_topic .line .icon img{
  height: 17px;
  width: auto;
}
.page-topicdetaillist [data-topic-type="information"] .line .comment,
.page-topicdetaillist [data-topic-type="topic"] .line .comment,
.page-top #block_of_topic .line .comment{
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: calc(19 / 14);
  margin-top: 6px;
}
.page-top #block_of_topic .block-top-topic--header {
  writing-mode: vertical-rl;
  display: inline-flex;
  font-family: var(--font-family-alpha);
  font-weight: 300;
  font-size: 1.875rem;
  letter-spacing: 0.2em;
  line-height: calc(40 / 30);
  margin: -60px 0 0 0;
  padding: 0;
  margin-right: calc(29 / 375 * 100vw);
  flex-shrink: 0;
  align-items: flex-end;
}
.page-top #block_of_topic .block-top-topic--next-page {
  text-align: right;
  margin-top: 48px;
  padding-right: var(--sp-padding-left-or-right);
}
.page-top #block_of_topic .block-top-topic--next-page a{
  display: inline-flex;
  flex-direction: column;
  position: relative;
}
.page-top #block_of_topic .block-top-topic--next-page a .text{
  font-family: var(--font-family-alpha);
  font-size: 1.0625rem;
  font-weight: 300;
  letter-spacing: 0.02em;
  line-height: calc(22 / 17);
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
}
.page-top #block_of_topic .block-top-topic--next-page a .text:after{
  content:'';
  display: block;
  background-image: url('../../img/usr/common/arrow-black-more.png');
  background-repeat: no-repeat;
  background-size: contain;
  width: 30px;
  height: 4px;
  margin-left: 38px;
}
.page-top #block_of_topic .block-top-topic--next-page a:after{
  content:'';
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--theme-color-primary);
  margin-top: 6px;
}
.page-top [data-topic-type="topic"] .block-topic-page--article-icon {
  vertical-align: middle;
}

.page-top [data-topic-type="topic"] .block-topic-page--article figure {
  font-size: 0;
}

.page-top [data-topic-type="topic"] .block-topic-page--article figure img {
  padding-bottom: 10px;
}

.page-topicdetaillist .block-topic-details--items > li,
.page-top [data-topic-type="topic"] .block-topic-details--items > li {
  border-bottom: 1px solid var(--goods-border-color);
  padding: 24.9px 0;
}
.page-top #block_of_topic .block-top-topic--header:after{
  content:'SPECIAL CONTENT';
}
.js-mv-header,
body:not(.page-top) [data-topic-type="topic"] .block-top-topic--header{
  font-size: 1.875rem;
  font-family: var(--font-family-alpha);
  font-weight: 300;
  line-height: calc(40 / 30);
  letter-spacing: 0.2em;
  color: var(--text-color-primary);
  margin:90px auto 40px auto;
  width: calc(100% - 2 * var(--sp-padding-left-or-right));
}
body:not(.page-top) [data-topic-type="topic"] .block-top-topic--header:after{
  content:'TOPICS';
}
body:not(.page-top) [data-topic-type="topic"] .swiper-target{
  overflow: hidden;
  margin-bottom: 120px;
}
.js-mv-wrapper .swiper-target-wrapper,
body:not(.page-top) [data-topic-type="topic"] .swiper-target-wrapper{
  margin: auto;
  position: relative;
  padding: 0 calc(2 * var(--sp-padding-left-or-right));
}
.js-mv-wrapper .button-prev,
.js-mv-wrapper .button-next,
body:not(.page-top) [data-topic-type="topic"] .button-prev,
body:not(.page-top) [data-topic-type="topic"] .button-next{
  position: absolute;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.js-mv-wrapper .swiper-button-disabled,
body:not(.page-top) [data-topic-type="topic"] .swiper-button-disabled{
  opacity: 0;
}
/*
.js-mv-wrapper .button-prev:hover,
.js-mv-wrapper .button-next:hover,
body:not(.page-top) [data-topic-type="topic"] .button-prev:hover,
body:not(.page-top) [data-topic-type="topic"] .button-next:hover{
  opacity: 0.5;
}
*/
body:not(.page-top) [data-topic-type="topic"] .button-prev{
  left:0;
  padding: var(--sp-padding-button-prev);
}
body:not(.page-top) [data-topic-type="topic"] .button-next{
  right: 0;
  padding: var(--sp-padding-button-next);
}
body:not(.page-top) [data-topic-type="topic"] .button-prev:before,
body:not(.page-top) [data-topic-type="topic"] .button-next:before{
  content:'';
  background-repeat: no-repeat;
  background-size: contain;
  width: 6px;
  height: 20px;
  display: block;
}
body:not(.page-top) [data-topic-type="topic"] .button-prev:before{
  content:'';
  background-image: url('../../img/usr/common/arrow-black-left.png');
}
body:not(.page-top) [data-topic-type="topic"] .button-next:before{
  content:'';
  background-image: url('../../img/usr/common/arrow-black-right-12x33.png');
}
.js-mv-wrapper .pagination-bullet-wrapper{
  display: none;
}
body:not(.page-top) [data-topic-type="topic"] .pagination-bullet-wrapper{
  position: relative;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 40px;
}
body:not(.page-top) [data-topic-type="topic"] .pagination-bullet{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 5px;
}
body:not(.page-top) [data-topic-type="topic"] .pagination-bullet span{
  height: 1px;
  opacity: 1;
  background-color: var(--goods-border-color);
  color: transparent;
  padding: 0;
  cursor: pointer;
  margin: 0;
  border: none;
  border-radius: 0;
  width: 30px;
}
body:not(.page-top) [data-topic-type="topic"] .pagination-bullet .swiper-pagination-bullet-active{
  background-color: var(--theme-color-primary);
  border: none;
}
body:not(.page-top):not(.page-topicdetaillist) [data-topic-type="topic"] .block-top-topic--next-page,
body:not(.page-top):not(.page-topicdetaillist) [data-topic-type="topic"] .icon,
body:not(.page-top):not(.page-topicdetaillist) [data-topic-type="topic"] .date,
body:not(.page-top):not(.page-topicdetaillist) [data-topic-type="topic"] .comment {
  display: none;
}
/* ---- 商品一覧 ----*/
.page-search .layout-center,
.page-event .layout-center,
.page-category .layout-center,
.page-genre .layout-center{
  width: calc(100% - 2 * var(--sp-padding-left-or-right));
  margin-left: auto;
  margin-right: auto;
}
.page-search .block-general-list--header,
.page-event .block-general-list--header,
.page-category .block-general-list--header,
.page-genre .block-general-list--header{
  text-align: center;
  background-color: var(--theme-color-secondary);
  padding: 15px 0;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: calc(26 / 22);
  letter-spacing: 0.02em;
  width: 100%;
  margin: 0 auto 50px auto!important;
}
.page-category .block-general-list--goods{
  margin:100px 0;
}
.block-general-goods--header{
  font-size: 1.875rem;
  font-weight: 300;
  line-height: calc(40 / 30);
  letter-spacing: 0.2em;
  color: var(--text-color-primary);
  font-family: var(--font-family-alpha);
  width: calc(100% - 2 * var(--sp-padding-left-or-right));
  margin:100px auto 18px auto;
  display: none;
}
.page-search .block-general-goods--header{
  display: block;
}
.page-search .block-general-goods--header:after,
.page-genre .block-general-goods--header:after,
.page-event .block-general-goods--header:after,
.page-category .block-general-goods--header:after{
  content:'PRODUCTS';
}
.page-search .block-general-goods--header.rank:after,
.page-genre .block-general-goods--header.rank:after,
.page-event .block-general-goods--header.rank:after,
.page-category .block-general-goods--header.rank:after{
  content:'RANKING';
}
.block-goods-style-sort-wrapper{
  display: flex;
  width: calc(100% - 2 * var(--sp-padding-left-or-right));
  margin: 0 auto;
  gap: 50px;
  justify-content: center;
}
.block-goods-style-sort-wrapper .block-goods-style-sort-inner{
  display: flex;
  align-items:center;
  margin-bottom: 40px;
}
.block-goods-style-sort-inner{
  display: none!important;
}
/* ----ページャー---- */
.pager {
  display: flex;
  align-items: center;
  /*justify-content: center;*/
}
.page-event .pager,
.page-category .pager,
.page-genre .pager{
  padding: 0 var(--sp-padding-left-or-right);
}
.pager > * {
  display: inline-block;
  vertical-align: top;
}

.pager-scope {
  display: inline-block;
  font-size: 0.9375rem;
}
.pager-total {
  display: inline-block;
  margin-right: 5px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: calc(20 / 14);
  letter-spacing: 0.05em;
  color: #000000;
}
.pagination {
  display: flex;
}

.pagination > li {
	margin: 0 5px;
}

.pagination > li > * {
  display: flex;
  flex-direction: column;
  width: 18px;
  padding-bottom: 10px;
  align-items: center;
  justify-content: center;
  font-size: 1.0625rem;
  font-weight: 300;
  letter-spacing: 0.2em;
  line-height: calc(22 / 17);
  color: #CCCCCC;
  position: relative;
  font-family: var(--font-family-alpha);
}
.pager .pagination-wrapper{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  width: 100%;
}
.pagination > .disabled {
  color: #777;
}
.pager-current > * {
  color: var(--text-color-primary)!important;
}
.pager-current:after{
  content:'';
  display: block;
  height: 1px;
  width: 18px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333333;
  position: relative;
}
.pager .pagination-wrapper .pager-first,
.pager .pagination-wrapper .pager-last{
  display: none;
}
.pager .pagination-wrapper .pager-previous a{
  background-image: url('../../img/usr/common/arrow-black-more.png');
  background-repeat: no-repeat;
  background-size: 29px 4px;
  background-position: center;
  transform: scale(-1,1);
  margin-right: 10px;
  width: 29px;
  height: 40px;
}
.pager .pagination-wrapper .pager-next a{
  background-image: url('../../img/usr/common/arrow-black-more.png');
  background-repeat: no-repeat;
  background-size: 29px 4px;
  background-position: center;
  margin-left: 10px;
  width: 29px;
  height: 40px;
}
.block-goods-list--pager-top{
  margin-bottom: 50px;
}
[class*="--pager-top"]{
  margin-bottom: 20px;
  justify-content: flex-start;
}
/*
.page-search [class*="--pager-top"],
.page-genre [class*="--pager-top"],
.page-category [class*="--pager-top"],
.page-event [class*="--pager-top"]{
  justify-content: flex-start;
}
*/
[class*="--pager-top"] .pagination-wrapper{
  display: none;
}
.block-goods-list--pager-bottom{
  margin-top: 50px;
}
[class*="--pager-bottom"]{
  margin-top: 50px;
}
[class*="--pager-bottom"] .pager-total,
[class*="--pager-bottom"] .pager-scope{
  display: none;
}
/*----------------- Information -------------------*/
.block-general-list--topic[data-topic-type="information"],
.page-top #block_of_information{
  padding: 0 var(--sp-padding-left-or-right);
  position: relative;
  margin-top: 60px;
  background-color: var(--theme-color-secondary);  
}
.mypage-menu-inner [data-topic-type="information"] .block-top-topic--body{
  padding: 0 0 50px 0;
}
.block-general-list--topic[data-topic-type="information"] .block-top-topic--body,
.page-top #block_of_information .block-top-topic--body{
  padding: 37px 0 78.9px 0;
}
.mypage-menu-inner [data-topic-type="information"] .block-top-topic--header,
.block-general-list--topic[data-topic-type="information"] .block-top-topic--header,
.page-top #block_of_information .block-top-topic--header {
  padding: 0;
  font-family: var(--font-family-alpha);
  font-size: 1.875rem;
  font-weight: 300;
  letter-spacing: 0.2em;
  line-height: calc(40 / 30);
  position: absolute;
  top: -20px;
  left:calc(2 * var(--sp-padding-left-or-right));
  margin: 0;
}
#header-side-bar [data-topic-type="information"] .block-top-topic--items > li{
  border-bottom: 1px solid var(--goods-border-color);
  position: relative;
}
.mypage-menu-inner [data-topic-type="information"] .block-top-topic--items > li,
.block-general-list--topic[data-topic-type="information"] .block-top-topic--items > li,
.page-top #block_of_information .block-top-topic--items > li {
  border-bottom: 1px solid var(--goods-border-color);
  position: relative;
  margin:0 var(--sp-padding-left-or-right);
}
.mypage-menu-inner [data-topic-type="information"] .line,
.block-general-list--topic[data-topic-type="information"] .line,
#header-side-bar [data-topic-type="information"] .line,
.page-top #block_of_information .block-top-topic--items li .line{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.mypage-menu-inner [data-topic-type="information"] .line .date-wrapper,
.block-general-list--topic[data-topic-type="information"] .line .date-wrapper,
#header-side-bar [data-topic-type="information"] .line .date-wrapper,
.page-top #block_of_information .block-top-topic--items li .line .date-wrapper{
  display: flex;
  align-items: center;
  gap: 0 10px;
  width: 100%;
}
.mypage-menu-inner [data-topic-type="information"] .block-top-topic--items li .date,
.block-general-list--topic[data-topic-type="information"] .block-top-topic--items li .date,
#header-side-bar [data-topic-type="information"] .line .date,
.page-top #block_of_information .block-top-topic--items li .date{
  font-family: var(--font-family-alpha);
  font-size: 0.9375rem;
  letter-spacing: 0.2em;
  line-height: calc(20 / 15);
  font-weight: 300;
  flex-shrink: 0;
  position: relative;
}
.block-general-list--topic.line[data-topic-type="information"] .icon{
  flex-shrink: 0;
  top: 2px;
  position: relative;
  margin-left: 20px;
}
.mypage-menu-inner [data-topic-type="information"] .block-top-topic--items li .icon,
.block-general-list--topic[data-topic-type="information"] .block-top-topic--items li .icon,
.page-top #block_of_information .block-top-topic--items li .icon{
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.mypage-menu-inner
.block-general-list--topic[data-topic-type="information"] .block-top-topic--items li .icon img,
#header-side-bar [data-topic-type="information"] .line .icon img,
.page-top #block_of_information .block-top-topic--items li .icon img{
  height: 15px;
  width: auto;
}
.page-top #block_of_information .block-top-topic--items li:first-of-type a{
  padding-top: 0;
}
.mypage-menu-inner [data-topic-type="information"] .block-top-topic--items li .comment,
.block-general-list--topic[data-topic-type="information"] .block-top-topic--items li .comment,
#header-side-bar [data-topic-type="information"] .block-top-topic--items li .comment,
.page-top #block_of_information .block-top-topic--items li .comment{
  margin-top: 10px;
  font-size: 0.875rem;
  letter-spacing: 0.12em;
  line-height: calc(19 / 14);
  font-weight: 500;
  width: 100%;
}
.block-general-list--topic .block-top-topic--items li a{
  display: block;
  text-decoration: none;
}
.mypage-menu-inner [data-topic-type="information"] .block-top-topic--items li a,
.block-general-list--topic[data-topic-type="information"] .block-top-topic--items li a,
#header-side-bar [data-topic-type="information"] .block-top-topic--items li a,
.page-top #block_of_information .block-top-topic--items li a {
  display: block;
  text-decoration: none;
  padding: 30px 0 15px 0;
}
.mypage-menu-inner [data-topic-type="information"] .block-top-topic--items li a{
  padding-top: 0;
}
.mypage-menu-inner .block-top-topic--next-page,
.block-general-list--topic .block-top-topic--next-page,
#header-side-bar [data-topic-type="information"] .block-top-topic--next-page,
.page-top #block_of_information .block-top-topic--next-page{
  display: flex;
  justify-content: flex-end;
  margin: 30px var(--sp-padding-left-or-right) 0;
}
#header-side-bar [data-topic-type="information"] .block-top-topic--next-page{
  padding-bottom: 20px;
}
.mypage-menu-inner .block-top-topic--next-page a,
.block-general-list--topic .block-top-topic--next-page a,
#header-side-bar [data-topic-type="information"] .block-top-topic--next-page a,
.page-top #block_of_information .block-top-topic--next-page a{
  display: inline-flex;
  flex-direction: column;
  position: relative;
}
.mypage-menu-inner .block-top-topic--next-page a .text,
.block-general-list--topic .block-top-topic--next-page a .text,
#header-side-bar [data-topic-type="information"] .block-top-topic--next-page a .text,
.page-top #block_of_information .block-top-topic--next-page a .text{
  font-family: var(--font-family-alpha);
  font-size: 1.0625rem;
  font-weight: 300;
  letter-spacing: 0.02em;
  line-height: calc(22 / 17);
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
}
.mypage-menu-inner .block-top-topic--next-page a .text:after,
.block-general-list--topic .block-top-topic--next-page a .text:after,
#header-side-bar [data-topic-type="information"] .block-top-topic--next-page a .text:after,
.page-top #block_of_information .block-top-topic--next-page a .text:after{
  content:'';
  display: block;
  background-image: url('../../img/usr/common/arrow-black-more.png');
  background-repeat: no-repeat;
  background-size: 29.21px auto;
  width: 29.21px;
  height: 4.08px;
  margin-left: 16.8px;
}
.mypage-menu-inner .block-top-topic--next-page a:after,
.block-general-list--topic .block-top-topic--next-page a:after,
#header-side-bar [data-topic-type="information"] .block-top-topic--next-page a:after,
.page-top #block_of_information .block-top-topic--next-page a:after{
  content:'';
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--theme-color-primary);
  margin-top: 6.3px;
}

.page-top #block_of_information .block-topic-page--article-header {
  margin: 0;
  padding: 10px;
  border-bottom: 1px solid var(--goods-border-color);
}

.page-top #block_of_information .block-topic-page--article-icon {
  vertical-align: middle;
}

.page-top #block_of_information .block-topic-page--article-body {
  margin: 10px;
}

.page-top #block_of_information .block-topic-page--article figure {
  padding: 10px 10px 0 0;
  font-size: 0;
}

.page-top #block_of_information .block-topic-page--article figure img {
  padding: 0 0 10px 10px;
}

/* ---- 商品一覧　MV ----*/
[data-page-index-wrapper].swiper-target-wrapper {
  position: relative;
}
.page-genre .js-mv-wrapper [data-page-index-wrapper].swiper-target-wrapper{
  padding:0 calc( 2 * var(--sp-padding-left-or-right));
}

[data-page-index-wrapper] .swiper-target {
  width: 100%;
  overflow: hidden;
  margin: 0 auto 120px;
}
[data-page-index-wrapper] .swiper-wrapper{
  border: 1px solid transparent;
}
[data-page-index-wrapper] .button-prev,
[data-page-index-wrapper] .button-next{
  display: none;
}
[data-page-index-wrapper] .for-topics ~ .button-prev,
[data-page-index-wrapper] .for-topics ~ .button-next{
  display: block;
}
[data-page-index-wrapper] .button-prev,
[data-page-index-wrapper] .button-next {
  position: absolute;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
/*
[data-page-index-wrapper] .button-prev:hover,
[data-page-index-wrapper] .button-next:hover {
  opacity: 0.5;
}
*/
[data-page-index-wrapper] .button-prev {
  left:0;
  padding: var(--sp-padding-button-prev);
}

[data-page-index-wrapper] .button-next {
  right: 0;
  padding: var(--sp-padding-button-next);
}

[data-page-index-wrapper] .button-prev:before {
  content: '';
  background-image: url('../../img/usr/common/arrow-black-left.png');
  background-repeat: no-repeat;
  background-size: contain;
  width: 6px;
  height: 20px;
  display: block;
}

[data-page-index-wrapper] .button-next:before {
  content: '';
  background-image: url('../../img/usr/common/arrow-black-right.png');
  background-repeat: no-repeat;
  background-size: contain;
  width: 6px;
  height: 20px;
  display: block;
}
.page-genre [data-page-index-wrapper] .pagination-bullet-wrapper{
  display: none;
}
[data-page-index-wrapper] .pagination-bullet {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 35px auto 50px auto;
  width:100%;
  /*padding-bottom: 90px;*/
}
.page-genre [data-page-index-wrapper] .pagination-bullet{
  padding-bottom: 0;
}
[data-page-index-wrapper] .swiper-pagination-bullet {
  border-radius: 0;
  background-color: #CCCCCC;
  max-width: 30px;
  width: calc(2 * var(--sp-padding-left-or-right));
  height: 1px;
  padding: 0;
  opacity: 1;
}

[data-page-index-wrapper] .swiper-pagination-bullet-active {
  background-color: var(--theme-color-primary);
}
/* ---- 商品一覧　イベント ----*/
[data-event-slider-index] .block-top-event--header a,
[data-event-slider-index] .block-top-event--header{
  line-height: calc(40 / 30);
  letter-spacing: 0.2em;
  font-weight: 300;
  font-size: 1.875rem;
}
[data-event-slider-index] .block-top-event--header{
  position: absolute;
  top: calc(100% / -2);
  left: 0;
  margin: 0;
  padding: 0 var(--sp-padding-left-or-right);
}
[data-event-slider-index]{
  position: relative;
  background-color: var(--theme-color-secondary);
  padding: 58px 0 50px 0;
  margin-bottom: 100px;
}
/* at genre js-mv = topics */
.page-genre .js-mv-wrapper[data-event-slider-index]{
  background-color: #fff;
  padding: 0;
  margin-bottom: 100px;
}
[data-event-slider-index].zero{
  background-color: transparent;
  padding: 0;
  margin: 0;
}
[data-event-slider-index].zero .block-top-event--goods,
[data-event-slider-index].zero .block-top-event--header{
  display: none;
}
[data-event-slider-index] .swiper-target{
  overflow: hidden;
}
[data-event-slider-index] .swiper-target-wrapper{
  margin: auto;
  position: relative;
  padding: 0 calc(2 * var(--sp-padding-left-or-right));
}
.page-genre .block-genre-style-title{
  font-size: 1.875rem;
  font-family: var(--font-family-alpha);
  font-weight: 300;
  line-height: calc(40 / 30);
  letter-spacing: 0.2em;
  text-align: left;
  margin-bottom: 40px;
  padding: 0 var(--sp-padding-left-or-right);
}
.page-genre .block-genre-style-title{
  margin-bottom:50px;
}
.page-genre .block-genre-style-title:after{
  content:'CATEGORY';
}
.page-genre .js-mv-wrapper[data-event-slider-index] .swiper-target-wrapper{
  width: calc(100% - 2 * var(--sp-padding-left-or-right));
  margin: auto;
  padding: 0 var(--sp-padding-left-or-right);
}
[data-event-slider-index]  .button-prev,
[data-event-slider-index]  .button-next{
  position: absolute;
  cursor: pointer;
  top: calc(66 / 375 * 100vw);
  z-index: 1;
}
[ddata-event-slider-index] .swiper-button-disabled{
  opacity: 0;
}
/*
[data-event-slider-index] .button-prev:hover,
[data-event-slider-index] .button-next:hover{
  opacity: 0.5;
}
*/
[data-event-slider-index] .button-prev{
  left:0;
  padding: var(--sp-padding-button-prev);
}
[data-event-slider-index] .button-next{
  right: 0;
  padding: var(--sp-padding-button-next);
}
.page-genre .js-mv-wrapper[data-event-slider-index] .button-prev{
  left:0;
}
.page-genre .js-mv-wrapper[data-event-slider-index] .button-next{
  right: 0;
}
[data-event-slider-index] .button-prev:before,
[data-event-slider-index] .button-next:before{
  content:'';
  background-repeat: no-repeat;
  background-size: contain;
  width: 6px;
  height: 20px;
  display: block;
}
[data-event-slider-index] .button-prev:before{
  content:'';
  background-image: url('../../img/usr/common/arrow-black-left.png');
}
[data-event-slider-index] .button-next:before{
  content:'';
  background-image: url('../../img/usr/common/arrow-black-right-12x33.png');
}
[data-event-slider-index] .pagination-bullet-wrapper{
  position: relative;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 40px;
}
[data-event-slider-index] .pagination-bullet{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 5px;
}
[data-event-slider-index] .pagination-bullet span{
  height: 1px;
  opacity: 1;
  background-color: #CCCCCC;
  color: transparent;
  padding: 0;
  cursor: pointer;
  margin: 0;
  border: none;
  border-radius: 0;
  width: 30px;
}
[data-event-slider-index] .pagination-bullet .swiper-pagination-bullet-active{
  background-color: var(--theme-color-primary);
  border: none;
}
[data-event-slider-index] .img-center{
  margin-bottom: 15px;
}
[data-event-slider-index] .variation-name,
[data-event-slider-index] [class*="goods-name"],
[data-event-slider-index] [class*="goods-name"] a{
  font-size: 0.875rem;
  font-weight: 500;
  line-height: calc(20 / 14);
  letter-spacing: 0.05em;
  color: var(--text-color-primary);
}
[data-event-slider-index] [class*="goods-name-wrapper"]{
  margin-bottom: 10px;
}
[data-event-slider-index] .price,
[data-event-slider-index] .default-price{
  font-size: 0.8125rem;
  font-weight: 300;
  font-family: var(--font-family-alpha);
  line-height: calc(17 / 13);
  letter-spacing: 0.02em;
  color: var(--text-color-primary);
}
[data-event-slider-index] [class*="scomment"],
[data-event-slider-index] .default-price{
  display: none;
}
[data-event-slider-index] .price:after,
[data-event-slider-index] .default-price:after{
  content:'';
}
[data-event-slider-index] a{
  display: block;
}

/* ----商品一覧：event-pickup-list-p---- */
.event-general-list--goods {
  margin-top: 100px;
  width: 100%;
  position: relative;
  padding: 50px 0 50px 0;
  background-color: var(--theme-color-secondary);
  display: none;
}
.event-general-list--goods .block-goods-list--pager-bottom,
.event-general-list--goods .block-goods-list--pager-top {
  display: none;
}
.event-general-list--goods .block-general-goods--header {
  font-size: 1.875rem;
  font-weight: 300;
  line-height: calc(40 / 30);
  letter-spacing: 0.2em;
  font-family: var(--font-family-alpha);
  margin: 0 auto;
  position: absolute;
  top: -18px;
  padding: 0 var(--sp-padding-left-or-right);
  width: 100vw;
}
.event-general-list--goods .swiper-target-wrapper {
  margin: auto;
  width: calc(100% - 4 * var(--sp-padding-left-or-right));
  position: relative;
}

.event-general-list--goods .swiper-target {
  overflow: hidden;
}
.event-general-list--goods .button-prev,
.event-general-list--goods .button-next {
  position: absolute;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  padding: 10px 0;
}

.event-general-list--goods .swiper-button-disabled {
  opacity: 0;
}
/*
.event-general-list--goods .button-prev:hover,
.event-general-list--goods .button-next:hover {
  opacity: 0.5;
}*/

.event-general-list--goods .button-prev {
  left: calc(-2 * var(--sp-padding-left-or-right));
  padding: var(--sp-padding-button-prev);
}

.event-general-list--goods .button-next {
  right: calc(-2 * var(--sp-padding-left-or-right));
  padding: var(--sp-padding-button-next);
}

.event-general-list--goods .button-prev:before,
.event-general-list--goods .button-next:before {
  content: '';
  background-repeat: no-repeat;
  background-size: contain;
  width: 6px;
  height: 20px;
  display: block;
}
.event-general-list--goods .button-prev:before {
  content: '';
  background-image: url('/img/usr/common/arrow-black-left.png');
}

.event-general-list--goods .button-next:before {
  content: '';
  background-image: url('/img/usr/common/arrow-black-right-12x33.png');
}

.event-general-list--goods .pagination-bullet-wrapper {
  position: relative;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 30px;
  display: none;
}

.event-general-list--goods .pagination-bullet {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 5px;
}

.event-general-list--goods .pagination-bullet span {
  height: 1px;
  opacity: 1;
  background-color: var(--goods-background-color);
  color: transparent;
  padding: 0;
  cursor: pointer;
  margin: 0;
  border: none;
  border-radius: 0;
  width: 100%;
  max-width: 30px;
}

.event-general-list--goods .pagination-bullet .swiper-pagination-bullet-active {
  background-color: var(--theme-color-primary);
  border: none;
}
.event-pickup-list-p .variation-name,
.event-pickup-list-p--goods-name{
  font-size: 0.875rem;
  font-weight: 500;
  line-height: calc(20 / 14);
  letter-spacing: 0.05em;
}
.event-pickup-list-p--goods-name-wrapper{
  margin-bottom: 10px;
}
.event-pickup-list-p .img-center {
  margin-bottom: 15px;
}
.event-pickup-list-p--price{
  font-size: 0.8125rem;
  line-height: calc(17 / 13);
  letter-spacing: 0.2em;
  font-weight: 300;
  font-family: var(--font-family-alpha);
}
.event-pickup-list-p--scomment,
.event-pickup-list-p--default-price{
  display: none;
}
/*
.event-pickup-list-p--price:after{
  display: none;
}
*/
.event-pickup-list-p .variation-list-wrapper{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px 3px;
  margin-bottom: 20px;
}
.event-pickup-list-p .variation-list-wrapper > li{
  width: calc(20 / 375 * 100vw);
  aspect-ratio: 1;
}
.event-pickup-list-p .variation-list-wrapper > li.active a{
  border: 1px solid var(--theme-color-primary);
}
.event-pickup-list-p .variation-list-wrapper > li a{
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid var(--goods-border-color);
  position: relative;
}
.event-pickup-list-p .variation-list-wrapper > li a.disable-qty:before{
  content:'';
  display: block;
  background-color: rgba(204,204,204,0.5);
  mix-blend-mode: color;
  width: 100%;
  height: 100%;
  z-index: 1;
  top: 0;
  left: 0;
  position: absolute;
}
.event-pickup-list-p .variation-list-wrapper > li img{
  vertical-align: top;
}