@charset "UTF-8";

.content-block {
  width: 100%;
  margin: 0 auto;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.7;
  font-family: "IBM Plex Sans JP", sans-serif;
  color: #fff;
  background-color: #100000;
  box-sizing: border-box;
}

.content-block .pc {
  display: none;
}

.content-block .sp {
  display: block;
}

.content-block button:focus {
  outline: none;
}

.content-block img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.content-block a {
  text-decoration: none;
}

.content-block a:hover {
  opacity: 1;
}

.content-block .sp {
  display: block;
}

.content-block .pc {
  display: none;
}

.section-wrapper {
  padding: 0 0 40px;
  /* padding: 0 20px 50px; */
}

/* MV */
.block-mv {
  margin: 0 auto;
  padding: 40px 0;
}

.block-mv img {
  width: 80%;
}

/* タイトル（h2） */
.title_wrap {
  text-align: center;
  background: url("/img/usr/genre/rA505/line_s.png") no-repeat center/contain, linear-gradient(180deg, rgba(20, 6, 53, 1) 0%, rgba(20, 6, 53, 0) 100%);
  background-position: top;
}

.title_wrap h2 {
  display: inline-block;
  margin: 35px auto 18px;
  padding: 0 10px;
  font-size: 25px;
  font-weight: 500;
  line-height: 1.2;
}

/* テキストリンクボタン */
.cmn-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 280px;
  height: 54px;
  margin: 0 auto 15px;
  padding: 1px 12px 0 0;
  text-align: center;
  font-size: 17px;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(-90deg, rgba(228, 30, 27, 1) 0%, rgba(91, 33, 149, 1) 50%, rgba(9, 42, 180, 1) 100%);
  border: 1px solid #9A79A0;
  border-radius: 80px;
  position: relative;
}

.cmn-btn::after {
  content: '';
  position: absolute;
  top: 0;
  right: 22px;
  bottom: 1px;
  margin: auto;
  width: 8px;
  height: 8px;
  border-right: 2px solid #FFF;
  border-bottom: 2px solid #FFF;
  transform: rotate(-45deg);
}

/* =================================================
PC用　画面幅780px以上
==================================================== */
@media only screen and (min-width: 780px) {
  .content-block {
    width: 900px;
    margin: 0 auto;
    font-size: 16px;
  }

  .content-block .pc {
    display: block;
  }

  .content-block .sp {
    display: none;
  }

  .section-wrapper {
    padding: 0 0 65px;
    /* padding: 0 30px 65px; */
  }

  /* MV */
  .block-mv {
    margin: 0 auto;
    padding: 70px 0;
  }

  .block-mv img {
    width: 70%;
  }

  /* タイトル（h2） */
  .title_wrap {
    background: url("/img/usr/genre/rA505/line.png") no-repeat center/contain, linear-gradient(180deg, rgba(20, 6, 53, 1) 0%, rgba(20, 6, 53, 0) 100%);
    background-position: top;
  }

  .title_wrap h2 {
    margin: 42px auto 30px;
    font-size: 35px;
  }

  /* テキストリンクボタン */
  .cmn-btn {
    width: 300px;
    margin: 30px auto 0;
    font-size: 20px;
  }
}


/* =================================================
BO用
==================================================== */

/* ジャンルページデフォルト設定の調整 ======================================== */
.block-genre-page-head {
  display: none;
}

.page-genre .block-top-event--goods {
  padding-bottom: 0;
}

/* 商品一覧 調整 ======================================== */
/* SP用並び調整 */
.content-block .block-pickup-list-p--item {
  margin: 0 10px 0 0;
}

.content-block .block-pickup-list-p--item:last-child {
  margin: 0;
}

.content-block div#goods_list_auto_load_area::-webkit-scrollbar {
  display: none;
}

.content-block .block-top-event--goods:has(*:not(script)) {
  padding: 0 20px 5px;
  /* padding: 0 10px 5px; */
  /* margin: -10px; */
}

/* PC用並び調整 */
.content-block .block-thumbnail-t {
  justify-content: center;
}

.content-block .page-genre .block-top-event--goods:has(*:not(script)) {
  padding: 0;
}


.content-block .block-thumbnail-t--goods {
  width: 190px;
}

.content-block .block-thumbnail-t--goods:not(:nth-child(4)) {
  margin: 0 20px 0 0;
}

.content-block .block-thumbnail-t--goods:nth-child(4n) {
  margin-right: 0;
}

.content-block .block-thumbnail-t--goods:not(:nth-child(4n)) {
  margin-bottom: 10px;
}

.content-block .block-icon {
  display: flex;
  margin-bottom: 8px;
}

/* 商品画像 */
.content-block .block-thumbnail-t--goods-image img,
.content-block .block-pickup-list-p--goods-image figure,
.content-block .block-pickup-list-p--goods-image figure img,
.content-block .block-goods-list-status {
  border-radius: 8px;
}

.content-block .block-pickup-list-p--goods-description {
  background: transparent;
}

.content-block .block-thumbnail-t--goods-name {
  margin: 0 0 10px;
}

.content-block .block-thumbnail-t--goods-name a,
.content-block a.js-enhanced-ecommerce-goods-name,
.content-block .block-pickup-list-p--price,
.content-block .block-thumbnail-t--price-items,
.content-block .block-pickup-list-p--default-price,
.content-block a.block-thumbnail-t--btn-detail.btn {
  color: #fff;
}

.content-block .block-pickup-list-p--price-items--sale,
.content-block .block-pickup-list-p--default-price-items+.block-pickup-list-p--price-items .block-pickup-list-p--price,
.content-block .block-pickup-list-p--point,
.content-block .block-thumbnail-t--point,
.content-block .block-thumbnail-t--point,
.bg_wh .block-thumbnail-t--point {
  color: #E2491B;
}

.content-block .btn-primary,
.content-block .block-thumbnail-t--btn-detail {
  background: linear-gradient(90deg, rgba(228, 30, 27, 1) 0%, rgba(226, 73, 27, 1) 0%, rgba(226, 30, 27, 1) 100%);
  border: solid 1px #BA706F;
}