@charset "UTF-8";
/* カスタマイズ用CSS */
/*
 ❘ ------------------------------------------------------------
 ❘ reset CSS
 ❘ ------------------------------------------------------------
*/
* {
  padding: 0;
  margin: 0;
}

html {
  scroll-behavior: smooth;
  overflow-x: clip;
}

body {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  color: #4B4B4B;
  background-color: #fff;
  line-height: 1.2;
  overflow-x: clip;
}

figure {
  margin: 0;
}

img {
  max-width: 100%;
}

a {
  text-decoration: none;
  color: inherit;
}

ul {
  margin-bottom: 0;
  padding-left: 0;
}

li {
  list-style: none;
}

p {
  margin-block: 0;
}

button {
  border: none;
  background-color: unset;
}

button,
input,
optgroup,
select,
textarea {
  line-height: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/*
 ❘ ------------------------------------------------------------
 ❘ ヘッダー
 ❘ ------------------------------------------------------------
*/
:root {
  --header-height-sp: 50px;
}

header {
  width: 100%;
  background-color: #fff;
  top: 0;
  left: 0;
  z-index: 1000;
  position: fixed;
}

@media screen and (max-width: 900px) {
  header .sp-only {
    display: block;
  }
  header .pc-only {
    display: none;
  }
}

header .header-container {
  max-width: 1025px;
  padding-left: 10px;
  padding-right: 15px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 90px;
}

@media screen and (max-width: 900px) {
  header .header-container {
    padding-inline: 15px;
    height: var(--header-height-sp);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    background-color: #fff;
  }
  header .header-container .header-logo {
    position: fixed;
    top: 12px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 81px;
  }
  header .header-container .header-logo img {
    width: 100%;
  }
  header .header-container .header-right {
    position: fixed;
    top: 12px;
    right: 25px;
  }
}

header .header-container nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 29px;
  column-gap: 29px;
  font-weight: bold;
}

header .header-container nav a {
  -webkit-transition: all .3s;
  transition: all .3s;
}

header .header-container nav a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 900px) {
  header .header-container nav {
    display: none;
  }
}

header .header-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 18px;
  column-gap: 18px;
}

@media screen and (max-width: 900px) {
  header .header-right {
    -webkit-column-gap: 24px;
    column-gap: 24px;
  }
}

header .header-right .user-name {
  font-size: 14px;
  font-weight: bold;
  color: #4B4B4B;
}

@media screen and (max-width: 900px) {
  header .header-right .user-name {
    font-size: 11px;
  }
}

header .header-right .user-name:hover {
  text-decoration: underline;
}

header .header-right .user-menu {
  position: relative;
  color: #000;
}

@media screen and (max-width: 900px) {
  header .header-right .user-menu .icon {
    width: 18px;
  }
  /* SPではホバーメニューを非表示（pc-onlyの意図を維持） */
  header .header-right .user-menu:hover .menu,
  header .header-right .user-menu .menu {
    display: none !important;
  }
}

header .header-right .user-menu .icon:hover {
  cursor: pointer;
}

header .header-right .user-menu:hover .menu {
  display: -ms-grid;
  display: grid;
}

header .header-right .user-menu .menu {
  display: none;
  gap: 7px;
  -ms-grid-rows: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  padding-block: 18px;
  padding-inline: 14px;
  right: 0;
  top: 100%;
  z-index: 50;
  position: absolute;
  width: 100%;
  min-width: 130px;
  font-size: 12px;
  background-color: #E8E9EA;
}

header .header-right .user-menu .menu button,
header .header-right .user-menu .menu a {
  color: #000;
  text-align: left;
}

header .header-right .user-menu .menu button:hover,
header .header-right .user-menu .menu a:hover {
  cursor: pointer;
  text-decoration: underline;
}

header .header-right .favorite-item {
  display: inline-block;
  position: relative;
}

header .header-right .favorite-item__link {
  position: relative;
  display: inline-block;
}

/* ウォントリスト新着告知（テキスト差替可能な共通部品・#42076） */
header .header-right .favorite-item__new-arrival,
.hamburger-window .favorite-item__new-arrival {
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  font-size: 9px;
  font-weight: bold;
  line-height: 1.2;
  color: #F10500;
  pointer-events: none;
}

@media screen and (max-width: 900px) {
  header .header-right .favorite-item__new-arrival {
    top: -6px;
    font-size: 8px;
  }
}

header .header-right .favorite-item:hover {
  cursor: pointer;
}

@media screen and (max-width: 900px) {
  header .header-right .favorite-item {
    width: 19px;
  }
}

header .header-right .cart {
  position: relative;
  display: inline-block;
}

@media screen and (max-width: 900px) {
  header .header-right .cart {
    width: 19px;
    margin-top: 2px;
  }
}

header .header-right .cart .icon:hover {
  cursor: pointer;
}

@media screen and (min-width: 901px) {
  header .header-right .cart:hover .cart-info {
    display: -ms-grid;
    display: grid;
  }
}

header .header-right .cart-count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: -11px;
  right: -11px;
  position: absolute;
  width: 19px;
  height: 19px;
  color: #fff;
  font-size: 10px;
  border-radius: 999px;
  background-color: #F10500;
}

@media screen and (max-width: 900px) {
  header .header-right .cart-count {
    top: -5px;
    right: -6px;
    width: 14px;
    height: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

header .header-right .cart-info {
  display: none;
  -ms-grid-rows: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 5px;
  left: 0;
  top: 100%;
  position: absolute;
  min-width: 180px;
  padding-block: 15px;
  padding-inline: 24px;
  color: #000;
  font-size: 12px;
  background-color: #E8E9EA;
}

@media screen and (max-width: 1330px) {
  header .header-right .cart-info {
    right: 0;
    left: auto;
  }
}

header .header-right .cart-info .cart-info-ttl {
  margin-bottom: 5px;
}

header .header-right .cart-info .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

header.is-company-page .header-container {
  -webkit-column-gap: 3px;
  column-gap: 3px;
  padding-inline: 10px;
  max-width: 1020px;
}

header.is-company-page .header-container nav {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-column-gap: 10px;
  column-gap: 10px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

header.is-company-page .txt-red {
  color: #F10500;
}

header.is-company-page .nav-under-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #000;
  height: 40px;
}

header.is-company-page .nav-under-menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 180px;
  height: 27px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.01em;
  border-right: 1px solid #fff;
}

header.is-company-page .nav-under-menu-item:first-child {
  border-left: 1px solid #fff;
}

header.is-company-page .nav-under-menu-item a {
  -webkit-transition: all .2s;
  transition: all .2s;
}

header.is-company-page .nav-under-menu-item a:hover {
  opacity: 0.7;
}

/*
 ❘ ------------------------------------------------------------
 ❘ フッター
 ❘ ------------------------------------------------------------
*/
footer {
  margin-top: 100px;
  font-size: 12px;
  color: #BFBFBF;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 900px) {
  footer .sp-only {
    display: block;
  }
  footer .pc-only {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  footer {
    margin-top: 50px;
  }
}

footer a:hover {
  text-decoration: underline;
}

footer .footer-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1030px;
  margin-inline: auto;
  padding-inline: 10px;
}

@media screen and (max-width: 900px) {
  footer .footer-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-inline: 0;
  }
}

footer .footer-section-title {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.05em;
}

footer .footer-on {
  padding-top: 70px;
  padding-bottom: 21px;
  background-color: #4B4B4B;
}

@media screen and (max-width: 900px) {
  footer .footer-on {
    padding-block: 0;
  }
}

footer .footer-on .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 900px) {
  footer .footer-on .flex {
    display: none;
  }
}

footer .footer-on .footer-on-section {
  margin-bottom: 23px;
}

@media screen and (max-width: 900px) {
  footer .footer-on .footer-on-section {
    margin-bottom: 0;
  }
}

footer .footer-on .footer-on-section .footer-section-title {
  margin-bottom: 8px;
}

@media screen and (max-width: 900px) {
  footer .footer-on .footer-on-section .footer-section-title {
    margin-bottom: 0;
  }
}

footer .footer-on .footer-on-section .footer-on-section-list li {
  margin-bottom: 8px;
}

footer .footer-on .footer-on-section .footer-on-section-list li:last-child {
  margin-bottom: 0;
}

footer .footer-on .footer-on-section .footer-on-section-list.footer-on-section-list--pl {
  padding-left: 13px;
}

@media screen and (max-width: 900px) {
  footer .footer-on .footer-on-section .footer-on-section-list.footer-on-section-list--pl {
    padding-left: 0;
  }
}

footer .footer-on-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 34px;
  column-gap: 34px;
}

@media screen and (max-width: 900px) {
  footer .footer-on-left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

footer .footer-on-left .flex {
  -webkit-column-gap: 39px;
  column-gap: 39px;
}

footer .footer-on-right {
  width: 427px;
}

@media screen and (max-width: 900px) {
  footer .footer-on-right {
    width: 100%;
  }
}

footer .footer-on-right .flex {
  -webkit-column-gap: 70px;
  column-gap: 70px;
}

footer .footer-under {
  padding-top: 59px;
  background-color: #000;
}

@media screen and (max-width: 900px) {
  footer .footer-under {
    padding-top: 0;
  }
}

footer .footer-under-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 44px;
  column-gap: 44px;
}

@media screen and (max-width: 900px) {
  footer .footer-under-left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

footer .footer-under-left .footer-logo-pc {
  margin-right: 28px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

footer .footer-under-left .footer-logo-pc:hover {
  opacity: 0.7;
}

footer .footer-under-left .footer-logo-pc img {
  width: 100px;
  height: auto;
  display: block;
}

footer .footer-under-left .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 45px;
  column-gap: 45px;
}

@media screen and (max-width: 900px) {
  footer .footer-under-left .flex {
    display: none;
  }
}

footer .footer-under-right {
  -ms-flex-negative: 1;
  flex-shrink: 1;
  width: 427px;
}

@media screen and (max-width: 900px) {
  footer .footer-under-right {
    width: auto;
  }
}

footer .footer-under-right .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 34px;
  column-gap: 34px;
}

@media screen and (max-width: 900px) {
  footer .footer-under-right .flex {
    display: none;
  }
}

footer .footer-under-right .footer-section-title {
  margin-bottom: 6px;
}

@media screen and (max-width: 900px) {
  footer .footer-under-right .footer-section-title {
    margin-bottom: 0;
  }
}

footer .footer-under-section-list:first-of-type {
  margin-bottom: 15px;
}

@media screen and (max-width: 900px) {
  footer .footer-under-section-list:first-of-type {
    margin-bottom: 0;
  }
}

footer .footer-under-section-list li {
  margin-bottom: 9px;
}

footer .footer-under-section-list li:last-child {
  margin-bottom: 0;
}

footer .copyright {
  color: #fff;
  font-size: 11px;
  padding-top: 10px;
  padding-bottom: 18px;
}

@media screen and (max-width: 900px) {
  footer .copyright .copyright-left {
    font-size: 10px;
    margin-top: 16px;
    text-align: center;
  }
  footer .copyright .copyright-right {
    margin-top: 16px;
    text-align: center;
  }
}

footer .copyright .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 900px) {
  footer .footer-section-sp {
    padding: 16px 15px;
    border-top: 1px solid #707070;
  }
  footer .footer-section-sp .acordion-title--sp::after {
    width: 10px;
    height: 10px;
    background-image: url(../img/icon/arrow-down-white.svg);
  }
  footer .footer-section-sp .acordion-title--sp.active::after {
    background-image: url(../img/icon/arrow-up-white.svg);
  }
  footer .footer-section-sp .acordion-content--sp .footer-on-section-list,
  footer .footer-section-sp .acordion-content--sp .footer-under-section-list {
    margin-top: 0px;
    margin-bottom: 0;
  }
  footer .footer-section-sp .acordion-content--sp .footer-on-section-list:first-child,
  footer .footer-section-sp .acordion-content--sp .footer-under-section-list:first-child {
    margin-top: 15px;
  }
  footer .footer-section-sp .acordion-content--sp .footer-on-section-list:last-child li:last-child,
  footer .footer-section-sp .acordion-content--sp .footer-under-section-list:last-child li:last-child {
    margin-bottom: 0;
  }
  footer .footer-section-sp .acordion-content--sp .footer-on-section-list li,
  footer .footer-section-sp .acordion-content--sp .footer-under-section-list li {
    margin-bottom: 9px;
  }
  footer .footer-section-sp .acordion-content--sp .footer-on-section-list li:last-child,
  footer .footer-section-sp .acordion-content--sp .footer-under-section-list li:last-child {
    margin-bottom: 9px;
  }
  footer .footer-logo-sp {
    margin-top: 28px;
    width: 57px;
    margin-inline: auto;
  }
  footer .footer-logo-sp img {
    width: 100%;
    height: auto;
    display: block;
  }
  footer .footer-under-right .footer-section-sp {
    border-bottom: 1px solid #707070;
  }
  footer .footer-on .acordion-content--sp.active,
  footer .footer-under-left .acordion-content--sp.active,
  footer .footer-under-right .acordion-content--sp.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

/*
 ❘ ------------------------------------------------------------
 ❘ メイン
 ❘ ------------------------------------------------------------
*/
main {
  /* header固定分の位置調整 */
  margin-top: 90px;
}

@media screen and (max-width: 900px) {
  main {
    margin-top: var(--header-height-sp);
  }
}

main.is-cart-page #searchBtn {
  /* カート系ページでは検索ボタンを非表示にする */
  display: none;
}

main.is-cart-page + footer {
  /* カート系ページではフッターの不要要素を非表示にする */
}

main.is-cart-page + footer .footer-on,
main.is-cart-page + footer .footer-under-right,
main.is-cart-page + footer .footer-section-sp {
  display: none;
}

@media screen and (max-width: 900px) {
  main.is-mypage, main.is-cart-page {
    margin-top: var(--header-height-sp);
  }
}

main.is-company-page {
  margin-top: 130px;
}

@media screen and (max-width: 900px) {
  main.is-company-page {
    margin-top: 35px;
  }
}

/*
 ❘ ------------------------------------------------------------
 ❘ ページトップナビメニューの有無による制御
 ❘ ------------------------------------------------------------
*/
.has-page-top-nav .sec:first-of-type {
  margin-top: 85px;
}

.has-page-top-nav.is-news-detail .sec:first-of-type {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .has-page-top-nav.is-news-detail .sec:first-of-type {
    margin-top: 20px;
  }
}

@media screen and (max-width: 768px) {
  .has-page-top-nav.is-news-detail .sec.sec--mt-sm {
    margin-top: 0;
  }
}

.has-page-top-nav .used-sub-genre-sec:first-of-type {
  margin-top: 64px;
}

@media screen and (max-width: 768px) {
  .has-page-top-nav .used-sub-genre-sec:first-of-type {
    margin-top: 20px;
  }
}

.not-has-page-top-nav .sec:first-of-type {
  margin-top: 95px;
}

.not-has-page-top-nav.is-news-detail .sec:first-of-type {
  margin-top: 43px;
}

@media screen and (max-width: 768px) {
  .not-has-page-top-nav.is-news-detail .sec:first-of-type {
    margin-top: 20px;
  }
}

/*
 ❘ ------------------------------------------------------------
 ❘ ページ
 ❘ ------------------------------------------------------------
*/
/* サブジャンルTOPページ */
/* ---------------------------------------------------------- */
.page-sub-genre-top .wide-product-list-container {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .page-sub-genre-top .wide-product-list-container {
    margin-top: 22px;
  }
}

.page-sub-genre-top .wide-product-list {
  margin-top: 48px;
}

@media screen and (max-width: 768px) {
  .page-sub-genre-top .wide-product-list {
    margin-top: 21px;
  }
}

/* サブサブジャンルTOPページ */
/* ---------------------------------------------------------- */
.page-sub-sub-genre-top .wide-product-list-container {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .page-sub-sub-genre-top .wide-product-list-container {
    margin-top: 22px;
  }
}

.page-sub-sub-genre-top .wide-product-list {
  margin-top: 48px;
}

@media screen and (max-width: 768px) {
  .page-sub-sub-genre-top .wide-product-list {
    margin-top: 22px;
  }
}

/* 中古TOPページ */
/* ---------------------------------------------------------- */
.page-used-top .used-sale {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .page-used-top .new-accepted-used-product.sec .act-btn {
    margin-top: 40px;
  }
}

/* #38680 SP: FAB重なり対策（中古TOP／ジャンルTOP） */
@media screen and (max-width: 768px) {
  body.page-used-top > main.main-top,
  body.page-used-genre-top > main.main-top {
    padding-bottom: 120px;
  }
}

/* 中古ジャンルTOPページ */
/* ---------------------------------------------------------- */
@media screen and (max-width: 768px) {
  .page-used-genre-top.has-page-top-nav .sec:has(.product-list-used) .act-btn {
    margin-top: 40px;
  }
}

@media screen and (max-width: 768px) {
  .page-used-genre-top.has-page-top-nav .sec:first-of-type {
    margin-top: 45px;
  }
}

/* ニュース一覧（総合TOP用）ページ */
/* ---------------------------------------------------------- */
@media screen and (max-width: 768px) {
  .page-news-list-sogo.not-has-page-top-nav .sec:first-of-type {
    margin-top: 20px;
  }
}

/* ニュース一覧（ジャンルTOP用）ページ */
/* ---------------------------------------------------------- */
.page-news-list-genre.has-page-top-nav .sec:first-of-type {
  margin-top: 40px;
}

.page-news-list-genre .page-section-title {
  margin-bottom: 0;
}

.page-news-list-genre .news-list {
  margin-top: 40px;
}

/* ニュース一覧（中古TOP用）ページ */
/* ---------------------------------------------------------- */
.page-news-list-used.has-page-top-nav .sec:first-of-type {
  margin-top: 76px;
}

@media screen and (max-width: 768px) {
  .page-news-list-used.has-page-top-nav .sec:first-of-type {
    margin-top: 40px;
  }
}

/* ニュース詳細ページ（５ページ ==> 1,2,3,4,中古用） */
/* ---------------------------------------------------------- */
@media screen and (max-width: 768px) {
  .page-news-detail .container {
    padding-inline: 12px;
  }
}

.page-news-detail .page-section-title {
  margin-bottom: 40px;
}

.page-news-detail .news-contents {
  margin-top: 43px;
}

.page-news-detail .news-contents h2,
.page-news-detail .news-contents h3,
.page-news-detail .news-contents h4 {
  margin: 0;
}

.page-news-detail .news-contents .news-contents-inner {
  max-width: 900px;
}

.page-news-detail .news-contents .news-contents-inner.news-contents-inner--full {
  max-width: none;
}

.page-news-detail .news-contents .news-contents-inner.news-contents-inner--full .eye-catch.eye-catch--full {
  margin-top: 30px;
}

.page-news-detail .news-contents .news-contents-inner.news-contents-inner--full .eye-catch img {
  width: 100%;
}

.page-news-detail .news-contents .news-contents-header .eye-catch {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .page-news-detail .news-contents .news-contents-header .eye-catch {
    margin-top: 11px;
  }
}

.page-news-detail .news-contents .news-infos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 25px;
  column-gap: 25px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
}

.page-news-detail .news-contents .news-infos .date {
  font-weight: bold;
}

.page-news-detail .news-contents .news-infos .label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 100px;
  height: 20px;
  border: 1px solid #4B4B4B;
}

.page-news-detail .news-contents .news-infos .label.label--dark {
  background-color: #4B4B4B;
  color: #fff;
  padding: 4px 13px;
  min-height: fit-content;
}

.page-news-detail .news-contents .news-infos .label.label--light {
  background-color: #fff;
  color: #4B4B4B;
  padding: 4px 13px;
  min-height: fit-content;
}

.page-news-detail .news-contents .news-detail-title {
  margin-top: 14px;
  margin-bottom: 50px;
  font-size: 20px;
  color: #000;
  font-weight: bold;
  word-break: break-all;
}

@media screen and (max-width: 768px) {
  .page-news-detail .news-contents .news-detail-title {
    margin-top: 11px;
    line-height: 1.4;
  }
}

.page-news-detail .news-contents .news-header-lead .news-lead {
  font-size: 20px;
  font-weight: bold;
  color: #F10500;
}

.page-news-detail .news-contents .news-header-lead .txt-sec {
  margin-top: 1.6em;
}

.page-news-detail .news-contents .news-header-lead .txt-sec + .txt {
  margin-top: 0;
}

.page-news-detail .news-contents .news-header-lead .txt {
  margin-top: 1.2em;
  font-size: 16px;
  color: #000;
}

.page-news-detail .news-contents .news-header-lead .txt.txt--strong {
  font-weight: bold;
}

.page-news-detail .news-contents .news-header-lead .txt.txt--mt-none {
  margin-top: 0;
}

.page-news-detail .news-contents .news-contents-main {
  margin-top: 30px;
  margin-bottom: 30px;
  line-height: 1.8;
  color: #000;
  font-size: 16px;
}

.page-news-detail .news-contents .news-contents-main img {
  max-width: 100%;
  height: auto;
}

.page-news-detail .news-contents .news-contents-main iframe {
  max-width: 100%;
}

@media screen and (max-width: 768px) {
  .page-news-detail .news-contents .news-contents-main {
    margin-top: 12px;
  }
}

.page-news-detail .news-contents .news-contents-main .news-lead {
  font-size: 20px;
  font-weight: bold;
  color: #F10500;
  line-height: 1.4;
}

.page-news-detail .news-contents .news-contents-main .news-sub-lead {
  font-weight: normal;
}

.page-news-detail .news-contents .news-contents-main .news-sub-lead + .txt {
  margin-top: 0;
}

.page-news-detail .news-contents .news-contents-main .txt-sec {
  margin-top: 2.3em;
}

@media screen and (max-width: 768px) {
  .page-news-detail .news-contents .news-contents-main .txt-sec:first-of-type {
    margin-top: 1.1em;
  }
}

.page-news-detail .news-contents .news-contents-main .txt-sec + .txt {
  margin-top: 0;
}

.page-news-detail .news-contents .news-contents-main .txt.txt--strong {
  font-weight: bold;
  line-height: 1.4;
}

.page-news-detail .news-contents .news-contents-main .txt.txt--mt-none {
  margin-top: 0;
}

.page-news-detail .news-contents .news-contents-main .news-sub-lead,
.page-news-detail .news-contents .news-contents-main .txt {
  margin-top: 1.18em;
  color: #000;
  font-size: 16px;
  line-height: 1.8;
}

.page-news-detail .news-contents .news-contents-main .link {
  color: #3E6DBB;
  text-decoration: underline;
  word-wrap: break-word;
}

.page-news-detail .news-contents .cta-area {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .page-news-detail .news-contents .cta-area {
    margin-top: 59px;
  }
}

.page-news-detail .news-contents .cta-area .banner {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media screen and (max-width: 768px) {
  .page-news-detail .news-contents .cta-area .banner {
    margin-inline: auto;
  }
}

.page-news-detail .news-contents .cta-area .banner:hover {
  opacity: 0.7;
}

.page-news-detail .news-contents .cta-area.cta-area--has-banner {
  margin-top: 150px;
}

@media screen and (max-width: 768px) {
  .page-news-detail .news-contents .cta-area.cta-area--has-banner {
    margin-top: 27px;
  }
}

.page-news-detail .news-contents .cta-area.cta-area--has-banner .sns-icon-list {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .page-news-detail .news-contents .cta-area.cta-area--has-banner .sns-icon-list {
    margin-top: 40px;
  }
}

.page-news-detail .news-contents .cta-area.cta-area--has-product {
  margin-top: 95px;
}

@media screen and (max-width: 768px) {
  .page-news-detail .news-contents .cta-area.cta-area--has-product {
    margin-top: 20px;
  }
}

.page-news-detail .news-contents .cta-area.cta-area--has-product .sns-icon-list {
  margin-top: 56px;
}

@media screen and (max-width: 768px) {
  .page-news-detail .news-contents .cta-area.cta-area--has-product .sns-icon-list {
    margin-top: 40px;
  }
}

.page-news-detail .related-product-info-container {
  margin-top: 125px;
  margin-bottom: 195px;
}

@media screen and (max-width: 768px) {
  .page-news-detail .related-product-info-container {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.page-news-detail .related-product-info-container.related-product-info-container--mt-sm {
  margin-top: 58px;
}

@media screen and (max-width: 768px) {
  .page-news-detail .related-product-info-container.related-product-info-container--mt-sm {
    margin-top: 55px;
  }
}

.page-news-detail .related-product-info-container .page-section-title .ja {
  font-size: 18px;
  letter-spacing: 0;
}

.page-news-detail .related-product-info-container .related-product-info {
  margin-top: 120px;
}

@media screen and (max-width: 768px) {
  .page-news-detail .related-product-info-container .related-product-info {
    margin-top: 55px;
  }
}

.page-news-detail .related-product-info-container .related-product-info:first-of-type {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .page-news-detail .related-product-info-container .related-product-info:first-of-type {
    margin-top: 55px;
  }
}

.page-news-detail .related-product-info-container .lead-txt {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 22px;
}

.page-news-detail .related-product-info {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .page-news-detail .related-product-info-container .lead-txt {
    text-align: center;
  }
}

@media screen and (max-width: 768px) {
  .page-news-detail .related-product-info-container .product-list.product-list--responsive-has-btn {
    row-gap: 30px;
  }
}

/* 中古商品詳細ページ */
/* ---------------------------------------------------------- */
.page-used-product-detail .used-product-detail {
  margin-top: 79px;
}

@media screen and (max-width: 768px) {
  .page-used-product-detail .used-product-detail {
    margin-top: 20px;
  }
}

.page-used-product-detail .used-product-list-sec {
  margin-top: 46px;
}

@media screen and (max-width: 768px) {
  .page-used-product-detail .used-product-list-sec {
    margin-top: 40px;
  }
}

.page-used-product-detail .used-product-list-sec .used-sm-wide-product-list {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .page-used-product-detail .used-product-list-sec .used-sm-wide-product-list {
    margin-top: 20px;
  }
}

.page-used-product-detail .new-product-list-sec {
  margin-top: 96px;
}

@media screen and (max-width: 768px) {
  .page-used-product-detail .new-product-list-sec {
    margin-top: 45px;
  }
}

@media screen and (max-width: 768px) {
  .page-used-product-detail .new-product-list-sec .new-product-list {
    border-bottom: none;
  }
}

.page-used-product-detail .new-product-variation {
  margin-top: 76px;
}

@media screen and (max-width: 768px) {
  .page-used-product-detail .new-product-variation {
    margin-top: 31px;
  }
}

.page-used-product-detail .also-bought {
  margin-top: 88px;
}

@media screen and (max-width: 768px) {
  .page-used-product-detail .also-bought {
    margin-top: 45px;
  }
}

.page-used-product-detail .related-artist {
  margin-top: 72px;
}

@media screen and (max-width: 768px) {
  .page-used-product-detail .related-artist {
    margin-top: 47px;
  }
}

.page-used-product-detail:has(.modal-sec) .product-image {
  cursor: pointer;
}

/* 新品商品詳細ページ */
/* ---------------------------------------------------------- */
.page-new-product-detail .new-product-detail {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .page-new-product-detail .new-product-detail {
    margin-top: 21px;
  }
}

.page-new-product-detail .new-product-variation {
  margin-top: 25px;
}

@media screen and (max-width: 768px) {
  .page-new-product-detail .new-product-variation {
    margin-top: 37px;
  }
}

.page-new-product-detail .new-product-detail-info {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .page-new-product-detail .new-product-detail-info {
    margin-top: 43px;
  }
}

.page-new-product-detail .new-product-detail-info .product-detail-info-inner {
  margin-top: 30px;
  word-break: break-all;
  color: #000;
  font-size: 14px;
  line-height: calc(25 / 14);
}
/* 商品詳細、特典コメントにaタグがある場合リンクに色付け */
.page-new-product-detail .new-product-detail-info .product-detail-info-inner a,
.page-new-product-detail .special-detail-info .special-detail-info-inner a {
  color: #3E6DBB;
}

@media screen and (max-width: 768px) {
  .page-new-product-detail .new-product-detail-info .product-detail-info-inner {
    margin-top: 15px;
  }
}

.page-new-product-detail .new-product-detail-info .txt {
  color: #000;
  font-size: 14px;
  line-height: calc(25 / 14);
}

.page-new-product-detail .new-product-detail-info .txt.txt--mt {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .page-new-product-detail .new-product-detail-info .txt.txt--mt {
    margin-top: 14px;
  }
}

.page-new-product-detail .new-product-detail-info .txt.txt--mt-sm {
  margin-top: 16px;
}

@media screen and (max-width: 768px) {
  .page-new-product-detail .new-product-detail-info .txt.txt--mt-sm {
    margin-top: 12px;
  }
}

.page-new-product-detail .new-product-detail-info .txt.txt--algn-r {
  text-align: right;
}

.page-new-product-detail .new-product-detail-info .image-sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 23px;
}

@media screen and (max-width: 768px) {
  .page-new-product-detail .new-product-detail-info .image-sec {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    row-gap: 3px;
    margin-top: 15px;
  }
}

.page-new-product-detail .new-product-detail-info .video {
  margin-top: 44px;
  max-width: 558px;
  margin-inline: auto;
}

@media screen and (max-width: 768px) {
  .page-new-product-detail .new-product-detail-info .video {
    margin-top: 15px;
    max-width: 100%;
  }
}

.page-new-product-detail .new-product-detail-info .video .video-inner {
  position: relative;
  height: 0;
  width: 100%;
  padding-top: 41.75627240143369%;
}

.page-new-product-detail .new-product-detail-info .video .video-inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.page-new-product-detail .special-detail-info {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .page-new-product-detail .special-detail-info {
    margin-top: 44px;
  }
}

.page-new-product-detail .special-detail-info-inner {
  margin-top: 23px;
  word-break: break-all;
  color: #000;
  font-size: 14px;
  line-height: calc(25 / 14);
}

@media screen and (max-width: 768px) {
  .page-new-product-detail .special-detail-info-inner {
    margin-top: 15px;
  }
}

.page-new-product-detail .special-txt-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 27px;
  column-gap: 27px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .page-new-product-detail .special-txt-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    row-gap: 0;
  }
}

.page-new-product-detail .special-txt-info .special-title {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  color: #F10500;
  line-height: calc(25 / 14);
}

.page-new-product-detail .special-txt-info .special-title .label {
  margin-right: 11px;
}

.page-new-product-detail .special-txt-info .size-info {
  color: #000;
  font-size: 14px;
  line-height: calc(25 / 14);
}

.page-new-product-detail .special-image {
  margin-top: 18px;
  width: 100%;
  max-width: 400px;
}

@media screen and (max-width: 768px) {
  .page-new-product-detail .special-image {
    margin-top: 14px;
  }
}

.page-new-product-detail .new-product-song-list {
  margin-top: 85px;
}

@media screen and (max-width: 768px) {
  .page-new-product-detail .new-product-song-list {
    margin-top: 45px;
  }
}

.page-new-product-detail .used-product-list {
  margin-top: 105px;
}

.page-new-product-detail .used-product-list-sec {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .page-new-product-detail .used-product-list-sec {
    margin-top: 43px;
  }
}

.page-new-product-detail .used-product-list-sec .used-sm-wide-product-list {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .page-new-product-detail .used-product-list-sec .used-sm-wide-product-list {
    margin-top: 23px;
  }
}

.page-new-product-detail .related-products {
  margin-top: 85px;
}

@media screen and (max-width: 768px) {
  .page-new-product-detail .related-products {
    margin-top: 43px;
  }
}

@media screen and (max-width: 768px) {
  .page-new-product-detail .related-products .product-list {
    margin-top: 30px;
  }
}

.page-new-product-detail .also-bought {
  margin-top: 58px;
}

@media screen and (max-width: 768px) {
  .page-new-product-detail .also-bought {
    margin-top: 38px;
  }
}

.page-new-product-detail .also-bought .product-list {
  margin-top: 25px;
}

@media screen and (max-width: 768px) {
  .page-new-product-detail .related-artist {
    margin-top: 40px;
  }
}

.page-new-product-detail .artist-related-news {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .page-new-product-detail .artist-related-news {
    margin-top: 60px;
  }
}

@media screen and (max-width: 768px) {
  .page-new-product-detail .artist-related-news .news-list {
    margin-top: 15px;
  }
}

/*  受け取り方法（オンライン）ページ
    受け取り方法（オンライン）酒類ページ
    受け取り方法（オンライン）Amazonページ
    ---------------------------------------------------------- */
.page-reserve-method-online .form-item-communication-inst,
.page-reserve-method-online-alcohol .form-item-communication-inst,
.page-reserve-method-online-amazon .form-item-communication-inst {
  padding-bottom: 20px;
}

.page-reserve-method-online .form-item.form-item-delivery-notif,
.page-reserve-method-online-alcohol .form-item.form-item-delivery-notif,
.page-reserve-method-online-amazon .form-item.form-item-delivery-notif {
  padding-top: 28px;
  padding-bottom: 19px;
}

@media screen and (max-width: 768px) {
  .page-reserve-method-online .form-item.form-item-delivery-notif,
  .page-reserve-method-online-alcohol .form-item.form-item-delivery-notif,
  .page-reserve-method-online-amazon .form-item.form-item-delivery-notif {
    padding-bottom: 29px;
  }
}

.page-reserve-method-online .form-item.form-item-delivery-notif .form-item-title.form-item-title--checkbox-label,
.page-reserve-method-online-alcohol .form-item.form-item-delivery-notif .form-item-title.form-item-title--checkbox-label,
.page-reserve-method-online-amazon .form-item.form-item-delivery-notif .form-item-title.form-item-title--checkbox-label {
  font-size: 14px;
}

/* 受け取り方法（オンライン）Amazonページ */
/* ---------------------------------------------------------- */
.page-reserve-method-online-amazon .form-item.form-item-delivery-notif {
  padding-top: 19px;
  padding-bottom: 45px;
}

.page-reserve-method-online-amazon .shopping-cart-sec {
  margin-top: 111px;
}

@media screen and (max-width: 768px) {
  .page-reserve-method-online-amazon .shopping-cart-sec {
    margin-top: 50px;
  }
}

/* 受け取り方法（店舗） */
/* ---------------------------------------------------------- */
.page-reserve-method-store01 .form-item.form-item-delivery-notif {
  padding-top: 19px;
  padding-bottom: 45px;
}

.page-reserve-method-store01 .shopping-cart-sec {
  margin-top: 58px;
}

@media screen and (max-width: 768px) {
  .page-reserve-method-store01 .shopping-cart-sec {
    margin-top: 50px;
  }
}

.page-reserve-method-store01 .user-page-sub-title-container .user-page-sub-title {
  margin-left: 0;
}

@media screen and (max-width: 768px) {
  .page-reserve-method-store01 .user-page-acordion-sec {
    margin-top: 30px;
  }
}

/*  受け取り方法（店舗）２ */
/* ---------------------------------------------------------- */
.page-reserve-method-store02 .shopping-cart-sec {
  margin-top: 30px;
}

.page-reserve-method-store02 .user-page-acordion-sec {
  margin-top: 66px;
}

@media screen and (max-width: 768px) {
  .page-reserve-method-store02 .user-page-acordion-sec {
    margin-top: 30px;
  }
}

.page-reserve-method-store02 .user-page-acordion-sec .user-page-acordion-sec-inner .acordion-content {
  padding-left: 26px;
  padding-right: 13px;
  padding-block: 16px;
}

@media screen and (max-width: 768px) {
  .page-reserve-method-store02 .user-page-acordion-sec .user-page-acordion-sec-inner .acordion-content {
    padding-left: 15px;
    padding-bottom: 10px;
  }
}

.page-reserve-method-store02 .user-page-acordion-sec .user-page-acordion-sec-inner .acordion-content .checkbox-group label {
  padding-left: 10px;
}

/*  確認画面paypal */
/* ---------------------------------------------------------- */
.page-confirm-paypal .shopping-cart-sec {
  margin-top: 52px;
}

@media screen and (max-width: 768px) {
  .page-confirm-paypal .shopping-cart-sec {
    margin-top: 50px;
  }
}

/*  確認画面Amazon */
/* ---------------------------------------------------------- */
.page-confirm-amazon .shopping-cart-sec {
  margin-top: 82px;
}

@media screen and (max-width: 768px) {
  .page-confirm-amazon .shopping-cart-sec {
    margin-top: 50px;
  }
}

/*  確認画面クレジット１ */
/* ---------------------------------------------------------- */
.page-confirm-credit01 .shopping-cart-sec {
  margin-top: 52px;
}

@media screen and (max-width: 768px) {
  .page-confirm-credit01 .shopping-cart-sec {
    margin-top: 50px;
  }
}

/*  確認画面クレジット２ */
/* ---------------------------------------------------------- */
.page-confirm-credit02 .btn-container {
  margin-top: 30px;
  padding-left: 50px;
}

@media screen and (max-width: 768px) {
  .page-confirm-credit02 .btn-container {
    padding-left: 0;
  }
}

/*  カート内ページ
    カート内（Amazon Pay）未ログインページ
    ---------------------------------------------------------- */
.page-cart .accounting-area-container,
.page-cart-not-login .accounting-area-container {
  margin-top: 23px;
}

/* style.css の .ec-cartRole（flex-end + padding）が2カラムをずらすため打ち消す */
.is-cart-page .has-accounting-side-area .ec-cartRole {
  display: block;
  width: 100%;
  max-width: none;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}

/*  お客様情報（ログイン・メンバーズ登録）ページ
    マイページログインページ
    ---------------------------------------------------------- */
.page-cart-login .user-page-description-container,
.page-mypage-login .user-page-description-container {
  margin-top: 16px;
}

.page-cart-login .login-register-container,
.page-mypage-login .login-register-container {
  margin-top: 20px;
}

/*  新規メンバー登録（お客様情報-入力） */
/* ---------------------------------------------------------- */
.page-member-register-input .agree-terms-container {
  margin-top: 14px;
}

/*  マイページ機能 */
/* ---------------------------------------------------------- */
.page-mypage .multi-column-area {
  margin-top: 56px;
}

@media screen and (max-width: 768px) {
  .page-mypage .multi-column-area {
    margin-top: 20px;
  }
}

/*  マイページ内機能（在庫検索サービス1） */
/* ---------------------------------------------------------- */
.page-mypage-stock-search-function .product-show-condition-init-area,
.page-mypage-stock-search-function-result .product-show-condition-init-area {
  margin-top: 32px;
}

.page-mypage-stock-search-function .description-area,
.page-mypage-stock-search-function-result .description-area {
  margin-top: 38px;
}

.page-mypage-stock-search-function .description-area .description-list .description-list-item .description-list-item-txt,
.page-mypage-stock-search-function-result .description-area .description-list .description-list-item .description-list-item-txt {
  color: #000;
  font-size: 12px;
  line-height: calc(20 / 12);
}

.page-mypage-stock-search-function .user-page-acordion-sec,
.page-mypage-stock-search-function-result .user-page-acordion-sec {
  margin-top: 105px;
}

@media screen and (max-width: 768px) {
  .page-mypage-stock-search-function .user-page-acordion-sec,
  .page-mypage-stock-search-function-result .user-page-acordion-sec {
    margin-top: 50px;
  }
}

.page-mypage-stock-search-function .user-page-acordion-sec-inner .acordion-title,
.page-mypage-stock-search-function-result .user-page-acordion-sec-inner .acordion-title {
  height: 50px;
}

@media screen and (max-width: 768px) {
  .page-mypage-stock-search-function .user-page-acordion-sec-inner .acordion-title:after,
  .page-mypage-stock-search-function-result .user-page-acordion-sec-inner .acordion-title:after {
    width: 14px;
    height: 12px;
    right: 14px;
    top: 56%;
  }
}

/*  マイページ内機能（注文・購入履歴01） */
/* ---------------------------------------------------------- */
.page-mypage-purchase-and-order-history01 .btn-container {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .page-mypage-purchase-and-order-history01 .btn-container {
    margin-top: 50px;
  }
}

.page-mypage-purchase-and-order-history01 .btn-container .act-btn {
  font-size: 12px;
  margin-inline: auto;
}

/*  マイページ内機能（注文・購入履歴02） */
/* ---------------------------------------------------------- */
@media screen and (max-width: 768px) {
  .page-mypage-purchase-and-order-history02 .btn-container--flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    row-gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

/*  マイページ内機能（注文・購入履歴02・03）
    マイページ内機能（店舗受取申し込み履歴一覧1・2）
    マイページ内機能（買取履歴一覧1）
    マイページ内機能（買取履歴一覧詳細）
    マイページ内機能（ウォントリスト）
    ---------------------------------------------------------- */
.page-mypage-purchase-and-order-history02 .btn-container.btn-container--mt-sm,
.page-mypage-purchase-and-order-history03 .btn-container.btn-container--mt-sm,
.page-mypage-store-order-history01 .btn-container.btn-container--mt-sm,
.page-mypage-store-order-history02 .btn-container.btn-container--mt-sm,
.page-mypage-buyback-record-history01 .btn-container.btn-container--mt-sm,
.page-mypage-buyback-record-history-detail .btn-container.btn-container--mt-sm,
.page-mypage-want-list .btn-container.btn-container--mt-sm,
.page-mypage-address-list-regist .btn-container.btn-container--mt-sm {
  margin-top: 17px;
}

.page-mypage-purchase-and-order-history02 .btn-container .act-btn,
.page-mypage-purchase-and-order-history03 .btn-container .act-btn,
.page-mypage-store-order-history01 .btn-container .act-btn,
.page-mypage-store-order-history02 .btn-container .act-btn,
.page-mypage-buyback-record-history01 .btn-container .act-btn,
.page-mypage-buyback-record-history-detail .btn-container .act-btn,
.page-mypage-want-list .btn-container .act-btn,
.page-mypage-address-list-regist .btn-container .act-btn {
  font-size: 12px;
}

.page-mypage-purchase-and-order-history02 .btn-container .act-btn.ssm,
.page-mypage-purchase-and-order-history03 .btn-container .act-btn.ssm,
.page-mypage-store-order-history01 .btn-container .act-btn.ssm,
.page-mypage-store-order-history02 .btn-container .act-btn.ssm,
.page-mypage-buyback-record-history01 .btn-container .act-btn.ssm,
.page-mypage-buyback-record-history-detail .btn-container .act-btn.ssm,
.page-mypage-want-list .btn-container .act-btn.ssm,
.page-mypage-address-list-regist .btn-container .act-btn.ssm {
  font-size: 9px;
}

.page-mypage-purchase-and-order-history02 .btn-container .act-btn.ssmd,
.page-mypage-purchase-and-order-history03 .btn-container .act-btn.ssmd,
.page-mypage-store-order-history01 .btn-container .act-btn.ssmd,
.page-mypage-store-order-history02 .btn-container .act-btn.ssmd,
.page-mypage-buyback-record-history01 .btn-container .act-btn.ssmd,
.page-mypage-buyback-record-history-detail .btn-container .act-btn.ssmd,
.page-mypage-want-list .btn-container .act-btn.ssmd,
.page-mypage-address-list-regist .btn-container .act-btn.ssmd {
  font-size: 9px;
}

.page-mypage-purchase-and-order-history02 .btn-container .act-btn.has-arrow.arrow-rr-white::after,
.page-mypage-purchase-and-order-history03 .btn-container .act-btn.has-arrow.arrow-rr-white::after,
.page-mypage-store-order-history01 .btn-container .act-btn.has-arrow.arrow-rr-white::after,
.page-mypage-store-order-history02 .btn-container .act-btn.has-arrow.arrow-rr-white::after,
.page-mypage-buyback-record-history01 .btn-container .act-btn.has-arrow.arrow-rr-white::after,
.page-mypage-buyback-record-history-detail .btn-container .act-btn.has-arrow.arrow-rr-white::after,
.page-mypage-want-list .btn-container .act-btn.has-arrow.arrow-rr-white::after,
.page-mypage-address-list-regist .btn-container .act-btn.has-arrow.arrow-rr-white::after {
  right: 6px;
}

/*
    マイページ内機能（注文・購入履歴02）
    マイページ内機能（店舗受取申し込み履歴一覧1）
    マイページ内機能（買取履歴一覧1）
    マイページ内機能（ウォントリスト01）
    マイページ内機能（退会手続き理由確認）
    ---------------------------------------------------------- */
.page-mypage-purchase-and-order-history02 .btn-container,
.page-mypage-store-order-history01 .btn-container,
.page-mypage-buyback-record-history01 .btn-container,
.page-mypage-want-list .btn-container,
.page-mypage-member-withdrawal-confirm .btn-container {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .page-mypage-purchase-and-order-history02 .btn-container,
  .page-mypage-store-order-history01 .btn-container,
  .page-mypage-buyback-record-history01 .btn-container,
  .page-mypage-want-list .btn-container,
  .page-mypage-member-withdrawal-confirm .btn-container {
    margin-top: 50px;
  }
}

/*  マイページ内機能（注文・購入履歴03） */
/* ---------------------------------------------------------- */
.page-mypage-purchase-and-order-history03 .order-history-table {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .page-mypage-purchase-and-order-history03 .order-history-table {
    margin-bottom: 40px;
  }
}

.page-mypage-purchase-and-order-history03 .btn-container {
  margin-top: 70px;
}

@media screen and (max-width: 768px) {
  .page-mypage-purchase-and-order-history03 .btn-container {
    margin-top: 50px;
  }
  .page-mypage-purchase-and-order-history03 .btn-container .act-btn.act-btn--right {
    margin-inline: auto;
  }
}

@media screen and (max-width: 768px) {
  .page-mypage-purchase-and-order-history03 .btn-container--flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    row-gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

/*  マイページ内機能（履歴が1件もない場合） */
/* ---------------------------------------------------------- */
.page-mypage-purchase-and-order-history-is-no-history .btn-container,
.page-mypage-buyback-record-history01-is-no-history .btn-container {
  margin-top: 50px;
}

/*  マイページ内機能（パスワード再発行） */
/* ---------------------------------------------------------- */
.page-mypage-password-reissue .btn-container {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .page-mypage-password-reissue .btn-container {
    margin-top: 30px;
  }
}

.page-mypage-password-reissue .act-btn {
  font-size: 12px;
}

/*
    マイページ内機能（店舗受取申し込み履歴一覧2）
    マイページ内機能（顧客情報変更フォーム）
    マイページ内機能（顧客情報変更確認）
    ---------------------------------------------------------- */
.page-mypage-store-order-history02 .btn-container,
.page-mypage-change-customer-info-input .btn-container,
.page-mypage-change-customer-info-confirm .btn-container {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .page-mypage-store-order-history02 .btn-container,
  .page-mypage-change-customer-info-input .btn-container,
  .page-mypage-change-customer-info-confirm .btn-container {
    margin-top: 50px;
  }
}

/*  マイページ内機能（買取履歴一覧詳細） */
/* ---------------------------------------------------------- */
.page-mypage-buyback-record-history-detail .btn-container {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .page-mypage-buyback-record-history-detail .btn-container {
    margin-top: 50px;
  }
}

@media screen and (max-width: 768px) {
  .page-mypage-buyback-record-history-detail .btn-container--flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    row-gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

/*  マイページ内機能（顧客情報変更フォーム）
    マイページ内機能（顧客情報変更確認）
    ---------------------------------------------------------- */
.page-mypage-change-customer-info-input .act-btn,
.page-mypage-change-customer-info-confirm .act-btn {
  font-size: 14px;
}

/* マイページアドレス帳管理ページ01・02
    マイページアドレス帳管理ページ（新規登録）
    商品購入/お届け先の追加（ECC-449 #41384）
    ---------------------------------------------------------- */
.page-mypage-address-list01 .btn-container,
.page-mypage-address-list02 .btn-container,
.page-mypage-address-list-regist .btn-container {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .page-mypage-address-list01 .btn-container.btn-container--flex,
  .page-mypage-address-list02 .btn-container.btn-container--flex,
  .page-mypage-address-list-regist .btn-container.btn-container--flex,
  .page-shopping-shipping-edit .btn-container.btn-container--flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    row-gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.page-mypage-address-list01 .act-btn,
.page-mypage-address-list02 .act-btn,
.page-mypage-address-list-regist .act-btn {
  font-size: 14px;
}

/* マイページ退会手続き確認ページ */
/* ---------------------------------------------------------- */
@media screen and (max-width: 768px) {
  .page-mypage-member-withdrawal-confirm .btn-container.btn-container--flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    row-gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

/* マイページ退会手続きページ */
/* ---------------------------------------------------------- */
.page-mypage-member-withdrawal-reason-input .btn-container {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .page-mypage-member-withdrawal-reason-input .btn-container {
    margin-top: 50px;
  }
}

@media screen and (max-width: 768px) {
  .page-mypage-member-withdrawal-reason-input .btn-container.btn-container--flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    row-gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.page-mypage-member-withdrawal-reason-input .act-btn {
  font-size: 14px;
}

/* インフォ&サービス（サービス）
    インフォ&サービス（インフォメーション）
    ---------------------------------------------------------- */
.page-info-and-service-for-info .sec:first-of-type,
.page-info-and-service-for-service .sec:first-of-type {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .page-info-and-service-for-info .sec:first-of-type,
  .page-info-and-service-for-service .sec:first-of-type {
    margin-top: 40px;
  }
}

/* 買取ニュース
    ---------------------------------------------------------- */
@media screen and (max-width: 768px) {
  .page-purchase-news .sec:first-of-type {
    margin-top: 40px;
  }
}

/*
    買取梱包キットお申し込みページ
    買取梱包キットお申し込みページ（11個以上のお申し込み）
    買取梱包キットお申し込みページ（10個以下のお申し込み）ログイン前
    買取梱包キットお申し込みページ（集荷申込 合計10枚以上）
    渋谷店DJ機器買取
    ---------------------------------------------------------- */
.page-purchase-application-materials-not-login .agree-terms-container,
.page-purchase-application-materials-over-ten .agree-terms-container,
.page-purchase-application-collection-ten-or-less-not-login .agree-terms-container,
.page-purchase-application-collection-over-ten .agree-terms-container,
.page-purchase-shibuya-dj-form .agree-terms-container {
  margin-top: 70px;
}

@media screen and (max-width: 768px) {
  .page-purchase-application-materials-not-login .agree-terms-container,
  .page-purchase-application-materials-over-ten .agree-terms-container,
  .page-purchase-application-collection-ten-or-less-not-login .agree-terms-container,
  .page-purchase-application-collection-over-ten .agree-terms-container,
  .page-purchase-shibuya-dj-form .agree-terms-container {
    margin-top: 23px;
  }
}

/*
    集荷買取依頼お申し込みページ（10個以下のお申し込み）ログイン前
    ---------------------------------------------------------- */
.page-purchase-application-collection-ten-or-less-not-login .login-register-container {
  margin-top: 45px;
}

/*  買取トップ
    買取申し込みページ
    採用TOP以降
    ---------------------------------------------------------- */
.page-purchase-top footer,
.page-purchase-application footer,
.page-purchase-ooguchi footer,
.page-purchase-old-record footer,
.page-purchase-classic-music-collection footer,
.page-purchase-anime-music footer,
.page-purchase-game-music footer,
.page-purchase-movie-dvd-blueray footer,
.purchase-ihinseiri footer,
.page-application-requirements footer,
.page-company-overview footer,
.page-recruit-info footer,
.page-recruit-info-shain-saiyo footer,
.page-recruit-info-shogaisha-saiyo footer,
.page-recruit-info-our-work footer,
.page-staff-voice footer,
.page-wholesale-sales footer,
.page-inde-product-and-cons-sales-want footer {
  margin-top: 0;
}

.page-independent-production-application-form .lead-sec-under-form-page-title {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .page-independent-production-application-form .lead-sec-under-form-page-title {
    margin-top: 20px;
    margin-bottom: 40px;
  }
}

.page-independent-production-application-form .lead-sec-under-form-page-title .lead-txt {
  color: #000;
  font-size: 14px;
  line-height: 1.5;
}

/* ===================================== */
/* スーパーバナー・おすすめキーワード（ヘッダー下で追随） */
/* ===================================== */
.site-promo-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 90px;
  z-index: 999;
}

@media screen and (max-width: 900px) {
  .site-promo-sticky {
    top: var(--header-height-sp, 50px);
  }

  .site-promo-sticky .announce-banner-area {
    margin-top: 0;
  }
}

/* ===================================== */
/* アナウンスバナー */
/* ===================================== */
.announce-banner-area {
  margin-inline: auto;
  text-align: center;
  background-color: #F10500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 900px) {
  .announce-banner-area {
    height: 43px;
    margin-top: 50px;
  }
}

/* ===================================== */
/* おすすめキーワード */
/* ===================================== */
.recommend-word-area {
  width: 100%;
  height: 40px;
  background: #000;
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .recommend-word-area {
    font-size: 10px;
    height: 21px;
  }
}

.recommend-word-area .recommend-word-area-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 1450px;
  -webkit-column-gap: 40px;
  column-gap: 40px;
  margin-left: calc((100vw - 1000px) / 2);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.recommend-word-area .recommend-word-area-inner::-webkit-scrollbar {
  display: none;
}

@media screen and (max-width: 1024px) {
  .recommend-word-area .recommend-word-area-inner {
    margin-left: 4px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
  }
}

@media screen and (max-width: 768px) {
  .recommend-word-area .recommend-word-area-inner {
    /* SPでは固定幅1450pxによるページ横溢れを防ぐ（内部横スクロールは維持） */
    width: calc(100% - 2px);
    min-width: 0;
    margin-left: 2px;
    font-size: 12px;
    -webkit-column-gap: 25px;
    column-gap: 25px;
  }
}

.recommend-word-area .recommend-word-area-inner .recommend-word-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 1020px) {
  .recommend-word-area .recommend-word-area-inner .recommend-word-list {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.recommend-word-area .recommend-word-area-inner .recommend-word-list li::after {
  content: "/";
  margin-right: 0.2em;
}

.recommend-word-area .recommend-word-area-inner .recommend-word-list li:last-child::after {
  content: "";
  margin-right: 0;
}

.recommend-word-area .recommend-word-area-inner .recommend-word-list li a:hover {
  text-decoration: underline;
}

/* ============================= */
/* 絞り込み検索結果セクション */
/* ============================= */
.product-search-result-list {
  margin-top: 62px;
}

@media screen and (max-width: 768px) {
  .product-search-result-list {
    margin-top: 27px;
  }
}

.product-search-result-list .contents-tabbody-elem.contents-tabbody-elem--pt-sm {
  padding-top: 30px;
}

.product-search-result-list .non-result-txt,
.stock-search-result-area .non-result-txt {
  margin-top: 70px;
  margin-bottom: 150px;
  text-align: center;
  color: #000;
  font-size: 16px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .product-search-result-list .non-result-txt,
  .stock-search-result-area .non-result-txt {
    margin-top: 40px;
    margin-bottom: 100px;
    font-size: 14px;
  }
}

/* ===================================== */
/* アーティスト紹介ページ  紹介セクション */
/* ===================================== */
.artist-intro-area {
  margin-top: 32px;
  color: #000;
}

@media screen and (max-width: 768px) {
  .artist-intro-area {
    margin-top: 28px;
  }
}

.artist-intro-area .artist-intro-area-inner {
  padding-top: 30px;
  padding-bottom: 40px;
  border-top: 1px solid #BFBFBF;
  border-bottom: 1px solid #BFBFBF;
}

@media screen and (max-width: 768px) {
  .artist-intro-area .artist-intro-area-inner {
    padding-block: 20px;
  }
}

.artist-intro-area .artist-name {
  font-size: 14px;
  font-weight: bold;
  line-height: calc(20 / 14);
  margin-block: 0;
}

.artist-intro-area .artist-intro-wrapper {
  position: relative;
  max-height: 5em;
  /* 2行分の高さ + 3行目の透かし */
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;
}

.artist-intro-area .artist-intro-wrapper.expanded {
  max-height: none;
}

.artist-intro-area .artist-intro-wrapper.expanded .artist-intro-overlay {
  opacity: 0;
}

.artist-intro-area .artist-intro-wrapper .artist-intro {
  margin-top: 2em;
  font-size: 12px;
  line-height: calc(20 / 12);
}

@media screen and (max-width: 768px) {
  .artist-intro-area .artist-intro-wrapper .artist-intro {
    margin-top: 1.7em;
  }
}

.artist-intro-area .artist-intro-wrapper .artist-intro-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.5em;
}

.artist-intro-area .read-more-btn {
  margin-top: 10px;
  padding: 5px 15px 5px 0;
  color: #3E6DBB;
  font-size: 14px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  position: relative;
}

.artist-intro-area .read-more-btn:hover {
  text-decoration: underline;
}

.artist-intro-area .read-more-btn::after {
  content: '';
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  background-image: url(../img/icon/triangle-down.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: 0;
  top: 55%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.artist-intro-area .read-more-btn.expanded::after {
  background-image: url(../img/icon/triangle-up.svg);
}


/* 既存のJSに合わせて .expanded が付いたら全表示にする */
.artist-intro-wrapper.expanded,
.artist-list-wrapper.expanded {
    max-height: none !important;
    overflow: visible !important;
}

/* ついでにオーバーレイを消す設定（クラス名が環境により異なるため2種用意） */
.artist-intro-wrapper.expanded .artist-intro-overlay,
.artist-list-wrapper.expanded .u-read-more-overlay {
    opacity: 0 !important;
    display: none !important;
}


/* ===================================== */
/* 中古商品のコンディションについて */
/* ===================================== */
.about-used-teim-condtion {
  margin-top: 110px;
  color: #000;
}

@media screen and (max-width: 768px) {
  .about-used-teim-condtion {
    margin-top: 40px;
  }
}

.about-used-teim-condtion .about-used-teim-condtion-inner .title {
  margin-bottom: 0;
  font-size: 16px;
  text-align: center;
}

.about-used-teim-condtion .about-used-teim-condtion-inner .txt-area {
  margin-top: 60px;
  max-width: 900px;
}

@media screen and (max-width: 768px) {
  .about-used-teim-condtion .about-used-teim-condtion-inner .txt-area {
    margin-top: 35px;
  }
}

.about-used-teim-condtion .about-used-teim-condtion-inner .txt-area .txt {
  font-size: 14px;
  margin-top: 1.3em;
}

.about-used-teim-condtion .about-used-teim-condtion-inner .txt-area .txt:first-child {
  margin-top: 0;
}

.about-used-teim-condtion .about-used-teim-condtion-inner .txt-area .txt.txt--mt-lg {
  margin-top: 2.5em;
}

/* ===================================== */
/* 中古販売について */
/* ===================================== */
.about-used-sell {
  margin-top: 50px;
}

.about-used-sell h4,
.about-used-sell h3 {
  margin-top: 0;
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .about-used-sell .container {
    padding-inline: 0;
  }
}

.about-used-sell .about-used-sell-inner {
  padding: 27px 36px 41px 36px;
  background-color: #F4F4F4;
}

@media screen and (max-width: 768px) {
  .about-used-sell .about-used-sell-inner {
    padding-inline: 15px;
    padding-bottom: 26px;
  }
}

.about-used-sell .sec-title {
  color: #000;
  font-size: 14px;
  font-weight: bold;
}

.about-used-sell .desc-container {
  color: #000;
}

.about-used-sell .desc-container .sub-title {
  font-size: 12px;
  font-weight: bold;
}

.about-used-sell .desc-container .txt {
  margin-top: 7px;
  font-size: 12px;
  line-height: calc(20 / 12);
}

@media screen and (max-width: 768px) {
  .about-used-sell .desc-container .txt {
    margin-top: 1px;
  }
}

.about-used-sell .desc-container .txt.txt-caution {
  color: #F10500;
}

.about-used-sell .desc-container .txt.txt--mt-lg {
  margin-top: 16px;
}

.about-used-sell .desc-container .about-ship,
.about-used-sell .desc-container .about-condition {
  margin-top: 23px;
}

@media screen and (max-width: 768px) {
  .about-used-sell .desc-container .about-ship,
  .about-used-sell .desc-container .about-condition {
    margin-top: 17px;
  }
}

.about-used-sell .used-rank-container-wrapper {
  margin-top: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 45px;
  column-gap: 45px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 3px;
}

@media screen and (max-width: 768px) {
  .about-used-sell .used-rank-container-wrapper {
    row-gap: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 0;
  }
}

.about-used-sell .used-rank-container-wrapper .used-rank-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.about-used-sell .used-rank-container-wrapper .used-rank-label,
.about-used-sell .used-rank-container-wrapper .sepalate {
  margin-right: 0;
}

.about-used-sell .used-rank-container-wrapper .rank-list {
  -webkit-column-gap: 0.7em;
  column-gap: 0.7em;
}

/* ===================================== */
/* 中古販売について（中古トップの注意書き） */
/* ===================================== */
.used-sell-guide {
  margin-top: 110px;
  color: #000;
}

@media screen and (max-width: 768px) {
  .used-sell-guide {
    margin-top: 40px;
  }
}

.used-sell-guide .used-sell-guide-inner {
  max-width: 900px;
}

.used-sell-guide .used-sell-guide-title {
  margin: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
}

.used-sell-guide .used-sell-guide-title .marker {
  background-color: #E9D2FD;
  padding: 0 4px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.used-sell-guide .used-sell-guide-block {
  margin-top: 26px;
}

@media screen and (max-width: 768px) {
  .used-sell-guide .used-sell-guide-block {
    margin-top: 20px;
  }
}

.used-sell-guide .used-sell-guide-block .sub-title {
  margin: 0;
  font-size: 15px;
  font-weight: bold;
}

.used-sell-guide .txt {
  margin-top: 7px;
  font-size: 14px;
  line-height: calc(24 / 14);
}

.used-sell-guide .txt.txt--mt-lg {
  margin-top: 16px;
}

.used-sell-guide .txt.txt-caution {
  color: #FF0000;
}

.used-sell-guide .used-rank-badges {
  list-style: none;
  margin: 14px 0 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
}

.used-sell-guide .used-rank-badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 4px;
  column-gap: 4px;
  padding: 8px 18px;
  border-radius: 4px;
  color: #fff;
}

.used-sell-guide .used-rank-badge .label {
  font-size: 13px;
  font-weight: bold;
}

.used-sell-guide .used-rank-badge .alpha {
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
}

.used-sell-guide .used-rank-badge--s {
  background-color: #A7863C;
}

.used-sell-guide .used-rank-badge--a {
  background-color: #63787C;
}

.used-sell-guide .used-rank-badge--b-plus {
  background-color: #77494B;
}

.used-sell-guide .used-rank-badge--b {
  background-color: #5F4546;
}

.used-sell-guide .used-rank-badge--c {
  background-color: #5F6060;
}

@media screen and (max-width: 768px) {
  .used-sell-guide .used-rank-badge {
    padding: 6px 12px;
  }

  .used-sell-guide .used-rank-badge .label {
    font-size: 12px;
  }

  .used-sell-guide .used-rank-badge .alpha {
    font-size: 18px;
  }
}

/* ===================================== */
/* お問い合わせ情報エリア */
/* ===================================== */
.contact-info-area {
  margin-top: 120px;
  color: #000;
}

@media screen and (max-width: 768px) {
  .contact-info-area {
    margin-top: 61px;
  }
}

.contact-info-area.mt-xs {
  margin-top: 54px;
}

@media screen and (max-width: 768px) {
  .contact-info-area.mt-xs {
    margin-top: 48px;
  }
}

.contact-info-area.mt-sm {
  margin-top: 87px;
}

@media screen and (max-width: 768px) {
  .contact-info-area.mt-sm {
    margin-top: 59px;
  }
}

.contact-info-area.mt-md {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .contact-info-area.mt-md {
    margin-top: 59px;
  }
}

.contact-info-area .contact-info-area-inner {
  padding: 37px 42px 12px 42px;
  margin-inline: auto;
  width: 100%;
  max-width: 850px;
  min-height: 196px;
  border: 1px solid #707070;
  position: relative;
}

@media screen and (max-width: 768px) {
  .contact-info-area .contact-info-area-inner {
    padding: 45px 15px 25px 15px;
  }
}

.contact-info-area .lead {
  width: 350px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: calc(20 / 16);
  position: absolute;
  top: -1.3em;
  left: 53%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (max-width: 768px) {
  .contact-info-area .lead {
    width: 196px;
    height: 31px;
    text-align: center;
    top: -0.8em;
    left: 50%;
  }
}

@media screen and (max-width: 768px) {
  .contact-info-area .lead.sp-w-lg {
    margin-top: -4px;
    width: 250px;
  }
}

.contact-info-area .block-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .contact-info-area .block-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.contact-info-area .right-block .right-block-inner {
  padding-right: 21px;
}

@media screen and (max-width: 768px) {
  .contact-info-area .right-block .right-block-inner {
    padding-right: 0;
  }
}

.contact-info-area .right-block .title {
  font-size: 16px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .contact-info-area .right-block .title {
    font-size: 14px;
  }
}

.contact-info-area .right-block .address {
  margin-top: 9px;
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .contact-info-area .right-block .address {
    margin-top: 11px;
    font-size: 12px;
  }
}

.contact-info-area .right-block .act-btn {
  margin-top: 20px;
  margin-inline: auto;
  font-size: 12px;
  color: #4B4B4B;
  border: 1px solid #4B4B4B;
}

@media screen and (max-width: 768px) {
  .contact-info-area .right-block .act-btn {
    margin-top: 27px;
  }
}

@media screen and (max-width: 768px) {
  .contact-info-area .left-block {
    width: 100%;
  }
}

.contact-info-area .left-block .left-block-inner {
  padding-top: 5px;
  padding-bottom: 22px;
  padding-left: 46px;
  border-left: 1px solid #707070;
}

@media screen and (max-width: 768px) {
  .contact-info-area .left-block .left-block-inner {
    border-left: none;
    margin-top: 29px;
    padding-top: 26px;
    padding-bottom: 0;
    padding-left: 0;
    border-top: 1px solid #707070;
  }
}

.contact-info-area .left-block .title {
  font-size: 16px;
  font-weight: bold;
}

.contact-info-area .left-block .tel {
  margin-top: 5px;
  font-size: 36px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .contact-info-area .left-block .tel {
    margin-top: 7px;
    font-size: 38px;
  }
}

.contact-info-area .left-block .time {
  margin-top: 12px;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .contact-info-area .left-block .time {
    margin-top: 8px;
    font-size: 14px;
  }
}

.contact-info-area .caution {
  font-size: 12px;
  margin-top: 24px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .contact-info-area .caution {
    margin-top: 43px;
    line-height: 1.5;
  }
}

.contact-info-area .btn-container {
  margin-top: 25px;
  margin-bottom: 24px;
}

@media screen and (max-width: 768px) {
  .contact-info-area .btn-container {
    margin-top: 17px;
    margin-bottom: 3px;
  }
}

@media screen and (max-width: 768px) {
  .contact-info-area .btn-container.btn-container--flex {
    row-gap: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (max-width: 768px) {
  .contact-info-area .btn-container.btn-container--flex .act-btn {
    height: 30px;
    width: 184px;
  }
}

/************************************/
/* wellnet LP ネットDE受取サービス */
/************************************/
.purchase-wellnet-lp-netde-service {
  margin-top: 120px;
}

@media screen and (max-width: 768px) {
  .purchase-wellnet-lp-netde-service {
    margin-top: 61px;
  }
}

/************************************/
/* wellnet LP お知らせ */
/************************************/
.purchase-wellnet-lp-news {
  color: #000;
}

.purchase-wellnet-lp-news .purchase-page-title {
  text-align: center;
}

.purchase-wellnet-lp-news .desc-txt {
  text-align: center;
  margin-top: 24px;
  font-size: 16px;
  line-height: calc(30 / 16);
}

@media screen and (max-width: 768px) {
  .purchase-wellnet-lp-news .desc-txt {
    margin-top: 20px;
    font-size: 12px;
    line-height: calc(20 / 12);
  }
}

.purchase-wellnet-lp-news .desc-txt .bold {
  font-weight: bold;
}

.purchase-wellnet-lp-news .image {
  margin-top: 17px;
  max-width: 436px;
  margin-inline: auto;
}

@media screen and (max-width: 768px) {
  .purchase-wellnet-lp-news .image {
    margin-top: 25px;
  }
}

.purchase-wellnet-lp-news .caution {
  margin-top: 22px;
  margin-inline: auto;
  font-size: 12px;
  line-height: calc(20 / 12);
  max-width: 850px;
}

@media screen and (max-width: 768px) {
  .purchase-wellnet-lp-news .caution {
    margin-top: 24px;
  }
}

/************************************/
/* ネットDE受取サービス お支払い手続き方法（前置き） */
/************************************/
.purchase-wellnet-guidance-preamble .container {
  max-width: 680px;
}

.purchase-wellnet-guidance-preamble .step-desc-container {
  margin-top: 53px;
  color: #000;
}

@media screen and (max-width: 768px) {
  .purchase-wellnet-guidance-preamble .step-desc-container {
    margin-top: 27px;
  }
}

.purchase-wellnet-guidance-preamble .step-desc-item {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .purchase-wellnet-guidance-preamble .step-desc-item {
    margin-top: 17px;
  }
}

.purchase-wellnet-guidance-preamble .step-desc-item:first-child {
  margin-top: 0;
}

.purchase-wellnet-guidance-preamble .step-desc-item .title {
  font-size: 18px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .purchase-wellnet-guidance-preamble .step-desc-item .title {
    font-size: 16px;
    line-height: calc(24 / 16);
  }
}

.purchase-wellnet-guidance-preamble .step-desc-item .txt {
  margin-top: 13px;
  margin-left: -7px;
  font-size: 16px;
  line-height: calc(30 / 16);
}

@media screen and (max-width: 768px) {
  .purchase-wellnet-guidance-preamble .step-desc-item .txt {
    margin-top: 8px;
    margin-left: 0;
    font-size: 12px;
    line-height: calc(20 / 12);
  }
}

.purchase-wellnet-guidance-preamble .step-desc-item .caution {
  margin-top: 1px;
  font-size: 12px;
  line-height: calc(20 / 12);
}

/************************************/
/* ネットDE受取サービス お支払い手続き方法（ステップ） */
/************************************/
.purchase-wellnet-guidance-step-desc {
  margin-top: 76px;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .purchase-wellnet-guidance-step-desc {
    margin-top: 25px;
  }
}

.purchase-wellnet-guidance-step-desc .container {
  max-width: 870px;
}

.purchase-wellnet-guidance-step-desc .step-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  row-gap: 50px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (max-width: 768px) {
  .purchase-wellnet-guidance-step-desc .step-container {
    row-gap: 9px;
  }
}

.purchase-wellnet-guidance-step-desc .step-desc-item {
  max-width: 850px;
}

.purchase-wellnet-guidance-step-desc .step-desc-item img {
  width: 100%;
}

.purchase-wellnet-guidance-step-desc .caution-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  row-gap: 1.25em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 44px;
  margin-left: 20px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .purchase-wellnet-guidance-step-desc .caution-container {
    margin-top: 27px;
    margin-left: 0;
  }
}

.purchase-wellnet-guidance-step-desc .caution-container .caution {
  color: #000;
  font-size: 12px;
  line-height: calc(20 / 12);
}

/************************************/
/* 法人様・古物営業者様専用買取センター窓口 セクション */
/************************************/
.info-regarding-corporate-and-industry-sec {
  margin-top: 73px;
}

@media screen and (max-width: 768px) {
  .info-regarding-corporate-and-industry-sec {
    margin-top: 46px;
  }
}

@media screen and (max-width: 768px) {
  .info-regarding-corporate-and-industry-sec:nth-of-type(3) {
    margin-top: 33px;
  }
}

.info-regarding-corporate-and-industry-sec ~ .contact-info-area {
  margin-top: 95px;
}

@media screen and (max-width: 768px) {
  .info-regarding-corporate-and-industry-sec ~ .contact-info-area {
    margin-top: 67px;
  }
}

.info-regarding-corporate-and-industry-sec .container {
  max-width: 870px;
}

.info-regarding-corporate-and-industry-sec .border-sec {
  padding-top: 54px;
  padding-bottom: 70px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

@media screen and (max-width: 768px) {
  .info-regarding-corporate-and-industry-sec .border-sec {
    padding-top: 25px;
    padding-bottom: 43px;
  }
}

.info-regarding-corporate-and-industry-sec .info-regarding-corporate-and-industry-sec-inner {
  margin-top: 23px;
}

@media screen and (max-width: 768px) {
  .info-regarding-corporate-and-industry-sec .info-regarding-corporate-and-industry-sec-inner {
    margin-top: 20px;
  }
}

.info-regarding-corporate-and-industry-sec .info-regarding-corporate-and-industry-sec-inner--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.info-regarding-corporate-and-industry-sec .info-regarding-corporate-and-industry-sec-inner--flex .txt-container {
  max-width: 593px;
}

.info-regarding-corporate-and-industry-sec .txt {
  margin-top: 1.8em;
  color: #000;
  font-size: 16px;
  line-height: calc(30 / 16);
  line-break: strict;
}

@media screen and (max-width: 768px) {
  .info-regarding-corporate-and-industry-sec .txt {
    font-size: 12px;
    line-height: calc(20 / 12);
  }
}

.info-regarding-corporate-and-industry-sec .txt:first-child {
  margin-top: 0;
}

.info-regarding-corporate-and-industry-sec .txt.mt-none {
  margin-top: 0;
}

.info-regarding-corporate-and-industry-sec .txt.ml-neg {
  margin-left: -1em;
}

.info-regarding-corporate-and-industry-sec .sm-txt {
  margin-top: 25px;
  color: #000;
  font-size: 12px;
  line-height: calc(20 / 12);
  text-align: center;
}

.info-regarding-corporate-and-industry-sec .link {
  color: #3E6DBB;
  cursor: pointer;
}

.info-regarding-corporate-and-industry-sec .link:hover {
  text-decoration: underline;
}

.info-regarding-corporate-and-industry-sec .image {
  width: 257px;
}

.info-regarding-corporate-and-industry-sec .illust-image {
  min-width: 196px;
}

@media screen and (max-width: 768px) {
  .info-regarding-corporate-and-industry-sec .illust-image {
    width: calc(138 / 375 * 100vw);
    min-width: auto;
  }
}

.info-regarding-corporate-and-industry-sec ol, .info-regarding-corporate-and-industry-sec ul {
  padding-left: 0;
}

.info-regarding-corporate-and-industry-sec .number-list {
  margin-left: 1.1em;
  color: #000;
  font-size: 16px;
  line-height: calc(30 / 16);
}

@media screen and (max-width: 768px) {
  .info-regarding-corporate-and-industry-sec .number-list {
    font-size: 12px;
    line-height: calc(20 / 12);
  }
}

.info-regarding-corporate-and-industry-sec .number-list-item {
  margin-top: 1.9em;
  list-style-type: decimal;
}

@media screen and (max-width: 768px) {
  .info-regarding-corporate-and-industry-sec .number-list-item {
    margin-top: 1.75em;
  }
}

.info-regarding-corporate-and-industry-sec .number-list-item:first-child {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .info-regarding-corporate-and-industry-sec .number-list-item .number-list-title {
    margin-left: -0.3em;
  }
}

@media screen and (max-width: 768px) {
  .info-regarding-corporate-and-industry-sec .bullet-points-list {
    margin-left: 0.4em;
  }
}

.info-regarding-corporate-and-industry-sec .bullet-points-list-item {
  list-style-type: disc;
  margin-left: 0.7em;
}

@media screen and (max-width: 768px) {
  .info-regarding-corporate-and-industry-sec .bullet-points-list-item {
    margin-left: 0.4em;
  }
}

@media screen and (max-width: 768px) {
  .info-regarding-corporate-and-industry-sec .bullet-points-list-item .txt {
    margin-left: -0.4em;
  }
}

.info-regarding-corporate-and-industry-sec .btn-container {
  margin-top: 15px;
}

@media screen and (max-width: 768px) {
  .info-regarding-corporate-and-industry-sec .btn-container {
    margin-top: 26px;
  }
}

.info-regarding-corporate-and-industry-sec .btn-container .act-btn {
  font-size: 12px;
  margin-inline: auto;
}

/************************************/
/* 法人様・古物営業者様専用買取センター窓口（前置き） */
/************************************/
.info-regarding-corporate-and-industry-preamble {
  margin-top: 56px;
}

@media screen and (max-width: 768px) {
  .info-regarding-corporate-and-industry-preamble {
    margin-top: 24px;
  }
}

.info-regarding-corporate-and-industry-preamble .purchase-page-title {
  line-break: strict;
}

.info-regarding-corporate-and-industry-preamble .info-regarding-corporate-and-industry-preamble-inner {
  margin-top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 48px;
  column-gap: 48px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 23px 16px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

@media screen and (max-width: 768px) {
  .info-regarding-corporate-and-industry-preamble .info-regarding-corporate-and-industry-preamble-inner {
    margin-top: 33px;
    padding: 11px 0 24px 0;
  }
}

.info-regarding-corporate-and-industry-preamble .detail {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  line-height: calc(35 / 16);
}

@media screen and (max-width: 768px) {
  .info-regarding-corporate-and-industry-preamble .detail {
    font-size: 14px;
    line-height: calc(24 / 14);
  }
}

/************************************/
/* wellnet FAQセクション */
/************************************/
.wellnet-faq-sec {
  margin-top: 76px;
}

@media screen and (max-width: 768px) {
  .wellnet-faq-sec {
    margin-top: 45px;
  }
}

.wellnet-faq-sec.mt-lg {
  margin-top: 103px;
}

@media screen and (max-width: 768px) {
  .wellnet-faq-sec.mt-lg {
    margin-top: 41px;
  }
}

.wellnet-faq-sec .faq-list-item:first-child {
  border-top: none;
}

.wellnet-faq-sec .btn-container {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .wellnet-faq-sec .btn-container {
    margin-top: 30px;
  }
}

.wellnet-faq-sec .act-btn {
  font-size: 12px;
  border: 1px solid #4B4B4B;
  margin-inline: auto;
}

.wellnet-faq-sec .act-btn.md {
  color: #4B4B4B;
}

.wellnet-faq-sec .caution-container {
  margin-top: 64px;
  margin-left: 0.4em;
}

@media screen and (max-width: 768px) {
  .wellnet-faq-sec .caution-container {
    margin-top: 44px;
    margin-left: 0;
  }
}

.wellnet-faq-sec .caution-container .caution {
  margin-top: 1.7em;
  color: #000;
  font-size: 12px;
  line-height: calc(20 / 12);
}

.wellnet-faq-sec .caution-container .caution:first-child {
  margin-top: 0;
}

/************************************/
/* ディスクユニオン店舗一覧TOP */
/************************************/
@media screen and (max-width: 768px) {
  .store-area-nav-menu-area {
    margin-top: 46px;
  }
}

.store-area-nav-menu-area .nav-link-row-list {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .store-area-nav-menu-area .nav-link-row-list {
    margin-top: 16px;
  }
}

@media screen and (max-width: 768px) {
  .store-area-nav-menu-area .nav-link-row-list .nav-link-row-list-inner {
    padding-block: 17px;
  }
}

@media screen and (max-width: 768px) {
  .store-area-nav-menu-area .nav-link-row-list .nav-link-row-list-inner.col-gap-sm {
    -webkit-column-gap: 36px;
    column-gap: 36px;
  }
}

/************************************/
/* ディスクユニオン店舗一覧TOP */
/************************************/
.store-list-area-sec .store-list-area-map {
  margin-top: 22px;
}

@media screen and (max-width: 768px) {
  .store-list-area-sec .store-list-area-map {
    margin-top: 17px;
  }
}

.store-list-area-sec .btn-container {
  margin-top: 35px;
}

@media screen and (max-width: 768px) {
  .store-list-area-sec .btn-container {
    margin-top: 20px;
  }
}

.store-list-area-sec .btn-container .act-btn {
  margin: 0;
}

@media screen and (max-width: 768px) {
  .store-list-area-sec .btn-container.btn-container--flex {
    row-gap: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

/************************************/
/* ディスクユニオン店舗一覧選択ウィンドウ */
/************************************/
.du-store-select-window {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 30;
  width: 100%;
  height: 450px;
  background-color: #E8E9EA;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  -webkit-transition: all .7s;
  transition: all .7s;
}

.du-store-select-window.h-sm {
  height: 300px;
}

@media screen and (max-width: 768px) {
  .du-store-select-window.h-sm {
    height: calc(100vh - 196px);
  }
}

@media screen and (max-width: 768px) {
  .du-store-select-window {
    height: calc(100vh - 196px);
  }
}

.du-store-select-window.open {
  opacity: 1;
  visibility: visible;
}

.du-store-select-window .du-store-select-window-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 20px;
  -webkit-column-gap: 20px;
  column-gap: 20px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 30px 10px;
}

.du-store-select-window .du-store-select-window-inner.pt-sm {
  padding-top: 20px;
}

.du-store-select-window .du-store-select-window-inner.col-gap-lg {
  -webkit-column-gap: 26px;
  column-gap: 26px;
}

@media screen and (max-width: 768px) {
  .du-store-select-window .du-store-select-window-inner {
    padding-right: 15px !important;
    row-gap: 1em;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: 1px solid #000;
  }
}

@media screen and (max-width: 768px) {
  .du-store-select-window .du-store-select-window-inner .du-store-list-contena {
    padding-top: 1.5em;
    border-top: 1px solid #000;
  }
}

.du-store-select-window .du-store-list-contena-v-block .du-store-list-contena {
  margin-top: 1.7em;
}

.du-store-select-window .du-store-list-contena-v-block .du-store-list-contena:first-child {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .du-store-select-window .du-store-list-contena-v-block .du-store-list-contena {
    margin-top: 1em;
  }
}

@media screen and (max-width: 768px) {
  .du-store-select-window .du-store-list-contena-v-block:last-of-type {
    padding-bottom: 1em;
    border-bottom: 1px solid #000;
  }
}

.du-store-select-window .du-store-list-flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 10px;
  column-gap: 10px;
}

@media screen and (max-width: 768px) {
  .du-store-select-window .du-store-list-flex-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.du-store-select-window .area-name {
  color: #000;
  font-size: 14px;
  font-weight: bold;
}

.du-store-select-window .du-store-list {
  margin-top: 1.2em;
}

.du-store-select-window .du-store-list-item {
  margin-top: 1em;
  width: 185px;
  color: #000;
  font-size: 14px;
  line-height: calc(25 / 16);
}

@media screen and (max-width: 768px) {
  .du-store-select-window .du-store-list-item {
    width: 100%;
  }
}

.du-store-select-window .du-store-list-item:first-child {
  margin-top: 0;
}

.du-store-select-window .du-store-list-item.has-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 8px;
  column-gap: 8px;
}

.du-store-select-window .du-store-list-item .label {
  padding-inline: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #fff;
  font-size: 12px;
  line-height: calc(20 / 12);
}

.du-store-select-window .du-store-list-item .label.orange {
  background-color: #ec8c02;
}

.du-store-select-window .du-store-list-item .label.black {
  background-color: #000;
}

.du-store-select-window .du-store-select-window-inner.is-list-item--w-lg .du-store-list-item {
  width: 230px;
}

.du-store-select-window .du-store-list-subitem {
  margin-top: 1em;
  margin-left: 1.2em;
}

.du-store-select-window .du-store-list-subitem a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.du-store-select-window a:hover {
  opacity: 0.7;
}

/************************************/
/* 買取FAQセクション */
/************************************/
.wellnet-support-and-contact-sec .wellnet-support-and-contact-sec-inner {
  margin-top: 40px;
  margin-inline: auto;
  width: 100%;
  max-width: 850px;
}

@media screen and (max-width: 768px) {
  .wellnet-support-and-contact-sec .wellnet-support-and-contact-sec-inner {
    margin-top: 20px;
  }
}

.wellnet-support-and-contact-sec .desc-txt {
  margin-top: 1em;
  color: #000;
  font-size: 12px;
  line-height: calc(20 / 12);
}

@media screen and (max-width: 768px) {
  .wellnet-support-and-contact-sec .desc-txt {
    margin-top: 1.6em;
  }
}

.wellnet-support-and-contact-sec .desc-txt:first-child {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .wellnet-support-and-contact-sec .desc-txt:first-child {
    word-break: break-all;
  }
}

.wellnet-support-and-contact-sec .link {
  color: #3E6DBB;
  font-weight: bold;
  cursor: pointer;
  text-decoration: underline;
}

.wellnet-support-and-contact-sec .link:hover {
  opacity: 0.7;
}

/************************************/
/* 買取FAQセクション */
/************************************/
.purchase-faq-sec .purchase-faq-sec-inner {
  margin-top: 50px;
  max-width: 850px;
  margin-inline: auto;
  display: -ms-grid;
  display: grid;
  row-gap: 30px;
}

@media screen and (max-width: 768px) {
  .purchase-faq-sec .purchase-faq-sec-inner {
    margin-top: 26px;
  }
}

.purchase-faq-sec .purchase-faq-sec-inner.block {
  display: block;
}

.purchase-faq-sec .purchase-faq-sec-inner.w-full {
  max-width: 100%;
}

.purchase-faq-sec .purchase-faq-sec-sub-block {
  /* アンカーリンク先のズレ調整 */
}

.purchase-faq-sec .purchase-faq-sec-sub-block .purchase-page-title {
  padding-top: 100px;
  margin-top: -100px;
}

@media screen and (max-width: 900px) {
  .purchase-faq-sec .purchase-faq-sec-sub-block .purchase-page-title {
    padding-top: 50px;
    margin-top: -50px;
  }
}

.purchase-faq-sec .nav-link-row-list {
  /* ナビリンクを上層に設定 */
  position: relative;
  z-index: 1;
}

.purchase-faq-sec .faq-area {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .purchase-faq-sec .faq-area {
    margin-top: 26px;
  }
}

.purchase-faq-sec .faq-list-item:first-child {
  border-top: none;
}

@media screen and (max-width: 768px) {
  .purchase-faq-sec .acordion-title.faq-list-item-title::after {
    right: 0.5em;
    background-position: 100% 50%;
  }
}

/* ===================================== */
/* 横並びナビリンクリスト */
/* ===================================== */
.nav-link-row-list .nav-link-row-list-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 38px;
  column-gap: 38px;
  row-gap: 14px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-block: 15px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

@media screen and (max-width: 768px) {
  .nav-link-row-list .nav-link-row-list-inner {
    padding-block: 12px;
    row-gap: 14px;
    -webkit-column-gap: calc(30 / 375 * 100vw);
    column-gap: calc(30 / 375 * 100vw);
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.nav-link-row-list .nav-link-row-list-inner.justify-between {
  padding-inline: 0.7em;
  -webkit-column-gap: 2px;
  column-gap: 2px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.nav-link-row-list .nav-link-row-list-inner.justify-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .nav-link-row-list .nav-link-row-list-inner.justify-center {
    -webkit-column-gap: calc(24 / 375 * 100vw) !important;
    column-gap: calc(24 / 375 * 100vw) !important;
  }
}

.nav-link-row-list .nav-link-row-list-inner.justify-center.justify-center--col-gap-sm {
  -webkit-column-gap: 15px;
  column-gap: 15px;
}

@media screen and (max-width: 768px) {
  .nav-link-row-list .nav-link-row-list-inner.sp-justify-start {
    -webkit-column-gap: calc(36 / 375 * 100vw);
    column-gap: calc(36 / 375 * 100vw);
    padding-left: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

@media screen and (max-width: 768px) {
  .nav-link-row-list .nav-link-row-list-inner.sp-pbl-lg {
    padding-block: 17px;
  }
}

.nav-link-row-list .nav-link-row-list-inner.col-gap-lg {
  -webkit-column-gap: 125px;
  column-gap: 125px;
}

.nav-link-row-list .nav-link-row-list-inner.col-gap-sm {
  -webkit-column-gap: 15px;
  column-gap: 15px;
}

.nav-link-row-list .nav-link-row-list-inner .nav-link-row-list-item {
  color: #707070;
  font-size: 16px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .nav-link-row-list .nav-link-row-list-inner .nav-link-row-list-item {
    font-size: 12px;
  }
}

.nav-link-row-list .nav-link-row-list-inner .nav-link-row-list-item:hover {
  opacity: 0.7;
}

.nav-link-row-list .nav-link-row-list-inner .nav-link-row-list-item.black {
  color: #000;
}

.nav-link-row-list .nav-link-row-list-inner .nav-link-row-list-item.letter-space-lg {
  letter-spacing: 0.2em;
}

.nav-link-row-list .nav-link-row-list-inner .nav-link-row-list-item.current {
  color: #4B4B4B;
}

/* ===================================== */
/* よくある質問（FAQ） */
/* ===================================== */
.faq-area {
  border-top: 1px solid #000;
  color: #000;
}

.faq-area.faq-area--has-title .faq-area-inner--has-title {
  padding-top: 15px;
  padding-left: 7px;
}

@media screen and (max-width: 768px) {
  .faq-area.faq-area--has-title .faq-area-inner--has-title {
    padding-left: 0;
  }
}

.faq-area.faq-area--has-title .faq-area-inner--has-title .title {
  font-size: 14px;
  font-weight: bold;
  /* アンカーリンク先のズレ調整 */
  padding-top: 100px;
  margin-top: -100px;
}

@media screen and (max-width: 900px) {
  .faq-area.faq-area--has-title .faq-area-inner--has-title .title {
    padding-top: 50px;
    margin-top: -50px;
  }
}

.faq-area.faq-area--has-title .faq-area-inner {
  padding-left: 51px;
  margin-top: 15px;
}

@media screen and (max-width: 768px) {
  .faq-area.faq-area--has-title .faq-area-inner {
    padding-left: 0;
  }
}

.faq-area.faq-area--has-title .faq-list {
  border-bottom: none;
}

.faq-area .faq-area-inner {
  width: 100%;
  max-width: 100%;
}

.faq-area .faq-list {
  border-bottom: 1px solid #000;
}

.faq-area .faq-list.border-btm-dotted {
  border-bottom: 1px dotted #000;
}

.faq-area .faq-list-item {
  padding-left: 7px;
  padding-top: 6px;
  padding-bottom: 8px;
  font-size: 12px;
  line-height: calc(20 / 12);
  border-top: 1px dotted #000;
}

@media screen and (max-width: 768px) {
  .faq-area .faq-list-item {
    padding-left: 1px;
  }
}

.faq-area .faq-list-item.border-top-none {
  border-top: none;
}

.faq-area .faq-list-item.border-btm-dotted {
  border-bottom: 1px dotted #000;
}

.faq-area .faq-list-item.border-btm-solid {
  border-bottom: 1px solid #000;
}

.faq-area .faq-list-item-title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-left: 30px;
  line-height: calc(20 / 12);
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .faq-area .faq-list-item-title {
    padding-right: 2em;
  }
}

.faq-area .faq-list-item-title::before {
  content: 'Q.';
  font-size: 20px;
  font-weight: bold;
  margin-right: 9px;
  margin-left: -30px;
  color: #BFBFBF;
}

.faq-area .faq-list-item-answer {
  padding-left: 30px;
  line-height: calc(20 / 12);
}

.faq-area .faq-list-item-answer::before {
  content: 'A.';
  font-size: 20px;
  font-weight: bold;
  margin-right: 9px;
  margin-left: -30px;
  color: #F10500;
}

.faq-area .faq-list-item-answer .link {
  color: #3E6DBB;
  font-weight: bold;
}

.faq-area .faq-list-item-answer .link:hover {
  text-decoration: underline;
}

/*
 ❘ ------------------------------------------------------------
 ❘ common
 ❘ ------------------------------------------------------------
*/
.sp-only {
  display: none;
}

.sp-only.sp-only--ovr-ride, .sp-only.sp-only--ovr-ride-flex {
  display: none !important;
}

.pc-only {
  display: block;
}

.pc-only.pc-only--ovr-ride {
  display: block !important;
}

.pc-only.pc-only--ovr-ride-inline {
  display: inline !important;
}

.pc-only.pc-only--ovr-ride-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.pc-only.pc-only--ovr-ride-grid {
  display: -ms-grid !important;
  display: grid !important;
}

.tab-only {
  display: none;
}

.pc-only-900 {
  display: block;
}

.pc-only-900.pc-only-900--ovr-ride-grid {
  display: -ms-grid !important;
  display: grid !important;
}

.sp-only-900 {
  display: none;
}

@media screen and (max-width: 900px) {
  .pc-only-900 {
    display: none;
  }
  .pc-only-900.pc-only-900--ovr-ride-grid {
    display: none !important;
  }
  .sp-only-900 {
    display: block;
  }
}

@media screen and (max-width: 900px) and (min-width: 769px) {
  .tab-only {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .sp-only {
    display: block;
  }
  .sp-only.sp-only--ovr-ride {
    display: block !important;
  }
  .sp-only.sp-only--ovr-ride-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .pc-only {
    display: none;
  }
  .pc-only.pc-only--ovr-ride, .pc-only.pc-only--ovr-ride-inline, .pc-only.pc-only--ovr-ride-flex, .pc-only.pc-only--ovr-ride-grid {
    display: none !important;
  }
  /* #38680 .product-list flex が .pc-only より勝つため明示的に非表示 */
  ul.product-list.pc-only,
  .product-list.pc-only {
    display: none !important;
  }
  .product-list .product-item.pc-only {
    display: none !important;
  }
}

.has-page-btm-recently-viewed .recently-viewed {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .has-page-btm-recently-viewed .recently-viewed {
    margin-top: 45px;
  }
}

.has-page-btm-recently-viewed .recently-viewed.mt-lg {
  margin-top: 150px;
}

@media screen and (max-width: 768px) {
  .has-page-btm-recently-viewed .recently-viewed.mt-lg {
    margin-top: 45px;
  }
}

.btn-sec {
  margin-top: 75px;
}

@media screen and (max-width: 768px) {
  .btn-sec {
    margin-top: 50px;
  }
}

.btn-sec .act-btn {
  margin-inline: auto;
}

/* =======================================
  セクション用クラス
  margin-topの指定と.act-btn要素の位置調整
  ========================================== */
.sec {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .sec {
    margin-top: 50px;
  }
}

.sec.sec--mt-sm {
  margin-top: 80px;
}

.sec .act-btn {
  margin-top: 63px;
  margin-inline: auto;
}

@media screen and (max-width: 768px) {
  .sec .act-btn {
    margin-top: 30px;
  }
}

/* ======================== */
/* 区切り線 */
/* ======================== */
.sec-sepalator {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .sec-sepalator {
    margin-top: 50px;
  }
}

.sec-sepalator.sec-sepalator--mt-md {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .sec-sepalator.sec-sepalator--mt-md {
    margin-top: 50px;
  }
}

.sec-sepalator.sec-sepalator--mt-sm {
  margin-top: 72px;
}

.sec-sepalator.sec-sepalator--mb-md {
  margin-bottom: 90px;
}

@media screen and (max-width: 768px) {
  .sec-sepalator.sec-sepalator--mb-md {
    margin-bottom: 50px;
  }
}

/************************************/
/* TOP系ページFVスライダー */
/************************************/
.main-top .main-top-fv + .sec {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .main-top .main-top-fv + .sec {
    margin-top: 50px;
  }
}

.main-top .main-top-fv + .urgent-notice + .sec {
  margin-top: 30px;
}

/************************************/
/* ハンバーガー */
/************************************/
.header-hamburger {
  cursor: pointer;
  width: 15px;
  height: 15px;
  position: relative;
}

@media screen and (max-width: 900px) {
  .header-hamburger {
    position: fixed;
    top: 13px;
    left: 15px;
    width: 24px;
    height: 20px;
    z-index: 1000;
  }
}

.header-hamburger span {
  display: inline-block;
  background: #000;
  width: 100%;
  height: 2px;
  -webkit-transition: all .4s;
  transition: all .4s;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.header-hamburger span:nth-of-type(1) {
  top: 10%;
}

.header-hamburger span:nth-of-type(2) {
  top: 50%;
}

.header-hamburger span:nth-of-type(3) {
  top: 90%;
}

.header-hamburger.open span:nth-of-type(1) {
  top: 50%;
  left: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.header-hamburger.open span:nth-of-type(2) {
  opacity: 0;
}

.header-hamburger.open span:nth-of-type(3) {
  top: 50%;
  left: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/************************************/
/* メニューウィンドウ */
/************************************/
.hamburger-window {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  visibility: hidden;
  position: fixed;
  top: 0;
  /* 100vwはスクロールバー幅を含むため横揺れ要因になる。layout幅に合わせる */
  left: -100%;
  z-index: 20;
  width: 100%;
  height: 100dvh;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.hamburger-window::before {
  content: "";
  display: inline-block;
  visibility: hidden;
  /* 同上: 100vw → 100%（ビューポート幅、スクロールバー非含有） */
  width: 100%;
  height: 100dvh;
  top: 0;
  right: 0;
  position: fixed;
  opacity: 0.5;
  background-color: #4B4B4B;
}

.hamburger-window.open {
  visibility: visible;
  left: 0;
}

.hamburger-window.open::before {
  visibility: visible;
}

.hamburger-window .hamburger-window-inner {
  padding-top: 54px;
  padding-left: 30px;
  color: #4B4B4B;
  font-weight: bold;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 100%;
  width: 80%;
  position: relative;
  background-color: #fff;
}

.hamburger-window .is-logined {
  display: none;
}

.hamburger-window .section-container {
  margin-top: 23px;
  margin-right: 105px;
  padding-left: 15px;
  padding-bottom: 23px;
  border-bottom: 1px solid #707070;
}

.hamburger-window .section-container:first-child {
  margin-top: 0;
}

.hamburger-window .section-container.border-none {
  border-bottom: none;
}

.hamburger-window .link-items {
  display: -ms-grid;
  display: grid;
  gap: 30px;
}

.hamburger-window .link-items .link-item .link {
  display: block;
  font-size: 16px;
}

.hamburger-window .link-items .link-item .sub-link-container {
  margin-top: 20px;
  display: -ms-grid;
  display: grid;
  gap: 20px;
  padding-left: 1rem;
}

.hamburger-window .link-items .link-item .sub-link {
  font-size: 14px;
}

.hamburger-window .user-info {
  margin-top: 21px;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 24px;
}

.hamburger-window .user-info .user-name {
  font-size: 14px;
  font-weight: bold;
}

.hamburger-window .user-info .logout-form {
  margin-top: 3px;
}

.hamburger-window .user-info .logout-form .logout-btn {
  font-size: 12px;
  color: #4B4B4B;
}

.hamburger-window .user-info .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 15px;
  column-gap: 15px;
}

.hamburger-window .cart-info {
  font-weight: 400;
}

.hamburger-window .cart-info dl,
.hamburger-window .cart-info dt,
.hamburger-window .cart-info dd {
  font-weight: 400;
}

.hamburger-window .cart-info .cart-info-inner {
  width: 163px;
  color: #000;
  font-size: 12px;
  padding-inline: 15px;
}

.hamburger-window .cart-info .cart-info-title {
  margin-bottom: 5px;
}

.hamburger-window .cart-info .cart-detail {
  display: -ms-grid;
  display: grid;
  gap: 6px;
}

.hamburger-window .cart-info .cart-detail-item {
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 0;
}

.hamburger-window .cart-info .item-detail {
  margin-bottom: 0;
}

/************************************/
/* ページトップナビゲーション */
/************************************/
.page-top-nav {
  padding-top: 20px;
  background-color: #F4F4F4;
}

@media screen and (max-width: 768px) {
  .page-top-nav {
    padding-top: 11px;
  }
}

.page-top-nav.page-top-nav--has-nav-menu {
  padding-bottom: 22px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .page-top-nav.page-top-nav--has-nav-menu {
    padding-bottom: 12px;
  }
}

@media screen and (max-width: 418px) {
  .page-top-nav.page-top-nav--has-nav-menu .container {
    padding-right: 0;
  }
}

.page-top-nav.page-top-nav--has-nav-menu .genre-top-nav-menu {
  margin-top: 50px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .page-top-nav.page-top-nav--has-nav-menu .genre-top-nav-menu {
    margin-top: 17px;
    overflow-x: auto;
  }
}

.page-top-nav.page-top-nav--has-nav-menu .genre-top-nav-menu #underBar {
  display: inline-block;
  height: 1px;
  bottom: 0;
  position: absolute;
  border-bottom: 3px solid #4B4B4B;
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
}

.page-top-nav.page-top-nav--has-nav-menu .genre-top-nav-menu #underBar.before-border {
  /* jsで制御 */
  width: var(--border-width) !important;
  left: var(--border-left-pos) !important;
}

.page-top-nav.page-top-nav--has-nav-menu .genre-top-nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 97px;
  column-gap: 97px;
  color: #707070;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 3px solid #BFBFBF;
}

@media screen and (max-width: 1024px) {
  .page-top-nav.page-top-nav--has-nav-menu .genre-top-nav-list {
    -webkit-column-gap: 21px;
    column-gap: 21px;
  }
}

@media screen and (max-width: 768px) {
  .page-top-nav.page-top-nav--has-nav-menu .genre-top-nav-list {
    font-size: 12px;
  }
}

.page-top-nav.page-top-nav--has-nav-menu .genre-top-nav-list.col-gap-sm {
  -webkit-column-gap: 70px;
  column-gap: 70px;
}

@media screen and (max-width: 960px) {
  .page-top-nav.page-top-nav--has-nav-menu .genre-top-nav-list.col-gap-sm {
    -webkit-column-gap: 20px;
    column-gap: 20px;
  }
}

.page-top-nav.page-top-nav--has-nav-menu .genre-top-nav-list li {
  padding-bottom: 12px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .page-top-nav.page-top-nav--has-nav-menu .genre-top-nav-list li {
    padding-bottom: 6px;
  }
}

.page-top-nav.page-top-nav--has-nav-menu .genre-top-nav-list li.current {
  color: #F10500;
}

.page-top-nav.page-top-nav--has-nav-menu .genre-top-nav-list li a,
.page-top-nav.page-top-nav--has-nav-menu .genre-top-nav-list li span {
  display: inline-block;
  padding-inline: 7px;
}

@media screen and (max-width: 768px) {
  .page-top-nav.page-top-nav--has-nav-menu .genre-top-nav-list li a,
  .page-top-nav.page-top-nav--has-nav-menu .genre-top-nav-list li span {
    white-space: nowrap;
    padding-inline: 0;
  }
}

.page-top-nav.page-top-nav--has-nav-menu .genre-top-nav-list span#du-store-by-genre-select-window-link {
  cursor: pointer;
}

.page-top-nav.is-company-page {
  padding-block: 36px;
}

@media screen and (max-width: 768px) {
  .page-top-nav.is-company-page {
    margin-top: 50px;
    padding-block: 15px;
  }
}

.page-top-nav.is-company-page .page-top-title {
  margin-top: 0;
  margin-bottom: 0;
}

/* ======================== */
/* 緊急告知エリア */
/* ======================== */
.urgent-notice {
  margin-bottom: 44px;
  font-size: 16px;
  font-weight: bold;
  line-height: calc(30 / 16);
  color: #000;
  text-align: center;
}

.urgent-notice.mt {
  margin-top: 40px;
}

.urgent-notice .notices {
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  padding-block: 4px;
}

@media screen and (max-width: 768px) {
  .urgent-notice .notices {
    font-size: 11px;
  }
}

.urgent-notice .notices.border-none {
  border: none;
}

.urgent-notice .ttl {
  padding-left: 3em;
  padding-right: 1em;
}

@media screen and (max-width: 768px) {
  .urgent-notice .ttl {
    padding-left: 1.8em;
  }
}

.urgent-notice .link {
  position: relative;
}

.urgent-notice .link:hover {
  text-decoration: underline;
}

.urgent-notice .link::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("../img/icon/alert-circle.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: absolute;
  left: -2em;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

@media screen and (max-width: 768px) {
  .urgent-notice .link::before {
    width: 16px;
    height: 16px;
    left: -1.5em;
  }
}

.urgent-notice.is-company-page {
  text-align: left;
  margin-bottom: 53px;
}

@media screen and (max-width: 768px) {
  .urgent-notice.is-company-page.mt {
    margin-top: 19px;
  }
  .urgent-notice.is-company-page .notices {
    font-size: 12px;
    line-height: calc(20 / 12);
  }
  .urgent-notice.is-company-page .ttl {
    padding-left: 3em;
  }
  .urgent-notice.is-company-page .link::before {
    width: 25px;
    height: 25px;
    top: 1em;
    left: -3em;
  }
}

/************************************/
/* 会社概要ページFV */
/************************************/
.company-overview-fv {
  width: 100%;
  aspect-ratio: 1440 / 670;
}

@media screen and (max-width: 768px) {
  .company-overview-fv {
    margin-top: 50px;
  }
}

.company-overview-fv .company-overview-fv-inner {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../img/image/company-overview-fv.webp");
  position: relative;
}

.company-overview-fv .company-overview-fv-title {
  color: #fff;
  font-size: clamp(16px, calc(32 / 1440 * 100vw), 32px);
  letter-spacing: 0.1em;
  line-height: calc(60 / 32);
  text-shadow: .1em .1em #374149;
  position: absolute;
  bottom: calc(234 / 1440 * 100vw);
  left: calc(316 / 1440 * 100vw);
}

@media screen and (max-width: 768px) {
  .company-overview-fv .company-overview-fv-title {
    bottom: calc(65 / 375 * 100vw);
    left: calc(27 / 375 * 100vw);
    font-size: clamp(12px, calc(14 / 375 * 100vw), 20px);
  }
}

.company-overview-fv .company-overview-fv-title .ml-neg {
  margin-left: -0.7em;
}

/* ======================== */
/* ごあいさつ */
/* ======================== */
.greeting-sec {
  padding-bottom: 68px;
}

@media screen and (max-width: 768px) {
  .greeting-sec {
    padding-bottom: 35px;
  }
}

.greeting-sec .page-section-title {
  margin-bottom: 0;
}

.greeting-sec .txt {
  margin-top: 19px;
  color: #000;
  font-size: 14px;
  line-height: calc(50 / 14);
}

@media screen and (max-width: 768px) {
  .greeting-sec .txt {
    margin-top: 21px;
    font-size: 12px;
    line-height: calc(24 / 12);
  }
}

.greeting-sec .name {
  margin-top: 23px;
  text-align: right;
  color: #374149;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: calc(60 / 18);
}

@media screen and (max-width: 768px) {
  .greeting-sec .name {
    margin-top: 7px;
    font-size: 12px;
  }
}

/* ======================== */
/* 企業理念 */
/* ======================== */
.company-philosophy .page-section-title {
  margin-bottom: 26px;
}

.company-philosophy .company-philosophy-inner {
  padding-top: 89px;
  padding-bottom: 114px;
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  background-image: url("../img/image/company-overview-bg01.webp");
}

@media screen and (max-width: 768px) {
  .company-philosophy .company-philosophy-inner {
    padding-top: 15px;
    padding-bottom: 50px;
  }
}

/* ======================== */
/* Oswald数字持ちリストセクション */
/* ======================== */
.oswald-number-list-sec .oswald-number-list-sec-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  padding-top: 22px;
  padding-left: 55px;
  padding-bottom: 30px;
  border-top: 1px solid #BFBFBF;
}

@media screen and (max-width: 768px) {
  .oswald-number-list-sec .oswald-number-list-sec-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 40px;
    padding-left: 0px;
    padding-bottom: 35px;
  }
}

.oswald-number-list-sec:last-child .oswald-number-list-sec-inner {
  border-bottom: 1px solid #BFBFBF;
}

.oswald-number-list-sec .title {
  width: 283px;
  color: #F10500;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  top: -4px;
}

@media screen and (max-width: 768px) {
  .oswald-number-list-sec .title {
    font-size: 14px;
  }
}

.oswald-number-list-sec .oswald-number-list-item {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 36px;
  column-gap: 36px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .oswald-number-list-sec .oswald-number-list-item {
    -webkit-column-gap: 20px;
    column-gap: 20px;
    margin-top: 10px;
  }
}

.oswald-number-list-sec .oswald-number-list-item:first-child {
  margin-top: 0;
}

.oswald-number-list-sec .oswald-number-list-item .oswald-number {
  color: #707070;
  font-weight: 200;
  font-size: 28px;
  line-height: calc(60 / 28);
  font-family: 'Oswald', sans-serif;
}

.oswald-number-list-sec .oswald-number-list-item .txt {
  font-weight: 500;
  color: #4B4B4B;
  font-size: 14px;
  line-height: calc(24/ 14);
}

@media screen and (max-width: 768px) {
  .oswald-number-list-sec .oswald-number-list-item .txt {
    font-size: 12px;
    line-height: calc(20/ 12);
    letter-spacing: -0.01em;
  }
}

.oswald-number-list-sec.row-gap-sm .oswald-number-list-item {
  margin-top: 1px;
}

.oswald-number-list-sec.row-gap-sm .oswald-number-list-item:first-child {
  margin-top: 0;
}

.oswald-number-list-sec .oswald-number-list {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media screen and (max-width: 768px) {
  .oswald-number-list-sec .oswald-number-list {
    margin-top: 26px;
  }
}

/* ======================== */
/* 会社概要 */
/* ======================== */
.company-overview-sec {
  margin-top: 79px;
}

@media screen and (max-width: 768px) {
  .company-overview-sec {
    margin-top: 35px;
  }
}

.company-overview-sec .company-overview-sec-inner {
  max-width: 820px;
  margin-inline: auto;
}

.company-overview-sec .page-section-title {
  margin-bottom: 0;
}

.company-overview-sec .company-overview-list {
  margin-top: 25px;
  border-top: 1px solid #BFBFBF;
}

.company-overview-sec .company-overview-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 20px;
  height: 70px;
  color: #4B4B4B;
  border-bottom: 1px dotted #BFBFBF;
}

@media screen and (max-width: 768px) {
  .company-overview-sec .company-overview-list-item {
    padding-left: 0;
    height: auto;
    padding-block: 11px;
  }
}

.company-overview-sec .company-overview-list-item .title {
  width: 92px;
  font-size: 16px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .company-overview-sec .company-overview-list-item .title {
    width: 75px;
    font-size: 12px;
  }
}

.company-overview-sec .company-overview-list-item .detail {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
  font-weight: 500;
  line-height: calc(24 / 14);
}

@media screen and (max-width: 768px) {
  .company-overview-sec .company-overview-list-item .detail {
    font-size: 12px;
    line-height: calc(24 / 12);
  }
}

.company-overview-sec .google-map-container {
  margin-top: 39px;
  padding-top: calc((100% / 800) * 405);
  position: relative;
  width: 100%;
  height: 0;
}

@media screen and (max-width: 768px) {
  .company-overview-sec .google-map-container {
    margin-top: 32px;
  }
}

.company-overview-sec .google-map-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.company-overview-sec .access-info-container {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .company-overview-sec .access-info-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.company-overview-sec .access-info-container .btn-container {
  width: 250px;
}

@media screen and (max-width: 768px) {
  .company-overview-sec .access-info-container .btn-container {
    margin-top: 24px;
  }
}

.company-overview-sec .access-info-container .act-btn {
  font-size: 12px;
  color: #707070;
  border: 1px solid #707070;
}

.company-overview-sec .access-detail {
  font-size: 14px;
  font-weight: 500;
  line-height: calc(24 / 14);
}

@media screen and (max-width: 768px) {
  .company-overview-sec .access-detail {
    font-size: 12px;
  }
}

/* ======================== */
/* 沿革 */
/* ======================== */
.history-sec {
  margin-top: 129px;
}

@media screen and (max-width: 768px) {
  .history-sec {
    margin-top: 50px;
  }
}

.history-sec .page-section-title {
  margin-bottom: 0;
}

.history-sec .history-sec-inner {
  padding-top: 52px;
  padding-bottom: 150px;
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  background-image: url("../img/image/company-overview-bg02.webp");
}

@media screen and (max-width: 768px) {
  .history-sec .history-sec-inner {
    padding-top: 15px;
    padding-bottom: 50px;
  }
}

.history-sec .history-list {
  margin-top: 33px;
  margin-left: 125px;
}

@media screen and (max-width: 768px) {
  .history-sec .history-list {
    margin-top: 27px;
    margin-left: 0;
  }
}

.history-sec .history-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  padding-left: 30px;
  padding-bottom: 29px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .history-sec .history-list-item {
    padding-left: 25px;
    padding-bottom: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.history-sec .history-list-item:last-child::after {
  display: none;
}

.history-sec .history-list-item:before {
  content: "";
  display: inline-block;
  width: 20px;
  aspect-ratio: 1/1;
  background-color: #fff;
  border: 2px solid #F10500;
  border-radius: 999px;
  position: absolute;
  left: -10px;
  top: 2px;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .history-sec .history-list-item:before {
    width: 15px;
    left: 0;
  }
}

.history-sec .history-list-item:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 100%;
  border-left: 1px dashed #F10500;
  position: absolute;
  left: 0;
  top: 4px;
}

@media screen and (max-width: 768px) {
  .history-sec .history-list-item:after {
    left: 7px;
  }
}

.history-sec .history-list-item .year {
  width: 178px;
  color: #4B4B4B;
  font-size: 16px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .history-sec .history-list-item .year {
    font-size: 12px;
  }
}

.history-sec .history-list-item .txt {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #4B4B4B;
  font-size: 14px;
  font-weight: bold;
  line-height: calc(24 / 14);
}

@media screen and (max-width: 768px) {
  .history-sec .history-list-item .txt {
    margin-top: 6px;
    font-size: 12px;
    line-height: calc(20 / 12);
  }
}

/* ======================== */
/* プレリリース */
/* ======================== */
.press-release-area {
  margin-top: 56px;
}

@media screen and (max-width: 768px) {
  .press-release-area {
    margin-top: 6px;
  }
}

.press-release-area .container {
  padding-inline: 0;
}

@media screen and (max-width: 768px) {
  .press-release-area .container {
    padding-inline: 15px;
  }
}

.press-release-area .press-release-item {
  padding-top: 19px;
  padding-bottom: 22px;
  border-bottom: 1px solid #BFBFBF;
}

@media screen and (max-width: 768px) {
  .press-release-area .press-release-item {
    padding-top: 12px;
    padding-bottom: 10px;
  }
}

.press-release-area .press-release-item-title {
  padding-right: 2.5rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #000;
  font-size: 24px;
  font-weight: bold;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .press-release-area .press-release-item-title {
    font-size: 16px;
  }
}

.press-release-area .press-release-detail-list {
  margin-top: 11px;
  padding: 31px 0 29px 29px;
  padding-left: 29px;
  padding-bottom: 29px;
  border-top: 1px solid #BFBFBF;
}

@media screen and (max-width: 768px) {
  .press-release-area .press-release-detail-list {
    padding: 11px 0 0 0;
  }
}

.press-release-area .press-release-detail-item {
  margin-top: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 25px;
  column-gap: 25px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .press-release-area .press-release-detail-item {
    margin-top: 9px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.press-release-area .press-release-detail-item:first-child {
  margin-top: 0;
}

.press-release-area .press-release-detail-item .title {
  color: #000;
  font-size: 16px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .press-release-area .press-release-detail-item .title {
    font-size: 14px;
  }
}

.press-release-area .press-release-detail-item .content {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #3E6DBB;
  font-size: 14px;
  line-height: calc(24 / 14);
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .press-release-area .press-release-detail-item .content {
    margin-top: 4px;
    font-size: 12px;
    letter-spacing: -0.03em;
    line-height: calc(24 / 12);
  }
}

.press-release-area .press-release-detail-item .content:hover {
  text-decoration: underline;
}

/* ======================== */
/* 採用情報セクションタイトル */
/* ======================== */
.recruit-info-page-sec-title {
  text-align: center;
  color: #374149;
  font-size: 20px;
  font-weight: bold;
  line-height: calc(30 / 20);
}

@media screen and (max-width: 768px) {
  .recruit-info-page-sec-title {
    font-size: 16px;
    line-height: calc(28 / 16);
  }
}

/* ======================== */
/* 採用情報FV */
/* ======================== */
.recruit-info-fv {
  margin-top: 30px;
}

.recruit-info-fv .recruit-info-fv-inner {
  position: relative;
  overflow: hidden;
  max-width: 1000px;
  margin-inline: auto;
}

.recruit-info-fv .recruit-info-fv-inner .image-l,
.recruit-info-fv .recruit-info-fv-inner .image-r {
  position: absolute;
  z-index: -1;
}

.recruit-info-fv .recruit-info-fv-inner .image-l {
  left: -9px;
  bottom: -7px;
  max-width: 260px;
}

@media screen and (max-width: 860px) {
  .recruit-info-fv .recruit-info-fv-inner .image-l {
    max-width: 240px;
  }
}

@media screen and (max-width: 768px) {
  .recruit-info-fv .recruit-info-fv-inner .image-l {
    max-width: 256px;
    left: -12px;
    bottom: 184px;
    z-index: 10;
  }
}

@media screen and (max-width: 480px) {
  .recruit-info-fv .recruit-info-fv-inner .image-l {
    max-width: 196px;
    left: -12px;
    bottom: 234px;
  }
}

.recruit-info-fv .recruit-info-fv-inner .image-r {
  right: -10px;
  bottom: -22px;
  max-width: 236px;
}

@media screen and (max-width: 860px) {
  .recruit-info-fv .recruit-info-fv-inner .image-r {
    max-width: 240px;
  }
}

@media screen and (max-width: 768px) {
  .recruit-info-fv .recruit-info-fv-inner .image-r {
    max-width: 248px;
    right: -10px;
    bottom: 101px;
  }
}

@media screen and (max-width: 480px) {
  .recruit-info-fv .recruit-info-fv-inner .image-r {
    max-width: 218px;
    right: -10px;
    bottom: 131px;
  }
}

.recruit-info-fv .title {
  margin-bottom: 8px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .recruit-info-fv .title {
    width: 85%;
    margin-top: 11px;
    margin-inline: auto;
  }
}

.recruit-info-fv .contents .txt {
  text-align: center;
  color: #374149;
  font-size: 16px;
  font-weight: bold;
  line-height: calc(30 / 16);
}

@media screen and (max-width: 768px) {
  .recruit-info-fv .contents .txt {
    margin-top: 18px;
    font-size: 14px;
    line-height: calc(28 / 14);
  }
}

.recruit-info-fv .contents .btn-container {
  margin-top: 37px;
}

@media screen and (max-width: 768px) {
  .recruit-info-fv .contents .btn-container {
    margin-top: 334px;
  }
}

.recruit-info-fv .contents .act-btn {
  margin-top: 30px;
  font-size: 12px;
}

@media screen and (max-width: 768px) {
  .recruit-info-fv .contents .act-btn {
    margin-top: 21px;
  }
}

.recruit-info-fv .contents .act-btn:first-child {
  margin-top: 0;
}

.recruit-info-fv .contents .act-btn.letter-spacing-lg {
  letter-spacing: 0.2em;
}

/* ======================== */
/* 採用情報 ディスクユニオンはこんなあなたを待っています！ */
/* ======================== */
.recruitment-human-info {
  margin-top: 85px;
}

@media screen and (max-width: 768px) {
  .recruitment-human-info {
    margin-top: 60px;
  }
}

.recruitment-human-info .recruitment-human-infos-grid-wrapper {
  margin-top: 43px;
  display: -ms-grid;
  display: grid;
  gap: 25px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-grid-columns: minmax(auto, 405px) minmax(auto, 405px);
  grid-template-columns: minmax(auto, 405px) minmax(auto, 405px);
  -ms-grid-rows: minmax(auto, 160px) minmax(auto, 160px);
  grid-template-rows: minmax(auto, 160px) minmax(auto, 160px);
}

@media screen and (max-width: 768px) {
  .recruitment-human-info .recruitment-human-infos-grid-wrapper {
    margin-top: 24px;
    gap: 16px;
    -ms-grid-columns: minmax(auto, 600px);
    grid-template-columns: minmax(auto, 600px);
    -ms-grid-rows: auto auto auto auto;
    grid-template-rows: auto auto auto auto;
  }
}

.recruitment-human-info .recruitment-human-info-item {
  width: 100%;
  height: auto;
  max-width: 405px;
  max-height: 160px;
}

@media screen and (max-width: 768px) {
  .recruitment-human-info .recruitment-human-info-item {
    max-width: 600px;
    max-height: none;
  }
}

.recruitment-human-info .recruitment-human-info-item:nth-child(1) .recruitment-human-info-item-inner {
  -webkit-column-gap: 12px;
  column-gap: 12px;
}

.recruitment-human-info .recruitment-human-info-item:nth-child(1) .image {
  margin-top: 22px;
}

@media screen and (max-width: 768px) {
  .recruitment-human-info .recruitment-human-info-item:nth-child(1) .image {
    margin-top: 17px;
  }
}

.recruitment-human-info .recruitment-human-info-item:nth-child(2) .recruitment-human-info-item-inner {
  -webkit-column-gap: 16px;
  column-gap: 16px;
}

.recruitment-human-info .recruitment-human-info-item:nth-child(2) .image {
  margin-top: 22px;
}

@media screen and (max-width: 768px) {
  .recruitment-human-info .recruitment-human-info-item:nth-child(2) .image {
    margin-top: 20px;
    width: 195px;
  }
}

@media screen and (max-width: 768px) {
  .recruitment-human-info .recruitment-human-info-item:nth-child(2) .image img {
    width: 100%;
  }
}

.recruitment-human-info .recruitment-human-info-item:nth-child(3) .recruitment-human-info-item-inner {
  -webkit-column-gap: 14px;
  column-gap: 14px;
}

@media screen and (max-width: 768px) {
  .recruitment-human-info .recruitment-human-info-item:nth-child(3) .image {
    width: 204px;
    margin-top: 21px;
  }
}

@media screen and (max-width: 768px) {
  .recruitment-human-info .recruitment-human-info-item:nth-child(3) img {
    width: 100%;
  }
}

.recruitment-human-info .recruitment-human-info-item:nth-child(4) .recruitment-human-info-item-inner {
  -webkit-column-gap: 16px;
  column-gap: 16px;
}

@media screen and (max-width: 768px) {
  .recruitment-human-info .recruitment-human-info-item:nth-child(4) .image {
    width: 233px;
    margin-top: 19px;
  }
}

@media screen and (max-width: 768px) {
  .recruitment-human-info .recruitment-human-info-item:nth-child(4) img {
    width: 100%;
  }
}

.recruitment-human-info .recruitment-human-info-item-inner {
  padding-left: 10px;
  padding-right: 19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 5px;
  column-gap: 5px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgba(241, 5, 0, 0.1);
}

@media screen and (max-width: 768px) {
  .recruitment-human-info .recruitment-human-info-item-inner {
    row-gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
  }
}

.recruitment-human-info .recruitment-human-info-item-inner .txt {
  width: 210px;
  color: #374149;
  font-size: 12px;
  font-weight: bold;
  line-height: calc(25 / 12);
}

@media screen and (max-width: 768px) {
  .recruitment-human-info .recruitment-human-info-item-inner .txt {
    width: auto;
    line-height: calc(20 / 12);
  }
}

/* ======================== */
/* 採用情報 ディスクユニオンの仕事 */
/* ======================== */
.about-du-works {
  margin-top: 92px;
}

@media screen and (max-width: 768px) {
  .about-du-works {
    margin-top: 61px;
  }
}

.about-du-works .about-du-works-contents {
  margin-top: 33px;
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 26px;
  column-gap: 26px;
  width: 100%;
  max-width: 836px;
}

@media screen and (max-width: 768px) {
  .about-du-works .about-du-works-contents {
    margin-top: 23px;
    max-width: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.about-du-works .image {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 300px;
}

@media screen and (max-width: 768px) {
  .about-du-works .image {
    max-width: 600px;
    margin-inline: auto;
  }
}

@media screen and (max-width: 768px) {
  .about-du-works .image img {
    width: 100%;
  }
}

.about-du-works .txt-contents {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 300px;
  max-width: 405px;
}

@media screen and (max-width: 768px) {
  .about-du-works .txt-contents {
    max-width: none;
    padding-inline: 15px;
  }
}

.about-du-works .sub-title {
  margin-top: -3px;
  color: #374149;
  font-size: 16px;
  font-weight: bold;
  line-height: calc(25 / 16);
}

@media screen and (max-width: 768px) {
  .about-du-works .sub-title {
    margin-top: 23px;
    margin-bottom: 0;
  }
}

.about-du-works .txt {
  margin-top: 14px;
  color: #374149;
  font-size: 12px;
  line-height: calc(25 / 12);
}

@media screen and (max-width: 768px) {
  .about-du-works .txt {
    margin-top: 6px;
  }
}

.about-du-works .btn-container {
  margin-top: 26px;
}

@media screen and (max-width: 768px) {
  .about-du-works .btn-container {
    margin-top: 22px;
  }
}

.about-du-works .act-btn {
  font-size: 12px;
  letter-spacing: 0.2em;
}

@media screen and (max-width: 768px) {
  .about-du-works .act-btn {
    margin-inline: auto;
  }
}

.about-du-works .link {
  display: inline-block;
  margin-top: 16px;
  color: #3E6DBB;
  font-size: 12px;
  font-weight: bold;
  line-height: calc(25 / 12);
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .about-du-works .link {
    margin-top: 22px;
    text-align: center;
    width: 100%;
  }
}

.about-du-works .link:hover {
  text-decoration: underline;
}

/* ======================== */
/* ディスクユニオン採用情報 */
/* ======================== */
.du-recruitment-info-sec {
  margin-top: 93px;
}

@media screen and (max-width: 768px) {
  .du-recruitment-info-sec {
    margin-top: 55px;
  }
}

.du-recruitment-info-sec .sec-title {
  text-align: center;
  color: #374149;
  font-size: 20px;
  font-weight: bold;
  line-height: calc(30 / 20);
}

@media screen and (max-width: 768px) {
  .du-recruitment-info-sec .sec-title {
    font-size: 16px;
  }
}

.du-recruitment-info-sec .du-recruitment-info-sec-inner {
  margin-top: -4px;
  margin-inline: auto;
  max-width: 800px;
}

@media screen and (max-width: 768px) {
  .du-recruitment-info-sec .du-recruitment-info-sec-inner {
    margin-top: 24px;
  }
}

.du-recruitment-info-sec .info-items-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 20px;
  column-gap: 20px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .du-recruitment-info-sec .info-items-wrapper {
    row-gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.du-recruitment-info-sec .info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 219px;
}

.du-recruitment-info-sec .info-item:nth-child(2) .image {
  margin-top: 15px;
  margin-left: -19px;
}

@media screen and (max-width: 768px) {
  .du-recruitment-info-sec .info-item:nth-child(3) .image {
    margin-top: 32px;
  }
}

.du-recruitment-info-sec .info-item .image {
  height: 134px;
}

.du-recruitment-info-sec .info-item .item-title {
  margin-top: 15px;
  margin-bottom: 0;
  text-align: center;
  color: #374149;
  font-size: 16px;
  font-weight: bold;
  line-height: calc(30 / 16);
}

@media screen and (max-width: 768px) {
  .du-recruitment-info-sec .info-item .item-title {
    margin-top: 13px;
  }
}

.du-recruitment-info-sec .info-item .btn-container {
  margin-top: 5px;
}

@media screen and (max-width: 768px) {
  .du-recruitment-info-sec .info-item .btn-container {
    margin-top: 13px;
  }
}

.du-recruitment-info-sec .info-item .act-btn {
  font-size: 12px;
  letter-spacing: 0.2em;
}

@media screen and (max-width: 768px) {
  .du-recruitment-info-sec .info-item .act-btn.sm {
    max-width: 185px;
  }
}

/* ======================== */
/* ディスクユニオン採用情報 お問い合わせセクション */
/* ======================== */
.recruit-contact-sec {
  margin-top: 100px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .recruit-contact-sec {
    margin-top: 86px;
  }
}

.recruit-contact-sec .sec-title {
  text-align: center;
  color: #374149;
  font-size: 20px;
  font-weight: bold;
  line-height: calc(30 / 20);
}

.recruit-contact-sec .recruit-contact-sec-inner {
  padding-top: 51px;
  padding-bottom: 144px;
  background-color: #F4F4F4;
}

@media screen and (max-width: 768px) {
  .recruit-contact-sec .recruit-contact-sec-inner {
    padding-top: 21px;
    padding-bottom: 109px;
  }
}

.recruit-contact-sec .desc {
  margin-top: 24px;
  color: #374149;
  font-size: 12px;
  line-height: calc(25 / 12);
}

.recruit-contact-sec .btn-container {
  margin-top: 17px;
}

.recruit-contact-sec .act-btn {
  font-size: 12px;
  letter-spacing: 0.2em;
}

.recruit-contact-sec .link {
  display: inline-block;
  margin-top: 16px;
  color: #374149;
  font-size: 12px;
  line-height: calc(25 / 12);
  cursor: pointer;
}

.recruit-contact-sec .link:hover {
  text-decoration: underline;
}

/* =================================== */
/* ディスクユニオン採用情報サブページ */
/* =================================== */
.recruit-info-sub-page-fv {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .recruit-info-sub-page-fv {
    margin-top: 37px;
  }
}

.recruit-info-sub-page-title {
  text-align: center;
  color: #000;
  font-size: 24px;
  font-weight: bold;
  line-height: calc(30 / 24);
}

.recruit-info-sub-page-title h2, .recruit-info-sub-page-title h3 {
  margin-block: 0;
}

@media screen and (max-width: 768px) {
  .recruit-info-sub-page-title {
    font-size: 16px;
    line-height: calc(25 / 16);
  }
}

.department-selection-sec {
  margin-top: 93px;
}

@media screen and (max-width: 768px) {
  .department-selection-sec {
    margin-top: -5px;
  }
}

.department-selection-sec .sec-title {
  text-align: center;
  color: #000;
  font-size: 24px;
  font-weight: bold;
  line-height: calc(30 / 24);
}

@media screen and (max-width: 768px) {
  .department-selection-sec .sec-title {
    font-size: 16px;
  }
}

.department-selection-sec .department-item-container {
  margin-top: 74px;
}

@media screen and (max-width: 768px) {
  .department-selection-sec .department-item-container {
    margin-top: 26px;
  }
}

.department-selection-sec .department-item-container.is-shain .department-item:nth-child(1) .title, .department-selection-sec .department-item-container.is-shain .department-item:nth-child(2) .title {
  width: 204px;
}

@media screen and (max-width: 768px) {
  .department-selection-sec .department-item-container.is-shain .department-item:nth-child(1) .title, .department-selection-sec .department-item-container.is-shain .department-item:nth-child(2) .title {
    width: 180px;
  }
}

.department-selection-sec .department-item-container.is-shain .department-item:nth-child(3) .title {
  width: 235px;
}

@media screen and (max-width: 768px) {
  .department-selection-sec .department-item-container.is-shain .department-item:nth-child(3) .title {
    width: 205px;
  }
}

.department-selection-sec .department-item-container.is-shain .department-item:nth-child(4) .title {
  width: 98px;
}

@media screen and (max-width: 768px) {
  .department-selection-sec .department-item-container.is-shain .department-item:nth-child(4) .title {
    width: 85px;
  }
}

.department-selection-sec .department-item-container.is-shain .department-item:nth-child(5) .title {
  width: 143px;
}

@media screen and (max-width: 768px) {
  .department-selection-sec .department-item-container.is-shain .department-item:nth-child(5) .title {
    width: 125px;
  }
}

.department-selection-sec .department-item {
  margin-top: 74px;
  margin-inline: auto;
}

@media screen and (max-width: 768px) {
  .department-selection-sec .department-item {
    margin-top: 28px;
  }
}

.department-selection-sec .department-item:first-child {
  margin-top: 0;
}

.department-selection-sec .department-item.mt-sm {
  margin-top: 30px;
}

.department-selection-sec .department-item .department-name {
  margin-inline: auto;
  height: 70px;
  max-width: 450px;
  border-radius: 10px;
  border: 1px solid #707070;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-items: center;
}

.department-selection-sec .department-item .department-name .department-sub-name {
  margin-top: -17px;
  text-align: center;
  font-size: 14px;
  letter-spacing: 0.2em;
  line-height: calc(25 / 14);
}

.department-selection-sec .department-item .title {
  text-align: center;
}

.department-selection-sec .department-item .title img {
  width: 100%;
}

.department-selection-sec .department-item:nth-child(1) .title {
  width: 204px;
}

@media screen and (max-width: 768px) {
  .department-selection-sec .department-item:nth-child(1) .title {
    width: 180px;
  }
}

.department-selection-sec .department-item:nth-child(2) .title {
  width: 235px;
}

@media screen and (max-width: 768px) {
  .department-selection-sec .department-item:nth-child(2) .title {
    width: 205px;
  }
}

.department-selection-sec .department-item:nth-child(3) .title {
  width: 98px;
}

@media screen and (max-width: 768px) {
  .department-selection-sec .department-item:nth-child(3) .title {
    width: 85px;
  }
}

.department-selection-sec .department-item:nth-child(4) .title {
  width: 143px;
}

@media screen and (max-width: 768px) {
  .department-selection-sec .department-item:nth-child(4) .title {
    width: 125px;
  }
}

.department-selection-sec .link-area-container {
  margin-top: 22px;
}

@media screen and (max-width: 768px) {
  .department-selection-sec .link-area-container {
    margin-top: 13px;
    margin-inline: auto;
    max-width: 450px;
  }
}

.department-selection-sec .link-area-container.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 43px;
  column-gap: 43px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .department-selection-sec .link-area-container.flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.department-selection-sec .link-area-container.flex .link-area {
  text-align: left;
}

.department-selection-sec .link-area-container.ml {
  margin-left: 105px;
}

@media screen and (max-width: 768px) {
  .department-selection-sec .link-area-container.ml {
    margin-left: auto;
    margin-right: auto;
  }
}

.department-selection-sec .link-area-container .link-area {
  text-align: center;
}

@media screen and (max-width: 768px) {
  .department-selection-sec .link-area-container .link-area {
    text-align: left;
  }
}

.department-selection-sec .link-area-container .link {
  color: #3E6DBB;
  font-size: 14px;
  line-height: calc(25 / 14);
}

.department-selection-sec .link-area-container .link:hover {
  text-decoration: underline;
}

.department-selection-sec .caution {
  margin-top: 37px;
  margin-left: 77px;
  color: #707070;
  font-size: 12px;
  line-height: calc(20 / 12);
}

@media screen and (max-width: 768px) {
  .department-selection-sec .caution {
    margin-top: 27px;
    margin-left: 0;
  }
}

/* 選考プロセス */
.selection-process-sec {
  margin-top: 146px;
}

@media screen and (max-width: 980px) {
  .selection-process-sec {
    margin-top: 100px;
  }
}

@media screen and (max-width: 768px) {
  .selection-process-sec {
    margin-top: -5px;
  }
}

.selection-process-sec .sec-title-container {
  margin-bottom: -1.5rem;
  margin-inline: auto;
  width: 370px;
  text-align: center;
  z-index: 2;
  position: relative;
  background-color: #fff;
}

@media screen and (max-width: 980px) {
  .selection-process-sec .sec-title-container {
    width: auto;
    margin-bottom: 0;
  }
}

.selection-process-sec .sec-title {
  color: #000;
  font-size: 24px;
  font-weight: bold;
  line-height: calc(30 / 24);
}

@media screen and (max-width: 768px) {
  .selection-process-sec .sec-title {
    font-size: 16px;
  }
}

.selection-process-sec .selection-process-sec-inner {
  padding-top: 70px;
  height: 320px;
  max-width: 1020px;
  border-radius: 5px;
  border: 1px solid #707070;
}

@media screen and (max-width: 980px) {
  .selection-process-sec .selection-process-sec-inner {
    padding-top: 17px;
    height: auto;
    border: none;
  }
}

.selection-process-sec .selection-process-sec-inner:has(.is-shain) {
  height: 500px;
}

@media screen and (max-width: 980px) {
  .selection-process-sec .selection-process-sec-inner:has(.is-shain) {
    height: auto;
  }
}

.selection-process-sec .selection-process-sec-inner .caution {
  margin-top: 55px;
  margin-inline: auto;
  font-size: 12px;
  color: #707070;
  max-width: 540px;
}

@media screen and (max-width: 768px) {
  .selection-process-sec .selection-process-sec-inner .caution {
    margin-top: 15px;
    line-height: calc(20 / 12);
  }
}

.selection-process-sec .sec-sub-title {
  margin-top: 0;
  text-align: center;
  color: #707070;
  font-size: 16px;
  font-weight: bold;
  line-height: calc(30 / 16);
}

.selection-process-sec .process-image-container {
  margin-top: 24px;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-grid-columns: 155px 122px 155px 122px 155px;
  grid-template-columns: 155px 122px 155px 122px 155px;
}

@media screen and (max-width: 980px) {
  .selection-process-sec .process-image-container {
    margin-top: 12px;
    -ms-grid-columns: minmax(120px, 150px);
    grid-template-columns: minmax(120px, 150px);
    -ms-grid-rows: 75px 35px 75px 35px 75px;
    grid-template-rows: 75px 35px 75px 35px 75px;
  }
}

.selection-process-sec .process-image-container.is-shain {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 155px 37px 155px 37px 155px 37px 155px 37px 155px;
  grid-template-columns: 155px 37px 155px 37px 155px 37px 155px 37px 155px;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  gap: 0;
}

@media screen and (max-width: 980px) {
  .selection-process-sec .process-image-container.is-shain {
    -ms-grid-columns: minmax(120px, 155px) 190px;
    grid-template-columns: minmax(120px, 155px) 190px;
    -ms-grid-rows: 75px 35px 75px 35px 75px 35px 75px 35px 75px;
    grid-template-rows: 75px 35px 75px 35px 75px 35px 75px 35px 75px;
    justify-items: self-start;
  }
}

.selection-process-sec .process-image-container.is-shain .first {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  grid-row: 1;
}

.selection-process-sec .process-image-container.is-shain .first ~ .arrow {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 1;
  grid-row: 1;
  -ms-grid-column-align: first baseline;
  justify-self: first baseline;
}

@media screen and (max-width: 980px) {
  .selection-process-sec .process-image-container.is-shain .first ~ .arrow {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 2;
    grid-row: 2;
    -ms-grid-column-align: center;
    justify-self: center;
  }
}

.selection-process-sec .process-image-container.is-shain .second {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 1;
  grid-row: 1;
}

@media screen and (max-width: 980px) {
  .selection-process-sec .process-image-container.is-shain .second {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 3;
    grid-row: 3;
  }
}

.selection-process-sec .process-image-container.is-shain .second ~ .arrow {
  -ms-grid-column: 4;
  grid-column: 4;
  -ms-grid-row: 1;
  grid-row: 1;
  -ms-grid-column-align: first baseline;
  justify-self: first baseline;
}

@media screen and (max-width: 980px) {
  .selection-process-sec .process-image-container.is-shain .second ~ .arrow {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 4;
    grid-row: 4;
    -ms-grid-column-align: center;
    justify-self: center;
  }
}

.selection-process-sec .process-image-container.is-shain .third {
  -ms-grid-column: 5;
  grid-column: 5;
  -ms-grid-row: 1;
  grid-row: 1;
}

@media screen and (max-width: 980px) {
  .selection-process-sec .process-image-container.is-shain .third {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 5;
    grid-row: 5;
  }
}

.selection-process-sec .process-image-container.is-shain .third ~ .arrow {
  -ms-grid-column: 6;
  grid-column: 6;
  -ms-grid-row: 1;
  grid-row: 1;
  -ms-grid-column-align: first baseline;
  justify-self: first baseline;
}

@media screen and (max-width: 980px) {
  .selection-process-sec .process-image-container.is-shain .third ~ .arrow {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 6;
    grid-row: 6;
    -ms-grid-column-align: center;
    justify-self: center;
  }
}

.selection-process-sec .process-image-container.is-shain .fourth {
  -ms-grid-column: 7;
  grid-column: 7;
  -ms-grid-row: 1;
  grid-row: 1;
}

@media screen and (max-width: 980px) {
  .selection-process-sec .process-image-container.is-shain .fourth {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 7;
    grid-row: 7;
  }
}

.selection-process-sec .process-image-container.is-shain .fourth ~ .arrow {
  -ms-grid-column: 8;
  grid-column: 8;
  -ms-grid-row: 1;
  grid-row: 1;
}

@media screen and (max-width: 980px) {
  .selection-process-sec .process-image-container.is-shain .fourth ~ .arrow {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 8;
    grid-row: 8;
    -ms-grid-column-align: center;
    justify-self: center;
  }
}

.selection-process-sec .process-image-container.is-shain .fifth {
  -ms-grid-column: 9;
  grid-column: 9;
  -ms-grid-row: 1;
  grid-row: 1;
}

@media screen and (max-width: 980px) {
  .selection-process-sec .process-image-container.is-shain .fifth {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 9;
    grid-row: 9;
  }
}

.selection-process-sec .process-image-container.is-shain .inexperienced-container {
  -ms-grid-column: 5;
  -ms-grid-column-span: 3;
  grid-column: 5 / span 3;
  -ms-grid-row: 2;
  grid-row: 2;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 79px 75px;
  grid-template-rows: 79px 75px;
  -ms-grid-columns: 155px 37px 155px;
  grid-template-columns: 155px 37px 155px;
  grid-template-areas: "areaA - areaB" "areaC areaD areaE";
  position: relative;
}

@media screen and (max-width: 980px) {
  .selection-process-sec .process-image-container.is-shain .inexperienced-container {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 5;
    -ms-grid-row-span: 3;
    grid-row: 5 / span 3;
  }
}

@media screen and (max-width: 980px) {
  .selection-process-sec .process-image-container.is-shain .inexperienced-container {
    -ms-grid-rows: 75px 35px 75px;
    grid-template-rows: 75px 35px 75px;
    -ms-grid-columns: 35px 155px;
    grid-template-columns: 35px 155px;
    grid-template-areas: "areaA areaC" "  -   areaD" "areaB areaE";
  }
}

.selection-process-sec .process-image-container.is-shain .inexperienced-container .first-arrow {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  grid-area: areaA;
}

@media screen and (max-width: 980px) {
  .selection-process-sec .process-image-container.is-shain .inexperienced-container .first-arrow {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }
}

.selection-process-sec .process-image-container.is-shain .inexperienced-container .third-arrow {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: areaB;
  justify-self: center;
  -ms-flex-item-align: self-end;
  align-self: self-end;
}

@media screen and (max-width: 980px) {
  .selection-process-sec .process-image-container.is-shain .inexperienced-container .third-arrow {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }
}

.selection-process-sec .process-image-container.is-shain .inexperienced-container .first {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: areaC;
}

.selection-process-sec .process-image-container.is-shain .inexperienced-container .second-arrow {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
  grid-area: areaD;
  -ms-flex-item-align: center;
  align-self: center;
}

@media screen and (max-width: 980px) {
  .selection-process-sec .process-image-container.is-shain .inexperienced-container .second-arrow {
    -ms-grid-column-align: center;
    justify-self: center;
  }
}

.selection-process-sec .process-image-container.is-shain .inexperienced-container .second {
  -ms-grid-row: 4;
  -ms-grid-column: 2;
  grid-area: areaE;
}

.selection-process-sec .process-image-container.is-shain .inexperienced-container .label {
  color: #000;
  font-size: 20px;
  font-weight: bold;
  line-height: calc(30 / 20);
  top: 40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
}

@media screen and (max-width: 980px) {
  .selection-process-sec .process-image-container.is-shain .inexperienced-container .label {
    display: inline-block;
    text-align: center;
    width: 155px;
    font-size: 16px;
    top: -30px;
    left: 35px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.selection-process-sec .process-image-container .arrow {
  text-align: center;
}

.selection-process-sec .process-item {
  width: 155px;
  height: 75px;
  border-radius: 5px;
  border: 1px solid #4B4B4B;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 20px;
  font-weight: bold;
  line-height: calc(30 / 20);
}

@media screen and (max-width: 980px) {
  .selection-process-sec .process-item {
    width: 100%;
    min-width: 120px;
    max-width: 155px;
  }
}

.selection-process-sec .process-name {
  text-align: center;
  line-height: calc(20 / 20);
}

.selection-process-sec .process-name .font-sm {
  font-size: 15px;
  line-height: calc(20 / 15);
}

.selection-process-sec .supplement {
  margin-top: 40px;
  margin-inline: auto;
  color: #000;
  max-width: 827px;
  font-size: 14px;
  line-height: calc(25 / 14);
}

@media screen and (max-width: 980px) {
  .selection-process-sec .supplement {
    margin-top: 29px;
    font-size: 12px;
    line-height: calc(20 / 12);
  }
}

.selection-process-sec .bg-gray01 {
  background-color: #F4F4F4;
}

.selection-process-sec .bg-gray02 {
  background-color: #E8E9EA;
}

.selection-process-sec .bg-gray03 {
  background-color: #BFBFBF;
}

.selection-process-sec .bg-gray04 {
  background-color: #707070;
  color: #fff;
}

.selection-process-sec .bg-gray05 {
  background-color: #4B4B4B;
  color: #fff;
}

/* 私たちの仕事 */
/* ========================================= */
.du-our-work-fv .du-our-work-fv-inner {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 40px;
  column-gap: 40px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media screen and (max-width: 768px) {
  .du-our-work-fv .du-our-work-fv-inner {
    row-gap: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.du-our-work-fv .image {
  width: 100%;
  max-width: 480px;
  min-width: 300px;
}

@media screen and (max-width: 768px) {
  .du-our-work-fv .image {
    margin-inline: auto;
  }
}

.du-our-work-fv .right-contents {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 480px;
  min-width: 350px;
}

@media screen and (max-width: 768px) {
  .du-our-work-fv .right-contents {
    margin-inline: auto;
    min-width: auto;
  }
}

.du-our-work-fv .txt {
  margin-top: -6px;
  color: #000;
  font-size: 12px;
  line-height: calc(20 / 12);
}

.du-our-work-fv .btn-container {
  margin-top: 52px;
  margin-left: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 45px;
  column-gap: 45px;
}

@media screen and (max-width: 768px) {
  .du-our-work-fv .btn-container {
    margin-top: 40px;
    row-gap: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.du-our-work-fv .act-btn {
  font-size: 12px;
}

.du-our-work-fv .act-btn.letter-spacing-lg {
  letter-spacing: 0.2em;
}

@media screen and (max-width: 768px) {
  .du-our-work-fv .act-btn {
    margin-inline: auto;
  }
}

.du-our-work-sec {
  margin-top: 120px;
}

@media screen and (max-width: 768px) {
  .du-our-work-sec {
    margin-top: 80px;
  }
}

.du-our-work-sec .du-our-work-sec-inner {
  display: -ms-grid;
  display: grid;
  row-gap: 76px;
  -webkit-column-gap: 40px;
  column-gap: 40px;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

@media screen and (max-width: 768px) {
  .du-our-work-sec .du-our-work-sec-inner {
    row-gap: 40px;
    justify-items: center;
    -ms-grid-columns: auto;
    grid-template-columns: auto;
    -ms-grid-rows: auto auto auto auto;
    grid-template-rows: auto auto auto auto;
  }
}

.du-our-work-sec .du-our-work-sec-item {
  color: #000;
  max-width: 480px;
}

.du-our-work-sec .du-our-work-sec-item .image {
  width: 100%;
}

.du-our-work-sec .du-our-work-sec-item .image img {
  width: 100%;
}

.du-our-work-sec .du-our-work-sec-item .lead {
  margin-top: 25px;
  font-size: 14px;
  font-weight: bold;
  line-height: calc(20 / 14);
  max-width: 477px;
}

@media screen and (max-width: 768px) {
  .du-our-work-sec .du-our-work-sec-item .lead {
    margin-top: 15px;
  }
}

.du-our-work-sec .du-our-work-sec-item .detail {
  margin-top: 19px;
  font-size: 12px;
  line-height: calc(20 / 12);
  max-width: 477px;
}

@media screen and (max-width: 768px) {
  .du-our-work-sec .du-our-work-sec-item .detail {
    margin-top: 15px;
  }
}

/* 障がい者採用 */
/* ========================================== */
.recruit-enployee-saiyo-fv .recruit-enployee-saiyo-fv-inner {
  margin-top: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 41px;
  column-gap: 41px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media screen and (max-width: 768px) {
  .recruit-enployee-saiyo-fv .recruit-enployee-saiyo-fv-inner {
    margin-top: 34px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.recruit-enployee-saiyo-fv .youtube {
  width: 100%;
  max-width: 485px;
  min-width: 350px;
  aspect-ratio: 485 / 242;
}

@media screen and (max-width: 768px) {
  .recruit-enployee-saiyo-fv .youtube {
    min-width: auto;
    max-width: 600px;
    margin-inline: auto;
  }
}

.recruit-enployee-saiyo-fv .youtube iframe {
  width: 100%;
  height: 100%;
}

.recruit-enployee-saiyo-fv .right-contents {
  max-width: 474px;
}

@media screen and (max-width: 768px) {
  .recruit-enployee-saiyo-fv .right-contents {
    max-width: none;
  }
}

.recruit-enployee-saiyo-fv .right-contents .txt {
  margin-top: -7px;
  color: #000;
  font-size: 14px;
  line-height: calc(25 / 14);
}

@media screen and (max-width: 768px) {
  .recruit-enployee-saiyo-fv .right-contents .txt {
    margin-top: 20px;
  }
}

/* ======================== */
/* スタッフの声メインセクション */
/* ======================== */
.staff-voice-main-sec {
  margin-top: 62px;
  color: #000;
}

@media screen and (max-width: 768px) {
  .staff-voice-main-sec {
    margin-top: 35px;
  }
}

.staff-voice-main-sec h2, .staff-voice-main-sec h3 {
  margin-block: 0;
}

.staff-voice-main-sec .title {
  margin-left: 73px;
  text-align: left;
  font-size: 24px;
  font-weight: bold;
  line-height: calc(30 / 24);
}

@media screen and (max-width: 768px) {
  .staff-voice-main-sec .title {
    font-size: 16px;
    margin-left: 0;
    text-align: center;
  }
}

.staff-voice-main-sec .staff-voice-main-sec-inner {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 39px;
  column-gap: 39px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .staff-voice-main-sec .staff-voice-main-sec-inner {
    margin-top: 37px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    /* ▼ ボタンエリアの位置調整用 ▼ */
    padding-bottom: 133px;
    position: relative;
  }
}

.staff-voice-main-sec .left-container {
  width: 297px;
}

@media screen and (max-width: 768px) {
  .staff-voice-main-sec .left-container {
    margin-inline: auto;
  }
}

.staff-voice-main-sec .left-container .btn-area-sec {
  margin-top: 72px;
}

@media screen and (max-width: 768px) {
  .staff-voice-main-sec .left-container .btn-area-sec {
    margin-top: 0;
    height: 80px;
    bottom: 30px;
    position: absolute;
  }
}

.staff-voice-main-sec .left-container .btn-area {
  margin-top: 53px;
}

.staff-voice-main-sec .left-container .btn-area:first-of-type {
  margin-top: 0;
}

.staff-voice-main-sec .left-container .btn-container {
  margin-top: 12px;
}

@media screen and (max-width: 768px) {
  .staff-voice-main-sec .left-container .btn-container {
    margin-top: 25px;
  }
}

.staff-voice-main-sec .left-container .btn-area-txt {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  line-height: calc(20 / 14);
}

.staff-voice-main-sec .left-container .act-btn {
  font-size: 12px;
}

.staff-voice-main-sec .right-container {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-bottom: -5px;
  width: 100%;
  max-width: 657px;
}

@media screen and (max-width: 768px) {
  .staff-voice-main-sec .right-container {
    margin-top: 12px;
    display: -ms-grid;
    display: grid;
    grid-template-areas: "areaB" "areaA" "areaC";
  }
}

.staff-voice-main-sec .right-container .title {
  margin-left: 0;
  font-size: 16px;
  font-weight: bold;
  line-height: calc(20 / 16);
}

@media screen and (max-width: 768px) {
  .staff-voice-main-sec .right-container .title {
    text-align: left;
    margin-top: 18px;
    line-height: calc(26 / 16);
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
    grid-area: areaA;
  }
}

.staff-voice-main-sec .right-container .name {
  margin-top: 10px;
  font-size: 12px;
  line-height: calc(20 / 12);
}

@media screen and (max-width: 768px) {
  .staff-voice-main-sec .right-container .name {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-area: areaB;
  }
}

.staff-voice-main-sec .right-container .voice-msg {
  margin-top: 25px;
  font-size: 12px;
  line-height: calc(30 / 12);
}

@media screen and (max-width: 768px) {
  .staff-voice-main-sec .right-container .voice-msg {
    margin-top: 15px;
    font-size: 12px;
    line-height: calc(26 / 12);
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    grid-area: areaC;
  }
}

.staff-voice-main-sec .right-container:has(.sub-title) .voice-msg {
  margin-top: 0;
}

.staff-voice-main-sec .right-container:has(.sub-title) .sub-title {
  margin-top: 25px;
  font-size: 14px;
  font-weight: bold;
  line-height: calc(30 / 14);
}

/* ======================== */
/* スタッフの声 */
/* ======================== */
.staff-voice-sec {
  margin-top: 111px;
  color: #000;
}

@media screen and (max-width: 768px) {
  .staff-voice-sec {
    margin-top: -5px;
  }
}

.staff-voice-sec .sec-title {
  text-align: center;
  margin-top: 21px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: bold;
  line-height: calc(30 / 16);
}

.staff-voice-sec .sec-title.font-lg {
  font-size: 24px;
  line-height: calc(30 / 24);
}

@media screen and (max-width: 768px) {
  .staff-voice-sec .sec-title.font-lg {
    font-size: 16px;
  }
}

.staff-voice-sec .staff-voice-list {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  row-gap: 30px;
  -webkit-column-gap: 32px;
  column-gap: 32px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .staff-voice-sec .staff-voice-list {
    row-gap: 6px;
    margin-top: 17px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.staff-voice-sec .staff-voice-item {
  max-width: 226px;
}

.staff-voice-sec .staff-voice-item.lg {
  max-width: 280px;
}

@media screen and (max-width: 768px) {
  .staff-voice-sec .staff-voice-item.lg {
    max-width: none;
  }
}

.staff-voice-sec .staff-voice-item.lg .image {
  max-width: 280px;
}

@media screen and (max-width: 768px) {
  .staff-voice-sec .staff-voice-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-column-gap: 15px;
    column-gap: 15px;
    max-width: none;
  }
}

.staff-voice-sec .staff-voice-item.link {
  -webkit-transition: all .2s;
  transition: all .2s;
}

.staff-voice-sec .staff-voice-item.link:hover {
  opacity: 0.7;
}

.staff-voice-sec .staff-voice-item .image {
  max-width: 226px;
}

@media screen and (max-width: 768px) {
  .staff-voice-sec .staff-voice-item .image {
    margin-top: 20px;
    width: 90px;
  }
}

.staff-voice-sec .staff-voice-item .txt-info {
  margin-top: 14px;
}

@media screen and (max-width: 768px) {
  .staff-voice-sec .staff-voice-item .txt-info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

.staff-voice-sec .staff-voice-item .voice-msg {
  font-weight: bold;
  font-size: 14px;
  line-height: calc(20 / 14);
}

.staff-voice-sec .staff-voice-item .name {
  margin-top: 14px;
  font-size: 12px;
  line-height: calc(20 / 12);
}

@media screen and (max-width: 768px) {
  .staff-voice-sec .staff-voice-item .name {
    margin-top: 9px;
  }
}

/* ======================== */
/* 卸売販売 */
/* ======================== */
.wholesale-sales-page-title {
  margin-top: 63px;
}

@media screen and (max-width: 768px) {
  .wholesale-sales-page-title {
    margin-top: 40px;
  }
}

.wholesale-sales-page-title .title {
  margin-top: 0;
  margin-bottom: 0;
  color: #000;
  font-size: 24px;
  font-weight: bold;
  line-height: calc(30 / 24);
  text-align: center;
}

@media screen and (max-width: 768px) {
  .wholesale-sales-page-title .title {
    font-size: 16px;
  }
}

.wholesale-sales-recruit-info-sec {
  margin-top: 57px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .wholesale-sales-recruit-info-sec {
    margin-top: 30px;
  }
}

.wholesale-sales-recruit-info-sec.mt-lg {
  margin-top: 125px;
}

@media screen and (max-width: 768px) {
  .wholesale-sales-recruit-info-sec.mt-lg {
    margin-top: 57px;
  }
}

.wholesale-sales-recruit-info-sec .wholesale-sales-recruit-info-sec-inner {
  margin-inline: auto;
  max-width: 690px;
}

.wholesale-sales-recruit-info-sec .border-area {
  padding-top: 0;
  padding-bottom: 21px;
  padding-inline: 42px;
  border-left: 1px solid #707070;
  border-right: 1px solid #707070;
}

@media screen and (max-width: 768px) {
  .wholesale-sales-recruit-info-sec .border-area {
    padding-inline: 20px;
  }
}

.wholesale-sales-recruit-info-sec .title {
  margin-bottom: 0;
  font-size: 20px;
  color: #F10500;
  font-weight: bold;
  line-height: calc(30 / 20);
}

@media screen and (max-width: 768px) {
  .wholesale-sales-recruit-info-sec .title {
    font-size: 16px;
  }
}

.wholesale-sales-recruit-info-sec .txt {
  margin-top: 17px;
  color: #000;
  font-size: 14px;
  line-height: calc(20 / 14);
}

@media screen and (max-width: 768px) {
  .wholesale-sales-recruit-info-sec .txt {
    font-size: 12px;
    line-height: calc(20 / 12);
  }
}

.wholesale-sales-recruit-info-sec .sm-txt {
  margin-top: 25px;
  color: #000;
  font-size: 12px;
  line-height: calc(20 / 12);
}

.wholesale-sales-recruit-info-sec .btn-container {
  margin-top: 23px;
}

.wholesale-sales-recruit-info-sec .act-btn {
  font-size: 12px;
}

.wholesale-sales-recruit-info-sec .msg {
  margin-top: 16px;
  font-size: 12px;
  color: #000;
  line-height: calc(20 / 12);
}

.wholesale-sales-contact-info-area {
  margin-top: 77px;
}

.wholesale-sales-contact-info-area .wholesale-sales-contact-info-area-inner {
  margin-inline: auto;
  max-width: 850px;
  position: relative;
  padding: 49px 36px 43px 26px;
  border: 1px solid #707070;
}

@media screen and (max-width: 768px) {
  .wholesale-sales-contact-info-area .wholesale-sales-contact-info-area-inner {
    padding: 40px 20px 30px 20px;
  }
}

.wholesale-sales-contact-info-area .lead {
  top: -0.5em;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #000;
  font-size: 20px;
  width: 250px;
  font-weight: bold;
  text-align: center;
  background-color: #fff;
}

.wholesale-sales-contact-info-area .block-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  .wholesale-sales-contact-info-area .block-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.wholesale-sales-contact-info-area .title {
  margin-top: 8px;
  color: #000;
  font-size: 15px;
  font-weight: bold;
  line-height: calc(20 / 15);
}

.wholesale-sales-contact-info-area .address,
.wholesale-sales-contact-info-area .tel {
  margin-top: 9px;
  color: #000;
  font-size: 14px;
}

.wholesale-sales-contact-info-area .left-block .left-block-inner {
  padding-top: 22px;
  padding-bottom: 19px;
  border-left: 1px solid #707070;
  margin-left: 20px;
  padding-left: 44px;
}

@media screen and (max-width: 768px) {
  .wholesale-sales-contact-info-area .left-block .left-block-inner {
    margin-left: 0;
    margin-top: 30px;
    padding-top: 30px;
    padding-left: 0;
    border-left: none;
    border-top: 1px solid #707070;
  }
}

.wholesale-sales-contact-info-area .left-block .act-btn {
  color: #4B4B4B;
  border-color: #4B4B4B;
  font-size: 12px;
}

.wholesale-sales-contact-info-area .left-block .txt {
  margin-top: 26px;
  color: #000;
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
}

.wholesale-sales-announcement-banner-sec {
  margin-top: 55px;
}

.wholesale-sales-announcement-banner-sec .image {
  margin-inline: auto;
  max-width: 850px;
}

.wholesale-sales-announcement-banner-sec .image img {
  width: 100%;
}

.wholesale-sales-announcement-banner-sec .caution {
  margin-top: 10px;
  text-align: center;
  color: #000;
  font-size: 12px;
  line-height: calc(20 / 12);
}

/* ======================== */
/*応募要項 */
/* ======================== */
.application-requirements {
  margin-top: 63px;
  color: #000;
  font-size: 12px;
}

@media screen and (max-width: 768px) {
  .application-requirements {
    margin-top: 40px;
  }
}

.application-requirements h3, .application-requirements h4 {
  margin-block: 0;
}

.application-requirements .main-title {
  text-align: left;
  font-size: 24px;
  font-weight: bold;
  line-height: calc(30 / 24);
}

@media screen and (max-width: 768px) {
  .application-requirements .main-title {
    font-size: 16px;
  }
}

.application-requirements .application-requirements-inner {
  margin-top: 77px;
}

@media screen and (max-width: 768px) {
  .application-requirements .application-requirements-inner {
    margin-top: 30px;
  }
}

.application-requirements .sub-title {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  line-height: calc(30 / 20);
}

@media screen and (max-width: 768px) {
  .application-requirements .sub-title {
    font-size: 16px;
    line-height: calc(25 / 16);
  }
}

.application-requirements .concept-msg-container {
  margin-top: 41px;
}

@media screen and (max-width: 768px) {
  .application-requirements .concept-msg-container {
    margin-top: 30px;
  }
}

.application-requirements .concept-msg-item {
  margin-top: 1.56rem;
}

.application-requirements .concept-msg-item:first-child {
  margin-top: 0;
}

.application-requirements .concept-msg-item .title {
  font-size: 14px;
  font-weight: bold;
  line-height: calc(25 / 14);
}

.application-requirements .concept-msg-item .txt {
  line-height: calc(25 / 12);
}

.application-requirements .detail-container-wrapper {
  margin-top: 22px;
  padding: 24px 0 34px 8px;
  border-top: 1px solid #BFBFBF;
  border-bottom: 1px solid #BFBFBF;
}

.application-requirements .detail-container-wrapper.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 40px;
  column-gap: 40px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media screen and (max-width: 768px) {
  .application-requirements .detail-container-wrapper.flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.application-requirements .detail-container.left {
  width: 466px;
}

@media screen and (max-width: 768px) {
  .application-requirements .detail-container.left {
    width: 100%;
  }
}

.application-requirements .detail-container.left .title {
  width: 75px;
}

@media screen and (max-width: 768px) {
  .application-requirements .detail-container.left .title {
    width: 120px;
  }
}

.application-requirements .detail-container.right {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media screen and (max-width: 768px) {
  .application-requirements .detail-container.right {
    margin-top: 29px;
  }
}

.application-requirements .detail-container.right .title {
  width: 120px;
}

.application-requirements .detail-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 29px;
}

.application-requirements .detail-item:first-child {
  margin-top: 0;
}

.application-requirements .detail-item .title {
  font-size: 12px;
  line-height: calc(20 / 12);
}

.application-requirements .detail-item .txt {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  line-height: calc(20 / 12);
}

.application-requirements .btn-container {
  margin-top: 48px;
}

.application-requirements .act-btn {
  letter-spacing: 0.2em;
}

.application-requirements-faq {
  margin-top: 150px;
}

.application-requirements-faq.mt-100 {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .application-requirements-faq.mt-100 {
    margin-top: 60px;
  }
}

@media screen and (max-width: 768px) {
  .application-requirements-faq {
    margin-top: 60px;
  }
}

.application-requirements-faq .gray-bg-accordion-sec {
  margin-top: 0;
}

.application-requirements-faq .gray-bg-accordion-sec .gray-bg-accordion-sec-inner {
  margin-top: 0;
  margin-inline: auto;
  max-width: 730px;
  padding-left: 15px;
  padding-right: 15px;
}

.application-requirements-faq .gray-bg-accordion-sec .gray-bg-accordion-sec-inner .acordion-title {
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .application-requirements-faq .gray-bg-accordion-sec .gray-bg-accordion-sec-inner .acordion-title {
    padding-right: 40px;
  }
}

@media screen and (max-width: 768px) {
  .application-requirements-faq .gray-bg-accordion-sec .gray-bg-accordion-sec-inner.pd-inline-none-sp {
    padding-inline: 0;
  }
}

/* ======================== */
/* disk union music distribution */
/* ======================== */
.union-music-distribution-page-title {
  margin-top: 63px;
}

@media screen and (max-width: 768px) {
  .union-music-distribution-page-title {
    margin-top: 40px;
  }
}

.union-music-distribution-page-title .title {
  text-align: center;
  margin-block: 0;
  color: #000;
  font-size: 24px;
  font-weight: bold;
  line-height: calc(30 / 24);
}

@media screen and (max-width: 768px) {
  .union-music-distribution-page-title .title {
    font-size: 16px;
  }
}

.union-music-distribution-download-content {
  margin-top: 35px;
}

.union-music-distribution-download-content .union-music-distribution-download-content-inner {
  background-color: #F4F4F4;
  padding-top: 48px;
  padding-bottom: 94px;
}

@media screen and (max-width: 768px) {
  .union-music-distribution-download-content .union-music-distribution-download-content-inner {
    padding-bottom: 50px;
  }
}

.union-music-distribution-download-content .lead-container {
  text-align: center;
}

.union-music-distribution-download-content .lead-container .lead {
  color: #000;
  font-size: 14px;
  font-weight: bold;
  line-height: calc(20 / 14);
}

.union-music-distribution-download-content .lead-container .btn-container {
  margin-top: 15px;
}

.union-music-distribution-download-content .lead-container .act-btn {
  font-size: 12px;
}

.union-music-distribution-download-content .lead-container .txt {
  margin-top: 15px;
  color: #374149;
  font-size: 12px;
  line-height: calc(25 / 12);
}

.union-music-distribution-download-content .link-area {
  margin-top: 45px;
}

@media screen and (max-width: 768px) {
  .union-music-distribution-download-content .link-area {
    margin-top: 15px;
  }
}

.union-music-distribution-download-content .link-area .link-area-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 1024px) {
  .union-music-distribution-download-content .link-area .link-area-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.union-music-distribution-download-content .link-area .link-list {
  padding-top: 30px;
  width: 300px;
  border-top: 1px solid #000;
}

@media screen and (max-width: 1024px) {
  .union-music-distribution-download-content .link-area .link-list {
    margin-top: 30px;
    width: 100%;
  }
}

.union-music-distribution-download-content .link-area .link-item {
  margin-top: 23px;
  color: #000;
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .union-music-distribution-download-content .link-area .link-item {
    font-size: 12px;
  }
}

.union-music-distribution-download-content .link-area .link-item:first-child {
  margin-top: 0;
}

.union-music-distribution-download-content .link-area .link:hover {
  text-decoration: underline;
}

.under-union-music-distribution-download-content {
  margin-top: 68px;
}

@media screen and (max-width: 768px) {
  .under-union-music-distribution-download-content {
    margin-top: 50px;
  }
}

.under-union-music-distribution-download-content.btn-container .act-btn {
  font-size: 12px;
}

/* ======================== */
/* 自主制作・委託販売募集 */
/* ======================== */
.inde-product-and-cons-sales-want-fv {
  margin-top: 0;
}

.inde-product-and-cons-sales-want-fv .bg-area {
  background-color: #000;
}

.inde-product-and-cons-sales-want-fv .bg-area .container {
  padding-inline: 0;
}

.inde-product-and-cons-sales-want-fv .inde-product-and-cons-sales-want-fv-inner {
  text-align: center;
  height: 500px;
  max-width: 1000px;
  background-size: cover;
  background-repeat: no-repeat;
  background-blend-mode: darken;
  background-color: rgba(0, 0, 0, 0.6);
  background-position: top center;
  background-image: url("../img/image/inde-product-and-cons-sales-want-fv.png");
}

@media screen and (max-width: 768px) {
  .inde-product-and-cons-sales-want-fv .inde-product-and-cons-sales-want-fv-inner {
    height: auto;
  }
}

.inde-product-and-cons-sales-want-fv .lead {
  padding-top: 116px;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  line-height: calc(50 / 24);
}

@media screen and (max-width: 768px) {
  .inde-product-and-cons-sales-want-fv .lead {
    padding-top: 65px;
    font-size: 16px;
  }
}

.inde-product-and-cons-sales-want-fv p.caution {
  margin-top: 46px;
  padding-inline: 10px;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  line-height: calc(30 / 15);
}

@media screen and (max-width: 768px) {
  .inde-product-and-cons-sales-want-fv p.caution {
    margin-top: 30px;
    padding-bottom: 65px;
    font-size: 12px;
  }
}

.inde-product-and-cons-sales-want-simple-step {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .inde-product-and-cons-sales-want-simple-step {
    margin-top: 40px;
  }
}

.inde-product-and-cons-sales-want-simple-step .sec-title {
  text-align: center;
  color: #000;
  font-size: 20px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .inde-product-and-cons-sales-want-simple-step .sec-title {
    font-size: 16px;
    line-height: calc(25 / 16);
  }
}

.inde-product-and-cons-sales-want-simple-step .step-desc-intro {
  margin-top: 68px;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -ms-grid-columns: auto auto auto auto auto;
  grid-template-columns: auto auto auto auto auto;
}

@media screen and (max-width: 900px) {
  .inde-product-and-cons-sales-want-simple-step .step-desc-intro {
    margin-top: 40px;
    justify-items: center;
    -ms-grid-columns: auto;
    grid-template-columns: auto;
    -ms-grid-rows: auto auto auto auto auto;
    grid-template-rows: auto auto auto auto auto;
  }
  .inde-product-and-cons-sales-want-simple-step .step-desc-intro .arrow {
    margin-block: 10px;
    display: inline-block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .inde-product-and-cons-sales-want-simple-step .step-desc-intro .arrow img {
    width: 100%;
  }
}

.inde-product-and-cons-sales-want-simple-step .step-desc-intro .supplement {
  margin-top: 13px;
  color: #000;
  font-size: 13px;
  line-height: calc(20 / 13);
}

@media screen and (max-width: 768px) {
  .inde-product-and-cons-sales-want-simple-step .step-desc-intro .supplement {
    margin-top: 5px;
    text-align: center;
  }
}

.inde-product-and-cons-sales-want-cta {
  margin-block: 50px;
}

@media screen and (max-width: 768px) {
  .inde-product-and-cons-sales-want-cta {
    margin-block: 30px;
  }
}

.inde-product-and-cons-sales-want-cta .act-btn {
  font-size: 12px;
  color: #4B4B4B !important;
  border-color: #4B4B4B;
}

.step-desc-detail-container {
  margin-top: 119px;
}

@media screen and (max-width: 768px) {
  .step-desc-detail-container {
    margin-top: 100px;
  }
}

.step-desc-detail-container .step-desc-detail-item {
  position: relative;
  margin-top: 112px;
  margin-inline: auto;
  max-width: 750px;
}

@media screen and (max-width: 768px) {
  .step-desc-detail-container .step-desc-detail-item {
    margin-top: 80px;
  }
}

.step-desc-detail-container .step-desc-detail-item:first-child {
  margin-top: 0;
}

.step-desc-detail-container .step-desc-detail-item .speech-bubble-title {
  position: absolute;
  top: -36px;
  left: -47px;
}

@media screen and (max-width: 900px) {
  .step-desc-detail-container .step-desc-detail-item .speech-bubble-title {
    top: -27px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.step-desc-detail-container .step-desc-detail-item-inner {
  padding: 54px 40px 38px 43px;
  border: 1px solid #707070;
  background-color: #F4F1E7;
}

@media screen and (max-width: 900px) {
  .step-desc-detail-container .step-desc-detail-item-inner {
    padding: 50px 15px 25px 15px;
  }
}

.step-desc-detail-container .step-desc-detail-item-inner .main-txt {
  color: #000;
  font-size: 14px;
  line-height: calc(25 / 14);
}

@media screen and (max-width: 768px) {
  .step-desc-detail-container .step-desc-detail-item-inner .main-txt {
    font-size: 12px;
    line-height: calc(20 / 12);
  }
}

.step-desc-detail-container .step-desc-detail-item-inner .btn-container {
  margin-top: 23px;
  font-size: 12px;
}

.step-desc-detail-container .step-desc-detail-item-inner .act-btn {
  border-color: #4B4B4B !important;
  color: #4B4B4B !important;
}

.step-desc-detail-container .caution-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
  color: #000;
  font-size: 14px;
  line-height: calc(25 / 14);
}

@media screen and (max-width: 768px) {
  .step-desc-detail-container .caution-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 12px;
    line-height: calc(20 / 12);
  }
}

.step-desc-detail-container .caution-container .title {
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .step-desc-detail-container .caution-container .title {
    margin-inline: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-bottom: 10px;
    border-bottom: 1px solid #707070;
  }
}

.step-desc-detail-container .caution-container .txt {
  margin-left: 31px;
  padding-left: 31px;
  border-left: 1px solid #707070;
}

@media screen and (max-width: 900px) {
  .step-desc-detail-container .caution-container .txt {
    margin-top: 10px;
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
  }
}

.step-desc-detail-container .write-contents-detail {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media screen and (max-width: 768px) {
  .step-desc-detail-container .write-contents-detail {
    margin-top: 40px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

.step-desc-detail-container .write-contents-detail .write-item-names {
  width: 210px;
  color: #000;
  font-size: 14px;
  line-height: calc(25 / 14);
}

@media screen and (max-width: 768px) {
  .step-desc-detail-container .write-contents-detail .write-item-names {
    font-size: 12px;
    line-height: calc(20 / 12);
  }
}

.step-desc-detail-container .write-contents-detail .post-address-container {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 35px;
  padding-left: 27px;
  color: #000;
  font-size: 14px;
  line-height: calc(25 / 14);
  border-left: 1px solid #707070;
}

@media screen and (max-width: 768px) {
  .step-desc-detail-container .write-contents-detail .post-address-container {
    margin-left: 0;
    margin-bottom: 20px;
    padding-left: 0;
    padding-bottom: 20px;
    font-size: 12px;
    line-height: calc(20 / 12);
    border-left: none;
    border-bottom: 1px solid;
  }
}

.step-desc-detail-container .write-contents-detail .post-address-container .title {
  font-weight: bold;
}

.step-desc-detail-container .write-contents-detail .post-address-container .address {
  margin-top: 1rem;
  font-weight: bold;
}

.step-desc-detail-container .desc-container {
  margin-top: 28px;
  color: #000;
  font-size: 14px;
  line-height: calc(25 / 14);
}

@media screen and (max-width: 768px) {
  .step-desc-detail-container .desc-container {
    font-size: 12px;
    line-height: calc(20 / 12);
  }
}

.step-desc-detail-container .desc-container .desc-list {
  margin-left: 1.3rem;
}

.step-desc-detail-container .desc-container .desc-list ul, .step-desc-detail-container .desc-container .desc-list li {
  list-style: disc;
  padding: 0;
}

.step-desc-detail-container .desc-container .desc-list .bold {
  font-weight: bold;
}

.step-desc-detail-container .sub-desc-container {
  margin-top: 1.5rem;
  color: #000;
  font-size: 14px;
  line-height: calc(25 / 14);
}

@media screen and (max-width: 768px) {
  .step-desc-detail-container .sub-desc-container {
    font-size: 12px;
    line-height: calc(20 / 12);
  }
}

/* ======================== */
/* チェックしたアイテム */
/* ======================== */
.recently-viewed {
  margin-top: 30px;
}

.recently-viewed .page-section-title {
  margin-bottom: 32px;
}

@media screen and (max-width: 768px) {
  .recently-viewed .page-section-title {
    margin-bottom: 25px;
  }
}

.recently-viewed .page-section-title .ja {
  letter-spacing: 0;
}

/* ======================== */
/* 総合チャート */
/* ======================== */
.top-selling-chart {
  padding-top: 69px;
  padding-bottom: 41px;
  background-color: #F4F1E7;
}

@media screen and (max-width: 768px) {
  .top-selling-chart {
    padding-top: 66px;
    padding-bottom: 66px;
  }
}

.top-selling-chart .page-section-title {
  margin-bottom: 15px;
}

@media screen and (max-width: 768px) {
  .top-selling-chart .page-section-title {
    margin-bottom: 30px;
  }
}

/* ======================== */
/* 関連アーティスト */
/* ======================== */
.related-artist {
  margin-top: 100px;
}

.related-artist .artist-list-container {
  margin-top: 27px;
}

@media screen and (max-width: 768px) {
  .related-artist .artist-list-container {
    margin-top: 9px;
  }
}

@media screen and (max-width: 768px) {
  .related-artist .artist-list-container .product-sec-container {
    padding-left: 0;
  }
}

.related-artist .artist-list-container .artist-list-wrapper {
  position: relative;
  max-height: 5em;
  /* 2行分の高さ + 3行目の透かし */
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;
}

.related-artist .artist-list-container .artist-list-wrapper.expanded {
  max-height: none;
}

.related-artist .artist-list-container .artist-list-wrapper.expanded .artist-intro-overlay {
  opacity: 0;
}

.related-artist .artist-list-container .artist-list-wrapper .artist-list-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.5em;
  /* 3行目の透かし部分の高さ */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.8)));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 100%);
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.related-artist .artist-list-container .read-more-btn {
  margin-top: 10px;
  padding: 5px 15px 5px 0;
  color: #3E6DBB;
  font-size: 14px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  position: relative;
}

.related-artist .artist-list-container .read-more-btn:hover {
  text-decoration: underline;
}

.related-artist .artist-list-container .read-more-btn::after {
  content: '';
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  background-image: url(../img/icon/triangle-down.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: 0;
  top: 55%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.related-artist .artist-list-container .read-more-btn.expanded::after {
  background-image: url(../img/icon/triangle-up.svg);
}

.related-artist .artist-list-container .artist-list .artist-name {
  display: inline;
  color: #000;
  font-size: 12px;
  padding-right: 0.7em;
  line-height: calc(30 / 12);
}

@media screen and (max-width: 768px) {
  .related-artist .artist-list-container .artist-list .artist-name {
    line-height: 2.35em;
  }
}

.related-artist .artist-list-container .artist-list .artist-name::after {
  content: "|";
  padding-left: 1em;
}

.related-artist .artist-list-container .artist-list .artist-name:last-child::after {
  content: none;
}

.related-artist .artist-list-container .artist-list .artist-name:hover {
  text-decoration: underline;
}

/* ======================== */
/* 絞り込み検索条件設定エリア */
/* ======================== */
.product-show-condition-init-area {
  margin-top: 28px;
}

@media screen and (max-width: 768px) {
  .product-show-condition-init-area {
    margin-top: 12px;
  }
}

.product-show-condition-init-area.product-show-condition-init-area--mb-lg {
  margin-bottom: 43px;
}

@media screen and (max-width: 768px) {
  .product-show-condition-init-area.product-show-condition-init-area--mb-lg {
    margin-bottom: 20px;
  }
}

.product-show-condition-init-area.product-show-condition-init-area--mt-none {
  margin-top: 0;
}

.product-show-condition-init-area .product-show-condition-init-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 65px;
  column-gap: 65px;
}

@media screen and (max-width: 768px) {
  .product-show-condition-init-area .product-show-condition-init-inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 15px;
    column-gap: 15px;
    row-gap: 10px;
    margin-top: 20px;
  }
}

.product-show-condition-init-area .product-show-condition-init-inner .filter-func-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 65px;
  column-gap: 65px;
}

@media screen and (max-width: 768px) {
  .product-show-condition-init-area .product-show-condition-init-inner .filter-func-container {
    -webkit-column-gap: 15px;
    column-gap: 15px;
  }
}

.product-show-condition-init-area .product-show-condition-init-inner .act-btn.back-to-search-form-btn {
  margin-top: 24px;
  margin-bottom: 12px;
}

@media screen and (max-width: 768px) {
  .product-show-condition-init-area .product-show-condition-init-inner .act-btn.back-to-search-form-btn.has-arrow.arrow-ll {
    width: auto;
    min-width: 165px;
    padding-left: 22px;
    padding-right: 14px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .product-show-condition-init-area .product-show-condition-init-inner .act-btn.back-to-search-form-btn.has-arrow.arrow-ll::after {
    left: 10px;
  }
}

.product-show-condition-init-area .product-show-condition-init-inner .act-btn.md {
  font-size: 12px;
}

@media screen and (max-width: 768px) {
  .product-show-condition-init-area .product-show-condition-init-inner .act-btn.md {
    width: 135px;
    height: 25px;
    padding-left: 7px;
  }
}

@media screen and (max-width: 768px) {
  .product-show-condition-init-area .product-show-condition-init-inner .act-btn.md.has-icon.filter::before {
    width: 14px;
    height: 15px;
    left: 10px;
  }
}

@media screen and (max-width: 768px) {
  .product-show-condition-init-area .product-show-condition-init-inner .act-btn.md.has-arrow.arrow-rund-white::after {
    right: 7px;
  }
}

@media screen and (max-width: 768px) {
  .product-show-condition-init-area .product-show-condition-init-inner .act-btn.act-btn--respons-none {
    width: 250px;
    height: 40px;
    margin-inline: auto;
  }
}

@media screen and (max-width: 768px) {
  .product-show-condition-init-area .product-show-condition-init-inner .act-btn.act-btn--respons-none.has-icon.filter::before {
    width: 19px;
    height: 19px;
    left: 11px;
  }
}

@media screen and (max-width: 768px) {
  .product-show-condition-init-area .product-show-condition-init-inner .act-btn.act-btn--respons-none.has-arrow.arrow-rund-white::after {
    right: 13px;
  }
}

.product-show-condition-init-area .current-filter-condition-show-area {
  margin-top: 14px;
}

@media screen and (max-width: 768px) {
  .product-show-condition-init-area .current-filter-condition-show-area {
    margin-top: 10px;
  }
}

/************************************/
/* ニュース一覧ページナビゲーション */
/************************************/
.news-list-page-nav {
  padding-bottom: 28px;
}

.news-list-page-nav .news-list-page-nav-menu {
  margin-top: 22px;
}

.news-list-page-nav .news-list-page-nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 97px;
  column-gap: 97px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #707070;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 3px solid #BFBFBF;
}

.news-list-page-nav .news-list-page-nav-list li {
  padding-bottom: 12px;
  position: relative;
}

.news-list-page-nav .news-list-page-nav-list li.current {
  color: #F10500;
}

.news-list-page-nav .news-list-page-nav-list li.current::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: -3px;
  position: absolute;
  border-bottom: 3px solid #4B4B4B;
}

.news-list-page-nav .news-list-page-nav-list li:hover::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: -3px;
  position: absolute;
  border-bottom: 3px solid #4B4B4B;
}

.news-list-page-nav .news-list-page-nav-list li a,
.news-list-page-nav .news-list-page-nav-list li span {
  display: inline-block;
  padding-inline: 7px;
}

/************************************/
/* 区切り線 */
/************************************/
.sec-sepalator {
  width: 100%;
  height: 1px;
  background-color: #BFBFBF;
}

.sec-sepalator-w-full-sp {
  display: none;
}

@media screen and (max-width: 768px) {
  .sec-sepalator-w-full-sp {
    display: block;
    margin-block: 50px;
    width: 100%;
    height: 1px;
    background-color: #BFBFBF;
  }
}

/************************************/
/* コンテナ */
/************************************/
.container {
  max-width: 1020px;
  padding-inline: 10px;
  margin-inline: auto;
}

@media screen and (max-width: 768px) {
  .container {
    padding-inline: 15px;
  }
}

.container.checked-items-container {
  max-width: 1030px;
  padding-inline: 8px;
}

@media screen and (max-width: 768px) {
  .container.checked-items-container {
    padding-inline: 15px;
  }
}

.container.main-top-fv-container {
  max-width: none;
  padding-inline: 0;
  margin-inline: 0;
}

@media screen and (max-width: 768px) {
  .container.container--pc {
    padding-inline: 0;
  }
}

.container.container--sp {
  padding-inline: 0;
}

@media screen and (max-width: 768px) {
  .container.container--sp {
    padding-inline: 15px;
  }
}

/* 商品詳細ページの各セクションの横幅制御 */
.product-sec-container {
  padding-left: 22px;
}

/************************************/
/* マイページトップセクション（margin-top用） */
/************************************/
.mypage-top-sec {
  margin-top: 32px;
}

@media screen and (max-width: 768px) {
  .mypage-top-sec {
    margin-top: 0;
  }
}

.mypage-top-sec.mypage-top-sec--mt-sm {
  margin-top: 17px;
}

@media screen and (max-width: 768px) {
  .mypage-top-sec.mypage-top-sec--mt-sm {
    margin-top: 15px;
  }
}

/************************************/
/* マイページトップセクション（margin-top用） */
/************************************/
.purchase-page-sec {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .purchase-page-sec {
    margin-top: 42px;
  }
}

.purchase-page-sec.mt-lg {
  margin-top: 80px;
}

.purchase-page-sec.mt-md {
  margin-top: 70px;
}

@media screen and (max-width: 768px) {
  .purchase-page-sec.mt-md {
    margin-top: 22px;
  }
}

.purchase-page-sec.mt-smd {
  margin-top: 60px;
}

.purchase-page-sec.mt-ssmd {
  margin-top: 40px;
}

.purchase-page-sec.mt-sm {
  margin-top: 34px;
}

/************************************/
/* 価格　接頭辞 */
/************************************/
.prefix-yen {
  margin-right: 1px;
  bottom: 0.4em;
  position: relative;
  font-size: 0.65em;
  font-weight: 200;
  font-family: 'Oswald', sans-serif;
  letter-spacing: 0;
}

.prefix-yen.red {
  color: #F10500;
}

/************************************/
/* ログイン・メンバーズ登録コンテナ */
/************************************/
@media screen and (max-width: 930px) {
  .login-register-container.container {
    padding-inline: 0;
  }
}

.login-register-container.login-register-container--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 20px;
  column-gap: 20px;
}

@media screen and (max-width: 930px) {
  .login-register-container.login-register-container--flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 20px;
  }
}

@media screen and (max-width: 768px) {
  .login-register-container.login-register-container--flex {
    row-gap: 30px;
  }
}

.login-register-container.login-register-container--flex .container--sp {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.login-register-container .login-register-container-left .login-register-container-left-inner {
  padding-top: 10px;
  padding-right: 53px;
  padding-bottom: 16px;
  padding-left: 36px;
  background-color: #F4F4F4;
  width: 600px;
  height: 280px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (max-width: 930px) {
  .login-register-container .login-register-container-left .login-register-container-left-inner {
    width: 100%;
    height: auto;
    padding: 4px 15px 31px;
  }
}

.login-register-container .login-register-container-left .login-register-container-left-inner.h-lg {
  height: 346px;
}

@media screen and (max-width: 930px) {
  .login-register-container .login-register-container-left .login-register-container-left-inner.h-lg {
    height: auto;
  }
}

@media screen and (max-width: 930px) {
  .login-register-container .login-register-container-left .login-register-container-left-inner.sp-pt-lg {
    padding-top: 15px;
  }
}

.login-register-container .login-register-container-left .login-register-container-left-inner .title {
  font-size: 16px;
  color: #000;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 32px;
}

@media screen and (max-width: 930px) {
  .login-register-container .login-register-container-left .login-register-container-left-inner .title {
    margin-bottom: -10px;
  }
}

@media screen and (max-width: 930px) {
  .login-register-container .login-register-container-left .form-item-row {
    margin-inline: auto;
    row-gap: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 370px;
  }
}

@media screen and (max-width: 930px) {
  .login-register-container .login-register-container-left .form-item-row {
    padding-top: 24px;
    padding-bottom: 0;
    row-gap: 16px;
  }
}

@media screen and (max-width: 930px) {
  .login-register-container .login-register-container-left .form-item-input-wrapper {
    width: 100%;
  }
}

.login-register-container .login-register-container-left .form-item-title {
  padding-left: 0;
}

.login-register-container .login-register-container-left .mg-blank-l {
  margin-left: 136px;
}

@media screen and (max-width: 930px) {
  .login-register-container .login-register-container-left .mg-blank-l {
    margin-left: 0;
  }
}

.login-register-container .login-register-container-left .act-btn {
  margin-top: 0;
  margin-left: 54px;
}

@media screen and (max-width: 930px) {
  .login-register-container .login-register-container-left .act-btn {
    margin-inline: auto;
  }
}

.login-register-container .login-register-container-left .act-btn.md {
  font-size: 12px;
}

.login-register-container .login-register-container-left .remember-me-label {
  font-weight: 500;
}

.login-register-container .login-register-container-left .link {
  display: block;
  margin-top: 6px;
  margin-bottom: 0;
  color: #000;
  font-size: 14px;
  text-align: center;
}

.login-register-container .login-register-container-left .link:hover {
  text-decoration: underline;
}

.login-register-container .login-register-container-left .checkbox-group {
  color: #000;
}

/* ログイン失敗メッセージ */
.login-register-container .login-register-container-left .ec-errorMessage {
  margin-top: 8px;
  margin-bottom: 0;
  color: #F10500;
  font-size: 13px;
  line-height: 1.4;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

/* ボタン群を下端に寄せつつ、リンクが灰背景の底に張り付かないよう余白を確保 */
.login-register-container .login-register-container-left .btn-container {
  margin-top: auto;
  padding-top: 12px;
  padding-bottom: 12px;
}

@media screen and (max-width: 930px) {
  .login-register-container .login-register-container-left .checkbox-group {
    max-width: 370px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-inline: auto;
  }
}

@media screen and (max-width: 930px) {
  .login-register-container .login-register-container-left .checkbox-group {
    margin-top: 18px;
  }
}

.login-register-container .login-register-container-right {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -ms-grid;
  display: grid;
  row-gap: 18px;
}

@media screen and (max-width: 930px) {
  .login-register-container .login-register-container-right {
    margin-inline: 5px;
    row-gap: 30px;
  }
}

.login-register-container .login-register-container-right.h-lg {
  height: 346px;
}

@media screen and (max-width: 930px) {
  .login-register-container .login-register-container-right.h-lg {
    height: auto;
  }
}

.login-register-container .login-register-container-right.h-lg .user-one-act-border-container {
  padding-top: 136px;
}

@media screen and (max-width: 930px) {
  .login-register-container .login-register-container-right.h-lg .user-one-act-border-container {
    padding-top: 25px;
  }
}

.login-register-container .user-one-act-border-container {
  padding: 86px 20px 112px 20px;
  border: 1px solid #BFBFBF;
}

@media screen and (max-width: 930px) {
  .login-register-container .user-one-act-border-container {
    padding: 25px 14px 28px;
  }
}

.login-register-container .user-one-act-border-container .user-one-act-border-container-title {
  margin-top: 0;
  margin-bottom: 0;
  color: #000;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

.login-register-container .user-one-act-border-container .act-btn {
  margin-inline: auto;
}

.login-register-container .user-one-act-border-container .act-btn.md {
  font-size: 12px;
}

.login-register-container .user-one-act-border-container .act-btn.act-btn--amazon {
  border: none;
}

.login-register-container .user-one-act-border-container .caution {
  margin-top: 5px;
  font-size: 10px;
}

.login-register-container .member-regster-container {
  height: auto;
}

/* マイページ／カートログイン: 左右カラムの高さを揃えて中央寄せ */
.page-mypage-login .login-register-container .member-regster-container.user-one-act-border-container,
.page-cart-login .login-register-container .member-regster-container.user-one-act-border-container {
  height: 280px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

@media screen and (max-width: 930px) {
  .login-register-container .member-regster-container {
    height: auto;
  }
}

.login-register-container .member-regster-container .act-btn {
  margin-top: 21px;
}

.page-mypage-login .login-register-container .member-regster-container .act-btn,
.page-cart-login .login-register-container .member-regster-container .act-btn {
  margin-top: 21px;
}

@media screen and (max-width: 930px) {
  .login-register-container .member-regster-container .act-btn {
    margin-top: 18px;
  }
}

.login-register-container .amazon-login-container {
  height: 131px;
}

@media screen and (max-width: 930px) {
  .login-register-container .amazon-login-container {
    height: auto;
    padding-bottom: 16px;
  }
}

.login-register-container .amazon-login-container .act-btn {
  margin-top: 13px;
}

@media screen and (max-width: 930px) {
  .login-register-container .amazon-login-container .caution {
    text-align: center;
    margin-left: -10px;
  }
}

@media screen and (max-width: 930px) {
  .login-register-container .container--sp {
    padding-inline: 10px;
  }
}

/************************************/
/* カートページ（サイドメニュー制御） */
/************************************/
.has-accounting-side-area.has-accounting-side-area--page-has-desc-sec {
  margin-top: 15px;
}

.has-accounting-side-area .has-accounting-side-area-grid {
  display: -ms-grid;
  display: grid;
  -webkit-column-gap: 20px;
  column-gap: 20px;
  -ms-grid-columns: minmax(auto, 730px) 250px;
  grid-template-columns: minmax(auto, 730px) 250px;
}

@media screen and (max-width: 768px) {
  .has-accounting-side-area .has-accounting-side-area-grid {
    -ms-grid-columns: auto;
    grid-template-columns: auto;
  }
}

/************************************/
/* マイページ（サイドメニュー制御） */
/************************************/
.has-mypage-side-menu-area .has-mypage-side-menu-area-grid {
  display: -ms-grid;
  display: grid;
  -webkit-column-gap: 50px;
  column-gap: 50px;
  -ms-grid-columns: 220px auto;
  grid-template-columns: 220px auto;
}

@media screen and (max-width: 768px) {
  .has-mypage-side-menu-area .has-mypage-side-menu-area-grid {
    -ms-grid-columns: auto;
    grid-template-columns: auto;
  }
}

.has-mypage-side-menu-area .has-mypage-side-menu-area-grid.col-gap-sm {
  -webkit-column-gap: 18px;
  column-gap: 18px;
}

/************************************/
/* マイページサイドメニュー */
/************************************/
.mypage-side-menu {
  margin-top: 20px;
}

.mypage-side-menu .mypage-side-menu-item {
  border-top: 1px solid #BFBFBF;
  padding-block: 20px;
}

.mypage-side-menu .mypage-side-menu-item:last-child {
  border-bottom: 1px solid #BFBFBF;
}

.mypage-side-menu .mypage-side-menu-item .link {
  font-size: 14px;
  color: #4B4B4B;
}

.mypage-side-menu .mypage-side-menu-item .link:hover {
  text-decoration: underline;
}

.mypage-side-menu .mypage-side-menu-item .mypage-side-menu-item-title {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

.mypage-side-menu .mypage-side-menu-item .mypage-side-menu-list {
  margin-top: 20px;
  display: -ms-grid;
  display: grid;
  row-gap: 20px;
}

.mypage-side-menu .mypage-side-menu-item .mypage-side-menu-list.mt-none {
  margin-top: 0;
}

.mypage-side-menu .mypage-side-menu-item .mypage-side-menu-list .mypage-side-menu-list-item {
  font-size: 14px;
}

.mypage-side-menu .mypage-side-menu-item .mypage-side-menu-list .mypage-side-menu-list-item:last-child {
  margin-bottom: 10px;
}

.mypage-side-menu .mypage-side-menu-item .mypage-side-menu-list .mypage-side-menu-list-item .current-menu-item {
  color: #000;
  font-weight: bold;
}

/************************************/
/* ページ下部ショッピングカートセクション */
/************************************/
.shopping-cart-sec {
  margin-top: 94px;
}

@media screen and (max-width: 768px) {
  .shopping-cart-sec {
    margin-top: 50px;
  }
}

.shopping-cart-sec .container {
  padding-inline: 0;
}

.shopping-cart-sec.shopping-cart-sec--type02 .cart-table .cart-item--grid-container .grid-item:nth-child(3), .shopping-cart-sec.shopping-cart-sec--type02 .cart-table .cart-item--grid-container .grid-item:nth-child(4) {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.shopping-cart-sec.shopping-cart-sec--type02 .cart-table .cart-item .product-name {
  margin-bottom: -2px;
  line-height: 1.4;
}

.shopping-cart-sec.shopping-cart-sec--type02 .cart-table .cart-item .product-artist-name {
  font-size: 11px;
}

.shopping-cart-sec.shopping-cart-sec--type02 .cart-table .cart-item .product-detail-infos {
  margin-top: 2px;
}

.shopping-cart-sec.shopping-cart-sec--type02 .cart-table .cart-item .product-detail-infos .product-detail-info-item {
  font-size: 10px;
}

.shopping-cart-sec.shopping-cart-sec--type02 .cart-table .product-status-container {
  -webkit-column-gap: 8px;
  column-gap: 8px;
  margin-top: 5px;
}

.shopping-cart-sec.shopping-cart-sec--type02 .cart-table .product-status-container .product-type .txt {
  font-size: 11px;
}

.shopping-cart-sec.shopping-cart-sec--type02 .cart-table .product-status-container .product-status-label {
  font-size: 9px;
}

.shopping-cart-sec.shopping-cart-sec--type02 .cart-table .price {
  margin-top: 0;
}

.shopping-cart-sec.shopping-cart-sec--type02 .cart-table:has(.member-sale-price-on-cart) .price {
  margin-top: 10px;
}

.shopping-cart-sec.shopping-cart-sec--type02 .cart-table:has(.member-sale-price-on-cart) .origin-price::after {
  top: 50%;
}

.shopping-cart-sec.shopping-cart-sec--type02 .cart-table .delete-product-btn-on-cart {
  font-size: 10px;
  margin-top: 25px;
}

.shopping-cart-sec.shopping-cart-sec--type02 .cart-table .stock-condition-container .stock-detail .stock-txt {
  text-align: center;
  font-size: 10px;
}

@media screen and (max-width: 768px) {
  .shopping-cart-sec.shopping-cart-sec--type02 .cart-table .stock-condition-container .stock-detail .stock-txt {
    text-align: left;
  }
}

.shopping-cart-sec.shopping-cart-sec--type02 .cart-table .stock-condition-container .product-status-label {
  margin-inline: auto;
}

/************************************/
/* 在庫検索結果表示エリア */
/************************************/
.stock-search-result-area {
  margin-top: 20px;
}

.stock-search-result-area .stock-search-result-cnt {
  font-size: 12px;
  color: #000;
  font-weight: bold;
}

/************************************/
/* マイページテーブル汎用パーツ */
/************************************/
.mypage-table-area.mypage-table-area--sub-title-mt {
  margin-top: 30px;
}

.mypage-table-area .mypage-table-grid-col {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-items: center;
  padding-left: 4px;
  /*
        カラム数・行間などはテーブルごとに別設定
        */
}

@media screen and (max-width: 768px) {
  .mypage-table-area .mypage-table-grid-col {
    padding-left: 0;
  }
}

.mypage-table-area .mypage-table-grid-col.mypage-table-grid-col--pl-none {
  padding-left: 0;
}

.mypage-table-area .mypage-table-header {
  font-size: 10px;
  color: #000;
  font-weight: 500;
  border-bottom: 1px solid #BFBFBF;
}

.mypage-table-area .mypage-table-body {
  font-size: 12px;
  color: #000;
  font-weight: 400;
}

.mypage-table-area .mypage-table-body.mypage-table-body--border-btm {
  border-bottom: 1px solid #BFBFBF;
}

.mypage-table-area .mypage-table-body.mypage-table-body--border-btm .mypage-table-body-row {
  border-bottom: none;
}

.mypage-table-area .mypage-table-body .link {
  color: #3E6DBB;
}

.mypage-table-area .mypage-table-body .has-btn {
  width: 100%;
}

.mypage-table-area .mypage-table-body-row {
  border-bottom: 1px dotted #BFBFBF;
}

.mypage-table-area .mypage-table-body-row.border-solid {
  border-bottom: 1px solid #BFBFBF;
}

.mypage-table-area .contact-area {
  display: none;
}

.mypage-table-area .contact-area .contact-area-inner {
  padding-block: 10px;
}

@media screen and (max-width: 768px) {
  .mypage-table-area .contact-area .contact-area-inner {
    padding-top: 17px;
    padding-bottom: 17px;
  }
}

.mypage-table-area .contact-area.contact-area--cancel {
  font-size: 12px;
  padding-top: 10px;
  padding-left: 35px;
}

@media screen and (max-width: 768px) {
  .mypage-table-area .contact-area.contact-area--cancel {
    padding-left: 0;
  }
}

.mypage-table-area .contact-area.contact-area--cancel.is-input, .mypage-table-area .contact-area.contact-area--cancel.is-submitted {
  padding-block: 20px;
}

@media screen and (max-width: 768px) {
  .mypage-table-area .contact-area.contact-area--cancel.is-input, .mypage-table-area .contact-area.contact-area--cancel.is-submitted {
    padding-block: 17px;
  }
}

.mypage-table-area .contact-area.contact-area--cancel.is-input .contact-area-inner, .mypage-table-area .contact-area.contact-area--cancel.is-submitted .contact-area-inner {
  padding-block: 0;
}

@media screen and (max-width: 768px) {
  .mypage-table-area .contact-area.contact-area--cancel .contact-area-inner {
    display: -ms-grid;
    display: grid;
    row-gap: 15px;
  }
}

@media screen and (max-width: 768px) {
  .mypage-table-area .contact-area.contact-area--cancel .form-item-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-column-gap: 10px;
    column-gap: 10px;
  }
  .mypage-table-area .contact-area.contact-area--cancel .form-item-row:not(:has(textarea, .form-item-input-wrapper--grid)) .form-item-input-wrapper {
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
  }
}

@media screen and (max-width: 768px) {
  .mypage-table-area .contact-area.contact-area--cancel .form-item-row:has(textarea, .form-item-input-wrapper--grid) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 15px;
    padding-bottom: 0;
  }
}

@media screen and (max-width: 768px) {
  .mypage-table-area .contact-area.contact-area--cancel .form-item-row:has(.form-item-input-wrapper--cancel-items) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

@media screen and (max-width: 768px) {
  .mypage-table-area .contact-area.contact-area--cancel .form-item-row:has(.form-item-input-wrapper--cancel-items) .form-item-input-wrapper {
    margin-left: 0;
  }
}

.mypage-table-area .contact-area.contact-area--cancel .form-item-row:last-child {
  padding-bottom: 0;
}

@media screen and (max-width: 768px) {
  .mypage-table-area .contact-area.contact-area--cancel .form-item-row.pt-sm {
    padding-top: 0;
  }
}

@media screen and (max-width: 768px) {
  .mypage-table-area .contact-area.contact-area--cancel .form-item-row.pt-xl {
    padding-top: 20px;
  }
}

.mypage-table-area .contact-area.contact-area--cancel .form-item-title {
  color: #707070;
  font-weight: bold;
}

.mypage-table-area .contact-area.contact-area--cancel .form-item-inputed-txt {
  color: #000;
}

@media screen and (max-width: 768px) {
  .mypage-table-area .contact-area.contact-area--cancel .form-item-inputed-txt {
    overflow-wrap: anywhere;
  }
}

.mypage-table-area .contact-area.contact-area--cancel .checkbox-list {
  color: #000;
  display: -ms-grid;
  display: grid;
  row-gap: 10px;
}

.mypage-table-area .contact-area.contact-area--cancel input[type="checkbox"] {
  width: 15px;
  height: 15px;
}

.mypage-table-area .contact-area.contact-area--cancel textarea.form-item-input {
  width: 100%;
  max-width: 100%;
  height: 120px;
  padding: 20px;
}

@media screen and (max-width: 768px) {
  .mypage-table-area .contact-area.contact-area--cancel textarea.form-item-input {
    padding: 14px;
    font-size: 16px;
  }
}

.mypage-table-area .contact-area.contact-area--cancel textarea.form-item-input::-webkit-input-placeholder {
  color: #707070;
}

.mypage-table-area .contact-area.contact-area--cancel textarea.form-item-input:-ms-input-placeholder {
  color: #707070;
}

.mypage-table-area .contact-area.contact-area--cancel textarea.form-item-input::-ms-input-placeholder {
  color: #707070;
}

.mypage-table-area .contact-area.contact-area--cancel textarea.form-item-input::placeholder {
  color: #707070;
}

.mypage-table-area .contact-area.contact-area--borer-btm {
  border-bottom: 1px dotted #BFBFBF;
}

.mypage-table-area .contact-submit-msg {
  margin-top: 15px;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: bold;
  color: #000;
  line-height: calc(20 / 12);
}

@media screen and (max-width: 768px) {
  .mypage-table-area .contact-submit-msg {
    margin-top: 0;
  }
}

.mypage-table-area .contact-submit-msg.mt-none {
  margin-top: 0;
}

.mypage-table-area .product-status-label {
  width: 85px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 12px;
  color: #4B4B4B;
  border: 1px solid #707070;
}

.mypage-table-area .pagenation {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .mypage-table-area .pagenation {
    margin-top: 53px;
  }
}

.mypage-table-area .pagenation .container {
  padding-inline: 0;
}

/* 在庫検索結果表示テーブル */
/*=====================================================*/
.stock-search-result-table {
  margin-top: 18px;
}

@media screen and (max-width: 768px) {
  .stock-search-result-table {
    margin-top: 27px;
  }
}

.stock-search-result-table .stock-search-result-table-grid-col {
  /* 最終列: カート/受取ボタン（xxxs）がSafariで折り返さないよう最小幅を確保 #42181 */
  -ms-grid-columns: minmax(66px, 72px) minmax(64px, 74px) minmax(41px, 62px) minmax(49px, 60px) minmax(32px, 70px) minmax(79px, 88px) minmax(76px, 72px) minmax(60px, 69px) minmax(67px, 70px) minmax(110px, auto);
  grid-template-columns: minmax(66px, 72px) minmax(64px, 74px) minmax(41px, 62px) minmax(49px, 60px) minmax(32px, 70px) minmax(79px, 88px) minmax(76px, 72px) minmax(60px, 69px) minmax(67px, 70px) minmax(110px, auto);
  -ms-grid-rows: 100px;
  grid-template-rows: 100px;
}

@media screen and (min-width: 901px) {
  .stock-search-result-table .stock-search-result-table-body-row.stock-search-result-table-grid-col {
    -ms-grid-rows: minmax(100px, auto);
    grid-template-rows: minmax(100px, auto);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }

  .stock-search-result-table .stock-search-result-table-body-row.stock-search-result-table-grid-col > .stock-search-result-table-body-item {
    min-width: 0;
    min-height: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .stock-search-result-table .stock-search-result-table-body .stock-search-result-table-body-item .txt,
  .stock-search-result-table .stock-search-result-table-body .stock-search-result-table-body-item .txt-area {
    min-width: 0;
    max-width: 100%;
  }

  .stock-search-result-table .stock-search-result-table-body .stock-search-result-table-body-item .txt:not(.txt-area) {
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.5;
  }

  .stock-search-result-table .stock-search-result-table-body .stock-search-result-table-body-item .txt:not(.txt-area) .link:not(.ovr-flow-wrap) {
    display: inline;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
  }
}

@media screen and (max-width: 900px) {
  .stock-search-result-table .stock-search-result-table-grid-col {
    -ms-grid-columns: auto;
    grid-template-columns: auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    justify-items: self-start;
    padding-bottom: 20px;
  }
}

.stock-search-result-table .stock-search-result-table-grid-col.stock-search-result-table-grid-col--h-sm {
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
}

.stock-search-result-table .stock-search-result-table-header .stock-search-result-table-header-item .txt.txt--ltsp-sm {
  letter-spacing: -0.1em;
}

@media screen and (max-width: 768px) {
  .stock-search-result-table .stock-search-result-table-body {
    border-top: 1px solid #BFBFBF;
  }
}

.stock-search-result-table .stock-search-result-table-body .ovr-flow-wrap {
  max-width: 100%;
  width: 100%;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 900px) {
  .stock-search-result-table .stock-search-result-table-body .ovr-flow-wrap {
    width: 100%;
    max-width: 65vw;
  }
}

@media screen and (max-width: 768px) {
  .stock-search-result-table .stock-search-result-table-body .ovr-flow-wrap {
    max-width: calc(100vw - 190px);
  }
}

.stock-search-result-table .stock-search-result-table-body .stock-search-result-table-body-item .grid-area {
  display: -ms-grid;
  display: grid;
}

.stock-search-result-table .stock-search-result-table-body .stock-search-result-table-body-item .grid-area .link {
  text-align: center;
}

.stock-search-result-table .stock-search-result-table-body .stock-search-result-table-body-item .txt-area,
.stock-search-result-table .stock-search-result-table-body .stock-search-result-table-body-item .link-area {
  text-align: center;
}

.stock-search-result-table .stock-search-result-table-body .stock-search-result-table-body-item .txt-area.grid-area,
.stock-search-result-table .stock-search-result-table-body .stock-search-result-table-body-item .link-area.grid-area {
  row-gap: 5px;
}

@media screen and (max-width: 900px) {
  .stock-search-result-table .stock-search-result-table-body .stock-search-result-table-body-item .txt-area.grid-area,
  .stock-search-result-table .stock-search-result-table-body .stock-search-result-table-body-item .link-area.grid-area {
    -webkit-column-gap: 10px;
    column-gap: 10px;
  }
}

@media screen and (max-width: 900px) {
  .stock-search-result-table .stock-search-result-table-body .stock-search-result-table-body-item .txt-area.grid-area {
    -webkit-column-gap: 14px;
    column-gap: 14px;
  }
}

@media screen and (max-width: 900px) {
  .stock-search-result-table .stock-search-result-table-body .stock-search-result-table-body-item .link-area.grid-area {
    -webkit-column-gap: 4px;
    column-gap: 4px;
  }
}

.stock-search-result-table .stock-search-result-table-body .stock-search-result-table-body-item .act-area.grid-area {
  row-gap: 8px;
}

/* 在庫検索: xxxsボタン幅に縛られないカート追加ポップアップ */
.stock-search-result-table .stock-search-result-table-body-item.has-btn {
  overflow: visible;
}

/* #42181 Safari: 「カートに入れる」「お店で受け取る」が max-width:88px で最終文字折り返しするのを防ぐ */
.stock-search-result-table .stock-search-result-table-body-item.has-btn .act-btn.xxxs {
  max-width: 110px;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.stock-search-result-table .has-acted-msg-box--store-inventory {
  z-index: 2;
}

.stock-search-result-table .has-acted-msg-box--store-inventory .acted-msg {
  width: -webkit-max-content;
  width: max-content;
  min-width: 172px;
  /* 中古店頭併売 note の折り返し用にやや広め */
  max-width: 240px;
  padding: 14px 16px 16px;
  bottom: calc(100% + 20px);
  gap: 8px;
  z-index: 3;
}

.stock-search-result-table .has-acted-msg-box--store-inventory .acted-msg .note {
  font-size: 10px;
  line-height: 1.4;
}

.stock-search-result-table .has-acted-msg-box--store-inventory .acted-msg::after {
  border-top: 20px solid #E8E9EA;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
}

.stock-search-result-table .has-acted-msg-box--store-inventory .acted-msg .msg {
  font-size: 12px;
  line-height: 1.5;
}

.stock-search-result-table .has-acted-msg-box--store-inventory .acted-msg .cart-link.act-btn.sm {
  min-width: 132px;
  max-width: 148px;
  height: 28px;
  font-size: 11px;
  padding-left: 10px;
  padding-right: 22px;
}

.stock-search-result-table .has-acted-msg-box--store-inventory .acted-msg .cart-link.act-btn.sm.has-arrow.arrow-rr::after {
  right: 8px;
}

.stock-search-result-table .has-acted-msg-box--store-inventory .clear-btn::before {
  width: 18px;
  height: 18px;
}

@media screen and (max-width: 900px) {
  .stock-search-result-table .has-acted-msg-box--store-inventory .acted-msg {
    min-width: 200px;
    max-width: 255px;
    padding: 14px 20px 16px;
  }

  .stock-search-result-table .has-acted-msg-box--store-inventory .acted-msg .cart-link.act-btn.sm {
    min-width: 148px;
    max-width: 180px;
    height: 35px;
    font-size: 12px;
  }
}

@media screen and (max-width: 900px) {
  .stock-search-result-table .stock-search-result-table-body .stock-search-result-table-body-item .act-area.grid-area {
    row-gap: 17px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

@media screen and (max-width: 900px) {
  .stock-search-result-table .stock-search-result-table-body-item {
    padding-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .stock-search-result-table .stock-search-result-table-body-item .title {
    width: 75px;
    font-size: 10px;
    font-weight: 500;
  }
  .stock-search-result-table .stock-search-result-table-body-item .txt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .stock-search-result-table .stock-search-result-table-body-item .grid-area {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-columns: auto auto auto;
    grid-template-columns: auto auto auto;
  }
  .stock-search-result-table .stock-search-result-table-body-item .grid-area.act-area {
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
    -webkit-column-gap: 15px;
    column-gap: 15px;
  }
  .stock-search-result-table .stock-search-result-table-body-item .grid-area.act-area .act-btn {
    height: 28px;
    width: 100%;
    max-width: 165px;
  }
  .stock-search-result-table .stock-search-result-table-body-item .grid-area.act-area .act-btn:nth-child(1) {
    justify-self: flex-end;
  }
  .stock-search-result-table .stock-search-result-table-body-item .grid-area.act-area .act-btn:nth-child(2) {
    justify-self: flex-start;
  }
  .stock-search-result-table .stock-search-result-table-body-item .grid-area .open-contact-form-area-link {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
  }
  .stock-search-result-table .form-item-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-bottom: 0;
  }
  .stock-search-result-table .form-item-row.w-sm .form-item-title {
    width: 120px;
  }
  .stock-search-result-table .form-item-row:has(.form-item-input-wrapper--has-btn) {
    position: relative;
  }
  .stock-search-result-table .form-item-row:has(.form-item-input-wrapper--has-btn) .act-btn {
    position: absolute;
    right: 50%;
    bottom: -49px;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    max-width: 163px;
    height: 28px;
    font-size: 12px;
  }
  .stock-search-result-table .form-item-row--textarea {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .stock-search-result-table .form-item-row--textarea.w-sm .form-item-title {
    width: 160px;
  }
  .stock-search-result-table .contact-area .contact-area-inner {
    padding-top: 17px;
    padding-bottom: 68px;
  }
  .stock-search-result-table .contact-area .contact-area-inner .form-item-row:first-child {
    padding-top: 0;
  }
  .stock-search-result-table .contact-area .contact-area-inner .form-item-row {
    padding-top: 14px;
    min-height: unset;
    row-gap: 20px;
  }
}

/* 購入履歴テーブル */
/*=====================================================*/
.purchase-history-table {
  margin-top: 15px;
}

@media screen and (max-width: 768px) {
  .purchase-history-table {
    margin-top: 20px;
  }
}

.purchase-history-table .purchase-history-table-grid-col {
  -ms-grid-columns: minmax(95px, 166px) minmax(95px, 95px) minmax(110px, 173px) minmax(90px, 129px) minmax(90px, auto);
  grid-template-columns: minmax(95px, 166px) minmax(95px, 95px) minmax(110px, 173px) minmax(90px, 129px) minmax(90px, auto);
  -ms-grid-rows: 50px;
  grid-template-rows: 50px;
}

.purchase-history-table .purchase-history-table-grid-col.purchase-history-table-grid-col--h-sm {
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
}

.purchase-history-table .purchase-history-table-grid-col.purchase-history-table-grid-col--has-receipt {
  -ms-grid-columns: minmax(78px, 160px) minmax(87px, 100px) minmax(102px, 178px) minmax(76px, 121px) minmax(55px, 95px) minmax(45px, auto);
  grid-template-columns: minmax(78px, 160px) minmax(87px, 100px) minmax(102px, 178px) minmax(76px, 121px) minmax(55px, 95px) minmax(45px, auto);
}

.purchase-history-table .purchase-history-table-header {
  font-size: 12px;
}

.purchase-history-table .purchase-history-table-header-item {
  text-align: center;
}

.purchase-history-table .purchase-history-table-body .purchase-history-table-body-item .status-confirm-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 10px;
  column-gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
}

/* ステータス文言の長さに依らず「詳細を見る」ボタン位置を揃える */
.purchase-history-table .purchase-history-table-body .purchase-history-table-body-item .status-confirm-area .act-btn {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: auto;
}

@media screen and (max-width: 900px) {
  .purchase-history-table .purchase-history-table-body .purchase-history-table-body-item .status-confirm-area {
    row-gap: 3px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .purchase-history-table .purchase-history-table-body .purchase-history-table-body-item .status-confirm-area .act-btn {
    margin-left: 0;
  }
}

@media screen and (max-width: 768px) {
  .purchase-history-table .purchase-history-table-body {
    border-top: 1px solid #BFBFBF;
  }
  .purchase-history-table .purchase-history-table-grid-col {
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: auto;
    grid-template-columns: auto;
    justify-items: self-start;
  }
  .purchase-history-table .purchase-history-table-grid-col.purchase-history-table-grid-col--has-receipt {
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: auto;
    grid-template-columns: auto;
    justify-items: self-start;
  }
  .purchase-history-table .purchase-history-table-grid-col.purchase-history-table-grid-col--has-receipt.purchase-history-table-body-row {
    padding-top: 17px;
    padding-bottom: 17px;
  }
  .purchase-history-table .purchase-history-table-grid-col .purchase-history-table-body-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 14px;
  }
  .purchase-history-table .purchase-history-table-grid-col .purchase-history-table-body-item:first-child {
    padding-top: 0;
  }
  .purchase-history-table .purchase-history-table-grid-col .purchase-history-table-body-item:has(.act-btn) {
    position: relative;
  }
  .purchase-history-table .purchase-history-table-grid-col .purchase-history-table-body-item:has(.act-btn) .act-btn {
    position: absolute;
    right: 50%;
    bottom: -49px;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    max-width: 165px;
    height: 28px;
    font-size: 12px;
    padding: 0;
  }
  .purchase-history-table .purchase-history-table-grid-col .title {
    width: 135px;
    font-weight: 500;
  }
  .purchase-history-table .purchase-history-table-grid-col .txt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .purchase-history-table .purchase-history-table-body-row {
    padding-top: 17px;
    padding-bottom: 17px;
  }
  .purchase-history-table .purchase-history-table-body-row:has(.act-btn) {
    padding-bottom: 68px;
  }
  .purchase-history-table .purchase-history-table-body-row.contact-area--cancel {
    padding-bottom: 0;
  }
}

.no-history-msg {
  margin-top: 40px;
  color: #000;
  font-size: 12px;
  line-height: 1.75;
}

/* 買取履歴トータルテーブル */
/*=====================================================*/
.buyback-record-toral-history-table {
  margin-top: 15px;
}

.buyback-record-toral-history-table .buyback-record-toral-history-table-grid-col {
  -ms-grid-columns: minmax(50px, 166px) minmax(90px, 263px) minmax(50px, 67px) minmax(120px, auto);
  grid-template-columns: minmax(50px, 166px) minmax(90px, 263px) minmax(50px, 67px) minmax(120px, auto);
  -ms-grid-rows: 50px;
  grid-template-rows: 50px;
}

.buyback-record-toral-history-table .buyback-record-toral-history-table-grid-col.buyback-record-toral-history-table-grid-col--h-sm {
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
}

.buyback-record-toral-history-table .buyback-record-toral-history-table-header {
  font-size: 12px;
}

.buyback-record-toral-history-table .buyback-record-toral-history-table-body .buyback-record-toral-history-table-body-item .status-confirm-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 10px;
  column-gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 900px) {
  .buyback-record-toral-history-table .buyback-record-toral-history-table-body {
    border-top: 1px solid #BFBFBF;
  }
  .buyback-record-toral-history-table .buyback-record-toral-history-table-grid-col {
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: auto;
    grid-template-columns: auto;
    justify-items: self-start;
  }
  .buyback-record-toral-history-table .buyback-record-toral-history-table-grid-col .buyback-record-toral-history-table-body-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 14px;
  }
  .buyback-record-toral-history-table .buyback-record-toral-history-table-grid-col .buyback-record-toral-history-table-body-item:first-child {
    padding-top: 0;
  }
  .buyback-record-toral-history-table .buyback-record-toral-history-table-grid-col .title {
    width: 135px;
    font-weight: 500;
  }
  .buyback-record-toral-history-table .buyback-record-toral-history-table-grid-col .txt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .buyback-record-toral-history-table .buyback-record-toral-history-table-body-row {
    padding-top: 17px;
    padding-bottom: 20px;
  }
}

/* 買取履歴トータル詳細テーブル */
/*=====================================================*/
.buyback-record-toral-detail-history-table {
  margin-top: 55px;
}

@media screen and (max-width: 900px) {
  .buyback-record-toral-detail-history-table {
    margin-top: 0;
  }
}

.buyback-record-toral-detail-history-table .buyback-record-toral-detail-history-table-grid-col {
  -ms-grid-columns: minmax(79px, 115px) minmax(64px, 96px) minmax(72px, 72px) minmax(27px, 64px) minmax(72px, 72px) minmax(66px, 78px) minmax(25px, 35px) minmax(75px, 97px) minmax(66px, auto);
  grid-template-columns: minmax(79px, 115px) minmax(64px, 96px) minmax(72px, 72px) minmax(27px, 64px) minmax(72px, 72px) minmax(66px, 78px) minmax(25px, 35px) minmax(75px, 97px) minmax(66px, auto);
  -ms-grid-rows: minmax(60px, auto);
  grid-template-rows: minmax(60px, auto);
}

.buyback-record-toral-detail-history-table .buyback-record-toral-detail-history-table-grid-col.buyback-record-toral-detail-history-table-grid-col--h-sm {
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
}

.buyback-record-toral-detail-history-table .buyback-record-toral-detail-history-table-header {
  font-size: 12px;
}

.buyback-record-toral-detail-history-table .buyback-record-toral-detail-history-table-header-item {
  text-align: center;
}

.buyback-record-toral-detail-history-table .buyback-record-toral-detail-history-table-body .buyback-record-toral-detail-history-table-body-item.justify-start {
  justify-self: baseline;
}

.buyback-record-toral-detail-history-table .buyback-record-toral-detail-history-table-body .buyback-record-toral-detail-history-table-body-item .status-confirm-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 10px;
  column-gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.buyback-record-toral-detail-history-table .buyback-record-toral-detail-history-table-body .buyback-record-toral-detail-history-table-body-item .ovr-flow-wrap {
  width: 6em;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (max-width: 900px) {
  .buyback-record-toral-detail-history-table .buyback-record-toral-detail-history-table-body .buyback-record-toral-detail-history-table-body-item .ovr-flow-wrap {
    width: 100%;
    max-width: 65vw;
  }
}

@media screen and (max-width: 768px) {
  .buyback-record-toral-detail-history-table .buyback-record-toral-detail-history-table-body .buyback-record-toral-detail-history-table-body-item .ovr-flow-wrap {
    max-width: calc(100vw - 190px);
  }
}

@media screen and (max-width: 900px) {
  .buyback-record-toral-detail-history-table .buyback-record-toral-detail-history-table-body {
    border-bottom: 1px solid #BFBFBF;
  }
  .buyback-record-toral-detail-history-table .buyback-record-toral-detail-history-table-grid-col {
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: auto;
    grid-template-columns: auto;
    justify-items: self-start;
  }
  .buyback-record-toral-detail-history-table .buyback-record-toral-detail-history-table-grid-col .buyback-record-toral-detail-history-table-body-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 14px;
  }
  .buyback-record-toral-detail-history-table .buyback-record-toral-detail-history-table-grid-col .buyback-record-toral-detail-history-table-body-item:first-child {
    padding-top: 0;
  }
  .buyback-record-toral-detail-history-table .buyback-record-toral-detail-history-table-grid-col .title {
    width: 135px;
    font-weight: 500;
  }
  .buyback-record-toral-detail-history-table .buyback-record-toral-detail-history-table-grid-col .txt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .buyback-record-toral-detail-history-table .buyback-record-toral-detail-history-table-body-row {
    padding-top: 17px;
    padding-bottom: 20px;
  }
  .buyback-record-toral-detail-history-table .buyback-record-toral-detail-history-table-body-row.border-solid {
    border-bottom: 1px dotted #BFBFBF !important;
  }
  .buyback-record-toral-detail-history-table .buyback-record-toral-detail-history-table-body-row.border-solid:last-child {
    border-bottom: none !important;
  }
}

/* 買取履歴テーブル */
/*=====================================================*/
.buyback-record-history-table {
  margin-top: 15px;
}

.buyback-record-history-table .buyback-record-history-table-grid-col {
  -ms-grid-columns: minmax(83px, 166px) minmax(83px, 100px) minmax(130px, 212px) minmax(66px, 116px) minmax(90px, auto);
  grid-template-columns: minmax(83px, 166px) minmax(83px, 100px) minmax(130px, 212px) minmax(66px, 116px) minmax(90px, auto);
  -ms-grid-rows: 50px;
  grid-template-rows: 50px;
}

.buyback-record-history-table .buyback-record-history-table-grid-col.buyback-record-history-table-grid-col--h-sm {
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
}

.buyback-record-history-table .buyback-record-history-table-header {
  font-size: 12px;
}

.buyback-record-history-table .buyback-record-history-table-body .buyback-record-history-table-body-item .status-confirm-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 10px;
  column-gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .buyback-record-history-table .buyback-record-history-table-body {
    border-top: 1px solid #BFBFBF;
  }
  .buyback-record-history-table .buyback-record-history-table-grid-col {
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: auto;
    grid-template-columns: auto;
    justify-items: self-start;
  }
  .buyback-record-history-table .buyback-record-history-table-grid-col .buyback-record-history-table-body-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 14px;
  }
  .buyback-record-history-table .buyback-record-history-table-grid-col .buyback-record-history-table-body-item:first-child {
    padding-top: 0;
  }
  .buyback-record-history-table .buyback-record-history-table-grid-col .buyback-record-history-table-body-item:has(.act-btn) {
    position: relative;
  }
  .buyback-record-history-table .buyback-record-history-table-grid-col .buyback-record-history-table-body-item:has(.act-btn) .act-btn {
    position: absolute;
    right: 50%;
    bottom: -35px;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    max-width: 165px;
    height: 28px;
    font-size: 12px;
    padding: 0;
  }
  .buyback-record-history-table .buyback-record-history-table-grid-col .title {
    width: 135px;
    font-weight: 500;
  }
  .buyback-record-history-table .buyback-record-history-table-grid-col .txt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .buyback-record-history-table .buyback-record-history-table-body-row {
    padding-top: 17px;
    padding-bottom: 54px;
  }
}

/* 店頭受取申し込み履歴テーブル */
/*=====================================================*/
.store-order-history-table {
  margin-top: 15px;
}

.store-order-history-table .store-order-history-table-grid-col {
  -ms-grid-columns: minmax(100px, 166px) minmax(90px, 93px) minmax(198px, 300px) minmax(138px, auto);
  grid-template-columns: minmax(100px, 166px) minmax(90px, 93px) minmax(198px, 300px) minmax(138px, auto);
  -ms-grid-rows: 50px;
  grid-template-rows: 50px;
}

@media screen and (max-width: 900px) {
  .store-order-history-table .store-order-history-table-grid-col {
    -ms-grid-columns: minmax(100px, 166px) minmax(90px, 93px) minmax(198px, 300px) minmax(90px, auto);
    grid-template-columns: minmax(100px, 166px) minmax(90px, 93px) minmax(198px, 300px) minmax(90px, auto);
  }
}

.store-order-history-table .store-order-history-table-grid-col.store-order-history-table-grid-col--h-sm {
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
}

.store-order-history-table .store-order-history-table-header {
  font-size: 12px;
}

.store-order-history-table .store-order-history-table-body .store-order-history-table-body-item {
  text-align: center;
}

.store-order-history-table .store-order-history-table-body .store-order-history-table-body-item .status-confirm-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 10px;
  column-gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 900px) {
  .store-order-history-table .store-order-history-table-body .store-order-history-table-body-item .status-confirm-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 3px;
  }
}

@media screen and (max-width: 768px) {
  .store-order-history-table .store-order-history-table-body {
    border-top: 1px solid #BFBFBF;
  }
  .store-order-history-table .store-order-history-table-grid-col {
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: auto;
    grid-template-columns: auto;
    justify-items: self-start;
  }
  .store-order-history-table .store-order-history-table-grid-col .store-order-history-table-body-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 14px;
    text-align: left;
  }
  .store-order-history-table .store-order-history-table-grid-col .store-order-history-table-body-item:first-child {
    padding-top: 0;
  }
  .store-order-history-table .store-order-history-table-grid-col .store-order-history-table-body-item:has(.act-btn) {
    position: relative;
  }
  .store-order-history-table .store-order-history-table-grid-col .store-order-history-table-body-item:has(.act-btn) .act-btn {
    position: absolute;
    right: 50%;
    bottom: -49px;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    max-width: 165px;
    height: 28px;
    font-size: 12px;
    padding: 0;
  }
  .store-order-history-table .store-order-history-table-grid-col .title {
    width: 135px;
    font-weight: 500;
  }
  .store-order-history-table .store-order-history-table-grid-col .txt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .store-order-history-table .store-order-history-table-body-row {
    padding-top: 17px;
    padding-bottom: 17px;
  }
  .store-order-history-table .store-order-history-table-body-row:has(.act-btn) {
    padding-bottom: 68px;
  }
}

/* 買取梱包キット・集荷依頼お申込み状況確認テーブル */
/*=====================================================*/
.purchase-application-collection-condition-table {
  margin-top: 15px;
}

.purchase-application-collection-condition-table .purchase-application-collection-condition-grid-col {
  -ms-grid-columns: minmax(83px, 170px) minmax(83px, 330px) minmax(120px, auto);
      grid-template-columns: minmax(83px, 170px) minmax(83px, 330px) minmax(120px, auto);
  -ms-grid-rows: 50px;
      grid-template-rows: 50px;
}

.purchase-application-collection-condition-table .purchase-application-collection-condition-grid-col.purchase-application-collection-condition-grid-col--h-sm {
  -ms-grid-rows: 40px;
      grid-template-rows: 40px;
}

.purchase-application-collection-condition-table .purchase-application-collection-condition-header {
  font-size: 12px;
}

.purchase-application-collection-condition-table .purchase-application-collection-condition-body .purchase-application-collection-condition-body-item .status-confirm-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 10px;
          column-gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.purchase-application-collection-condition-table .purchase-application-collection-condition-body .purchase-application-collection-condition-body-item .link:hover {
  text-decoration: underline;
}

.purchase-application-collection-condition-table + .caution-area-inner {
  line-height: 1.8;
  margin-top: 28px;
  margin-bottom: 100px;
}

.purchase-application-collection-condition-table + .caution-area-inner .txt {
  color: #000;
  font-size: 12px;
}

@media screen and (max-width: 768px) {
  .purchase-application-collection-condition-table .purchase-application-collection-condition-body {
    border-top: 1px solid #BFBFBF;
  }
  .purchase-application-collection-condition-table .purchase-application-collection-condition-grid-col {
    -ms-grid-rows: auto;
        grid-template-rows: auto;
    -ms-grid-columns: auto;
        grid-template-columns: auto;
    justify-items: self-start;
  }
  .purchase-application-collection-condition-table .purchase-application-collection-condition-grid-col .purchase-application-collection-condition-body-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-top: 14px;
  }
  .purchase-application-collection-condition-table .purchase-application-collection-condition-grid-col .purchase-application-collection-condition-body-item:first-child {
    padding-top: 0;
  }
  .purchase-application-collection-condition-table .purchase-application-collection-condition-grid-col .purchase-application-collection-condition-body-item:has(.act-btn) {
    position: relative;
  }
  .purchase-application-collection-condition-table .purchase-application-collection-condition-grid-col .purchase-application-collection-condition-body-item:has(.act-btn) .act-btn {
    position: absolute;
    right: 50%;
    bottom: -35px;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
    max-width: 165px;
    height: 28px;
    font-size: 12px;
    padding: 0;
  }
  .purchase-application-collection-condition-table .purchase-application-collection-condition-grid-col .title {
    width: 135px;
    font-weight: 500;
  }
  .purchase-application-collection-condition-table .purchase-application-collection-condition-grid-col .txt {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .purchase-application-collection-condition-table .purchase-application-collection-condition-body-row {
    padding-top: 17px;
    padding-bottom: 17px;
  }
  .purchase-application-collection-condition-table + .caution-area-inner {
    margin-bottom: 40px;
  }
}

/* 注文履歴テーブル */
/*=====================================================*/
.order-history-table {
  margin-top: 42px;
}

@media screen and (max-width: 768px) {
  .order-history-table {
    margin-top: 17px;
  }
}

.order-history-table .txt-center {
  text-align: center;
}

.order-history-table .txt.txt--lg {
  font-size: 16px;
}

.order-history-table .txt.txt--md {
  font-size: 14px;
}

.order-history-table .link:hover {
  text-decoration: underline;
}

.order-history-table .product-image {
  margin-right: 18px;
  cursor: pointer;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.order-history-table .product-image:hover {
  opacity: 0.7;
}

.order-history-table .prodct-title {
  font-weight: bold;
}

.order-history-table .prodct-artist {
  letter-spacing: 0.03em;
}

.order-history-table .purchase-check-link {
  margin-top: 10px;
  font-size: 10px;
}

.order-history-table .purchase-check-link .bold {
  font-weight: bold;
}

.order-history-table .order-history-table-grid-col {
  -ms-grid-columns: minmax(100px, 118px) minmax(160px, 300px) minmax(60px, 160px) minmax(110px, auto);
  grid-template-columns: minmax(100px, 118px) minmax(160px, 300px) minmax(60px, 160px) minmax(110px, auto);
  -ms-grid-rows: 130px;
  grid-template-rows: 130px;
}

.order-history-table .order-history-table-grid-col.order-history-table-grid-col--h-sm {
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
}

.order-history-table .order-history-table-header {
  font-size: 12px;
}

.order-history-table .order-history-table-body-item.order-history-table-body-item--grid {
  display: -ms-grid;
  display: grid;
  row-gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.order-history-table .order-history-table-body-item.order-history-table-body-item--grid.grid--r-gap-lg {
  row-gap: 20px;
}

.order-history-table .order-history-table-body-item.order-history-table-body-item--grid.grid--r-gap-sm {
  row-gap: 5px;
}

.order-history-table .order-history-table-body-item.order-history-table-body-item--grid.grid--justify-start {
  justify-self: baseline;
}

.order-history-table .order-history-table-body-item.order-history-table-body-item--grid:has(.mypage-cancel-cntrl-area):not(:has(.mypage-cancel-cnt-selector-container)) {
  row-gap: 20px;
}

@media screen and (max-width: 768px) {
  .order-history-table .order-history-table-body-item.order-history-table-body-item--grid:has(.mypage-cancel-cntrl-area):not(:has(.mypage-cancel-cnt-selector-container)) {
    row-gap: 7px;
  }
}

@media screen and (max-width: 768px) {
  .order-history-table .order-history-table-body {
    padding-bottom: 17px;
    border-bottom: 1px solid #BFBFBF;
  }
  .order-history-table .order-history-table-grid-col {
    grid-template-areas: "areaB areaB" "areaA areaC" "areaA areaD";
    -ms-grid-columns: 100px auto;
    grid-template-columns: 100px auto;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
    row-gap: 20px;
    padding-bottom: 17px;
  }
  .order-history-table .order-history-table-grid-col:not(:has(.mypage-cancel-cntrl-area)):not(:has(.product-point-num)) {
    grid-template-areas: "areaB areaB areaB areaB" "areaA areaC areaD -";
    -ms-grid-columns: 100px minmax(90px, 120px) minmax(90px, 120px) auto;
    grid-template-columns: 100px minmax(90px, 120px) minmax(90px, 120px) auto;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }
  .order-history-table .order-history-table-grid-col:not(:has(.mypage-cancel-cntrl-area)):not(:has(.product-point-num)) .order-history-table-body-item:nth-child(3) {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -ms-grid-column-align: center;
    justify-self: center;
  }
  .order-history-table .order-history-table-grid-col:not(:has(.mypage-cancel-cntrl-area)):not(:has(.product-point-num)) .order-history-table-body-item:nth-child(4) {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -ms-grid-column-align: center;
    justify-self: center;
  }
  .order-history-table .order-history-table-grid-col.mypage-table-body-row {
    border-bottom: none;
    border-top: 1px dotted #BFBFBF;
    padding-top: 17px;
  }
  .order-history-table .order-history-table-grid-col.mypage-table-body-row:first-child {
    border-top: none;
    padding-top: 0;
  }
  .order-history-table .order-history-table-grid-col.mypage-table-body-row:last-child {
    padding-bottom: 0;
  }
  .order-history-table .order-history-table-body-item:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
    grid-area: areaA;
  }
  .order-history-table .order-history-table-body-item:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-area: areaB;
  }
  .order-history-table .order-history-table-body-item:nth-child(3) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    grid-area: areaC;
    -ms-flex-item-align: self-end;
    align-self: self-end;
    justify-self: self-start;
  }
  .order-history-table .order-history-table-body-item:nth-child(3).order-history-table-body-item--grid {
    -ms-grid-columns: minmax(auto, 120px) minmax(auto, 120px);
    grid-template-columns: minmax(auto, 120px) minmax(auto, 120px);
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    text-align: center;
  }
  .order-history-table .order-history-table-body-item:nth-child(3).order-history-table-body-item--grid .txt:nth-child(1) {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-history-table .order-history-table-body-item:nth-child(3).order-history-table-body-item--grid .txt:nth-child(2) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-history-table .order-history-table-body-item:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
    grid-area: areaD;
    -ms-flex-item-align: self-start;
    align-self: self-start;
    justify-self: self-start;
  }
  .order-history-table .order-history-table-body-item:nth-child(4).order-history-table-body-item--grid {
    -ms-grid-columns: minmax(auto, 240px);
    grid-template-columns: minmax(auto, 240px);
  }
  .order-history-table .product-image {
    margin-right: 0;
  }
  .order-history-table .purchase-check-link {
    margin-top: 0;
  }
}

/* ウォントリストテーブル */
/*=====================================================*/
.want-list-table {
  margin-top: -5px;
}

@media screen and (max-width: 768px) {
  .want-list-table {
    margin-top: 20px;
  }
}

.want-list-table .txt-center {
  text-align: center;
}

.want-list-table .txt.txt--lg {
  font-size: 16px;
}

.want-list-table .txt.txt--md {
  font-size: 14px;
}

.want-list-table .link:hover {
  text-decoration: underline;
}

.want-list-table .product-image {
  margin-right: 18px;
  cursor: pointer;
  -webkit-transition: all .2s;
  transition: all .2s;
  max-width: 100px;
}

@media screen and (max-width: 900px) {
  .want-list-table .product-image {
    margin-right: 8px;
  }
}

@media screen and (max-width: 768px) {
  .want-list-table .product-image {
    margin-right: 0;
  }
}

.want-list-table .product-image:hover {
  opacity: 0.7;
}

.want-list-table .prodct-title {
  font-weight: bold;
}

.want-list-table .prodct-artist {
  letter-spacing: 0.03em;
}

.want-list-table .purchase-check-link,
.want-list-table .purchase-check-not-link {
  margin-top: 10px;
  font-size: 12px;
}

.want-list-table .purchase-check-link .bold,
.want-list-table .purchase-check-not-link .bold {
  font-weight: bold;
}

.want-list-table .purchace-detail {
  color: #000;
  font-size: 12px;
}

.want-list-table .price-container .outlet-label {
  font-size: 12px;
  color: #F10500;
}

.want-list-table .price-container .price-off-on-cart {
  margin-top: 11px;
  font-size: 11px;
}

.want-list-table .price-container .origin-price {
  color: #707070;
}

.want-list-table .price-container .price {
  margin-top: 5px;
  color: #F10500;
  font-size: 16px;
  letter-spacing: 0.05em;
  text-align: center;
}

.want-list-table .product-status-label {
  margin-inline: auto;
}

.want-list-table .delete-product-btn-on-cart {
  color: #3E6DBB;
}

.want-list-table .act-btn {
  line-height: 1em;
}

.want-list-table .act-btn.xs {
  font-size: 10px;
}

.want-list-table .act-btn.xs.has-arrow.arrow-rr-white::after {
  right: 8px;
}

.want-list-table .has-acted-msg-box .clear-btn {
  bottom: calc(300% + 57px);
}

.want-list-table .want-list-table-grid-col {
  -ms-grid-columns: minmax(100px, 118px) minmax(139px, 305px) minmax(93px, 160px) minmax(146px, auto);
  grid-template-columns: minmax(100px, 118px) minmax(139px, 305px) minmax(93px, 160px) minmax(146px, auto);
  -ms-grid-rows: 130px;
  grid-template-rows: 130px;
}

.want-list-table .want-list-table-grid-col.want-list-table-grid-col--h-sm {
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
}

.want-list-table .want-list-table-header {
  font-size: 12px;
}

.want-list-table .want-list-table-body-item:has(.new-product-label) {
  position: relative;
  -ms-flex-item-align: baseline;
  align-self: baseline;
  padding-top: 2.7em;
}

@media screen and (max-width: 768px) {
  .want-list-table .want-list-table-body-item:has(.new-product-label) {
    padding-top: 0;
  }
}

.want-list-table .want-list-table-body-item:has(.new-product-label) .new-product-label {
  font-size: 12px;
  color: #F10500;
  font-weight: bold;
  position: absolute;
  top: 1.5em;
}

@media screen and (max-width: 768px) {
  .want-list-table .want-list-table-body-item:has(.new-product-label) .new-product-label {
    position: static;
  }
}

.want-list-table .want-list-table-body-item.want-list-table-body-item--grid {
  display: -ms-grid;
  display: grid;
  row-gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.want-list-table .want-list-table-body-item.want-list-table-body-item--grid.grid--r-gap-lg {
  row-gap: 20px;
}

@media screen and (max-width: 768px) {
  .want-list-table .want-list-table-body-item.want-list-table-body-item--grid.grid--r-gap-lg {
    row-gap: 13px;
  }
}

.want-list-table .want-list-table-body-item.want-list-table-body-item--grid.grid--r-gap-sm {
  row-gap: 5px;
}

.want-list-table .want-list-table-body-item.want-list-table-body-item--grid.grid--justify-start {
  justify-self: baseline;
}

.want-list-table .want-list-table-body-item.want-list-table-body-item--grid.grid--justify-center {
  -ms-grid-column-align: center;
  justify-self: center;
}

.want-list-table .want-list-table-body-item.want-list-table-body-item--grid.grid--w-full {
  width: 100%;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}

.want-list-table .outlet-price-on-cart .outlet-label {
  width: 85px;
  height: 20px;
}

@media screen and (max-width: 768px) {
  .want-list-table .want-list-table-grid-col {
    grid-template-areas: "areaB areaB" "areaA areaC" "areaA areaD";
    -ms-grid-columns: 100px minmax(auto, 240px);
    grid-template-columns: 100px minmax(auto, 240px);
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
    row-gap: 20px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .want-list-table .want-list-table-grid-col:has(.act-btn) {
    position: relative;
    padding-bottom: 98px;
  }
  .want-list-table .want-list-table-grid-col:has(.act-btn) .has-acted-msg-box {
    position: absolute;
    bottom: 43px;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
  }
  .want-list-table .want-list-table-grid-col:has(.act-btn) .has-acted-msg-box .want-list-table .has-acted-msg-box .clear-btn {
    bottom: calc(300% + 46px);
  }
  .want-list-table .want-list-table-grid-col:has(.act-btn) .act-btn {
    height: 35px;
    width: 100%;
    max-width: 255px;
  }
  .want-list-table .want-list-table-grid-col:has(.act-btn):not(:has(.has-acted-msg-box)) .act-btn {
    position: absolute;
    bottom: 43px;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
  }
  .want-list-table .want-list-table-grid-col.mypage-table-body-row {
    border-bottom: 1px solid #BFBFBF;
  }
  .want-list-table .want-list-table-grid-col.mypage-table-body-row:first-child {
    border-top: 1px solid #BFBFBF;
  }
  .want-list-table .want-list-table-body-item:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
    grid-area: areaA;
  }
  .want-list-table .want-list-table-body-item:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-area: areaB;
  }
  .want-list-table .want-list-table-body-item:nth-child(3) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    grid-area: areaC;
  }
  .want-list-table .want-list-table-body-item:nth-child(3):not(:has(.price-container)) {
    -ms-flex-item-align: self-end;
    -ms-grid-row-align: self-end;
    align-self: self-end;
  }
  .want-list-table .want-list-table-body-item:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
    grid-area: areaD;
    margin-top: -20px;
  }
  .want-list-table .outlet-price-on-cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 7px;
    column-gap: 7px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .want-list-table .outlet-price-on-cart .price-off-on-cart {
    margin-top: 0;
  }
  .want-list-table .outlet-price-on-cart .outlet-label {
    margin-top: 0;
  }
  .want-list-table .purchase-check-link {
    margin-top: 0;
  }
}

/* ============================================
    マイページメインボーダーエリア
    ※メインコンテンツの上下ボーダー用
    ============================================ */
.form-border-area {
  border-top: 1px solid #BFBFBF;
  border-bottom: 1px solid #BFBFBF;
}

.form-border-area.border-btm-none {
  border-bottom: none;
}

.form-border-area.border-top-none {
  border-top: none;
}

/* ============================================ */
/* マイページ注文キャンセル選択エリア（テーブル内） */
/* ============================================ */
.mypage-cancel-cntrl-area {
  display: -ms-grid;
  display: grid;
  row-gap: 10px;
}

@media screen and (max-width: 768px) {
  .mypage-cancel-cntrl-area {
    row-gap: 7px;
  }
}

.mypage-cancel-cntrl-area .mypage-cancel-cnt-selector-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 6px;
  column-gap: 6px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 31px;
}

@media screen and (max-width: 768px) {
  .mypage-cancel-cntrl-area .mypage-cancel-cnt-selector-container {
    margin-left: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.mypage-cancel-cntrl-area .mypage-cancel-cnt-selector-container .mypage-cancel-cnt-selector {
  /* 幅は従来どおり。global select の padding-inline:20px のみ上書きし、2桁を切れずに余白も抑える */
  width: 48px;
  height: 20px;
  border: 1px solid #000;
  font-size: 12px;
  color: #000;
  padding-inline: 2px 12px;
  box-sizing: border-box;
  text-align: center;
  text-align-last: center;
}

.mypage-cancel-cntrl-area .mypage-cancel-cnt-selector-container select {
  background-size: 8px;
  background-position: right 3px center;
}

.mypage-cancel-cntrl-area .mypage-cancel-cnt-selector-container .cancel-cnt-selector-unit {
  font-size: 14px;
}

.mypage-cancel-cntrl-area .checkbox-group {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/* ============================= */
/* マイページ注文会計詳細エリア */
/* ============================= */
.accounting-detail-area {
  margin-top: 30px;
  background-color: #E8E9EA;
  padding-inline: 20px;
}

@media screen and (max-width: 768px) {
  .accounting-detail-area {
    padding-top: 24px;
    padding-bottom: 19px;
  }
}

.accounting-detail-area.accounting-detail-area--mt-lg {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .accounting-detail-area.accounting-detail-area--mt-lg {
    margin-top: 20px;
  }
}

.accounting-detail-area.accounting-detail-area--mt-xl {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .accounting-detail-area.accounting-detail-area--mt-xl {
    margin-top: 50px;
  }
}

.accounting-detail-area .accounting-detail-area-item {
  width: 100%;
  padding-block: 18px;
  border-bottom: 1px solid #BFBFBF;
}

@media screen and (max-width: 768px) {
  .accounting-detail-area .accounting-detail-area-item {
    border-bottom: none;
    padding-block: 7px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
  }
}

.accounting-detail-area .accounting-detail-area-item:last-child {
  border-bottom: none;
}

@media screen and (max-width: 768px) {
  .accounting-detail-area .accounting-detail-area-item:last-child {
    margin-top: 4px;
    padding-block: 13px;
    border-top: 1px solid #BFBFBF;
  }
}

.accounting-detail-area .accounting-detail-area-item dl,
.accounting-detail-area .accounting-detail-area-item dd,
.accounting-detail-area .accounting-detail-area-item dt {
  margin: 0;
}

.accounting-detail-area .accounting-detail-area-item .accounting-detail-area-item-inner {
  margin-left: auto;
  margin-right: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 207px;
}

@media screen and (max-width: 768px) {
  .accounting-detail-area .accounting-detail-area-item .accounting-detail-area-item-inner {
    margin-inline: auto;
    width: 254px;
  }
}

.accounting-detail-area .accounting-detail-area-item .item-txt {
  font-size: 15px;
}

.accounting-detail-area .accounting-detail-area-item .item-txt.oswald-txt {
  color: #000;
  font-size: 16px;
  letter-spacing: 0.05em;
}

.accounting-detail-area .accounting-detail-area-item .item-txt.oswald-txt.oswald-txt--light {
  font-weight: 300;
}

.accounting-detail-area .accounting-detail-area-item .item-title {
  font-size: 12px;
  font-weight: 400;
  color: #000;
}

.accounting-detail-area .accounting-detail-area-item .item-title.item-title--bold {
  font-weight: bold;
}

/************************************/
/* マイページ・年セレクター */
/************************************/
.mypage-year-selector {
  width: 100px;
  font-size: 14px;
  height: 30px;
  color: #4B4B4B;
  font-weight: bold;
}

/************************************/
/* ウォントリスト情報詳細エリア */
/************************************/
.want-list-detail-info dl,
.want-list-detail-info dt,
.want-list-detail-info dd {
  margin: 0;
  font-weight: 400;
}

.want-list-detail-info .want-list-detail-info-inner {
  padding-left: 4px;
}

.want-list-detail-info .want-list-detail-info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 9.5em;
  color: #000;
  font-size: 12px;
  line-height: calc(20 / 12);
}

.want-list-detail-info .want-list-detail-info-item .item-title {
  width: 6.5em;
  position: relative;
}

.want-list-detail-info .want-list-detail-info-item .item-title:after {
  content: ":";
  position: absolute;
  right: 0;
}

.want-list-detail-info .caution {
  font-size: 12px;
  color: #000;
  line-height: calc(20 / 12);
}

/************************************/
/* アドレス帳コンテナ */
/************************************/
.address-list-container {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .address-list-container {
    margin-top: 50px;
  }
}

.address-list-container.mt-none {
  margin-top: 0;
}

.address-list-container .sub-title {
  color: #000;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 15px;
}

/************************************/
/* アドレス帳 */
/************************************/
.address-list .address-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-block: 22px;
  border-bottom: 1px solid #BFBFBF;
}

@media screen and (max-width: 768px) {
  .address-list .address-list-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    row-gap: 20px;
  }
}

.address-list .address-list-item:last-child {
  border-bottom: none;
}

.address-list .address-list-item .link {
  color: #3E6DBB;
}

.address-list .address-list-item-info-block {
  color: #707070;
  font-size: 14px;
  line-height: calc(20 / 14);
}

.address-list .address-list-item-btn-container {
  display: -ms-grid;
  display: grid;
  row-gap: 13px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .address-list .address-list-item-btn-container {
    margin-left: auto;
  }
}

/************************************/
/* アドレス帳管理注意書き */
/************************************/
.address-list-caution {
  font-size: 12px;
  color: #4B4B4B;
  margin-top: 25px;
}

.address-list-caution.address-list-caution--pl {
  padding-left: 20px;
}

.address-list-caution.address-list-caution--red {
  color: #F10500;
}

.address-list-caution .link {
  color: #3E6DBB;
  font-weight: bold;
  cursor: pointer;
}

.address-list-caution .link:hover {
  text-decoration: underline;
}

/************************************/
/* 退会手続き説明書き */
/************************************/
.member-withdrawal-info .member-withdrawal-info-inner {
  padding: 40px 43px;
  background-color: #F4F4F4;
}

@media screen and (max-width: 768px) {
  .member-withdrawal-info .member-withdrawal-info-inner {
    padding: 25px 25px;
  }
}

.member-withdrawal-info .member-withdrawal-info-text {
  font-size: 12px;
  color: #000;
  line-height: calc(20 / 12);
}

.member-withdrawal-info .btn-container {
  margin-top: 37px;
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .member-withdrawal-info .btn-container {
    margin-top: 30px;
  }
}

/************************************/
/* 退会手続き理由確認エリア */
/************************************/
.member-withdrawal-confirm-area .member-withdrawal-confirm-inner dl,
.member-withdrawal-confirm-area .member-withdrawal-confirm-inner dt,
.member-withdrawal-confirm-area .member-withdrawal-confirm-inner dd {
  margin: 0;
  font-weight: 400;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.member-withdrawal-confirm-area .member-withdrawal-confirm-item {
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.member-withdrawal-confirm-area .member-withdrawal-confirm-item .title {
  color: #000;
  padding-right: 24px;
  margin-right: 24px;
  position: relative;
}

.member-withdrawal-confirm-area .member-withdrawal-confirm-item .title::after {
  content: "|";
  position: absolute;
  right: 0;
}

.member-withdrawal-confirm-area .member-withdrawal-confirm-item .detail {
  color: #000;
}

.member-withdrawal-confirm-area .caution {
  margin-top: 20px;
  color: #000;
  font-size: 14px;
  line-height: calc(20 / 14);
}

.member-withdrawal-confirm-area .btn-container {
  font-size: 14px;
}

/************************************/
/* 退会手続き完了エリア */
/************************************/
.member-withdrawal-complete-area {
  text-align: center;
}

.member-withdrawal-complete-area .member-withdrawal-complete-area-inner {
  padding: 37px 15px 62px;
}

@media screen and (max-width: 768px) {
  .member-withdrawal-complete-area .member-withdrawal-complete-area-inner {
    padding-block: 30px;
  }
}

.member-withdrawal-complete-area h4 {
  margin: 0;
}

.member-withdrawal-complete-area .title {
  color: #000;
  font-size: 16px;
  line-height: calc(20 / 16);
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .member-withdrawal-complete-area .title {
    font-size: 20px;
  }
}

.member-withdrawal-complete-area .txt {
  margin-top: 13px;
  color: #000;
  font-size: 14px;
  line-height: calc(20 / 14);
}

.member-withdrawal-complete-area .btn-container {
  margin-top: 35px;
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .member-withdrawal-complete-area .btn-container {
    margin-top: 30px;
  }
}

/************************************/
/* 2段階認証エリア */
/************************************/
.mult-step-verify-area .mult-step-verify-area-inner {
  padding: 100px 15px 135px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .mult-step-verify-area .mult-step-verify-area-inner {
    padding-block: 30px;
  }
}

.mult-step-verify-area .txt {
  font-size: 14px;
  color: #000;
  line-height: calc(25 / 14);
  font-weight: bold;
}

.mult-step-verify-area .caution {
  margin-top: 1em;
  font-size: 14px;
  color: #000;
  line-height: calc(25 / 14);
}

.mult-step-verify-area .link {
  color: #3E6DBB;
  cursor: pointer;
}

.mult-step-verify-area .link:hover {
  text-decoration: underline;
}

.mult-step-verify-area .btn-container {
  margin-top: 40px;
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .mult-step-verify-area .btn-container {
    margin-top: 30px;
  }
}

/************************************/
/* 2段階認証パーツ */
/************************************/
.mult-step-input-container .mult-step-input-container-inner {
  padding: 36px 15px 75px;
  background-color: #F4F4F4;
}

@media screen and (max-width: 768px) {
  .mult-step-input-container .mult-step-input-container-inner {
    padding-block: 30px;
  }
}

.mult-step-input-container .mult-step-input-form-area {
  margin-top: 27px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 75px;
  column-gap: 75px;
}

@media screen and (max-width: 768px) {
  .mult-step-input-container .mult-step-input-form-area {
    margin-top: 30px;
    row-gap: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.mult-step-input-container .mult-step-input-box {
  width: 35px;
  height: 40px;
  aspect-ratio: 35 / 40;
}

@media screen and (max-width: 768px) {
  .mult-step-input-container .mult-step-input-box {
    width: 30px;
    height: auto;
  }
}

.mult-step-input-container .mult-step-input-box input {
  width: 100%;
  height: 100%;
  border: 1px solid #707070;
  text-align: center;
  padding: 5px;
}

.mult-step-input-container .mult-step-input-box-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 18px;
  column-gap: 18px;
}

@media screen and (max-width: 768px) {
  .mult-step-input-container .mult-step-input-box-list {
    -webkit-column-gap: 15px;
    column-gap: 15px;
  }
}

.mult-step-input-container .mult-step-input-label {
  font-size: 18px;
  color: #000;
  font-weight: bold;
  margin-left: -155px;
}

@media screen and (max-width: 768px) {
  .mult-step-input-container .mult-step-input-label {
    margin-left: 0;
  }
}

.mult-step-input-container .btn-container {
  margin-top: 43px;
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .mult-step-input-container .btn-container {
    margin-top: 30px;
  }
}

.mult-step-input-container .btn-container .act-btn.focused {
  outline: 3px solid #3E6DBB;
  outline-offset: 2px;
  -webkit-box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}

.mult-step-input-container .btn-container .act-btn {
  margin-top: 20px;
}

.mult-step-input-container .btn-container .act-btn.first-child {
  margin-top: 0;
}

.mult-step-input-container .caution {
  font-size: 16px;
  color: #000;
  text-align: center;
  font-weight: 500;
}

/************************************/
/* 注意書きエリア（背景グレー） */
/************************************/
.caution-bg-gray-area {
  margin-top: 55px;
  padding: 23px 27px;
  width: 100%;
  max-width: 100%;
  background-color: #E8E9EA;
}

@media screen and (max-width: 768px) {
  .caution-bg-gray-area {
    margin-top: 20px;
  }
}

.caution-bg-gray-area .caution-list {
  font-size: 12px;
  color: #000;
  line-height: calc(20 / 12);
}

.caution-bg-gray-area .caution-list li {
  list-style: disc outside;
  margin-left: 2em;
  font-size: 0.5em;
}

.caution-bg-gray-area .caution-list li::marker {
  font-size: 1.5em;
}

.caution-bg-gray-area .caution-list li .caution-txt {
  font-size: 2em;
}

.caution-bg-gray-area .caution-list span {
  vertical-align: -0.1em;
}

/************************************/
/* ご意見・お問い合わせ */
/************************************/
.contact-form-instro-sec .contact-intro-container {
  padding-block: 5px;
  min-height: 150px;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .contact-form-instro-sec .contact-intro-container {
    padding-block: 20px;
  }
}

.contact-form-instro-sec .contact-intro-container:not(:has(.act-btn)) {
  min-height: 173px;
}

.contact-form-instro-sec .contact-intro-container h3, .contact-form-instro-sec .contact-intro-container h4 {
  margin-block: 0;
}

.contact-form-instro-sec .contact-intro-container .contact-intro-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 10px;
  column-gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  max-width: 880px;
  margin-inline: auto;
  padding-inline: 20px;
}

@media screen and (max-width: 768px) {
  .contact-form-instro-sec .contact-intro-container .contact-intro-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.contact-form-instro-sec .contact-intro-container .contact-intro-inner:not(:has(.act-btn)) {
  display: block;
}

.contact-form-instro-sec .contact-intro-container .contact-intro-inner:not(:has(.act-btn)) .title {
  margin-top: 0;
}

.contact-form-instro-sec .contact-intro-container .contact-intro-inner:not(:has(.act-btn)) .txt {
  max-width: none;
}

.contact-form-instro-sec .contact-intro-container .title {
  margin-top: -5px;
  color: #000;
  font-size: 16px;
  line-height: 1.5;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .contact-form-instro-sec .contact-intro-container .title {
    margin-top: 0;
  }
}

.contact-form-instro-sec .contact-intro-container .txt {
  max-width: 555px;
  margin-top: 13px;
  color: #000;
  font-size: 14px;
  line-height: calc(25 / 14);
}

.contact-form-instro-sec .contact-intro-container .btn-container {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media screen and (max-width: 768px) {
  .contact-form-instro-sec .contact-intro-container .btn-container {
    margin-inline: auto;
  }
}

.contact-form-instro-sec .contact-intro-container .act-btn {
  font-size: 12px;
  margin-left: auto;
  min-width: 250px;
}

.contact-form-instro-sec .contact-intro-container .act-btn.pos-r-sm.has-arrow.arrow-rr-white:after {
  right: 6px;
}

.contact-form-instro-sec .contact-intro-container--main {
  margin-top: 80px;
  height: 200px;
  border: 1px solid #BFBFBF;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

@media screen and (max-width: 768px) {
  .contact-form-instro-sec .contact-intro-container--main {
    margin-top: 40px;
    height: auto;
  }
}

.contact-form-instro-sec .contact-intro-container--main .contact-intro-inner {
  margin-top: 15px;
}

.contact-form-instro-sec .contact-intro-container--main .detail-container {
  margin-top: -20px;
}

.contact-form-instro-sec .contact-intro-container--main .title {
  font-size: 24px;
}

.contact-form-instro-sec .contact-intro-container--main .txt {
  font-size: 16px;
  line-height: calc(25 / 16);
}

.contact-form-instro-sec .contact-form-list-container {
  margin-top: 97px;
}

@media screen and (max-width: 768px) {
  .contact-form-instro-sec .contact-form-list-container {
    margin-top: 40px;
  }
}

.contact-form-instro-sec .contact-form-list-container .contact-form-list-item {
  border-bottom: 1px dotted #BFBFBF;
}

.contact-form-instro-sec .contact-form-list-container .contact-form-list-item:first-child {
  border-top: 1px solid #BFBFBF;
}

.contact-form-instro-sec .contact-form-list-container .contact-form-list-item:last-child {
  border-bottom: 1px solid #BFBFBF;
}

.contact-form-instro-sec .contact-form-list-container .contact-form-list-item .txt .link {
  color: #3E6DBB;
  font-weight: bold;
  cursor: pointer;
}

.contact-form-instro-sec .contact-form-list-container .contact-form-list-item .txt .link:hover {
  text-decoration: underline;
}

/************************************/
/* カスタマーハラスメント */
/************************************/
.customer-harassment-sec {
  color: #000;
  font-size: 14px;
  line-height: 1.5;
}

.customer-harassment-sec li {
  list-style: disc;
  margin-left: 1.5em;
}

.customer-harassment-sec .title {
  font-size: 16px;
  margin-bottom: 10px;
}

.customer-harassment-sec .caution {
  margin-top: 10px;
}

.customer-harassment-sec .harassment-content {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .customer-harassment-sec .harassment-content {
    margin-top: 40px;
  }
}

.customer-harassment-sec .list-container {
  margin-top: 20px;
}

.customer-harassment-sec .list-cotainer-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 50px;
  column-gap: 50px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.customer-harassment-sec .list:first-of-type {
  margin-top: 5px;
}

.customer-harassment-sec .harassment-content-sign {
  text-align: right;
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .customer-harassment-sec .harassment-content-sign {
    margin-top: 40px;
  }
}

.customer-harassment-sec .logo {
  margin-top: 60px;
  margin-inline: auto;
  width: 150px;
}

@media screen and (max-width: 768px) {
  .customer-harassment-sec .logo {
    width: calc(100 / 375 * 100vw);
    margin-top: 40px;
  }
}

.customer-harassment-sec .logo img {
  width: 100%;
}

/************************************/
/* 特定商取引法に基づく表示 */
/************************************/
.special-commercial-law-sec {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .special-commercial-law-sec {
    margin-top: 40px;
  }
}

.special-commercial-law-sec .list {
  border-top: 1px solid #BFBFBF;
  border-bottom: 1px solid #BFBFBF;
}

.special-commercial-law-sec .list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  padding: 23px 20px;
  border-bottom: 1px dotted #BFBFBF;
}

@media screen and (max-width: 768px) {
  .special-commercial-law-sec .list-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 10px;
    padding-inline: 15px;
  }
}

.special-commercial-law-sec .list-item:last-child {
  border-bottom: none;
}

.special-commercial-law-sec .title {
  font-size: 16px;
  color: #4B4B4B;
  font-weight: bold;
  min-width: 207px;
}

.special-commercial-law-sec .txt {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
  color: #4B4B4B;
  line-height: calc(24 / 14);
}

.special-commercial-law-sec .act-btn {
  margin-top: 20px;
  font-size: 12px;
  color: #4B4B4B !important;
  border-color: #4B4B4B;
}

/************************************/
/* ポリシー・利用規約ページ */
/************************************/
.preface-sec-txt {
  padding-left: 20px;
  margin-top: 45px;
  font-size: 14px;
  color: #4B4B4B;
  line-height: calc(24 / 14);
}

@media screen and (max-width: 768px) {
  .preface-sec-txt {
    margin-top: 30px;
    padding-left: 0;
  }
}

.policy-and-terms-sec {
  margin-top: 45px;
}

@media screen and (max-width: 768px) {
  .policy-and-terms-sec {
    margin-top: 30px;
  }
}

.policy-and-terms-sec.mt-lg {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .policy-and-terms-sec.mt-lg {
    margin-top: 50px;
  }
}

.policy-and-terms-sec.online-shop-terms .policy-and-terms-sec-inner {
  margin-top: 45px;
}

.policy-and-terms-sec .list-item {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .policy-and-terms-sec .list-item {
    margin-top: 50px;
  }
}

.policy-and-terms-sec .list-item:first-child {
  margin-top: 0;
}

.policy-and-terms-sec .sec-title {
  padding-left: 20px;
  font-size: 20px;
  color: #4B4B4B;
  font-weight: bold;
  margin-bottom: 30px;
}

.policy-and-terms-sec .title {
  padding-left: 20px;
  padding-bottom: 20px;
  font-size: 16px;
  color: #4B4B4B;
  font-weight: bold;
  border-bottom: 1px solid #BFBFBF;
}

.policy-and-terms-sec .txt {
  margin-top: 23px;
  padding-left: 20px;
  font-size: 14px;
  color: #4B4B4B;
  line-height: calc(24 / 14);
}

.policy-and-terms-sec .sub-list-container {
  margin-top: 25px;
  font-size: 14px;
  color: #4B4B4B;
  line-height: calc(24 / 14);
}

.policy-and-terms-sec .sub-list-container-title {
  padding-left: 20px;
  font-weight: bold;
}

.policy-and-terms-sec .sub-list-container-txt {
  padding-left: 20px;
  margin-top: 10px;
}

.policy-and-terms-sec .sub-list-container-txt.mt-lg {
  margin-top: 20px;
}

.policy-and-terms-sec .sub-list {
  margin-top: 10px;
}

.policy-and-terms-sec ul.sub-list,
.policy-and-terms-sec ol.sub-list {
  margin-left: 2.5em;
  padding-left: 0;
}

.policy-and-terms-sec ul.sub-list li {
  list-style: disc;
}

.policy-and-terms-sec ol.sub-list li {
  list-style: decimal;
  font-size: 14px;
  color: #4B4B4B;
  line-height: calc(24 / 14);
}

.policy-and-terms-sec .date {
  margin-top: 3rem;
  padding-left: 20px;
  font-size: 14px;
  color: #4B4B4B;
  line-height: calc(24 / 14);
}

.policy-and-terms-sec .link {
  color: #3E6DBB;
  cursor: pointer;
  font-weight: bold;
}

.policy-and-terms-sec .link:hover {
  text-decoration: underline;
}

.policy-and-terms-sec .caution {
  margin-top: 10px;
  padding-left: 20px;
}

/************************************/
/* 酒類販売管理者標識 */
/************************************/
.liquor-sales-manager-sign-sec {
  margin-top: 100px;
  margin-bottom: 200px;
}

@media screen and (max-width: 768px) {
  .liquor-sales-manager-sign-sec {
    margin-top: 50px;
    margin-bottom: 80px;
  }
}

.liquor-sales-manager-sign-sec .image {
  max-width: 750px;
  margin-inline: auto;
}

/************************************/
/* 買取トップ */
/************************************/
.purchase-top-lead {
  margin-top: 33px;
  color: #000;
  font-size: 16px;
  line-height: calc(30 / 16);
  text-align: center;
}

@media screen and (max-width: 768px) {
  .purchase-top-lead {
    text-align: left;
    margin-top: 28px;
    font-size: 14px;
    line-height: calc(24 / 14);
  }
}

.purchase-top-lead.mt-sm {
  margin-top: 25px;
}

@media screen and (max-width: 768px) {
  .purchase-top-lead.mt-sm {
    margin-top: 35px;
  }
}

.purchase-top-lead.white-space-nowrap {
  white-space: nowrap;
}

@media screen and (max-width: 1080px) {
  .purchase-top-lead.white-space-nowrap {
    white-space: normal;
  }
}

@media screen and (max-width: 768px) {
  .purchase-top-lead.sp-text-center {
    text-align: center;
  }
}

/* 「店頭買取」「宅配買取」「出張買取」の 選べる3タイプ！ */
/* ========================================================================== */
.purchase-select-three-type {
  margin-top: 68px;
}

@media screen and (max-width: 768px) {
  .purchase-select-three-type {
    margin-top: 60px;
  }
}

/************************************/
/* 買取　サブページ */
/************************************/
/* 選べる3タイプ！ */
/* ========================================================================== */
.sub-page-purchase-select-three-type {
  margin-top: 30px;
}

/* 店舗へのご来店が難しい方は こちらもご検討ください */
.purchase-other-way-intro {
  margin-top: 84px;
}

@media screen and (max-width: 768px) {
  .purchase-other-way-intro {
    margin-top: 46px;
  }
}

.purchase-other-way-intro.mt-lg {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .purchase-other-way-intro.mt-lg {
    margin-top: 24px;
  }
}

/************************************/
/* 選べる３タイプコンテンツリスト（サブページ） */
/************************************/
.purchase-select-three-type-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 50px;
  -webkit-column-gap: 73px;
  column-gap: 73px;
}

@media screen and (max-width: 768px) {
  .purchase-select-three-type-inner {
    row-gap: 27px;
  }
}

.purchase-select-three-type-inner:has(.has-border-item) {
  margin-top: 56px;
  -webkit-column-gap: 0;
  column-gap: 0;
}

@media screen and (max-width: 768px) {
  .purchase-select-three-type-inner:has(.has-border-item) {
    margin-top: 26px;
    row-gap: 23px;
  }
}

/************************************/
/* 選べる３タイプコンテンツ（サブページ） */
/************************************/
.three-point-item {
  width: 250px;
}

@media screen and (max-width: 768px) {
  .three-point-item {
    width: 100%;
    max-width: 345px;
  }
}

.three-point-item.has-border-item {
  width: 330px;
  padding-right: 27px;
  padding-left: 29px;
  position: relative;
  min-height: 154px;
}

@media screen and (max-width: 768px) {
  .three-point-item.has-border-item {
    padding-top: 26px;
    padding-right: 20px;
    border-top: 1px solid #BFBFBF;
    width: 100%;
    max-width: 345px;
    min-height: 100%;
  }
}

.three-point-item.has-border-item:first-child {
  padding-left: 20px;
}

@media screen and (max-width: 768px) {
  .three-point-item.has-border-item:first-child {
    padding-left: 27px;
  }
}

.three-point-item.has-border-item:last-child {
  border-right: none;
}

@media screen and (max-width: 768px) {
  .three-point-item.has-border-item:last-child {
    padding-bottom: 24px;
    border-bottom: 1px solid #BFBFBF;
  }
}

.three-point-item.has-border-item:last-child:after {
  content: none;
}

.three-point-item.has-border-item:after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: #BFBFBF;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
}

@media screen and (max-width: 768px) {
  .three-point-item.has-border-item:after {
    content: none;
  }
}

@media screen and (max-width: 768px) {
  .three-point-item.has-border-item .title-has-point-prefix-bubble.justify-center {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.three-point-item.has-border-item .desc {
  margin-top: 19px;
  font-size: 13px;
  line-height: calc(20 / 13);
}

@media screen and (max-width: 768px) {
  .three-point-item.has-border-item .desc {
    white-space: normal;
    text-align: left;
  }
}

.three-point-item .desc {
  color: #000;
  font-size: 14px;
  line-height: calc(20 / 14);
  white-space: nowrap;
}

@media screen and (max-width: 768px) {
  .three-point-item .desc {
    margin-top: 7px;
    text-align: center;
  }
}

.three-point-item .desc.text-center {
  text-align: center;
}

.three-point-item .desc.ml-neg {
  margin-left: -0.5em;
}

.three-point-item .desc.white-space-wrap {
  white-space: normal;
}

.three-point-item .image {
  margin-inline: auto;
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .three-point-item .image {
    margin-top: 11px;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .three-point-item .image img {
    width: 100%;
  }
}

.three-point-item .image.mt-sm {
  margin-top: 10px;
}

.three-point-item .detail {
  margin-top: 10px;
  color: #000;
  font-size: 12px;
  line-height: calc(18 / 12);
  word-break: break-all;
}

/************************************/
/* 「買取」から「支払い」までの流れ */
/************************************/
.action-step-flow {
  margin-top: 64px;
}

@media screen and (max-width: 768px) {
  .action-step-flow {
    margin-top: 46px;
  }
}

.action-step-flow .action-step-flow-inner {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 50px;
  -webkit-column-gap: 27px;
  column-gap: 27px;
}

@media screen and (max-width: 1024px) {
  .action-step-flow .action-step-flow-inner {
    margin-top: 16px;
    row-gap: 21px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (max-width: 1024px) {
  .action-step-flow .action-step-flow-inner:has(.has-flow-arrow) {
    row-gap: 25px;
    margin-top: 27px;
  }
}

@media screen and (max-width: 1024px) {
  .action-step-flow .action-step-flow-inner:has(.has-flow-arrow) .desc {
    margin-top: 5px;
    margin-inline: auto;
    width: 92%;
  }
}

.action-step-flow-item .action-step-flow-item-inner {
  padding: 29px 17px;
  height: 435px;
  width: 315px;
  border: 1px solid #707070;
}

@media screen and (max-width: 1024px) {
  .action-step-flow-item .action-step-flow-item-inner {
    width: 100%;
    max-width: 345px;
    height: auto;
    padding: 29px 14px 24px 14px;
  }
}

.action-step-flow-item .action-step-flow-item-inner.h-sm {
  height: 377px;
}

.action-step-flow-item .action-step-flow-item-inner.h-lg {
  min-height: 470px;
  height: 470px;
}

@media screen and (max-width: 1024px) {
  .action-step-flow-item .action-step-flow-item-inner.h-lg {
    min-height: 100%;
    height: auto;
  }
}

.action-step-flow-item .action-step-flow-item-inner.h-xl {
  min-height: 586px;
  height: 586px;
}

@media screen and (max-width: 1024px) {
  .action-step-flow-item .action-step-flow-item-inner.h-xl {
    min-height: 100%;
    height: auto;
  }
}

@media screen and (max-width: 1024px) {
  .action-step-flow-item .action-step-flow-item-inner .image {
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  .action-step-flow-item .action-step-flow-item-inner .image img {
    width: 100%;
  }
}

.action-step-flow-item .title {
  display: block;
  margin-top: 29px;
  margin-inline: auto;
}

@media screen and (max-width: 1024px) {
  .action-step-flow-item .title {
    margin-top: 16px;
  }
}

.action-step-flow-item .desc {
  margin-top: 6px;
  color: #000;
  font-size: 13px;
  line-height: calc(20 / 13);
}

@media screen and (max-width: 1024px) {
  .action-step-flow-item .desc {
    margin-top: 13px;
  }
}

.action-step-flow-item .link-container {
  display: -ms-grid;
  display: grid;
  row-gap: 2px;
  margin-top: 14px;
  margin-left: 4px;
}

@media screen and (max-width: 1024px) {
  .action-step-flow-item .link-container {
    margin-top: 13px;
  }
}

.action-step-flow-item .link-container .link {
  display: inline-block;
  color: #3E6DBB;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  line-height: calc(20 / 12);
}

.action-step-flow-item .link-container .link:hover {
  text-decoration: underline;
}

.action-step-flow-item .contact-info-container {
  padding-left: 0.8rem;
  margin-top: 11px;
}

@media screen and (max-width: 768px) {
  .action-step-flow-item .contact-info-container {
    padding-left: 0;
    margin-top: 15px;
  }
}

.action-step-flow-item .contact-info-container .free-dial {
  color: #000;
}

.action-step-flow-item .contact-info-container .free-dial .title {
  margin-top: 0;
  font-size: 14px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .action-step-flow-item .contact-info-container .free-dial .title {
    font-size: 16px;
  }
}

.action-step-flow-item .contact-info-container .free-dial .tel {
  margin-top: -3px;
  font-size: 36px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .action-step-flow-item .contact-info-container .free-dial .tel {
    margin-top: 8px;
  }
}

.action-step-flow-item .contact-info-container .free-dial .time {
  margin-top: 4px;
  font-size: 12px;
}

@media screen and (max-width: 768px) {
  .action-step-flow-item .contact-info-container .free-dial .time {
    margin-top: 11px;
    font-size: 14px;
  }
}

.action-step-flow-item .contact-info-container .contact-btn {
  margin-top: 18px;
}

@media screen and (max-width: 768px) {
  .action-step-flow-item .contact-info-container .contact-btn {
    margin-top: 21px;
  }
}

.action-step-flow-item .contact-info-container .contact-btn .act-btn {
  font-size: 12px;
  border-color: #4B4B4B;
}

@media screen and (max-width: 768px) {
  .action-step-flow-item .contact-info-container .contact-btn .act-btn {
    margin-inline: auto;
  }
}

.action-step-flow-item .contact-info-container .contact-btn .act-btn.md {
  color: #4B4B4B;
}

.action-step-flow-item.has-flow-arrow {
  position: relative;
}

@media screen and (max-width: 1024px) {
  .action-step-flow-item.has-flow-arrow {
    width: 100%;
    max-width: 345px;
  }
}

.action-step-flow-item.has-flow-arrow .flow-arrow {
  position: absolute;
  top: 241px;
  right: -24.5%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
}

@media screen and (max-width: 1024px) {
  .action-step-flow-item.has-flow-arrow .flow-arrow {
    top: 97.7%;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
  }
}

.action-step-flow-item:has(.action-step-flow-item-inner--sm) .flow-arrow {
  top: 47px;
}

@media screen and (max-width: 1024px) {
  .action-step-flow-item:has(.action-step-flow-item-inner--sm) .flow-arrow {
    top: 95%;
  }
}

.action-step-flow-item .action-step-flow-item-inner--sm {
  padding: 19px 17px;
  width: 315px;
  height: 178px;
  min-height: 178px;
  border: 1px solid #707070;
}

@media screen and (max-width: 1024px) {
  .action-step-flow-item .action-step-flow-item-inner--sm {
    width: 100%;
    height: auto;
    max-width: 345px;
    min-height: 100%;
  }
}

.action-step-flow-item .action-step-flow-item-inner--sm .title {
  margin-top: 0;
}

/************************************/
/* 買取を申し込む */
/************************************/
.purchase-application-sec {
  margin-top: 77px;
}

@media screen and (max-width: 768px) {
  .purchase-application-sec {
    margin-top: 74px;
  }
}

@media screen and (max-width: 768px) {
  .purchase-application-sec:has(.semi-wide, .full-wide) .container {
    padding-inline: 0;
  }
}

/************************************/
/* 吹き出しタイトル */
/************************************/
.speech-bubble-title {
  display: inline-block;
  padding-top: 17px;
  padding-right: 8px;
  text-align: center;
  width: 205px;
  height: 70px;
  color: #000;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.2em;
  background-image: url("../img/illust/speech-bubble.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.speech-bubble-title.bg-blue {
  background-image: url("../img/illust/speech-bubble-blue.svg");
}

.speech-bubble-title.bg-green {
  background-image: url("../img/illust/speech-bubble-green.svg");
}

.speech-bubble-title.w-lg {
  width: 235px;
}

.speech-bubble-title.letter-spacing-zero {
  letter-spacing: 0;
}

/************************************/
/* 吹き出しポイントアイコン */
/************************************/
.point-prefix-bubble {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  row-gap: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #000;
  min-width: 51px;
  width: 51px;
  height: 52px;
  background-image: url("../img/illust/point-prefix-bubble.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.point-prefix-bubble.green {
  background-image: url("../img/illust/point-prefix-bubble-green.svg");
}

.point-prefix-bubble .prefix {
  font-size: 8px;
  font-weight: bold;
}

.point-prefix-bubble .number {
  font-size: 16px;
  font-weight: 600;
  font-family: 'Oswald', sans-serif;
}

/************************************/
/* 吹き出しステップアイコン */
/************************************/
.speech-bubble-sub-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  row-gap: 0;
  -webkit-column-gap: 12px;
  column-gap: 12px;
  color: #000;
}

.speech-bubble-sub-title .prefix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 3px;
  width: 104px;
  height: 31px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.2em;
  background-image: url("../img/illust/speech-small-bubble-green.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.speech-bubble-sub-title .title {
  padding-top: 2px;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 768px) {
  .speech-bubble-sub-title .title {
    padding-top: 4px;
    font-size: 14px;
  }
}

/************************************/
/* 小さい吹き出しタイトル付きステップセクション */
/************************************/
.action-step-sub-flow-container {
  display: -ms-grid;
  display: grid;
  row-gap: 37px;
}

.action-step-sub-flow-item .desc {
  margin-top: 1.8rem;
  color: #000;
  font-size: 16px;
  line-height: calc(30 / 16);
}

@media screen and (max-width: 768px) {
  .action-step-sub-flow-item .desc {
    font-size: 14px;
    line-height: calc(25 / 14);
  }
}

.action-step-sub-flow-item .desc:first-of-type {
  margin-top: 0.6em;
}

.action-step-sub-flow-item .bold {
  font-weight: bold;
}

/************************************/
/* 吹き出しポイントアイコンを持つタイトル */
/************************************/
.title-has-point-prefix-bubble {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-column-gap: 8px;
  column-gap: 8px;
}

.title-has-point-prefix-bubble.ml-neg {
  margin-left: -58px;
}

@media screen and (max-width: 768px) {
  .title-has-point-prefix-bubble.ml-neg {
    margin-left: 0;
  }
}

.title-has-point-prefix-bubble.justify-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.title-has-point-prefix-bubble.col-gap-none {
  -webkit-column-gap: 0;
  column-gap: 0;
}

.title-has-point-prefix-bubble .title-txt {
  margin-top: 13px;
  color: #000;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
}

@media screen and (max-width: 768px) {
  .title-has-point-prefix-bubble .title-txt {
    margin-top: 0;
  }
}

.title-has-point-prefix-bubble .title-txt.letter-space-lg {
  letter-spacing: 0.1em;
}

.title-has-point-prefix-bubble .title-txt.font-lg {
  font-size: 20px;
}

.title-has-point-prefix-bubble .point-prefix-bubble {
  margin-top: 3px;
}

/************************************/
/* 買取サービス説明ポイント　サークルテキスト */
/************************************/
.purchase-service-desc-point-circle-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  color: #707070;
  font-size: 13px;
  font-weight: bold;
  line-height: calc(20 / 13);
  height: 100px;
  width: 100px;
  border-radius: 50%;
  border: 1px solid #707070;
}

/************************************/
/* 買取サービス説明ラベル */
/************************************/
.purchase-service-desc-label {
  display: inline-block;
  text-align: center;
  max-width: 102px;
  min-width: 85px;
  height: 20px;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  background-color: #4B4B4B;
}

@media screen and (max-width: 768px) {
  .purchase-service-desc-label {
    padding-inline: 3px;
  }
}

/************************************/
/* 吹き出しタイトルを持つコンテナ */
/************************************/
.has-speech-bubble-title-container {
  position: relative;
}

.has-speech-bubble-title-container .speech-bubble-title {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.has-speech-bubble-title-container:has(.purchase-type-production-item-inner--flex) .speech-bubble-title {
  left: 153px;
}

@media screen and (max-width: 1024px) {
  .has-speech-bubble-title-container:has(.purchase-type-production-item-inner--flex) .speech-bubble-title {
    left: 50%;
  }
}

/************************************/
/* 買取サービス選べる３タイプ　アイテム */
/************************************/
.purchase-type-production-item {
  position: relative;
}

@media screen and (max-width: 768px) {
  .purchase-type-production-item {
    max-width: 345px;
    width: 100%;
  }
}

.purchase-type-production-item .purchase-type-production-item-inner {
  padding-top: 40px;
  padding-bottom: 28px;
  padding-inline: 18px;
  border: 1px solid #707070;
  width: 315px;
  height: 435px;
}

@media screen and (max-width: 768px) {
  .purchase-type-production-item .purchase-type-production-item-inner {
    width: 100%;
    height: auto;
    padding-bottom: 26px;
    padding-inline: 0;
  }
}

.purchase-type-production-item .purchase-type-production-item-inner.w-lg {
  width: 412px;
}

@media screen and (max-width: 768px) {
  .purchase-type-production-item .purchase-type-production-item-inner.w-lg {
    width: 100%;
  }
}

.purchase-type-production-item .purchase-type-production-item-inner.w-lg .purchase-type-production-item-inner-ctr-w {
  margin-inline: auto;
  width: 280px;
}

@media screen and (max-width: 768px) {
  .purchase-type-production-item .purchase-type-production-item-inner.w-lg .purchase-type-production-item-inner-ctr-w {
    width: 100%;
  }
}

.purchase-type-production-item .purchase-type-production-item-inner--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 27px;
  column-gap: 27px;
  width: 100%;
  height: 450px;
  padding: 40px 40px 42px 18px;
  border: 1px solid #707070;
}

@media screen and (max-width: 1024px) {
  .purchase-type-production-item .purchase-type-production-item-inner--flex {
    padding: 40px 15px 26px 15px;
    row-gap: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
  }
}

@media screen and (max-width: 768px) {
  .purchase-type-production-item .purchase-type-production-item-inner--flex {
    padding-inline: 0;
  }
}

.purchase-type-production-item .purchase-type-production-item-inner--flex .purchase-type-production-item-inner-ctr-w {
  width: 280px;
}

@media screen and (max-width: 768px) {
  .purchase-type-production-item .purchase-type-production-item-inner--flex .purchase-type-production-item-inner-ctr-w {
    width: 100%;
  }
}

.purchase-type-production-item .purchase-type-production-item-inner--flex .need-item-introduct-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
}

@media screen and (max-width: 1024px) {
  .purchase-type-production-item .purchase-type-production-item-inner--flex .need-item-introduct-content {
    width: 100%;
  }
}

.purchase-type-production-item .purchase-type-production-item-inner--flex .need-item-introduct-content.full-wide .left-container {
  margin-left: 0;
}

.purchase-type-production-item .purchase-type-production-item-inner--flex .need-item-introduct-content.full-wide .need-item-introduct-content-inner {
  padding: 33px 21px 38px 28px;
  height: 100%;
}

@media screen and (max-width: 768px) {
  .purchase-type-production-item .purchase-type-production-item-inner--flex .need-item-introduct-content.full-wide .need-item-introduct-content-inner {
    margin-inline: 15px;
    margin-top: 20px;
    padding: 25px 5px 19px 5px;
    position: relative;
  }
}

.purchase-type-production-item .purchase-type-production-item-inner--flex .need-item-introduct-content.full-wide .need-item-introduct-content-inner-flex {
  -webkit-column-gap: 20px;
  column-gap: 20px;
}

@media screen and (max-width: 768px) {
  .purchase-type-production-item .purchase-type-production-item-inner--flex .need-item-introduct-content.full-wide .need-item-introduct-content-inner-flex .caution {
    font-size: 12px;
    margin-top: 60px;
    line-height: calc(20 / 12);
  }
}

@media screen and (max-width: 768px) {
  .purchase-type-production-item .purchase-type-production-item-inner--flex .need-item-introduct-content.full-wide .need-item-introduct-content-inner-flex .caution.sp-mt-lg {
    margin-top: 84px;
  }
}

@media screen and (max-width: 768px) {
  .purchase-type-production-item .purchase-type-production-item-inner--flex .need-item-introduct-content.full-wide .link-container.sp-position-absolute {
    position: absolute;
    top: 122px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

@media screen and (max-width: 768px) {
  .purchase-type-production-item .purchase-type-production-item-inner--flex .need-item-introduct-content.full-wide .btn-container.sp-row-sm {
    row-gap: 20px;
  }
}

@media screen and (max-width: 768px) {
  .purchase-type-production-item .purchase-type-production-item-inner--flex .need-item-introduct-content.full-wide .btn-container.sp-mt-sm {
    margin-top: 24px;
  }
}

.purchase-type-production-item .purchase-type-production-item-inner--flex .need-item-introduct-content .right-container .small-caution {
  margin-top: 0;
  margin-left: -1em;
  color: #000;
  font-size: 12px;
  line-height: calc(25 / 12);
  white-space: nowrap;
}

@media screen and (max-width: 768px) {
  .purchase-type-production-item .purchase-type-production-item-inner--flex .need-item-introduct-content .right-container .small-caution {
    margin-left: 0;
    white-space: normal;
    line-height: calc(20 / 12);
  }
}

.purchase-type-production-item .purchase-type-production-item-inner--flex .need-item-introduct-content .btn-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  row-gap: 32px;
  margin-top: 38px;
}

.purchase-type-production-item .purchase-type-production-item-inner--flex .need-item-introduct-content .btn-container.has-three-btn {
  margin-top: 20px;
  row-gap: 16px;
}

.purchase-type-production-item .purchase-type-production-item-inner--flex .link-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 24px;
  column-gap: 24px;
  margin-top: 15px;
}

@media screen and (max-width: 768px) {
  .purchase-type-production-item .purchase-type-production-item-inner--flex .link-container {
    position: absolute;
    top: 122px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    row-gap: 9px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }
}

.purchase-type-production-item .purchase-type-production-item-inner--flex .link-container .link {
  color: #3E6DBB;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
}

.purchase-type-production-item .purchase-type-production-item-inner--flex .link-container .link:hover {
  text-decoration: underline;
}

.purchase-type-production-item .purchase-type-production-item-inner--flex .contact-info-container {
  margin-top: 31px;
}

@media screen and (max-width: 768px) {
  .purchase-type-production-item .purchase-type-production-item-inner--flex .contact-info-container {
    margin-top: 20px;
  }
}

.purchase-type-production-item .purchase-type-production-item-inner--flex .contact-info-container .title {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #000;
}

@media screen and (max-width: 768px) {
  .purchase-type-production-item .purchase-type-production-item-inner--flex .contact-info-container .title {
    font-size: 12px;
  }
}

.purchase-type-production-item .purchase-type-production-item-inner--flex .contact-infos {
  margin-top: 18px;
  margin-left: -35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 34px;
  column-gap: 34px;
}

@media screen and (max-width: 768px) {
  .purchase-type-production-item .purchase-type-production-item-inner--flex .contact-infos {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 10px;
    margin-top: 28px;
    margin-left: 0;
  }
}

.purchase-type-production-item .purchase-type-production-item-inner--flex .contact-infos .btn-container {
  margin-top: 0;
}

.purchase-type-production-item .purchase-type-production-item-inner--flex .contact-infos .act-btn {
  width: 250px;
}

.purchase-type-production-item .purchase-type-production-item-inner--flex .free-call-info {
  color: #4B4B4B;
}

@media screen and (max-width: 768px) {
  .purchase-type-production-item .purchase-type-production-item-inner--flex .free-call-info {
    margin-top: 17px;
  }
}

.purchase-type-production-item .purchase-type-production-item-inner--flex .free-call-info .sub-title {
  margin-left: 6px;
  font-size: 12px;
  font-weight: bold;
}

.purchase-type-production-item .purchase-type-production-item-inner--flex .free-call-info .tel {
  margin-top: -2px;
  font-size: 36px;
  font-weight: bold;
}

.purchase-type-production-item .purchase-type-production-item-inner--flex .free-call-info .time {
  margin-top: 0;
  margin-left: -6px;
  font-size: 12px;
}

@media screen and (max-width: 768px) {
  .purchase-type-production-item .purchase-type-production-item-inner--flex .free-call-info .time {
    margin-top: 5px;
  }
}

.purchase-type-production-item .flex-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  height: 100%;
}

@media screen and (max-width: 768px) {
  .purchase-type-production-item .flex-col {
    padding-inline: 15px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.purchase-type-production-item .flex-col .btn-container {
  margin-top: auto;
}

@media screen and (max-width: 768px) {
  .purchase-type-production-item .flex-col .btn-container {
    margin-top: 27px;
  }
}

.purchase-type-production-item .flex-col .act-btn.md {
  color: #4B4B4B;
}

.purchase-type-production-item .image {
  max-width: 280px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .purchase-type-production-item .image {
    max-width: 100%;
    width: 100%;
    aspect-ratio: 315 / 157;
  }
}

@media screen and (max-width: 768px) {
  .purchase-type-production-item .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}

.purchase-type-production-item .type-point-title {
  margin-top: 18px;
  text-align: center;
  color: #000;
  font-size: 14px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .purchase-type-production-item .type-point-title {
    margin-top: 15px;
    margin-inline: auto;
  }
}

.purchase-type-production-item .purchase-service-desc-label-container {
  margin-top: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 280px;
}

@media screen and (max-width: 768px) {
  .purchase-type-production-item .purchase-service-desc-label-container {
    margin-inline: auto;
    -webkit-column-gap: 10px;
    column-gap: 10px;
    max-width: 100%;
  }
}

.purchase-type-production-item .detail {
  margin-top: 12px;
  text-align: left;
  color: #000;
  font-size: 12px;
  line-height: calc(20 / 12);
}

@media screen and (max-width: 768px) {
  .purchase-type-production-item .btn-container {
    margin-inline: auto;
  }
}

.purchase-type-production-item .act-btn {
  margin-inline: auto;
  font-size: 12px;
}

@media screen and (max-width: 768px) {
  .purchase-type-production-item .act-btn {
    width: 250px;
  }
}

/************************************/
/* 買取サービス選べる３タイプ　コンテナ（flex） */
/************************************/
.purchase-type-production-area {
  margin-top: 74px;
}

@media screen and (max-width: 768px) {
  .purchase-type-production-area {
    margin-top: 67px;
  }
}

.purchase-type-production-area .purchase-type-production-area-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 27px;
  column-gap: 27px;
  row-gap: 50px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.purchase-type-production-area:has(.need-item-introduct-content) .purchase-type-production-area-inner {
  row-gap: 82px;
}

@media screen and (max-width: 768px) {
  .purchase-type-production-area:has(.need-item-introduct-content) .purchase-type-production-area-inner {
    row-gap: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

/************************************/
/* 買取サービス選べる３タイプ　ビデオ */
/************************************/
.purchase-select-three-type-video {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .purchase-select-three-type-video {
    margin-top: 50px;
  }
}

.purchase-select-three-type-video.mt-lg {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .purchase-select-three-type-video.mt-lg {
    margin-top: 50px;
  }
}

.purchase-select-three-type-video .video {
  margin-top: 44px;
  max-width: 500px;
  margin-inline: auto;
}

@media screen and (max-width: 768px) {
  .purchase-select-three-type-video .video {
    margin-top: 15px;
    max-width: 100%;
  }
}

.purchase-select-three-type-video .video .video-inner {
  width: 100%;
  aspect-ratio: 500 / 281;
}

.purchase-select-three-type-video .video .video-inner iframe {
  width: 100%;
  height: 100%;
}

/************************************/
/* 買取サービスジャンル別バナー紹介エリア */
/************************************/
.purchase-service-genre-banner-area {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .purchase-service-genre-banner-area {
    margin-top: 47px;
  }
}

.purchase-service-genre-banner-area .banner-list {
  margin-top: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 30px;
  -webkit-column-gap: 50px;
  column-gap: 50px;
}

@media screen and (max-width: 700px) {
  .purchase-service-genre-banner-area .banner-list {
    margin-top: 32px;
    -webkit-column-gap: calc(15 / 375 * 100%);
    column-gap: calc(15 / 375 * 100%);
    row-gap: 9px;
  }
}

.purchase-service-genre-banner-area .banner-item {
  width: 100%;
  max-width: 300px;
}

@media screen and (max-width: 700px) {
  .purchase-service-genre-banner-area .banner-item {
    width: calc(180 / 375 * 100%);
  }
}

.purchase-service-genre-banner-area .banner-item .title {
  font-size: 14px;
  color: #000;
  font-weight: bold;
  text-align: center;
}

.purchase-service-genre-banner-area .banner-item .image {
  display: inline-block;
  margin-top: 17px;
  width: 100%;
  -webkit-transition: all .2s;
  transition: all .2s;
}

@media screen and (max-width: 700px) {
  .purchase-service-genre-banner-area .banner-item .image {
    margin-top: 8px;
  }
}

.purchase-service-genre-banner-area .banner-item .image:hover {
  opacity: 0.7;
}

/************************************/
/* エリア別 買取センターセクション */
/************************************/
.purchase-center-list-by-area {
  margin-top: 74px;
}

@media screen and (max-width: 768px) {
  .purchase-center-list-by-area {
    margin-top: 47px;
  }
}

.purchase-center-list-by-area.area-page, .purchase-center-list-by-area.store-detail-page {
  margin-top: 45px;
}

@media screen and (max-width: 768px) {
  .purchase-center-list-by-area.area-page, .purchase-center-list-by-area.store-detail-page {
    margin-top: 30px;
  }
}

/************************************/
/* エリア別 買取センター一覧 */
/************************************/
.purchase-center-list-by-area .purchase-center-list-by-area-content {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .purchase-center-list-by-area .purchase-center-list-by-area-content {
    margin-top: 43px;
  }
}

.purchase-center-list-by-area .filter-func-container {
  margin-left: 15px;
  margin-top: 29px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 47px;
  column-gap: 47px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .purchase-center-list-by-area .filter-func-container {
    margin-top: 23px;
    margin-left: 0;
  }
}

@media screen and (max-width: 768px) {
  .purchase-center-list-by-area .filter-func-container .filter-order-form .filter-order-form-label {
    font-size: 14px;
  }
}

.purchase-center-list-by-area .filter-func-container .filter-order-form .filter-order-form-label::after {
  width: 15px;
}

@media screen and (max-width: 768px) {
  .purchase-center-list-by-area .filter-func-container .filter-order-form .filter-order-form-label::after {
    margin-left: 15px;
  }
}

.purchase-center-list-by-area .filter-func-container #filter-order-form--product-genre .filter-order-val-area {
  padding: 25px;
  min-width: 570px;
  max-height: 360px;
}

@media screen and (max-width: 768px) {
  .purchase-center-list-by-area .filter-func-container #filter-order-form--product-genre .filter-order-val-area {
    padding: 25px 15px;
    width: 300px;
    min-width: auto;
    max-height: none;
    left: -161px;
  }
}

@media screen and (max-width: 768px) {
  .purchase-center-list-by-area .filter-func-container #filter-order-form--product-genre .filter-order-val-area.sp-pos-l {
    left: -15px;
  }
}

@media screen and (max-width: 768px) {
  .purchase-center-list-by-area .filter-func-container #filter-order-form--product-genre a, .purchase-center-list-by-area .filter-func-container #filter-order-form--product-genre span {
    margin-bottom: 9px;
  }
}

.purchase-center-list-by-area .filter-func-container #filter-order-form--product-genre .filter-order-val-area--flex {
  min-width: 520px;
  max-height: 310px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  row-gap: 6px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media screen and (max-width: 768px) {
  .purchase-center-list-by-area .filter-func-container #filter-order-form--product-genre .filter-order-val-area--flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: auto;
    max-height: none;
  }
}

.purchase-center-list-by-area .area-section {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .purchase-center-list-by-area .area-section {
    margin-top: 46px;
  }
}

.purchase-center-list-by-area .area-section:first-child {
  margin-top: 0;
}

.purchase-center-list-by-area .area-section-title {
  text-align: center;
  color: #000;
  font-size: 16px;
  font-weight: bold;
  /* アンカーリンク先のズレ調整 */
  padding-top: 100px;
  margin-top: -100px;
}

@media screen and (max-width: 900px) {
  .purchase-center-list-by-area .area-section-title {
    padding-top: 50px;
    margin-top: -50px;
  }
}

.purchase-center-list-by-area .area-section-title.font-lg {
  font-size: 20px;
}

.purchase-center-list-by-area .area-section-content-list {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  row-gap: 85px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 20px;
  column-gap: 20px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media screen and (max-width: 1024px) {
  .purchase-center-list-by-area .area-section-content-list {
    margin-top: 36px;
    row-gap: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.purchase-center-list-by-area .area-section-content-list.row-sm {
  row-gap: 60px;
}

@media screen and (max-width: 1024px) {
  .purchase-center-list-by-area .area-section-content-list.row-sm {
    row-gap: 27px;
  }
}

.purchase-center-list-by-area .google-map-container {
  margin-top: 20px;
  padding-top: calc((100% / 1000) * 500);
  position: relative;
  width: 100%;
  height: 0;
}

@media screen and (max-width: 768px) {
  .purchase-center-list-by-area .google-map-container {
    margin-top: 14px;
  }
}

.purchase-center-list-by-area .google-map-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/************************************/
/* エリア別 買取センターコンテンツ */
/************************************/
.area-section-content-list-item {
  -webkit-transition: all .2s;
  transition: all .2s;
}

@media screen and (max-width: 768px) {
  .area-section-content-list-item {
    padding-bottom: 27px;
    width: 100%;
    max-width: 500px;
    border-bottom: 1px solid #BFBFBF;
  }
  .area-section-content-list-item:last-child {
    border-bottom: none;
  }
}

.area-section-content-list-item .link {
  -webkit-transition: all .2s;
  transition: all .2s;
}

.area-section-content-list-item .link:hover {
  opacity: 0.7;
}

.area-section-content-list-item dl, .area-section-content-list-item dt, .area-section-content-list-item dd {
  margin-bottom: 0;
}

.area-section-content-list-item .area-section-content-list-item-inner {
  width: 320px;
}

@media screen and (max-width: 768px) {
  .area-section-content-list-item .area-section-content-list-item-inner {
    width: 100%;
  }
}

.area-section-content-list-item .store-image {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .area-section-content-list-item .store-image img {
    width: 100%;
  }
}

.area-section-content-list-item .store-info-container {
  margin-top: 12px;
}

.area-section-content-list-item .sub-store-name {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px;
}

.area-section-content-list-item .store-name {
  display: block;
  font-size: 16px;
  font-weight: bold;
  color: #4B4B4B;
}

.area-section-content-list-item .store-name.blue {
  color: #3E6DBB;
}

.area-section-content-list-item a.store-name {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.area-section-content-list-item a.store-name:hover {
  opacity: 0.7;
}

.area-section-content-list-item .store-cat {
  margin-top: 12px;
  display: inline-block;
  width: 85px;
  height: 20px;
  color: #000;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #4B4B4B;
}

@media screen and (max-width: 768px) {
  .area-section-content-list-item .store-cat {
    margin-top: 14px;
  }
}

.area-section-content-list-item .store-business-info-container {
  margin-top: 12px;
}

.area-section-content-list-item .store-business-info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-column-gap: 10px;
  column-gap: 10px;
}

@media screen and (max-width: 768px) {
  .area-section-content-list-item .store-business-info-item {
    -webkit-column-gap: 16px;
    column-gap: 16px;
  }
}

.area-section-content-list-item .store-business-info-item:has(.time) {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.area-section-content-list-item .store-business-info-item .title {
  color: #000;
  font-size: 14px;
  font-weight: bold;
  width: 28px;
}

.area-section-content-list-item .store-business-info-item .detail {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #000;
  font-size: 14px;
}

.area-section-content-list-item .store-business-info-item.tel-info {
  margin-top: 8px;
}

@media screen and (max-width: 768px) {
  .area-section-content-list-item .store-business-info-item.tel-info {
    margin-top: 11px;
  }
}

.area-section-content-list-item .store-business-info-item.time-info {
  margin-top: 8px;
}

@media screen and (max-width: 768px) {
  .area-section-content-list-item .store-business-info-item.time-info {
    margin-top: 12px;
  }
}

.area-section-content-list-item .address-container .link {
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 6px;
  color: #3E6DBB;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .area-section-content-list-item .address-container .link {
    margin-bottom: 0;
  }
}

.area-section-content-list-item .address-container .link:hover {
  text-decoration: underline;
}

.area-section-content-list-item .btn-container {
  margin-top: 19px;
  font-size: 12px;
}

.area-section-content-list-item .btn-container .act-btn {
  margin-inline: auto;
}

/************************************/
/* ジャンル別 買取センター一覧 */
/************************************/
.purchase-center-list .purchase-center-list-inner {
  padding-inline: 24px;
}

@media screen and (max-width: 768px) {
  .purchase-center-list .purchase-center-list-inner {
    padding-inline: 0;
  }
}

.purchase-center-list .title {
  position: relative;
}

.purchase-center-list .title .link {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-size: 12px;
  color: #3E6DBB;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .purchase-center-list .title .link {
    display: block;
    margin-top: 29px;
    position: static;
    text-align: right;
  }
}

.purchase-center-list .title .link:hover {
  text-decoration: underline;
}

.purchase-center-list .purchase-center-list-item-list-wrapper {
  position: relative;
  /* 2行分の高さ + 3行目の透かし */
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;
}

.purchase-center-list .purchase-center-list-item-list-wrapper.maxheight-exceeded {
  max-height: 10.5em;
}

@media screen and (max-width: 768px) {
  .purchase-center-list .purchase-center-list-item-list-wrapper.maxheight-exceeded {
    max-height: 7em;
  }
}

.purchase-center-list .purchase-center-list-item-list-wrapper.expanded {
  max-height: none;
}

.purchase-center-list .purchase-center-list-item-list-wrapper.expanded .purchase-center-list-item-list-overlay {
  opacity: 0;
}

.purchase-center-list .purchase-center-list-item-list-wrapper .purchase-center-list-item-list-overlay {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.5em;
  /* 3行目の透かし部分の高さ */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.8)));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 100%);
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.purchase-center-list .read-more-btn {
  display: none;
  padding: 5px 15px 5px 0;
  color: #3E6DBB;
  font-size: 14px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  position: relative;
}

.purchase-center-list .read-more-btn:hover {
  text-decoration: underline;
}

.purchase-center-list .read-more-btn::after {
  content: '';
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  background-image: url(../img/icon/triangle-down.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: 0;
  top: 55%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.purchase-center-list .read-more-btn.expanded::after {
  background-image: url(../img/icon/triangle-up.svg);
}

.purchase-center-list .purchase-center-list-item-list {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  row-gap: 27px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .purchase-center-list .purchase-center-list-item-list {
    margin-top: 26px;
    row-gap: 20px;
  }
}

.purchase-center-list .purchase-center-list-item {
  margin-right: 24px;
  padding-right: 24px;
  color: #000;
  font-size: 17px;
  border-right: 1px solid #EFF4F5;
}

@media screen and (max-width: 768px) {
  .purchase-center-list .purchase-center-list-item {
    margin-right: 10px;
    padding-right: 10px;
    font-size: 12px;
  }
}

.purchase-center-list .purchase-center-list-item:nth-child(7), .purchase-center-list .purchase-center-list-item:nth-child(8), .purchase-center-list .purchase-center-list-item:nth-child(9), .purchase-center-list .purchase-center-list-item:nth-child(10), .purchase-center-list .purchase-center-list-item:nth-child(11) {
  margin-right: 18px;
  padding-right: 18px;
}

@media screen and (max-width: 768px) {
  .purchase-center-list .purchase-center-list-item:nth-child(7), .purchase-center-list .purchase-center-list-item:nth-child(8), .purchase-center-list .purchase-center-list-item:nth-child(9), .purchase-center-list .purchase-center-list-item:nth-child(10), .purchase-center-list .purchase-center-list-item:nth-child(11) {
    margin-right: 10px;
    padding-right: 10px;
  }
}

.purchase-center-list .purchase-center-list-item .link:hover {
  opacity: 0.7;
}

/************************************/
/* FAQセクション */
/************************************/
.faq-sec {
  max-width: 870px;
  margin-inline: auto;
}

.faq-sec .faq-area {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .faq-sec .faq-area {
    margin-top: 36px;
  }
}

.faq-sec .faq-list-item {
  padding-right: 28px;
}

.faq-sec .btn-container {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .faq-sec .btn-container {
    margin-top: 40px;
  }
}

.faq-sec .act-btn {
  font-size: 12px;
}

.faq-sec .act-btn.md {
  color: #4B4B4B;
}

/************************************/
/* 無料サービス説明セクション */
/************************************/
.free-service-sec {
  margin-top: 84px;
  color: #000;
}

@media screen and (max-width: 768px) {
  .free-service-sec {
    margin-top: 50px;
  }
}

.free-service-sec .free-service-sec-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 30px;
  column-gap: 30px;
}

@media screen and (max-width: 768px) {
  .free-service-sec .free-service-sec-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 20px;
  }
}

.free-service-sec .image {
  max-width: 490px;
  min-width: 390px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media screen and (max-width: 768px) {
  .free-service-sec .image {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .free-service-sec .image img {
    width: 100%;
  }
}

.free-service-sec .free-service-sec-content {
  max-width: 480px;
}

@media screen and (max-width: 768px) {
  .free-service-sec .free-service-sec-content {
    max-width: 100%;
  }
}

.free-service-sec .title {
  margin-top: -7px;
  line-height: calc(25 / 16);
  text-align: left;
}

.free-service-sec .desc-area {
  margin-top: 19px;
}

@media screen and (max-width: 768px) {
  .free-service-sec .desc-area {
    margin-top: 8px;
  }
}

.free-service-sec .desc-txt {
  margin-top: 1.7em;
  font-size: 12px;
  line-height: calc(20 / 12);
}

.free-service-sec .desc-txt:first-child {
  margin-top: 0;
}

.free-service-sec .underline {
  text-decoration: underline;
}

/************************************/
/* お知らせ・トピックス */
/************************************/
.news-and-topic-sec {
  margin-top: 75px;
}

@media screen and (max-width: 768px) {
  .news-and-topic-sec {
    margin-top: 40px;
  }
}

.news-and-topic-sec.mt-lg {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .news-and-topic-sec.mt-lg {
    margin-top: 50px;
  }
}

.news-and-topic-sec .news-and-topic-sec-content {
  margin-top: 36px;
}

.news-and-topic-sec .news-and-topic-sec-content .image {
  max-width: 235px;
  -webkit-transition: all .2s;
  transition: all .2s;
}

@media screen and (max-width: 520px) {
  .news-and-topic-sec .news-and-topic-sec-content .image {
    width: calc(179 / 375 * 100%);
  }
}

.news-and-topic-sec .news-and-topic-sec-content .image:hover {
  opacity: 0.7;
}

.news-and-topic-sec .news-and-topic-sec-content-inner,
.news-and-topic-sec .news-and-topic-sec-image-item-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  row-gap: 20px;
  -webkit-column-gap: 20px;
  column-gap: 20px;
}

@media screen and (max-width: 520px) {
  .news-and-topic-sec .news-and-topic-sec-content-inner,
  .news-and-topic-sec .news-and-topic-sec-image-item-block {
    -webkit-column-gap: calc(15 / 375 * 100%);
    column-gap: calc(15 / 375 * 100%);
    row-gap: 16px;
  }
}

/************************************/
/* ディスクユニオン買取サービスとは */
/************************************/
.purchase-service-about-us {
  margin-top: 94px;
}

.purchase-service-about-us .purchase-service-about-us-list {
  margin-top: 39px;
}

@media screen and (max-width: 768px) {
  .purchase-service-about-us .purchase-service-about-us-list {
    margin-top: 53px;
  }
}

/************************************/
/* ディスクユニオン買取サービスとは アイテム */
/************************************/
.purchase-service-about-us-item {
  padding-top: 36px;
  padding-bottom: 40px;
  border-top: 1px dotted #BFBFBF;
  position: relative;
}

@media screen and (max-width: 768px) {
  .purchase-service-about-us-item .point-prefix-bubble {
    position: absolute;
    top: 1em;
    left: 0px;
  }
}

.purchase-service-about-us-item:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 40px;
  background-color: #000;
  position: absolute;
  top: -20px;
  left: 48.7%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.purchase-service-about-us-item:last-child {
  border-bottom: 1px dotted #BFBFBF;
}

.purchase-service-about-us-item .purchase-service-about-us-item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 34px;
  column-gap: 34px;
}

@media screen and (max-width: 768px) {
  .purchase-service-about-us-item .purchase-service-about-us-item-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

.purchase-service-about-us-item .left-area {
  width: 394px;
}

@media screen and (max-width: 768px) {
  .purchase-service-about-us-item .left-area {
    width: 100%;
  }
}

.purchase-service-about-us-item .left-area .description {
  margin-top: 4px;
  margin-left: 58px;
  width: 336px;
  color: #000;
  font-size: 12px;
  line-height: calc(20 / 12);
}

@media screen and (max-width: 768px) {
  .purchase-service-about-us-item .left-area .description {
    width: auto;
    margin-left: 0;
    margin-top: 12px;
  }
}

.purchase-service-about-us-item .left-area .point-container {
  margin-top: 25px;
  margin-left: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 340px;
}

@media screen and (max-width: 768px) {
  .purchase-service-about-us-item .left-area .point-container {
    margin-top: 12px;
    margin-inline: auto;
  }
}

.purchase-service-about-us-item .right-area {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 455px;
  padding-top: 10px;
}

@media screen and (max-width: 768px) {
  .purchase-service-about-us-item .right-area {
    max-width: 100%;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .purchase-service-about-us-item .right-area .image {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .purchase-service-about-us-item .right-area .image img {
    width: 100%;
  }
}

.purchase-service-about-us-item .btn-container {
  margin-top: 34px;
  font-size: 12px;
}

.purchase-service-about-us-item .btn-container .act-btn {
  margin-inline: auto;
  color: #4B4B4B;
  border-color: #4B4B4B;
}

@media screen and (max-width: 768px) {
  .purchase-service-about-us-item .title-has-point-prefix-bubble {
    margin-top: 10px;
  }
}

/************************************/
/* 買取のお申込みはこちらから（フッターエリア） */
/************************************/
.purchase-application-form {
  margin-top: 100px;
  padding-top: 60px;
  padding-bottom: 100px;
  background-color: #F4F1E7;
}

@media screen and (max-width: 768px) {
  .purchase-application-form {
    margin-top: 50px;
    padding-top: 25px;
    padding-bottom: 50px;
  }
}

.purchase-application-form.pb-sm {
  padding-bottom: 55px;
}

.purchase-application-form .purchase-application-form-inner + .btn-container {
  margin-top: 42px;
}

.purchase-application-form .need-item-introduct-list {
  margin-top: 86px;
}

@media screen and (max-width: 768px) {
  .purchase-application-form .need-item-introduct-list {
    margin-top: 66px;
  }
}

.purchase-application-form .act-btn {
  margin-inline: auto;
  font-size: 12px;
  border-color: #4B4B4B;
}

.purchase-application-form .act-btn.bg-white {
  color: #4B4B4B;
}

/************************************/
/* 必要なもの提示コンテナリスト */
/************************************/
.need-item-introduct-list,
.need-item-introduct-container-has-wide-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  row-gap: 70px;
  -webkit-column-gap: 27px;
  column-gap: 27px;
}

@media screen and (max-width: 768px) {
  .need-item-introduct-list,
  .need-item-introduct-container-has-wide-btn {
    row-gap: 58px;
    width: 100%;
  }
}

.need-item-introduct-container-has-wide-btn {
  position: relative;
}

.need-item-introduct-container-has-wide-btn .download-btn-container {
  position: absolute;
  bottom: 51px;
  left: 32px;
}

.need-item-introduct-container-has-wide-btn .download-btn-container .act-btn {
  width: 592px;
  max-width: 100%;
}

/************************************/
/* 必要なもの提示コンテナ */
/************************************/
.need-item-introduct-content .need-item-illust-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 14px;
  column-gap: 14px;
}

.need-item-introduct-content .need-item-illust-list:has(.lg) {
  -webkit-column-gap: 17px;
  column-gap: 17px;
}

@media screen and (max-width: 768px) {
  .need-item-introduct-content .need-item-illust-list:has(.sp-sm) {
    -webkit-column-gap: 13px;
    column-gap: 13px;
  }
}

.need-item-introduct-content .caution {
  color: #000;
  font-size: 12px;
  line-height: calc(20 / 12);
  text-align: center;
}

.need-item-introduct-content .act-btn {
  font-size: 12px;
  border-color: #4B4B4B;
}

.need-item-introduct-content .act-btn.bg-white {
  color: #4B4B4B;
}

.need-item-introduct-content.single-col {
  width: 315px;
}

@media screen and (max-width: 768px) {
  .need-item-introduct-content.single-col {
    width: 100%;
  }
}

.need-item-introduct-content.single-col .need-item-introduct-content-inner {
  width: 100%;
  height: 458px;
  padding-top: 60px;
  padding-inline: 15px;
  border: 1px solid #707070;
}

@media screen and (max-width: 768px) {
  .need-item-introduct-content.single-col .need-item-introduct-content-inner {
    height: auto;
    padding-top: 55px;
    padding-bottom: 29px;
  }
}

.need-item-introduct-content.single-col .msg {
  margin-top: 31px;
  color: #000;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .need-item-introduct-content.single-col .msg {
    margin-top: 16px;
  }
}

.need-item-introduct-content.single-col .contact-info {
  text-align: center;
}

.need-item-introduct-content.single-col .contact-info .contact-info-title {
  font-size: 12px;
  color: #4B4B4B;
  font-weight: bold;
}

.need-item-introduct-content.single-col .contact-info .contact-info-tel {
  font-size: 36px;
  color: #4B4B4B;
  font-weight: bold;
}

.need-item-introduct-content.single-col .contact-info .contact-info-time {
  font-size: 12px;
  color: #4B4B4B;
}

.need-item-introduct-content.single-col .caution {
  margin-top: 8px;
}

@media screen and (max-width: 768px) {
  .need-item-introduct-content.single-col .caution {
    margin-top: 14px;
  }
}

.need-item-introduct-content.single-col .grid-area {
  display: -ms-grid;
  display: grid;
  margin-top: 26px;
}

@media screen and (max-width: 768px) {
  .need-item-introduct-content.single-col .grid-area {
    margin-top: 25px;
  }
}

.need-item-introduct-content.single-col .grid-area.mt-sm {
  margin-top: 7px;
}

@media screen and (max-width: 768px) {
  .need-item-introduct-content.single-col .grid-area.mt-sm {
    margin-top: 2px;
  }
}

.need-item-introduct-content.single-col .grid-area.has-one-btn {
  row-gap: 15px;
  -ms-grid-rows: 40px auto;
  grid-template-rows: 40px auto;
}

@media screen and (max-width: 768px) {
  .need-item-introduct-content.single-col .grid-area.has-one-btn {
    row-gap: 0;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }
}

.need-item-introduct-content.single-col .grid-area.has-one-btn .act-btn {
  -ms-grid-row: 2;
  grid-row: 2;
}

.need-item-introduct-content.single-col .grid-area.has-four-btn {
  row-gap: 15px;
  -ms-grid-rows: 40px 40px 40px;
  grid-template-rows: 40px 40px 40px;
}

.need-item-introduct-content.single-col .grid-area.has-contact-info {
  row-gap: 15px;
  -ms-grid-rows: 95px 40px;
  grid-template-rows: 95px 40px;
}

.need-item-introduct-content.single-col .grid-area.has-contact-info .contact-info {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.need-item-introduct-content.single-col .under-caution {
  margin-top: 80px;
  color: #000;
  font-size: 12px;
  line-height: calc(20 / 12);
  text-align: center;
}

@media screen and (max-width: 768px) {
  .need-item-introduct-content.single-col .under-caution {
    margin-top: 24px;
  }
}

.need-item-introduct-content.semi-wide .need-item-introduct-content-inner {
  padding: 50px 37px 38px 50px;
  max-width: 750px;
  margin-inline: auto;
  border: 1px solid #707070;
  background-color: #F4F1E7;
}

@media screen and (max-width: 768px) {
  .need-item-introduct-content.semi-wide .need-item-introduct-content-inner {
    padding: 55px 37px 30px 43px;
    border: none;
  }
}

.need-item-introduct-content.semi-wide .need-item-introduct-content-inner-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 28px;
  column-gap: 28px;
}

@media screen and (max-width: 768px) {
  .need-item-introduct-content.semi-wide .need-item-introduct-content-inner-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.need-item-introduct-content.semi-wide .caution {
  margin-top: -3px;
  text-align: left;
  font-size: 14px;
  line-height: calc(25 / 14);
}

@media screen and (max-width: 768px) {
  .need-item-introduct-content.semi-wide .caution {
    margin-top: 24px;
    max-width: 255px;
    font-size: 12px;
    line-height: calc(20 / 12);
  }
}

.need-item-introduct-content.semi-wide .btn-container {
  margin-top: 11px;
}

@media screen and (max-width: 768px) {
  .need-item-introduct-content.semi-wide .btn-container {
    margin-top: 25px;
  }
}

.need-item-introduct-content.full-wide .need-item-introduct-content-inner {
  padding: 50px 37px 38px 50px;
  max-width: 100%;
  border: 1px solid #707070;
  background-color: #F4F1E7;
}

@media screen and (max-width: 768px) {
  .need-item-introduct-content.full-wide .need-item-introduct-content-inner {
    border: none;
    padding: 55px 14px 32px 16px;
  }
}

.need-item-introduct-content.full-wide .need-item-introduct-content-inner-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 28px;
  column-gap: 28px;
}

@media screen and (max-width: 768px) {
  .need-item-introduct-content.full-wide .need-item-introduct-content-inner-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.need-item-introduct-content.full-wide .need-item-introduct-content-inner-flex.align-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media screen and (max-width: 768px) {
  .need-item-introduct-content.full-wide .need-item-introduct-content-inner-flex.align-start {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.need-item-introduct-content.full-wide .need-item-introduct-content-inner-flex .left-container {
  margin-left: 14%;
}

@media screen and (max-width: 768px) {
  .need-item-introduct-content.full-wide .need-item-introduct-content-inner-flex .left-container {
    margin-left: 0;
  }
}

.need-item-introduct-content.full-wide .caution {
  margin-top: -3px;
  text-align: left;
  font-size: 14px;
  line-height: calc(25 / 14);
}

@media screen and (max-width: 768px) {
  .need-item-introduct-content.full-wide .caution {
    margin-top: 24px;
    max-width: 251px;
  }
}

.need-item-introduct-content.full-wide .btn-container {
  margin-top: 43px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 24px;
  column-gap: 24px;
}

.need-item-introduct-content.full-wide .btn-container.mt-sm {
  margin-top: 18px;
}

@media screen and (max-width: 768px) {
  .need-item-introduct-content.full-wide .btn-container {
    margin-top: 22px;
    row-gap: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

/************************************/
/* 必要なものイラスト */
/************************************/
.need-item-illust {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 14px;
  width: 80px;
  height: 80px;
  background-image: url("../img/illust/need-item-bg.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}

.need-item-illust.bg-blue {
  background-image: url("../img/illust/need-item-bg-blue.svg");
}

.need-item-illust.lg {
  width: 95px;
  height: 95px;
}

@media screen and (max-width: 768px) {
  .need-item-illust.lg {
    width: 85px;
    height: 85px;
  }
}

.need-item-illust.lg .icon {
  display: block;
  width: 35px;
}

.need-item-illust.lg .icon.record {
  left: -6%;
}

.need-item-illust.lg .icon.identification-doc {
  left: 0;
}

.need-item-illust.lg .icon img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .need-item-illust.sp-sm .icon {
    display: block;
    width: 31px;
  }
  .need-item-illust.sp-sm .icon.record {
    left: -3%;
  }
}

.need-item-illust .icon {
  position: absolute;
  top: -7%;
}

.need-item-illust .icon.record {
  left: -7%;
}

.need-item-illust .icon.identification-doc {
  left: -5%;
}

.need-item-illust .icon.application-form {
  left: -1%;
}

.need-item-illust .txt {
  font-size: 13px;
  font-weight: bold;
  line-height: calc(15 / 13);
  text-align: center;
  color: #000;
}

/************************************/
/* 渋谷DJ買取FV */
/************************************/
.dj-buy-fv .dj-buy-fv-image {
  margin-inline: auto;
  margin-top: 40px;
  max-width: 880px;
}

@media screen and (max-width: 768px) {
  .dj-buy-fv .dj-buy-fv-image {
    margin-top: 25px;
  }
}

.dj-buy-fv .purchase-page-title {
  line-break: strict;
}

/************************************/
/* 渋谷DJ買取セクション */
/************************************/
.dj-buy-sec {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .dj-buy-sec {
    margin-top: 25px;
  }
}

.dj-buy-sec.mt-lg {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .dj-buy-sec.mt-lg {
    margin-top: 43px;
  }
}

@media screen and (max-width: 768px) {
  .dj-buy-sec.sp-mt-lg {
    margin-top: 43px;
  }
}

@media screen and (max-width: 768px) {
  .dj-buy-sec.sp-mt-xl {
    margin-top: 50px;
  }
}

.dj-buy-sec .dj-buy-sec-inner {
  padding-top: 65px;
  border-top: 1px solid #eff4f5;
}

@media screen and (max-width: 768px) {
  .dj-buy-sec .dj-buy-sec-inner {
    padding-top: 0;
  }
}

.dj-buy-sec .dj-buy-sec-inner:has(.act-btn) {
  padding-top: 40px;
}

@media screen and (max-width: 768px) {
  .dj-buy-sec .dj-buy-sec-inner:has(.act-btn) {
    padding-top: 25px;
  }
}

@media screen and (max-width: 768px) {
  .dj-buy-sec .dj-buy-sec-inner.sp-border-top-none {
    border-top: none;
  }
}

@media screen and (max-width: 768px) {
  .dj-buy-sec .dj-buy-sec-inner.sp-pt-lg {
    padding-top: 25px;
  }
}

.dj-buy-sec .title {
  color: #000;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 2em;
  line-break: strict;
}

@media screen and (max-width: 768px) {
  .dj-buy-sec .title {
    margin-bottom: 1em;
    font-size: 16px;
    line-height: 1.4;
  }
}

.dj-buy-sec .title.sm {
  font-size: 22px;
}

@media screen and (max-width: 768px) {
  .dj-buy-sec .title.sm {
    font-size: 16px;
    line-height: 1.4;
  }
}

.dj-buy-sec .txt {
  margin-top: 2em;
  font-size: 16px;
  color: #000;
  line-height: 1.7;
  line-break: strict;
}

@media screen and (max-width: 768px) {
  .dj-buy-sec .txt {
    margin-top: 1.7em;
    font-size: 12px;
    line-height: calc(20 / 12);
  }
}

@media screen and (max-width: 768px) {
  .dj-buy-sec .txt.sp-mt-sm {
    margin-top: 1em;
  }
}

.dj-buy-sec .txt.sm {
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .dj-buy-sec .txt.sm {
    font-size: 12px;
    line-height: calc(20 / 12);
  }
}

.dj-buy-sec .txt.center {
  text-align: center;
}

@media screen and (max-width: 768px) {
  .dj-buy-sec .txt.center {
    text-align: left;
  }
}

.dj-buy-sec .txt.mt-sm {
  margin-top: 1em;
}

.dj-buy-sec .image {
  margin-top: 1.5em;
}

@media screen and (max-width: 768px) {
  .dj-buy-sec .image {
    margin-top: 1em;
    aspect-ratio: 345 / 173;
  }
  .dj-buy-sec .image.sp-aspr-h-220 {
    aspect-ratio: 345 / 220;
  }
}

@media screen and (max-width: 768px) {
  .dj-buy-sec .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}

.dj-buy-sec .link {
  color: #3E6DBB;
  font-weight: bold;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .dj-buy-sec .link {
    font-size: 12px;
    font-weight: normal;
    line-height: calc(20 / 12);
  }
}

.dj-buy-sec .link:hover {
  text-decoration: underline;
}

.dj-buy-sec .table-cell-area {
  margin-top: 1.5em;
}

@media screen and (max-width: 768px) {
  .dj-buy-sec .table-cell-area {
    margin-top: 1em;
  }
}

.dj-buy-sec .table-cell-area table {
  border-top: 1px solid #999;
  border-right: 1px solid #999;
}

@media screen and (max-width: 768px) {
  .dj-buy-sec .table-cell-area table {
    border-top: none;
    border-right: none;
  }
}

.dj-buy-sec .table-cell-area table th,
.dj-buy-sec .table-cell-area table td {
  border-left: 1px solid #999;
  border-bottom: 1px solid #999;
  padding: 10px;
}

@media screen and (max-width: 768px) {
  .dj-buy-sec .table-cell-area table th,
  .dj-buy-sec .table-cell-area table td {
    padding: 3px 14px;
    font-size: 12px;
    line-height: calc(20 / 12);
  }
}

@media screen and (max-width: 768px) {
  .dj-buy-sec .table-cell-area tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 13px;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
  }
}

@media screen and (max-width: 768px) {
  .dj-buy-sec .table-cell-area tr:first-child {
    margin-top: 0;
  }
}

.dj-buy-sec .table-cell-area .add-du-makerlist {
  width: 20%;
  min-width: 200px;
}

@media screen and (max-width: 768px) {
  .dj-buy-sec .table-cell-area .add-du-makerlist {
    width: 100%;
  }
}

.dj-buy-sec .dj-buy-achievement-list {
  margin-top: 1.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 35px;
  -webkit-column-gap: 10px;
  column-gap: 10px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-inline: 0.8em;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .dj-buy-sec .dj-buy-achievement-list {
    margin-top: 1em;
    padding-inline: 0;
    row-gap: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.dj-buy-sec .dj-buy-achievement-list .dj-buy-achievement-list-item {
  max-width: 480px;
  width: calc(50% - 5px);
}

@media screen and (max-width: 768px) {
  .dj-buy-sec .dj-buy-achievement-list .dj-buy-achievement-list-item {
    width: 100%;
  }
}

.dj-buy-sec .dj-buy-achievement-list .image {
  margin-top: 0;
  height: 95%;
}

@media screen and (max-width: 768px) {
  .dj-buy-sec .dj-buy-achievement-list .image {
    aspect-ratio: 345 / 259;
  }
}

.dj-buy-sec .dj-buy-achievement-list .image img {
  height: 100%;
}

.dj-buy-sec .dj-buy-achievement-list .sm-txt {
  margin-top: 0.4em;
  font-size: 14px;
  color: #000;
}

@media screen and (max-width: 768px) {
  .dj-buy-sec .dj-buy-achievement-list .sm-txt {
    margin-top: 0.2em;
    font-size: 12px;
    line-height: calc(20 / 12);
  }
}

.dj-buy-sec .btn-container {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .dj-buy-sec .btn-container {
    margin-top: 24px;
  }
}

.dj-buy-sec .btn-container.mt-lg {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .dj-buy-sec .btn-container.mt-lg {
    margin-top: 30px;
  }
}

.dj-buy-sec .btn-container .act-btn {
  font-size: 12px;
  margin-inline: auto;
}

/************************************/
/* 店舗詳細ページ */
/************************************/
.store-detail-main-contents-area {
  margin-top: 45px;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .store-detail-main-contents-area {
    margin-top: 33px;
  }
}

@media screen and (max-width: 768px) {
  .store-detail-main-contents-area .container {
    padding-inline: 0;
  }
}

@media screen and (max-width: 768px) {
  .store-detail-main-contents-area .container--sp {
    padding-inline: 15px;
  }
}

.store-detail-main-contents-area .store-detail-main-contents-area-inner {
  max-width: 1020px;
  display: -ms-grid;
  display: grid;
  -webkit-column-gap: 52px;
  column-gap: 52px;
  -ms-grid-columns: 220px auto;
  grid-template-columns: 220px auto;
  grid-template-areas: "areaA areaB" "areaA areaC" ". areaD";
}

@media screen and (max-width: 768px) {
  .store-detail-main-contents-area .store-detail-main-contents-area-inner {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    grid-template-areas: "areaB" "areaA" "areaC" "areaD";
  }
}

.store-detail-main-contents-area .store-detail-main-contents-area-inner .side-menu-area {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  grid-area: areaA;
}

.store-detail-main-contents-area .store-detail-main-contents-area-inner .store-detail-contents-area {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: areaB;
}

.store-detail-main-contents-area .store-detail-main-contents-area-inner .store-blog-container {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: areaC;
}

.store-detail-main-contents-area .store-detail-main-contents-area-inner .store-detail-page-contact-form-container {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
  grid-area: areaD;
}

/* 店舗詳細ページ　サイドメニュー */
/***********************************************************/
@media screen and (max-width: 768px) {
  .side-menu-area {
    margin-top: 41px;
  }
}

.side-menu-area .container {
  padding-right: 0;
}

.side-menu-area .side-menu-area-inner .title {
  color: #4B4B4B;
  font-size: 16px;
  font-weight: bold;
}

.side-menu-area .sns-icon-list {
  margin-top: 25px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .side-menu-area .sns-icon-list {
    margin-top: 31px;
  }
}

/* 店舗詳細ページ　サービスリスト */
/***********************************************************/
.store-detail-service-list {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .store-detail-service-list {
    margin-top: 33px;
  }
}

/* 店舗詳細ページ　サービスアイテム */
/***********************************************************/
.store-detail-service-list-item {
  padding-top: 20px;
  padding-bottom: 31px;
  border-top: 1px solid #BFBFBF;
}

@media screen and (max-width: 768px) {
  .store-detail-service-list-item {
    padding-top: 26px;
    padding-bottom: 29px;
  }
}

@media screen and (max-width: 768px) {
  .store-detail-service-list-item:first-child {
    padding-top: 0;
    border-top: none;
  }
}

.store-detail-service-list-item:last-child {
  border-bottom: 1px solid #BFBFBF;
}

.store-detail-service-list-item .sub-title {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .store-detail-service-list-item .sub-title {
    text-align: left;
    font-size: 14px;
  }
}

.store-detail-service-list-item .txt {
  margin-top: 18px;
  color: #4B4B4B;
  font-size: 14px;
  line-height: calc(20 / 14);
}

@media screen and (max-width: 768px) {
  .store-detail-service-list-item .txt {
    margin-top: 11px;
    font-size: 12px;
    line-height: calc(20 / 12);
  }
}

.store-detail-service-list-item .btn-container {
  margin-top: 28px;
  display: -ms-grid;
  display: grid;
  row-gap: 20px;
}

@media screen and (max-width: 768px) {
  .store-detail-service-list-item .btn-container {
    margin-top: 15px;
  }
}

.store-detail-service-list-item .btn-container.mt-sm {
  margin-top: 15px;
}

.store-detail-service-list-item .btn-container .act-btn {
  margin-inline: auto;
}

@media screen and (max-width: 768px) {
  .store-detail-service-list-item .btn-container .act-btn.sm {
    height: 40px;
    width: 250px;
  }
}

@media screen and (max-width: 768px) {
  .store-detail-service-list-item .btn-container .act-btn.sm.truck:before {
    left: 15px;
  }
}

.store-detail-service-list-item .btn-container .act-btn.arrow-rr-gray {
  color: #4B4B4B;
  border-color: #4B4B4B;
}

/* 店舗詳細ページ　店舗詳細情報メインコンテンツ */
/***********************************************************/
.store-detail-contents-area .container {
  padding-left: 0;
}

.store-detail-contents-area h2, .store-detail-contents-area h3, .store-detail-contents-area h4 {
  margin-top: 0;
  margin-bottom: 0;
}

.store-detail-contents-area .title {
  color: #000;
  font-size: 20px;
  font-weight: bold;
}

/* 店舗詳細ページ　店舗営業情報 */
/***********************************************************/
.store-detail-business-info-container {
  margin-top: 17px;
}

@media screen and (max-width: 768px) {
  .store-detail-business-info-container {
    margin-top: 22px;
  }
}

.store-detail-business-info-container .store-detail-business-info-inner {
  display: -ms-grid;
  display: grid;
  -webkit-column-gap: 28px;
  column-gap: 28px;
  -ms-grid-columns: minmax(250px, 400px) minmax(200px, 300px);
  grid-template-columns: minmax(250px, 400px) minmax(200px, 300px);
}

@media screen and (max-width: 768px) {
  .store-detail-business-info-container .store-detail-business-info-inner {
    -ms-grid-columns: auto;
    grid-template-columns: auto;
  }
}

.store-detail-business-info-container .google-map-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: calc((100% / 400) * 400);
}

@media screen and (max-width: 768px) {
  .store-detail-business-info-container .google-map-container {
    padding-top: calc((100% / 400) * 186);
  }
}

.store-detail-business-info-container .google-map-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 768px) {
  .store-detail-business-info-container .store-business-info-detail-container {
    margin-top: 15px;
  }
}

.store-detail-business-info-container .store-business-info-list .store-business-info-item {
  margin-top: 15px;
}

@media screen and (max-width: 768px) {
  .store-detail-business-info-container .store-business-info-list .store-business-info-item {
    margin-top: 11px;
  }
}

.store-detail-business-info-container .store-business-info-list .store-business-info-item:first-child {
  margin-top: 0;
}

.store-detail-business-info-container .store-business-info-list .sub-title, .store-detail-business-info-container .store-business-info-list .txt {
  color: #000;
  font-size: 14px;
  line-height: calc(20 / 14);
}

@media screen and (max-width: 768px) {
  .store-detail-business-info-container .store-business-info-list .sub-title, .store-detail-business-info-container .store-business-info-list .txt {
    font-size: 12px;
    line-height: calc(18 / 12);
  }
}

@media screen and (max-width: 768px) {
  .store-detail-business-info-container .store-business-info-list .sub-title.sp-display-inline, .store-detail-business-info-container .store-business-info-list .txt.sp-display-inline {
    display: inline;
  }
}

@media screen and (max-width: 768px) {
  .store-detail-business-info-container .store-business-info-list .sub-title.sp-mr, .store-detail-business-info-container .store-business-info-list .txt.sp-mr {
    margin-right: 8px;
  }
}

.store-detail-business-info-container .store-business-info-list .btn-container {
  margin-top: 10px;
  margin-bottom: 28px;
}

@media screen and (max-width: 768px) {
  .store-detail-business-info-container .store-business-info-list .btn-container {
    margin-top: 7px;
    margin-bottom: 14px;
  }
}

.store-detail-business-info-container .store-business-info-list .act-btn {
  color: #4B4B4B;
  border-color: #4B4B4B;
}

@media screen and (max-width: 768px) {
  .store-detail-business-info-container .store-business-info-list .act-btn {
    margin-inline: auto;
    width: 183px;
  }
}

/* 店舗詳細ページ　ギャラリー */
/***********************************************************/
.store-gallery-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  row-gap: 15px;
  -webkit-column-gap: 15px;
  column-gap: 15px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 728px;
}

@media screen and (max-width: 1024px) {
  .store-gallery-container {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

@media screen and (max-width: 768px) {
  .store-gallery-container {
    -webkit-column-gap: 1px;
    column-gap: 1px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: calc(234px * 3);
    margin-left: -15px;
  }
}

.store-gallery-container .store-gallery-item {
  cursor: pointer;
  max-width: 232px;
}

@media screen and (max-width: 768px) {
  .store-gallery-container .store-gallery-item {
    max-width: 100%;
    width: 234px;
  }
}

.store-gallery-container-wrapper {
  overflow-x: scroll;
  margin-top: 43px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.store-gallery-container-wrapper::-webkit-scrollbar {
  display: none;
}

@media screen and (max-width: 768px) {
  .store-gallery-container-wrapper {
    margin-top: 24px;
  }
}

/* 店舗詳細ページ　店舗紹介 */
/***********************************************************/
.store-introduction-container {
  margin-top: 18px;
}

@media screen and (max-width: 768px) {
  .store-introduction-container {
    margin-top: 23px;
  }
}

.store-introduction-container .txt {
  color: #000;
  font-size: 14px;
  line-height: calc(25 / 14);
}

@media screen and (max-width: 768px) {
  .store-introduction-container .txt {
    font-size: 12px;
    line-height: calc(20 / 12);
  }
}

/* 店舗詳細ページ　店舗ブログコンテナ */
/***********************************************************/
.store-blog-container {
  margin-top: 39px;
}

@media screen and (max-width: 768px) {
  .store-blog-container {
    margin-top: 50px;
  }
}

.store-blog-container .container {
  padding-left: 0;
}

.store-blog-container .store-blog-container-inner {
  padding: 22px 23px;
  background-color: #F4F4F4;
}

@media screen and (max-width: 768px) {
  .store-blog-container .store-blog-container-inner {
    padding: 34px 15px 51px 15px;
  }
}

.store-blog-container .title {
  color: #000;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
}

.store-blog-container .btn-container {
  margin-top: 28px;
}

@media screen and (max-width: 768px) {
  .store-blog-container .btn-container {
    margin-top: 41px;
  }
}

.store-blog-container .act-btn {
  margin-inline: auto;
  font-size: 12px;
  border-color: #707070;
}

.store-blog-container .act-btn.md {
  color: #707070;
}

.page-store-detail__RSS-sample .store-blog-container {
  margin-top: 39px;
}

@media screen and (max-width: 768px) {
  .page-store-detail__RSS-sample .store-blog-container {
    margin-top: 50px;
  }
}

.page-store-detail__RSS-sample .store-blog-container .container {
  padding-left: 0;
}

.page-store-detail__RSS-sample .store-blog-container .store-blog-container-inner {
  padding: 30px 54px 40px 33px;
  background-color: #F4F4F4;
}

@media screen and (max-width: 768px) {
  .page-store-detail__RSS-sample .store-blog-container .store-blog-container-inner {
    padding: 34px 15px 51px 15px;
  }
}

.page-store-detail__RSS-sample .store-blog-container .title {
  color: #000;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
}

.page-store-detail__RSS-sample .store-blog-container .btn-container {
  margin-top: 28px;
}

@media screen and (max-width: 768px) {
  .page-store-detail__RSS-sample .store-blog-container .btn-container {
    margin-top: 41px;
  }
}

.page-store-detail__RSS-sample .store-blog-container .act-btn {
  margin-inline: auto;
  font-size: 12px;
  border-color: #707070;
}

.page-store-detail__RSS-sample .store-blog-container .act-btn.md {
  color: #707070;
}

/* 店舗詳細ページ　店舗ブログ */
/***********************************************************/
.store-blog-item-container {
  margin-top: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  row-gap: 15px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .store-blog-item-container {
    margin-top: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.store-blog-item {
  padding-top: 7px;
  padding-bottom: 14px;
}

@media screen and (max-width: 768px) {
  .store-blog-item {
    padding-top: 0px;
    padding-bottom: 17px;
    border-right: none;
  }
}

.store-blog-item:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}

.store-blog-item .date, .store-blog-item .excerpt {
  color: #000;
  font-size: 12px;
  line-height: calc(20 / 12);
}

.store-blog-item .excerpt {
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .store-blog-item .excerpt {
    line-clamp: 2;
    -webkit-line-clamp: 2;
  }
}

.page-store-detail__RSS-sample .store-blog-item-container {
  margin-top: 17px;
}

@media screen and (max-width: 768px) {
  .page-store-detail__RSS-sample .store-blog-item-container {
    margin-top: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.page-store-detail__RSS-sample .store-blog-item {
  padding-top: 7px;
  padding-bottom: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
}

.page-store-detail__RSS-sample .store-blog-item:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}

.page-store-detail__RSS-sample .store-blog-item.link {
  -webkit-transition: all .2s;
  transition: all .2s;
}

.page-store-detail__RSS-sample .store-blog-item.link:hover {
  opacity: 0.7;
}

.page-store-detail__RSS-sample .store-blog-item .store-blog-item-img {
  width: 200px;
  margin-right: 19px;
  padding-right: 25px;
  border-right: 1px solid #BFBFBF;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

@media screen and (max-width: 768px) {
  .page-store-detail__RSS-sample .store-blog-item .store-blog-item-img {
    width: auto;
    max-width: 200px;
    min-width: 120px;
    margin-right: 15px;
    padding-right: 15px;
  }
}

.page-store-detail__RSS-sample .store-blog-item .store-blog-item-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media screen and (max-width: 768px) {
  .page-store-detail__RSS-sample .store-blog-item .store-blog-item-content {
    min-width: 160px;
  }
}

.page-store-detail__RSS-sample .store-blog-item .blog-title {
  font-size: 14px;
  font-weight: bold;
  line-height: calc(20 / 14);
  line-break: anywhere;
}

.page-store-detail__RSS-sample .store-blog-item .blog-excerpt {
  margin-top: 7px;
  font-size: 12px;
  line-height: calc(20 / 12);
  /* テキスト省略 */
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.page-store-detail__RSS-sample .store-blog-item .sub-info {
  margin-top: 1rem;
  text-align: right;
  font-size: 12px;
  font-weight: bold;
  line-height: calc(20 / 12);
}

/* 店舗詳細　お問い合わせフォーム */
/***********************************************************/
.store-detail-page-contact-form-container {
  margin-top: 76px;
}

@media screen and (max-width: 768px) {
  .store-detail-page-contact-form-container {
    margin-top: 46px;
  }
}

.store-detail-page-contact-form-container .container {
  padding-left: 0;
}

.store-detail-page-contact-form-container .title {
  color: #000;
  font-size: 16px;
  font-weight: bold;
}

.store-detail-page-contact-form-container .caution {
  margin-top: 6px;
  color: #000;
  font-size: 12px;
  line-height: calc(20 / 12);
}

.store-detail-page-contact-form-container .form-area {
  margin-top: 10px;
}

.store-detail-page-contact-form-container .btn-container {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .store-detail-page-contact-form-container .btn-container {
    margin-top: 40px;
  }
}

.store-detail-page-contact-form-container .btn-container .act-btn {
  font-size: 12px;
  margin-inline: auto;
}

.store-detail-page-contact-form-container .caution-block {
  margin-top: 30px;
  color: #000;
  font-size: 12px;
  line-height: calc(20 / 12);
}

@media screen and (max-width: 768px) {
  .store-detail-page-contact-form-container .caution-block {
    margin-top: 44px;
  }
}

.store-detail-page-contact-form-container .caution-block .link {
  cursor: pointer;
  text-decoration: underline;
}

.store-detail-page-contact-form-container .caution-block .link:hover {
  opacity: 0.7;
}

.store-detail-page-contact-form-container textarea {
  font-size: 14px;
}

/************************************/
/* 店舗受け取りサービス */
/************************************/
.store-reserve-top-youtube .youtube {
  margin-top: 60px;
  margin-inline: auto;
  width: 100%;
  max-width: 500px;
  aspect-ratio: 500 / 284;
}

@media screen and (max-width: 768px) {
  .store-reserve-top-youtube .youtube {
    margin-top: 30px;
  }
}

.store-reserve-top-youtube .youtube iframe {
  width: 100%;
  height: 100%;
}

.reserve-service-top-sec.sub-page-purchase-select-three-type {
  margin-top: 87px;
}

@media screen and (max-width: 768px) {
  .reserve-service-top-sec.sub-page-purchase-select-three-type {
    margin-top: 40px;
  }
}

.reserve-service-top-sec.sub-page-purchase-select-three-type .title {
  color: #000;
  font-size: 24px;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .reserve-service-top-sec.sub-page-purchase-select-three-type .title {
    font-size: 20px;
  }
}

.reserve-service-top-sec.sub-page-purchase-select-three-type .purchase-select-three-type-inner {
  margin-top: 30px;
}

.reserve-service-top-sec.sub-page-purchase-select-three-type .purchase-select-three-type-inner .three-point-item {
  width: 284px;
}

.reserve-service-top-sec.action-step-flow {
  margin-top: 30px;
}

.reserve-service-top-sec .action-step-sub-flow-container {
  margin-top: 20px;
}

.reserve-service-top-sec.terms-of-use {
  color: #000;
  margin-top: 93px;
}

@media screen and (max-width: 768px) {
  .reserve-service-top-sec.terms-of-use {
    margin-top: 50px;
  }
}

.reserve-service-top-sec.terms-of-use .terms-of-use-inner {
  margin-inline: auto;
  padding-top: 28px;
  padding-bottom: 25px;
  padding-inline: 30px;
  max-width: 850px;
  border: 1px solid #707070;
  position: relative;
}

@media screen and (max-width: 768px) {
  .reserve-service-top-sec.terms-of-use .terms-of-use-inner {
    padding-inline: 20px;
  }
}

.reserve-service-top-sec.terms-of-use .sec-title {
  text-align: center;
  width: 137px;
  color: #000;
  font-size: 16px;
  font-weight: bold;
  left: 50%;
  top: -1.9rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  background-color: white;
  z-index: 10;
}

.reserve-service-top-sec.terms-of-use .lead {
  text-align: center;
  color: #000;
  font-size: 16px;
  font-weight: bold;
}

.reserve-service-top-sec.terms-of-use .txt {
  margin-top: 17px;
  font-size: 14px;
  text-align: center;
}

.reserve-service-top-sec.terms-of-use .btn-container {
  margin-top: 22px;
}

.reserve-service-top-sec.terms-of-use .act-btn {
  margin-top: 0;
  font-size: 12px;
}

.reserve-service-top-sec.terms-of-use .caution-list {
  margin-top: 23px;
  max-width: 475px;
  margin-inline: auto;
}

.reserve-service-top-sec.terms-of-use .caution-item {
  padding-left: 1rem;
  font-size: 12px;
  position: relative;
  line-height: calc(20 / 12);
}

.reserve-service-top-sec.terms-of-use .caution-item:before {
  content: "・";
  font-size: 12px;
  display: inline;
  position: absolute;
  left: 0;
  top: 0;
}

.reserve-service-top-sec.terms-of-use .faq-btn-container {
  margin-top: 25px;
}

.reserve-service-top-sec.terms-of-use .faq-btn-container .txt {
  font-size: 14px;
}

.reserve-service-top-sec.terms-of-use .faq-btn-container .act-btn {
  color: #4B4B4B;
  border-color: #4B4B4B;
}

.reserve-service-top-sec.terms-of-use .caution-container {
  margin-top: 46px;
  max-width: 850px;
  margin-inline: auto;
}

.reserve-service-top-sec.terms-of-use .caution-container .title {
  font-size: 16px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .reserve-service-top-sec.terms-of-use .caution-container .title {
    font-size: 14px;
  }
}

.reserve-service-top-sec.terms-of-use .caution-container .caution-list {
  margin-top: 2rem;
  margin-inline: 0;
  max-width: none;
}

@media screen and (max-width: 768px) {
  .reserve-service-top-sec.terms-of-use .caution-container .caution-list {
    margin-top: 1rem;
  }
}

.reserve-service-top-sec.terms-of-use .caution-container .caution-item:before {
  content: "・";
  font-size: 16px;
  display: inline;
  position: absolute;
  left: 0;
  top: 0.3rem;
}

@media screen and (max-width: 768px) {
  .reserve-service-top-sec.terms-of-use .caution-container .caution-item:before {
    top: 0.2rem;
    font-size: 14px;
  }
}

.reserve-service-top-sec.terms-of-use .caution-container .caution-item-txt {
  font-size: 16px;
  line-height: calc(30 / 16);
}

@media screen and (max-width: 768px) {
  .reserve-service-top-sec.terms-of-use .caution-container .caution-item-txt {
    font-size: 14px;
  }
}

.reserve-service-top-sec.terms-of-use .caution-container .link {
  color: #3E6DBB;
  font-weight: bold;
}

.reserve-service-top-sec.terms-of-use .caution-container .link:hover {
  text-decoration: underline;
}

/************************************/
/* 大量のCD買取なら宅配買取がおすすめ */
/************************************/
.purchase-ooguchi-service {
  margin-top: 80px;
  color: #000;
}

@media screen and (max-width: 768px) {
  .purchase-ooguchi-service {
    margin-top: 40px;
  }
}

.purchase-ooguchi-service .purchase-page-title {
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  .purchase-ooguchi-service .purchase-page-title {
    font-size: 16px;
    line-height: calc(20 / 16);
  }
}

.purchase-ooguchi-service .lead {
  margin-top: 50px;
  font-size: 16px;
  text-align: center;
  font-weight: 400;
  line-height: calc(25 / 16);
}

@media screen and (max-width: 768px) {
  .purchase-ooguchi-service .lead {
    margin-top: 30px;
    font-size: 14px;
    line-height: calc(20 / 14);
  }
}

.purchase-ooguchi-service .image-container {
  margin-top: 50px;
  max-width: 886px;
  margin-inline: auto;
}

@media screen and (max-width: 768px) {
  .purchase-ooguchi-service .image-container {
    margin-top: 30px;
    font-size: 14px;
    line-height: calc(20 / 14);
  }
}

.purchase-ooguchi-service-sec {
  margin-top: 80px;
  color: #000;
}

@media screen and (max-width: 768px) {
  .purchase-ooguchi-service-sec {
    margin-top: 50px;
  }
}

.purchase-ooguchi-service-sec .purchase-page-title {
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  .purchase-ooguchi-service-sec .purchase-page-title {
    font-size: 16px;
    line-height: calc(25 / 16);
  }
}

.purchase-ooguchi-service-sec .sub-title {
  font-weight: bold;
  font-size: 16px;
}

.purchase-ooguchi-service-sec .sec {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .purchase-ooguchi-service-sec .sec {
    margin-top: 20px;
  }
}

.purchase-ooguchi-service-sec .sec.mt-15 {
  margin-top: 15px;
}

.purchase-ooguchi-service-sec .sec.mt-20 {
  margin-top: 20px;
}

.purchase-ooguchi-service-sec .sec.mt-50 {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .purchase-ooguchi-service-sec .sec.mt-50 {
    margin-top: 30px;
  }
}

.purchase-ooguchi-service-sec .sec.mt-60 {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .purchase-ooguchi-service-sec .sec.mt-60 {
    margin-top: 30px;
  }
}

.purchase-ooguchi-service-sec .sec.mt-80 {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .purchase-ooguchi-service-sec .sec.mt-80 {
    margin-top: 50px;
  }
}

.purchase-ooguchi-service-sec .sec.mt-100 {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .purchase-ooguchi-service-sec .sec.mt-100 {
    margin-top: 60px;
  }
}

.purchase-ooguchi-service-sec .sec .txt {
  margin-top: 20px;
}

.purchase-ooguchi-service-sec .sec .lead,
.purchase-ooguchi-service-sec .sec .txt,
.purchase-ooguchi-service-sec .sec .list-item {
  font-size: 16px;
  font-weight: 400;
  line-height: calc(25 / 16);
}

@media screen and (max-width: 768px) {
  .purchase-ooguchi-service-sec .sec .lead,
  .purchase-ooguchi-service-sec .sec .txt,
  .purchase-ooguchi-service-sec .sec .list-item {
    font-size: 14px;
    line-height: calc(20 / 14);
  }
}

.purchase-ooguchi-service-sec .sec .link {
  font-size: 14px;
  color: #3E6DBB;
  cursor: pointer;
}

.purchase-ooguchi-service-sec .sec .link:hover {
  text-decoration: underline;
}

.purchase-ooguchi-service-sec .sec .act-btn {
  margin-top: 0;
  font-size: 12px;
  color: #4B4B4B;
}

.purchase-ooguchi-service-sec .image-container {
  margin-top: 30px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}

.purchase-ooguchi-service-sec .image-container.mg-l {
  margin-right: auto;
  margin-left: unset;
}

.purchase-ooguchi-service-sec .link-area {
  display: -ms-grid;
  display: grid;
  row-gap: 30px;
}

@media screen and (max-width: 768px) {
  .purchase-ooguchi-service-sec .link-area {
    row-gap: 20px;
  }
}

@media screen and (max-width: 768px) {
  .purchase-ooguchi-service-sec .link-area .title {
    font-size: 14px;
    line-height: calc(20 / 14);
  }
}

.purchase-ooguchi-service-sec .link-area .link {
  margin-top: 10px;
}

.purchase-ooguchi-service-sec .youtube-area {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .purchase-ooguchi-service-sec .youtube-area {
    margin-top: 50px;
  }
}

.purchase-ooguchi-service-sec .youtube-area .title {
  font-size: 16px;
  font-weight: bold;
}

.purchase-ooguchi-service-sec .youtube-area .youtube {
  margin-top: 80px;
  margin-inline: auto;
  width: 100%;
  max-width: 612px;
  aspect-ratio: 2 / 1;
}

@media screen and (max-width: 768px) {
  .purchase-ooguchi-service-sec .youtube-area .youtube {
    margin-top: 30px;
  }
}

.purchase-ooguchi-service-sec .youtube-area .youtube iframe {
  width: 100%;
  height: 100%;
}

.purchase-ooguchi-service-sec .image-desc-item-list .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  row-gap: 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.purchase-ooguchi-service-sec .image-desc-item-list .list-item {
  width: 490px;
}

.purchase-ooguchi-service-sec .image-desc-item-list .txt {
  margin-top: 5px;
  font-size: 14px;
}

.purchase-ooguchi-service-sec .numeric-title {
  font-weight: bold;
}

.purchase-ooguchi-service-sec .numeric-title ~ .txt {
  margin-top: 7px;
}

.purchase-ooguchi-service-sec .link-image-area .image {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 20px;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.purchase-ooguchi-service-sec .link-image-area .image:hover {
  opacity: 0.7;
}

/**********************************************************************/
/* 中古レコードカートリッジ(レコード針)の高価買取と販売はディスクユニオンへ */
/**********************************************************************/
.purchase-old-record-sec {
  margin-top: 80px;
  color: #000;
}

@media screen and (max-width: 768px) {
  .purchase-old-record-sec {
    margin-top: 40px;
  }
}

@media screen and (max-width: 768px) {
  .purchase-old-record-sec.sp-mt-50 {
    margin-top: 50px;
  }
}

.purchase-old-record-sec.mt-60 {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .purchase-old-record-sec.mt-60 {
    margin-top: 30px;
  }
}

.purchase-old-record-sec.fv .title-container {
  padding-bottom: 20px;
  border-bottom: 1px solid;
}

.purchase-old-record-sec.fv .lead {
  margin-top: 10px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: calc(25 / 16);
}

@media screen and (max-width: 768px) {
  .purchase-old-record-sec.fv .lead {
    font-size: 14px;
    line-height: calc(20 / 14);
  }
}

.purchase-old-record-sec.fv .image-container {
  margin-top: 30px;
  max-width: 800px;
  margin-inline: auto;
}

@media screen and (max-width: 768px) {
  .purchase-old-record-sec.fv .image-container {
    margin-top: 20px;
  }
}

.purchase-old-record-sec .sec {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .purchase-old-record-sec .sec {
    margin-top: 50px;
  }
}

.purchase-old-record-sec .sec.mt-20 {
  margin-top: 20px;
}

.purchase-old-record-sec .sec.mt-40 {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .purchase-old-record-sec .sec.mt-40 {
    margin-top: 20px;
  }
}

.purchase-old-record-sec .sec.mt-50 {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .purchase-old-record-sec .sec.mt-50 {
    margin-top: 30px;
  }
}

.purchase-old-record-sec .sub-sec {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .purchase-old-record-sec .sub-sec {
    margin-top: 20px;
  }
}

.purchase-old-record-sec .purchase-page-title {
  font-size: 20px;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .purchase-old-record-sec .purchase-page-title {
    font-size: 16px;
  }
}

.purchase-old-record-sec .purchase-page-title.text-left {
  text-align: left;
}

.purchase-old-record-sec .purchase-page-title.mt-10 {
  margin-top: 10px;
}

.purchase-old-record-sec .sub-title {
  font-size: 16px;
  font-weight: bold;
  line-height: calc(25 / 16);
}

@media screen and (max-width: 768px) {
  .purchase-old-record-sec .sub-title {
    font-size: 14px;
    line-height: calc(20 / 14);
  }
}

.purchase-old-record-sec .sub-title.center {
  text-align: center;
}

.purchase-old-record-sec .sub-title.font-lg {
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  .purchase-old-record-sec .sub-title.font-lg {
    font-size: 16px;
    line-height: calc(25 / 16);
  }
}

.purchase-old-record-sec .txt {
  margin-top: 5px;
  font-size: 14px;
  line-height: calc(20 / 14);
}

.purchase-old-record-sec .txt.mt-30 {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .purchase-old-record-sec .txt.mt-30 {
    margin-top: 20px;
  }
}

.purchase-old-record-sec .txt.mt-40 {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .purchase-old-record-sec .txt.mt-40 {
    margin-top: 20px;
  }
}

.purchase-old-record-sec .txt.center {
  text-align: center;
}

.purchase-old-record-sec .link {
  color: #3E6DBB;
  font-weight: bold;
}

.purchase-old-record-sec .link:hover {
  text-decoration: underline;
}

.purchase-old-record-sec .btn-container {
  margin-top: 25px;
}

@media screen and (max-width: 768px) {
  .purchase-old-record-sec .btn-container {
    margin-top: 15px;
  }
}

.purchase-old-record-sec .btn-container.mt-30 {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .purchase-old-record-sec .btn-container.mt-30 {
    margin-top: 20px;
  }
}

.purchase-old-record-sec .btn-container.mt-40 {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .purchase-old-record-sec .btn-container.mt-40 {
    margin-top: 30px;
  }
}

.purchase-old-record-sec .btn-container.mt-50 {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .purchase-old-record-sec .btn-container.mt-50 {
    margin-top: 30px;
  }
}

.purchase-old-record-sec .btn-container .act-btn {
  margin-top: 0;
  font-size: 12px;
  color: #4B4B4B;
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .purchase-old-record-sec .btn-container .act-btn {
    margin-top: 10px;
  }
}

.purchase-old-record-sec .btn-container .act-btn:first-child {
  margin-top: 0;
}

.purchase-old-record-sec .image-gallery-container {
  display: -ms-grid;
  display: grid;
  row-gap: 5px;
  -webkit-column-gap: 3px;
  column-gap: 3px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-items: center;
  -ms-grid-rows: auto auto auto;
  grid-template-rows: auto auto auto;
  -ms-grid-columns: 150px 150px 150px 150px 150px 150px;
  grid-template-columns: 150px 150px 150px 150px 150px 150px;
}

@media screen and (max-width: 980px) {
  .purchase-old-record-sec .image-gallery-container {
    -ms-grid-rows: unset;
    grid-template-rows: unset;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    max-width: 600px;
    margin-inline: auto;
  }
}

@media screen and (max-width: 480px) {
  .purchase-old-record-sec .image-gallery-container {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 10px;
  }
}

.purchase-old-record-sec .image-gallery-container .image-gallery-item img {
  width: 100%;
}

.purchase-old-record-sec .image-gallery-container .image-gallery-item:nth-child(1) {
  width: 300px;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1 / 3;
  -ms-grid-row: 1;
  grid-row: 1 / 1;
}

.purchase-old-record-sec .image-gallery-container .image-gallery-item:nth-child(2) {
  width: 300px;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  grid-column: 3 / 5;
  -ms-grid-row: 1;
  grid-row: 1 / 1;
}

.purchase-old-record-sec .image-gallery-container .image-gallery-item:nth-child(3) {
  width: 300px;
  -ms-grid-column: 5;
  -ms-grid-column-span: 2;
  grid-column: 5 / 7;
  -ms-grid-row: 1;
  grid-row: 1 / 1;
}

.purchase-old-record-sec .image-gallery-container .image-gallery-item:nth-child(4) {
  width: 450px;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1 / 4;
  -ms-grid-row: 2;
  grid-row: 2 / 2;
}

.purchase-old-record-sec .image-gallery-container .image-gallery-item:nth-child(5) {
  width: 450px;
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
  grid-column: 4 / 7;
  -ms-grid-row: 2;
  grid-row: 2 / 2;
}

.purchase-old-record-sec .image-gallery-container .image-gallery-item:nth-child(6) {
  width: 300px;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1 / 3;
  -ms-grid-row: 3;
  grid-row: 3 / 3;
}

.purchase-old-record-sec .image-gallery-container .image-gallery-item:nth-child(7) {
  width: 300px;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  grid-column: 3 / 5;
  -ms-grid-row: 3;
  grid-row: 3 / 3;
}

.purchase-old-record-sec .image-gallery-container .image-gallery-item:nth-child(8) {
  width: 300px;
  -ms-grid-column: 5;
  -ms-grid-column-span: 2;
  grid-column: 5 / 7;
  -ms-grid-row: 3;
  grid-row: 3 / 3;
}

@media screen and (max-width: 980px) {
  .purchase-old-record-sec .image-gallery-container .image-gallery-item:nth-child(n) {
    width: 100%;
    grid-column: auto;
    grid-row: auto;
  }
}

@media screen and (max-width: 480px) {
  .purchase-old-record-sec .image-gallery-container .image-gallery-item:nth-child(n) {
    width: 100%;
    -ms-grid-column: 1;
    grid-column: 1;
  }
}

@media screen and (max-width: 980px) {
  .purchase-old-record-sec .image-gallery-container .image-gallery-item:nth-child(4) {
    -ms-grid-row: 3;
    grid-row: 3;
  }
  .purchase-old-record-sec .image-gallery-container .image-gallery-item:nth-child(5) {
    -ms-grid-row: 3;
    grid-row: 3;
  }
}

.purchase-old-record-sec .table-container {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .purchase-old-record-sec .table-container {
    margin-top: 20px;
  }
}

.purchase-old-record-sec .table-container tr {
  border-top: 1px solid #4B4B4B;
  border-bottom: 1px solid #4B4B4B;
}

@media screen and (max-width: 768px) {
  .purchase-old-record-sec .table-container tr {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .purchase-old-record-sec .table-container tr:first-child {
    margin-top: 0;
  }
}

.purchase-old-record-sec .table-container td {
  border-left: 1px solid #4B4B4B;
  border-right: 1px solid #4B4B4B;
  vertical-align: middle;
}

.purchase-old-record-sec .table-container .image {
  padding: 1rem 2rem;
  text-align: center;
}

.purchase-old-record-sec .table-container .image .flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .purchase-old-record-sec .table-container .image .flex-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.purchase-old-record-sec .table-container .image .flex-container img {
  max-width: 203px;
}

.purchase-old-record-sec .table-container .title {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  line-height: calc(25 / 16);
}

@media screen and (max-width: 768px) {
  .purchase-old-record-sec .table-container .title {
    font-size: 14px;
    line-height: calc(20 / 14);
  }
}

.purchase-old-record-sec .table-container .detail {
  margin-top: 7px;
  font-size: 14px;
  line-height: calc(20 / 14);
}

.purchase-old-record-sec .table-container .condition .title {
  text-align: left;
}

.purchase-old-record-sec .contact-info-area {
  margin-top: 40px;
  text-align: center;
  font-size: 14px;
  line-height: calc(20 / 14);
}

@media screen and (max-width: 768px) {
  .purchase-old-record-sec .contact-info-area {
    margin-top: 20px;
  }
}

/*******************************************************/
/* アニメソングやアニメサントラ(オリジナルサウンドトラック)
関連のCD・レコード高価買取ならディスクユニオンへ */
/********************************************************/
.purchase-info-page-common-sec {
  margin-top: 80px;
  color: #000;
  font-weight: 400;
  font-size: 16px;
  line-height: calc(25 / 16);
}

@media screen and (max-width: 768px) {
  .purchase-info-page-common-sec {
    margin-top: 40px;
    font-size: 14px;
    line-height: calc(20 / 14);
  }
}

.purchase-info-page-common-sec.fv-lead .title {
  font-size: 20px;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .purchase-info-page-common-sec.fv-lead .title {
    font-size: 16px;
    line-height: calc(25/ 16);
  }
}

.purchase-info-page-common-sec.fv-lead .lead {
  margin-top: 50px;
  font-weight: 400;
  font-size: 16px;
  line-height: calc(25 / 16);
}

@media screen and (max-width: 768px) {
  .purchase-info-page-common-sec.fv-lead .lead {
    margin-top: 30px;
    font-size: 14px;
    line-height: calc(20 / 14);
  }
}

.purchase-info-page-common-sec.fv-lead .image-container {
  margin-top: 30px;
}

.purchase-info-page-common-sec.fv-lead .image-container:has(.image:nth-child(2)) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 1%;
  column-gap: 1%;
}

@media screen and (max-width: 768px) {
  .purchase-info-page-common-sec.fv-lead .image-container {
    margin-top: 20px;
  }
}

.purchase-info-page-common-sec.fv-lead .image-container .image {
  width: 100%;
  max-width: 700px;
  margin-inline: auto;
}

.purchase-info-page-common-sec.fv-lead .image-container .image.w-full {
  max-width: none;
}

.purchase-info-page-common-sec.fv-lead .image-container:has(.image:nth-child(2)) .image {
  max-width: 50%;
}

.purchase-info-page-common-sec.fv-lead .txt-image-u {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .purchase-info-page-common-sec.fv-lead .txt-image-u {
    margin-top: 20px;
  }
}

.purchase-info-page-common-sec.fv-lead .btn-container {
  margin-top: 50px;
}

.purchase-info-page-common-sec.fv-lead .act-btn {
  color: #4B4B4B;
  border-color: #4B4B4B;
  font-size: 12px;
}

.purchase-info-page-common-sec.desc-item-sec.ly-center-line .desc-item .title {
  text-align: center;
}

.purchase-info-page-common-sec.desc-item-sec.ly-center-line .desc-item .title.font-lg {
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  .purchase-info-page-common-sec.desc-item-sec.ly-center-line .desc-item .title.font-lg {
    font-size: 16px;
  }
}

.purchase-info-page-common-sec.desc-item-sec.ly-center-line .desc-item .image {
  margin-inline: auto;
  max-width: 700px;
}

.purchase-info-page-common-sec.desc-item-sec.ly-center-line .btn-container {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .purchase-info-page-common-sec.desc-item-sec.ly-center-line .btn-container {
    margin-top: 20px;
  }
}

.purchase-info-page-common-sec.desc-item-sec.ly-center-line .act-btn {
  font-size: 12px;
}

.purchase-info-page-common-sec.desc-item-sec .desc-item-container {
  margin-top: 80px;
  display: -ms-grid;
  display: grid;
  row-gap: 60px;
}

@media screen and (max-width: 768px) {
  .purchase-info-page-common-sec.desc-item-sec .desc-item-container {
    row-gap: 30px;
    margin-top: 50px;
  }
}

.purchase-info-page-common-sec.desc-item-sec .desc-item .title {
  font-weight: bold;
}

.purchase-info-page-common-sec.desc-item-sec .desc-item .image {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .purchase-info-page-common-sec.desc-item-sec .desc-item .image {
    margin-top: 12px;
  }
}

.purchase-info-page-common-sec.desc-item-sec .desc-item .txt {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .purchase-info-page-common-sec.desc-item-sec .desc-item .txt {
    margin-top: 12px;
  }
}

.purchase-info-page-common-sec.desc-item-sec .desc-item .link {
  color: #3E6DBB;
  font-weight: bold;
}

.purchase-info-page-common-sec.desc-item-sec .desc-item .buy-strong-area {
  margin-top: 30px;
}

.purchase-info-page-common-sec.desc-item-sec .desc-item .buy-strong-area .buy-strong-area-inner {
  padding: 2rem;
  border: 1px solid #4B4B4B;
}

@media screen and (max-width: 768px) {
  .purchase-info-page-common-sec.desc-item-sec .desc-item .buy-strong-area .buy-strong-area-inner {
    padding: 1rem;
  }
}

.purchase-info-page-common-sec.desc-item-sec .desc-item .youtube {
  margin-top: 30px;
  margin-inline: auto;
  width: 100%;
  max-width: 612px;
  aspect-ratio: 560 / 315;
}

@media screen and (max-width: 768px) {
  .purchase-info-page-common-sec.desc-item-sec .desc-item .youtube {
    margin-top: 30px;
  }
}

.purchase-info-page-common-sec.desc-item-sec .desc-item .youtube iframe {
  width: 100%;
  height: 100%;
}

.purchase-info-page-common-sec.desc-item-sec .desc-item .btn-container {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .purchase-info-page-common-sec.desc-item-sec .desc-item .btn-container {
    margin-top: 30px;
  }
}

.purchase-info-page-common-sec.desc-item-sec .desc-item .act-btn {
  color: #4B4B4B;
  border-color: #4B4B4B;
}

.purchase-info-page-common-sec.desc-item-sec .desc-item .act-btn.has-icon.box::before {
  left: 15px;
}

.purchase-info-page-common-sec.purchase-select-three-type {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .purchase-info-page-common-sec.purchase-select-three-type {
    margin-top: 60px;
  }
}

.purchase-info-page-common-sec.purchase-select-three-type .purchase-type-production-item-inner {
  min-height: 430px;
}

.purchase-info-page-common-sec.purchase-center-list-by-area {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .purchase-info-page-common-sec.purchase-center-list-by-area {
    margin-top: 60px;
  }
}

@media screen and (max-width: 768px) {
  .purchase-info-page-common-sec.purchase-center-list-by-area .area-section-content-list {
    margin-top: 30px;
  }
}

.purchase-info-page-common-sec.purchase-center-list-by-area .act-btn {
  border-color: #4B4B4B;
  color: #4B4B4B;
}

.purchase-info-page-common-sec.purchase-classic-music-collection-title {
  margin-top: 100px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .purchase-info-page-common-sec.purchase-classic-music-collection-title {
    margin-top: 60px;
  }
}

.purchase-info-page-common-sec.purchase-classic-music-collection-title .product-list-container {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .purchase-info-page-common-sec.purchase-classic-music-collection-title .product-list-container {
    margin-top: 20px;
  }
}

.purchase-info-page-common-sec.purchase-classic-music-collection-title .product-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 5px;
  -webkit-column-gap: 5px;
  column-gap: 5px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.purchase-info-page-common-sec.purchase-classic-music-collection-title .product-item {
  width: 330px;
  height: 385px;
  max-width: none;
  min-height: auto;
  border: 1px solid #BFBFBF;
  padding: 1rem 2rem;
}

@media screen and (max-width: 768px) {
  .purchase-info-page-common-sec.purchase-classic-music-collection-title .product-item {
    height: auto;
  }
}

.purchase-info-page-common-sec.purchase-classic-music-collection-title .image {
  padding-inline: 1.5rem;
}

.purchase-info-page-common-sec.purchase-classic-music-collection-title .title {
  font-size: 14px;
  font-weight: bold;
  line-height: calc(20 / 14);
}

.purchase-info-page-common-sec.purchase-classic-music-collection-title .info {
  margin-top: 10px;
  font-size: 12px;
  line-height: calc(16 / 12);
}

.purchase-info-page-common-sec.purchase-classic-music-collection-title .price {
  margin-top: 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: calc(20 / 14);
  color: #F10500;
}

.purchase-info-page-common-sec.purchase-classic-music-collection-title .price span {
  color: #000;
  font-weight: 400;
}

.purchase-info-page-common-sec.purchase-select-three-type-video {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .purchase-info-page-common-sec.purchase-select-three-type-video {
    margin-top: 50px;
  }
}

.purchase-info-page-common-sec.faq .faq-area {
  margin-top: 30px;
  max-width: 800px;
  margin-inline: auto;
}

.purchase-info-page-common-sec.faq .faq-area .link {
  color: #3E6DBB;
  font-weight: bold;
  cursor: pointer;
}

.purchase-info-page-common-sec.faq .faq-area .link:hover {
  text-decoration: underline;
}

.purchase-info-page-common-sec.faq .faq-list-item:first-child {
  border-top: none;
}

.purchase-info-page-common-sec.faq .txt {
  margin-top: 50px;
  font-size: 14px;
  line-height: calc(20 / 14);
}

@media screen and (max-width: 768px) {
  .purchase-info-page-common-sec.faq .txt {
    margin-top: 30px;
  }
}

.purchase-info-page-common-sec.cta-sec .txt {
  margin-top: 30px;
  text-align: center;
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .purchase-info-page-common-sec.cta-sec .txt {
    margin-top: 20px;
  }
}

.purchase-info-page-common-sec.cta-sec .btn-container {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .purchase-info-page-common-sec.cta-sec .btn-container {
    margin-top: 20px;
  }
}

.purchase-info-page-common-sec.cta-sec .act-btn {
  color: #4B4B4B;
  font-size: 12px;
  border-color: #4B4B4B;
}

.purchase-info-page-common-sec.purchase-detail-info-sec .text-item {
  margin-top: 30px;
}

.purchase-info-page-common-sec.purchase-detail-info-sec .text-item:first-child {
  margin-top: 0;
}

.purchase-info-page-common-sec.purchase-detail-info-sec .text-item .title {
  font-weight: bold;
}

.purchase-info-page-common-sec.purchase-detail-info-sec .text-item .txt {
  margin-top: 5px;
  font-size: 14px;
}

.purchase-info-page-common-sec.purchase-detail-info-sec .image-gallery {
  margin-top: 50px;
}

.purchase-info-page-common-sec.purchase-detail-info-sec .image-gallery .fv {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
}

.purchase-info-page-common-sec.purchase-detail-info-sec .image-gallery .other-images {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 5px;
  column-gap: 5px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.purchase-info-page-common-sec.purchase-detail-info-sec .contact-area {
  margin-top: 30px;
}

.purchase-info-page-common-sec.purchase-detail-info-sec .contact-area .store-name {
  font-weight: bold;
}

.purchase-info-page-common-sec.purchase-detail-info-sec .contact-area .link {
  font-weight: bold;
  color: #3E6DBB;
  cursor: pointer;
  line-break: anywhere;
}

.purchase-info-page-common-sec.purchase-detail-info-sec .contact-area .link:hover {
  text-decoration: underline;
}

.purchase-info-page-common-sec.purchase-achivement-title-sec {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .purchase-info-page-common-sec.purchase-achivement-title-sec {
    margin-top: 60px;
  }
}

.purchase-info-page-common-sec.purchase-achivement-title-sec .lead {
  margin-top: 40px;
  font-weight: 400;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .purchase-info-page-common-sec.purchase-achivement-title-sec .lead {
    margin-top: 20px;
    font-size: 14px;
  }
}

.purchase-info-page-common-sec.purchase-achivement-title-sec .fv-product {
  margin-top: 40px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .purchase-info-page-common-sec.purchase-achivement-title-sec .fv-product {
    margin-top: 20px;
  }
}

.purchase-info-page-common-sec.purchase-achivement-title-sec .fv-product .product-title {
  margin-top: 10px;
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  .purchase-info-page-common-sec.purchase-achivement-title-sec .fv-product .product-title {
    margin-top: 20px;
  }
}

.purchase-info-page-common-sec.purchase-achivement-title-sec .product-title {
  margin-top: 5px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: bold;
}

.purchase-info-page-common-sec.purchase-achivement-title-sec .product-info {
  font-size: 14px;
}

.purchase-info-page-common-sec.purchase-achivement-title-sec .other-products {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  row-gap: 5px;
  -webkit-column-gap: 5px;
  column-gap: 5px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .purchase-info-page-common-sec.purchase-achivement-title-sec .other-products {
    margin-top: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.purchase-info-page-common-sec.purchase-achivement-title-sec .other-product-item {
  height: 350px;
  padding: 1rem;
  width: calc((100% - 10px) / 3);
  border: 1px solid #BFBFBF;
}

@media screen and (max-width: 768px) {
  .purchase-info-page-common-sec.purchase-achivement-title-sec .other-product-item {
    height: auto;
    width: 100%;
    max-width: 480px;
  }
}

.purchase-info-page-common-sec.purchase-achivement-title-sec .other-product-item.h-lg {
  height: 400px;
}

@media screen and (max-width: 768px) {
  .purchase-info-page-common-sec.purchase-achivement-title-sec .other-product-item.h-lg {
    height: auto;
  }
}

.purchase-info-page-common-sec.purchase-achivement-title-sec .other-product-item .image {
  padding-inline: 30px;
  max-width: 240px;
  margin-inline: auto;
}

@media screen and (max-width: 768px) {
  .purchase-info-page-common-sec.purchase-achivement-title-sec .other-product-item .image {
    padding-inline: 15px;
  }
}

.purchase-info-page-common-sec.purchase-achivement-title-sec .other-product-item .product-title,
.purchase-info-page-common-sec.purchase-achivement-title-sec .other-product-item .product-cat {
  padding-left: 1rem;
}

.purchase-info-page-common-sec.purchase-achivement-title-sec .announce {
  margin-top: 30px;
}

.purchase-info-page-common-sec.purchase-achivement-title-sec .announce .link {
  color: #3E6DBB;
  font-weight: bold;
  font-size: 14px;
}

.purchase-info-page-common-sec.purchase-achivement-title-sec .announce .link:hover {
  text-decoration: underline;
}

.purchase-info-page-common-sec.game-related-goods-archive-sec .archive-sec {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .purchase-info-page-common-sec.game-related-goods-archive-sec .archive-sec {
    margin-top: 50px;
  }
}

.purchase-info-page-common-sec.game-related-goods-archive-sec .archive-sec:first-child {
  margin-top: 0;
}

.purchase-info-page-common-sec.game-related-goods-archive-sec .sec-title {
  font-weight: bold;
  font-size: 16px;
  line-height: calc(20 / 16);
}

.purchase-info-page-common-sec.game-related-goods-archive-sec .lead {
  margin-top: 30px;
  font-weight: 400;
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .purchase-info-page-common-sec.game-related-goods-archive-sec .lead {
    margin-top: 20px;
  }
}

.purchase-info-page-common-sec.game-related-goods-archive-sec .archive-list {
  margin-top: 60px;
  display: -ms-grid;
  display: grid;
  row-gap: 50px;
}

@media screen and (max-width: 768px) {
  .purchase-info-page-common-sec.game-related-goods-archive-sec .archive-list {
    margin-top: 30px;
  }
}

.purchase-info-page-common-sec.game-related-goods-archive-sec .archive-item .sub-title {
  font-size: 14px;
  line-height: calc(20 / 14);
}

.purchase-info-page-common-sec.game-related-goods-archive-sec .archive-item .image-gallery {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .purchase-info-page-common-sec.game-related-goods-archive-sec .archive-item .image-gallery {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 10px;
  }
}

.purchase-info-page-common-sec.game-related-goods-archive-sec .archive-item .image-gallery:has(> :nth-child(3)) {
  -webkit-column-gap: 5px;
  column-gap: 5px;
}

.purchase-info-page-common-sec.game-related-goods-archive-sec .archive-item .image-gallery:has(> :nth-child(4)) {
  -webkit-column-gap: 15px;
  column-gap: 15px;
}

.purchase-info-page-common-sec.game-related-goods-archive-sec .archive-item .image {
  max-width: 490px;
}

.purchase-info-page-common-sec.game-related-goods-archive-sec .archive-item .txt {
  margin-top: 10px;
  font-size: 14px;
  line-height: calc(20 / 14);
}

@media screen and (max-width: 768px) {
  .purchase-info-page-common-sec.google-map-sec {
    margin-top: 50px;
  }
}

.purchase-info-page-common-sec.google-map-sec .google-map {
  position: relative;
  width: 100%;
  height: 0;
  /* 比率調整  公式：calc((100% / 横幅) * 高さ) */
  padding-top: calc((100% / 665) * 332);
}

.purchase-info-page-common-sec.google-map-sec .google-map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.purchase-info-page-common-sec.google-map-sec .btn-container {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .purchase-info-page-common-sec.google-map-sec .btn-container {
    margin-top: 39px;
  }
}

.purchase-info-page-common-sec.google-map-sec .act-btn {
  font-size: 12px;
  color: #4B4B4B;
  border-color: #4B4B4B;
}

.purchase-info-page-common-sec.four-features-sec .sec-sub-title {
  margin-top: 1.5rem;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: calc(20 / 16);
}

.purchase-info-page-common-sec.four-features-sec .lead {
  margin-top: 1.5rem;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: calc(20 / 14);
}

.purchase-info-page-common-sec.four-features-sec .four-features {
  margin-top: 40px;
}

.purchase-info-page-common-sec.four-features-sec .four-features .four-features-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 20px;
  column-gap: 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 30px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.purchase-info-page-common-sec.four-features-sec .four-features .item-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 20px;
  column-gap: 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 30px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.purchase-info-page-common-sec.four-features-sec .four-features .item {
  width: 235px;
}

@media screen and (max-width: 768px) {
  .purchase-info-page-common-sec.four-features-sec .four-features .item {
    width: 100%;
  }
}

.purchase-info-page-common-sec.four-features-sec .four-features .item-title-wrapper {
  position: relative;
  height: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.purchase-info-page-common-sec.four-features-sec .four-features .item-title-wrapper:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  height: 2px;
  background: #707070;
  z-index: -1;
}

.purchase-info-page-common-sec.four-features-sec .four-features .item-title {
  margin-inline: auto;
  padding: 0 10px;
  font-weight: bold;
  background-color: #fff;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}

.purchase-info-page-common-sec.four-features-sec .four-features .image {
  margin-top: 15px;
  margin-inline: auto;
  width: 100%;
  max-width: 480px;
  text-align: center;
}

.purchase-info-page-common-sec.four-features-sec .four-features .image img {
  width: 100%;
}

.purchase-info-page-common-sec.four-features-sec .four-features .detail {
  margin-top: 10px;
  font-size: 14px;
  line-height: calc(24 / 14);
}

.purchase-info-page-common-sec.four-features-sec .additional-info {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .purchase-info-page-common-sec.four-features-sec .additional-info {
    margin-top: 30px;
  }
}

.purchase-info-page-common-sec.four-features-sec .additional-info .additional-info-inner {
  padding-inline: 30px;
}

@media screen and (max-width: 768px) {
  .purchase-info-page-common-sec.four-features-sec .additional-info .additional-info-inner {
    padding-inline: 0;
  }
}

.purchase-info-page-common-sec.four-features-sec .additional-info .item {
  margin-top: 30px;
}

.purchase-info-page-common-sec.four-features-sec .additional-info .item:first-child {
  margin-top: 0;
}

.purchase-info-page-common-sec.four-features-sec .additional-info .item-title {
  font-size: 16px;
  font-weight: bold;
  line-height: calc(25 / 16);
}

.purchase-info-page-common-sec.four-features-sec .additional-info .item-txt {
  margin-top: 5px;
  font-size: 14px;
  line-height: calc(24 / 14);
}

.purchase-info-page-common-sec.purchase-flow-sec .flow-container {
  margin-top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  row-gap: 30px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 980px) {
  .purchase-info-page-common-sec.purchase-flow-sec .flow-container {
    margin-top: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.purchase-info-page-common-sec.purchase-flow-sec .flow-item {
  width: 292px;
}

@media screen and (max-width: 980px) {
  .purchase-info-page-common-sec.purchase-flow-sec .flow-item {
    width: 100%;
    max-width: 600px;
  }
}

.purchase-info-page-common-sec.purchase-flow-sec .flow-item:nth-child(2) {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  padding-inline: 15px;
  margin-inline: 15px;
  border-left: 1px dashed #BFBFBF;
  border-right: 1px dashed #BFBFBF;
}

@media screen and (max-width: 980px) {
  .purchase-info-page-common-sec.purchase-flow-sec .flow-item:nth-child(2) {
    padding-inline: 0;
    margin-inline: 0;
    border: none;
  }
}

.purchase-info-page-common-sec.purchase-flow-sec .item-title {
  text-align: center;
  font-weight: bold;
  padding-bottom: 10px;
  border-bottom: 1px solid #4B4B4B;
}

.purchase-info-page-common-sec.purchase-flow-sec .image {
  margin-top: 15px;
  width: 100%;
}

.purchase-info-page-common-sec.purchase-flow-sec .image img {
  width: 100%;
}

.purchase-info-page-common-sec.purchase-flow-sec .item-txt {
  margin-top: 10px;
  font-size: 14px;
}

.purchase-info-page-common-sec.purchase-flow-sec .contact-info-container {
  margin-top: 10px;
  font-weight: bold;
}

.purchase-info-page-common-sec.purchase-flow-sec .contact-info-container-inner {
  padding: 12px 15px;
  border: 1px solid #BFBFBF;
}

.purchase-info-page-common-sec.purchase-flow-sec .free-call-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 1rem;
  column-gap: 1rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.purchase-info-page-common-sec.purchase-flow-sec .free-call-title {
  font-size: 14px;
}

.purchase-info-page-common-sec.purchase-flow-sec .free-call-number {
  font-size: 20px;
}

.purchase-info-page-common-sec.purchase-flow-sec .mail-container {
  margin-top: 2px;
}

.purchase-info-page-common-sec.purchase-flow-sec .desc,
.purchase-info-page-common-sec.purchase-flow-sec .mail-info {
  text-align: center;
  font-size: 14px;
}

.purchase-info-page-common-sec.purchase-flow-sec .link-container {
  margin-top: 10px;
}

.purchase-info-page-common-sec.purchase-flow-sec .link {
  font-size: 14px;
  font-weight: bold;
  color: #3E6DBB;
}

.purchase-info-page-common-sec.purchase-flow-sec .link:hover {
  text-decoration: underline;
}

.purchase-info-page-common-sec.purchase-flow-sec .youtube {
  margin-top: 80px;
  margin-inline: auto;
  width: 100%;
  max-width: 560px;
  min-width: 350px;
  aspect-ratio: 560 / 315;
}

@media screen and (max-width: 768px) {
  .purchase-info-page-common-sec.purchase-flow-sec .youtube {
    margin-top: 30px;
    min-width: auto;
    max-width: 600px;
    margin-inline: auto;
  }
}

.purchase-info-page-common-sec.purchase-flow-sec .youtube iframe {
  width: 100%;
  height: 100%;
}

.purchase-info-page-common-sec.purchase-flow-sec .recommend-container {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .purchase-info-page-common-sec.purchase-flow-sec .recommend-container {
    margin-top: 40px;
  }
}

.purchase-info-page-common-sec.purchase-flow-sec .recommend-container .title {
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  line-height: calc(30 / 20);
}

@media screen and (max-width: 768px) {
  .purchase-info-page-common-sec.purchase-flow-sec .recommend-container .title {
    font-size: 16px;
    line-height: calc(25 / 16);
  }
}

.purchase-info-page-common-sec.purchase-flow-sec .recommend-container .recommend-list {
  margin-top: 24px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}

@media screen and (max-width: 768px) {
  .purchase-info-page-common-sec.purchase-flow-sec .recommend-container .recommend-list {
    margin-top: 20px;
    padding-left: 20px;
  }
}

.purchase-info-page-common-sec.purchase-flow-sec .recommend-container .recommend-item {
  list-style: disc;
}

.purchase-info-page-common-sec.purchase-flow-sec .recommend-container .recommend-item-title {
  font-size: 14px;
  line-height: calc(24 / 14);
}

.purchase-info-page-common-sec.purchase-info-page-contact-info-area .title-sec {
  margin-bottom: 60px;
}

.purchase-info-page-common-sec.purchase-info-page-contact-info-area .title-sec .txt {
  margin-top: 15px;
  font-size: 14px;
  text-align: center;
}

.purchase-info-page-common-sec .sec-title {
  font-weight: bold;
  font-size: 20px;
  line-height: 1.5;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .purchase-info-page-common-sec .sec-title {
    font-size: 16px;
    line-height: calc(25 / 16);
  }
}

.purchase-info-page-common-sec .sec-sepalator.mt-none {
  margin-top: 0;
}

/************************************/
/* SNSアカウント一覧　前置き */
/************************************/
.sns-account-list-intro .sns-icon-list {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 19px;
  margin-inline: auto;
}

@media screen and (max-width: 768px) {
  .sns-account-list-intro .sns-icon-list {
    margin-top: 24px;
  }
}

.sns-account-list-intro .sns-icon-list .sns-icon-box.sns-x:hover {
  background-color: #000;
}

.sns-account-list-intro .sns-icon-list .sns-icon-box.sns-facebook:hover {
  background-color: #3E6DBB;
}

.sns-account-list-intro .sns-icon-list .sns-icon-box.sns-line:hover {
  background-color: #06C755;
}

.sns-account-list-intro .sns-icon-list .sns-icon-box.sns-mail:hover {
  background-color: #DFC353;
}

.sns-account-list-intro .sns-icon-list .sns-icon-box.sns-blog:hover {
  background-color: #7D3EBB;
}

.sns-account-list-intro .sns-icon-list .sns-icon-box.sns-blog:hover {
  background-color: #7D3EBB;
}

.sns-account-list-intro .sns-icon-list .sns-icon-box.sns-instagram:hover {
  background: linear-gradient(45deg, #EE1918, #AD13A3) !important;
}

.sns-account-list-intro .txt {
  margin-top: 40px;
  font-size: 16px;
  text-align: center;
  line-height: calc(30 / 16);
  color: #000;
}

@media screen and (max-width: 768px) {
  .sns-account-list-intro .txt {
    font-size: 12px;
    margin-top: 24px;
    line-height: calc(20 / 12);
  }
}

/************************************/
/* SNSアカウント一覧　エリアセクション */
/************************************/
.sns-account-list-area {
  margin-top: 48px;
}

@media screen and (max-width: 768px) {
  .sns-account-list-area {
    margin-top: 24px;
  }
}

.sns-account-list-area.mt-lg {
  margin-top: 159px;
}

@media screen and (max-width: 768px) {
  .sns-account-list-area.mt-lg {
    margin-top: 46px;
  }
}

.sns-account-list-area .title {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.2em;
  /* アンカーリンク先のズレ調整 */
  padding-top: 100px;
  margin-top: -100px;
}

@media screen and (max-width: 900px) {
  .sns-account-list-area .title {
    padding-top: 50px;
    margin-top: -50px;
  }
}

.sns-account-list-area .nav-link-row-list.mt {
  margin-top: 25px;
}

.sns-account-list-area .sub-title {
  /* アンカーリンク先のズレ調整 */
  padding-top: 100px;
  margin-top: -100px;
}

@media screen and (max-width: 900px) {
  .sns-account-list-area .sub-title {
    padding-top: 50px;
    margin-top: -50px;
  }
}

/************************************/
/* SNSアカウント一覧　コンテンツ */
/************************************/
.sns-account-list-content {
  margin-top: 106px;
}

@media screen and (max-width: 768px) {
  .sns-account-list-content {
    margin-top: 45px;
  }
}

.sns-account-list-content.mt-sm {
  margin-top: 75px;
}

@media screen and (max-width: 768px) {
  .sns-account-list-content.mt-sm {
    margin-top: 45px;
  }
}

.sns-account-list-content .title {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

.sns-account-list-content .title.letter-spacing-zero {
  letter-spacing: 0;
}

.sns-account-list-content .sns-account-list-content-inner {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .sns-account-list-content .sns-account-list-content-inner {
    margin-top: 43px;
  }
}

.sns-account-list-content .sub-title {
  padding-bottom: 13px;
  color: #000;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #000;
}

@media screen and (max-width: 768px) {
  .sns-account-list-content .sub-title {
    padding-bottom: 9px;
  }
}

/************************************/
/* SNSアカウント一覧　アイテムエリア */
/************************************/
.sns-account-list-items-area {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .sns-account-list-items-area {
    margin-top: 45px;
  }
}

.sns-account-list-items-area:first-child {
  margin-top: 0;
}

.sns-account-list-items-area .sns-account-list-items-area-inner {
  margin-top: 31px;
  display: -ms-grid;
  display: grid;
  row-gap: 51px;
  -webkit-column-gap: 1%;
  column-gap: 1%;
  -ms-grid-columns: calc(100% / 3) calc(100% / 3) calc(100% / 3);
  grid-template-columns: calc(100% / 3) calc(100% / 3) calc(100% / 3);
}

@media screen and (max-width: 768px) {
  .sns-account-list-items-area .sns-account-list-items-area-inner {
    row-gap: 26px;
    margin-top: 26px;
    -ms-grid-columns: auto;
    grid-template-columns: auto;
  }
}

/************************************/
/* SNSアカウント一覧　アイテム */
/************************************/
@media screen and (max-width: 768px) {
  .sns-account-list-item:has(.sns-icon-list--has-store-name-label) {
    margin-bottom: 15px;
  }
}

.sns-account-list-item .sns-list-block-label {
  color: #3E6DBB;
  font-size: 16px;
  font-weight: bold;
}

.sns-account-list-item .sns-icon-list {
  margin-top: 15px;
}

@media screen and (max-width: 768px) {
  .sns-account-list-item .sns-icon-list {
    margin-top: 12px;
  }
}

/************************************/
/* ボタン */
/************************************/
.btn-container.btn-container--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 20px;
  column-gap: 20px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.btn-container.btn-container--flex.justify-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.btn-container.mt-100 {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .btn-container.mt-100 {
    margin-top: 50px;
  }
}

.act-btn {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  color: #000;
  font-weight: bold;
  cursor: pointer;
  -webkit-transition: all .2s;
  transition: all .2s;
  border: 1px solid #000;
  padding-bottom: 1px;
}

.act-btn:disabled {
  border: 1px solid transparent !important;
  background-color: #BFBFBF !important;
  cursor: not-allowed;
}

.act-btn:disabled:hover {
  opacity: 1;
}

.act-btn:hover {
  opacity: 0.7;
}

.act-btn.act-btn--mg-auto {
  margin-inline: auto;
}

.act-btn.act-btn--right {
  margin-left: auto;
}

.act-btn.act-btn--not-order {
  color: #fff;
  border-color: #BFBFBF;
  background-color: #BFBFBF;
  cursor: auto;
}

.act-btn.act-btn--not-order:hover {
  opacity: unset;
}

.act-btn.has-arrow {
  position: relative;
}

.act-btn.has-arrow::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 13px;
  background-size: contain;
  background-repeat: no-repeat;
  top: 50%;
  position: absolute;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.act-btn.has-arrow.arrow-rr::after {
  right: 13px;
  background-image: url("../img/icon/arrow-right.svg");
}

.act-btn.has-arrow.arrow-rr-gray::after {
  right: 13px;
  background-image: url("../img/icon/arrow-right-gray.svg");
}

.act-btn.has-arrow.arrow-rr-white::after {
  right: 13px;
  background-image: url("../img/icon/arrow-right-white.svg");
}

.act-btn.has-arrow.arrow-rup::after {
  right: 13px;
  background-image: url("../img/icon/arrow-up.svg");
}

.act-btn.has-arrow.arrow-rund-white::after {
  right: 13px;
  width: 10px;
  height: 6px;
  background-image: url("../img/icon/arrow-down-white.svg");
}

.act-btn.has-arrow.arrow-ll::after {
  left: 13px;
  background-image: url("../img/icon/arrow-left.svg");
}

.act-btn.font-12 {
  font-size: 12px;
}

.act-btn.lg {
  max-width: 330px;
  height: 55px;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .act-btn.lg {
    max-width: 255px;
    height: 33px;
    font-size: 12px;
  }
}

.act-btn.md {
  max-width: 250px;
  height: 40px;
}

.act-btn.smd {
  height: 35px;
  max-width: 210px;
  font-size: 10px;
}

.act-btn.ssmd {
  height: 25px;
  max-width: 190px;
  font-size: 9px;
}

.act-btn.sm {
  max-width: 184px;
  height: 35px;
  font-size: 12px;
}

@media screen and (max-width: 768px) {
  .act-btn.sm {
    max-width: 255px;
    height: 35px;
    font-size: 12px;
  }
}

.act-btn.sm-hs {
  max-width: 184px;
  height: 30px;
  font-size: 12px;
}

@media screen and (max-width: 768px) {
  .act-btn.sm-hs {
    max-width: 255px;
    height: 30px;
    font-size: 12px;
  }
}

.act-btn.ssm {
  max-width: 165px;
  height: 25px;
  font-size: 9px;
}

.act-btn.xs {
  max-width: 140px;
  height: 25px;
  font-size: 9px;
}

.act-btn.xxs {
  max-width: 83px;
  height: 15px;
}

.act-btn.xxxs {
  padding-right: 10px;
  height: 21px;
  max-width: 88px;
  font-size: 10px;
}

.act-btn.xxxs.arrow-rr-white::after, .act-btn.xxxs.arrow-rr::after {
  right: 3px;
  width: 5px;
  height: 8px;
}

.act-btn.xxxxs {
  padding-right: 10px;
  height: 17px;
  max-width: 80px;
  font-size: 10px;
}

.act-btn.xxxxs.arrow-rr-white::after, .act-btn.xxxxs.arrow-rr::after {
  right: 3px;
  width: 8px;
  height: 10px;
}

.act-btn.has-icon {
  position: relative;
}

.act-btn.has-icon::before {
  content: "";
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  top: 50%;
  position: absolute;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

@media screen and (max-width: 768px) {
  .act-btn.has-icon.has-icon--pc-only::before {
    display: none;
  }
}

.act-btn.has-icon.store::before {
  width: 26px;
  height: 25px;
  left: 13px;
  background-image: url("../img/icon/store.svg");
}

@media screen and (max-width: 768px) {
  .act-btn.has-icon.store::before {
    left: 30px;
  }
}

.act-btn.has-icon.store.xs::before {
  width: 20px;
  height: 16px;
}

.act-btn.has-icon.filter {
  font-size: 12px;
}

.act-btn.has-icon.filter::before {
  width: 19px;
  height: 19px;
  left: 11px;
  background-image: url("../img/icon/filter.svg");
}

.act-btn.has-icon.application-form::before {
  width: 26px;
  height: 25px;
  left: 13px;
  background-image: url("../img/icon/application-form.svg");
}

@media screen and (max-width: 768px) {
  .act-btn.has-icon.application-form::before {
    left: 30px;
  }
}

.act-btn.has-icon.application-form.xs::before {
  width: 20px;
  height: 16px;
}

@media screen and (max-width: 768px) {
  .act-btn.has-icon.application-form.has-icon--l-sm::before {
    left: 7px;
  }
}

.act-btn.has-icon.truck::before {
  width: 26px;
  height: 25px;
  left: 13px;
  background-image: url("../img/icon/truck.svg");
}

@media screen and (max-width: 768px) {
  .act-btn.has-icon.truck::before {
    left: 30px;
  }
}

.act-btn.has-icon.truck.xs::before {
  width: 20px;
  height: 16px;
}

.act-btn.has-icon.truck.sm::before {
  width: 30px;
  height: 30px;
  left: 6px;
}

@media screen and (max-width: 768px) {
  .act-btn.has-icon.truck.md::before {
    width: 30px;
    height: 30px;
    left: 10px;
  }
}

.act-btn.has-icon.truck.icon-pos-l::before {
  left: 6px;
}

.act-btn.has-icon.box::before {
  width: 26px;
  height: 25px;
  left: 13px;
  background-image: url("../img/icon/box.svg");
}

@media screen and (max-width: 768px) {
  .act-btn.has-icon.box::before {
    left: 30px;
  }
}

.act-btn.has-icon.box.icon-pos-l::before {
  left: 6px;
}

.act-btn.has-icon.box.xs::before {
  width: 20px;
  height: 16px;
}

.act-btn.has-icon.check-app-status::before {
  width: 26px;
  height: 25px;
  left: 13px;
  background-image: url("../img/icon/check-app-status.svg");
}

@media screen and (max-width: 768px) {
  .act-btn.has-icon.check-app-status::before {
    left: 30px;
  }
}

.act-btn.has-icon.check-app-status.xs::before {
  width: 20px;
  height: 16px;
}

.act-btn.has-icon.pdf::before {
  width: 34px;
  height: 40px;
  left: 10px;
  background-image: url("../img/icon/pdf.svg");
}

@media screen and (max-width: 768px) {
  .act-btn.has-icon.pdf::before {
    left: 11px;
    width: 22px;
    height: 27px;
  }
}

.act-btn.bg-black {
  background-color: #000;
  color: #fff;
}

/* EC-CUBE 標準アクションボタン（ec-blockBtn--action）と同じ赤 */
.act-btn.bg-red {
  background-color: #DE5D50;
  color: #fff;
}

.act-btn.bg-white {
  background-color: #fff;
  color: #000;
}

.act-btn.bg-white:hover {
  opacity: 0.6;
}

.act-btn.bg-blue {
  background-color: #3E6DBB;
  border-color: #3E6DBB;
  color: #fff;
}

.act-btn.bg-gray {
  background-color: #E8E9EA;
  border-color: #000;
  color: #fff;
}

.act-btn.bg-gray-dark {
  background-color: #BFBFBF;
  border-color: #BFBFBF;
  color: #fff;
}

/* 修正ボタン */
.fix-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 35px;
  width: 100px;
  max-width: 100%;
  color: #707070;
  font-size: 12px;
  font-weight: bold;
  background-color: #E8E9EA;
  -webkit-transition: all .2s;
  transition: all .2s;
  position: relative;
  cursor: pointer;
}

.fix-btn::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 13px;
  background-size: contain;
  background-repeat: no-repeat;
  top: 50%;
  right: 13px;
  position: absolute;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url("../img/icon/arrow-right-gray.svg");
}

.fix-btn:hover {
  opacity: 0.7;
}

/* 前に戻るボタン（リンク） */
.back-to-page-btn {
  display: inline-block;
  color: #000;
  font-size: 12px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.back-to-page-btn:hover {
  text-decoration: underline;
}

/************************************/
/* SNSエリア */
/************************************/
.sns-icon-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.sns-icon-list .sns-icon-box {
  width: 50px;
  height: 50px;
  text-align: center;
  background-color: #BFBFBF;
}

.sns-icon-list .sns-icon-box.sns-x:hover {
  background-color: #000;
}

.sns-icon-list .sns-icon-box.sns-facebook:hover {
  background-color: #3E6DBB;
}

.sns-icon-list .sns-icon-box.sns-line:hover {
  background-color: #06C755;
}

.sns-icon-list .sns-icon-box.sns-mail:hover {
  background-color: #DFC353;
}

.sns-icon-list .sns-icon-box.sns-blog:hover {
  background-color: #7D3EBB;
}

.sns-icon-list .sns-icon-box.sns-blog:hover {
  background-color: #7D3EBB;
}

.sns-icon-list .sns-icon-box.sns-instagram:hover {
  background: linear-gradient(45deg, #EE1918, #AD13A3);
}

.sns-icon-list .sns-icon-box.bg-ini-set.sns-x {
  background-color: #000;
}

.sns-icon-list .sns-icon-box.bg-ini-set.sns-facebook {
  background-color: #3E6DBB;
}

.sns-icon-list .sns-icon-box.bg-ini-set.sns-line {
  background-color: #06C755;
}

.sns-icon-list .sns-icon-box.bg-ini-set.sns-mail {
  background-color: #DFC353;
}

.sns-icon-list .sns-icon-box.bg-ini-set.sns-blog {
  background-color: #7D3EBB;
}

.sns-icon-list .sns-icon-box.bg-ini-set.sns-blog {
  background-color: #7D3EBB;
}

.sns-icon-list .sns-icon-box.bg-ini-set.sns-instagram {
  background: linear-gradient(45deg, #EE1918, #AD13A3);
}

.sns-icon-list .sns-icon-box.bg-ini-set.sns-instagram:hover {
  background: #BFBFBF;
}

.sns-icon-list .sns-icon-box.bg-ini-set:hover {
  background-color: #BFBFBF;
}

.sns-icon-list .sns-icon-box a, .sns-icon-list .sns-icon-box span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.sns-icon-list .sns-icon-box.sns-icon-box--sm {
  width: 30px;
  height: 30px;
}

.sns-icon-list .sns-icon-box.sns-icon-box--sm.sns-x img {
  width: 12px;
}

.sns-icon-list .sns-icon-box.sns-icon-box--sm.sns-facebook img {
  width: 14px;
}

.sns-icon-list .sns-icon-box.sns-icon-box--sm.sns-line img {
  width: 14px;
}

.sns-icon-list .sns-icon-box.sns-icon-box--sm.sns-mail img {
  width: 15px;
}

.sns-icon-list-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 12px;
  column-gap: 12px;
  row-gap: 12px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.sns-icon-list--has-store-name-label {
  position: relative;
}

.sns-icon-list--has-store-name-label .store-name-label {
  position: absolute;
  top: calc(100% + 0.5em);
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  color: #000;
  font-size: 10px;
  width: 100%;
  text-align: center;
}

/************************************/
/* アクション後メッセージボックス */
/************************************/
.has-acted-msg-box {
  position: relative;
}

@media screen and (max-width: 768px) {
  .has-acted-msg-box {
    width: 100%;
    max-width: 255px;
  }
}

.has-acted-msg-box .clear-btn {
  display: none;
  z-index: 30;
  bottom: calc(300% + 30px);
  right: -10px;
  position: absolute;
}

/* お気に入りメッセージ（cart-link 非表示で吹き出し高さが低い）専用:
   既定の clear-btn 位置は高すぎるため、add cart 見た目に寄せて下げる */
.has-acted-msg-box:not(.has-acted-msg-box--favorite-inline) .clear-btn.clear-btn--favorite {
  bottom: calc(200% + 24px);
}

@media screen and (max-width: 768px) {
  .has-acted-msg-box .clear-btn {
    bottom: calc(300% + 39px);
  }

  .has-acted-msg-box:not(.has-acted-msg-box--favorite-inline) .clear-btn.clear-btn--favorite {
    bottom: calc(200% + 20px);
  }
}

.has-acted-msg-box .clear-btn:hover {
  cursor: pointer;
}

.has-acted-msg-box .clear-btn::before {
  content: "";
  display: inline-block;
  width: 21px;
  height: 21px;
  border-radius: 999px;
  background-color: #4B4B4B;
  background-size: 42%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url("../img/icon/clear-sm.svg");
}

.has-acted-msg-box .acted-msg {
  display: none;
  bottom: calc(100% + 30px);
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  /* display: grid;   <---- jsで付与されます */
  gap: 10px;
  width: 100%;
  text-align: center;
  background-color: #E8E9EA;
  padding: 14px 32px 19px 32px;
}

.has-acted-msg-box .acted-msg::after {
  content: "";
  display: inline-block;
  top: 100%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 0;
  height: 0;
  border-bottom: 0;
  border-style: solid;
  border-top: 30px solid #E8E9EA;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
}

.has-acted-msg-box .acted-msg .msg {
  color: #000;
  font-size: 12px;
}

/* 中古カートイン：店頭併売注意（カートを見るの下） */
.has-acted-msg-box .acted-msg .note {
  color: #000;
  font-size: 11px;
  line-height: 1.4;
  text-align: center;
}

.has-acted-msg-box .acted-msg .act-btn {
  margin-inline: auto;
}

.has-acted-msg-box.has-acted-msg-box--sm .acted-msg {
  padding: 14px 10px;
}

@media screen and (max-width: 768px) {
  .has-acted-msg-box.has-acted-msg-box--sm .acted-msg {
    padding: 14px 20px;
    max-width: 255px;
  }
}

.has-acted-msg-box.has-acted-msg-box--sm .acted-msg .msg {
  font-size: 11px;
}

.has-acted-msg-box.has-acted-msg-box--sm .acted-msg .act-btn {
  margin-top: 0 !important;
}

.has-acted-msg-box.has-acted-msg-box--xs .clear-btn {
  bottom: calc(300% + 43px);
  right: -8px;
}

.has-acted-msg-box.has-acted-msg-box--xs .clear-btn.clear-btn--favorite {
  bottom: calc(200% + 28px);
}

.has-acted-msg-box.has-acted-msg-box--xs .clear-btn::before {
  width: 16px;
  height: 16px;
}

.has-acted-msg-box.has-acted-msg-box--xs .acted-msg {
  padding: 12px 7px;
  bottom: calc(100% + 20px);
}

@media screen and (max-width: 768px) {
  .has-acted-msg-box.has-acted-msg-box--xs .acted-msg {
    max-width: 255px;
  }
}

.has-acted-msg-box.has-acted-msg-box--xs .acted-msg::after {
  border-top: 20px solid #E8E9EA;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
}

.has-acted-msg-box.has-acted-msg-box--xs .acted-msg .msg {
  font-size: 10px;
}

.has-acted-msg-box.has-acted-msg-box--xs .acted-msg .act-btn {
  margin-top: 0 !important;
}

/* お気に入りメッセージ: cart 共用枠のみ add-cart と同じ幅基準にする
   （inline fallback には適用しない） */
.has-acted-msg-box.has-acted-msg-box--favorite-active:not(.has-acted-msg-box--favorite-inline) .acted-msg.acted-msg--favorite {
  /* clear-btn の位置を add cart と同基準にするため、通常の acted-msg と同じ幅基準に戻す */
  width: 100%;
  min-width: 0;
  max-width: none;
}

/* ウォントリスト: .has-acted-msg-box が無いレイアウト向け（ハート上部に表示） */
.favorite-msg-anchor {
  position: relative;
}

.has-acted-msg-box.has-acted-msg-box--favorite-inline {
  position: absolute;
  left: var(--favorite-heart-x, 50%);
  top: var(--favorite-heart-y, 0px);
  bottom: auto;
  transform: translate(-50%, -100%);
  z-index: 35;
  width: 0;
  height: 0;
}

.has-acted-msg-box.has-acted-msg-box--favorite-inline .clear-btn {
  bottom: calc(100% + 44px);
  right: -8px;
  top: auto;
}

.has-acted-msg-box.has-acted-msg-box--favorite-inline .acted-msg {
  left: 50%;
  bottom: 16px;
  transform: translate(-50%, 0);
  width: max-content;
  min-width: 0;
  max-width: 220px;
  padding: 10px 12px;
  gap: 0;
  text-align: center;
}

.has-acted-msg-box.has-acted-msg-box--favorite-inline .acted-msg::after {
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  border-bottom: 0;
  border-style: solid;
  border-top: 20px solid #E8E9EA;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
}

.has-acted-msg-box.has-acted-msg-box--favorite-inline .acted-msg .msg {
  font-size: 11px;
  line-height: 1.4;
  white-space: normal;
}

@media screen and (max-width: 768px) {
  .has-acted-msg-box.has-acted-msg-box--favorite-inline .clear-btn {
    bottom: calc(100% + 40px);
  }

  .has-acted-msg-box.has-acted-msg-box--favorite-inline .acted-msg {
    width: max-content;
    min-width: 0;
    max-width: 180px;
    padding: 8px 10px;
  }

  /* #39932: 総合トップ SP 一覧のみ — 吹き出しをハート左横（他画面は従来どおり上） */
  .has-acted-msg-box.has-acted-msg-box--favorite-inline.has-acted-msg-box--favorite-inline-sp-left {
    left: var(--favorite-heart-left-x, var(--favorite-heart-x, 50%));
    top: var(--favorite-heart-center-y, var(--favorite-heart-y, 0px));
    transform: translate(calc(-100% - 8px), -50%);
  }

  .has-acted-msg-box.has-acted-msg-box--favorite-inline-sp-left .acted-msg {
    left: auto;
    right: 0;
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
    text-align: left;
  }

  .has-acted-msg-box.has-acted-msg-box--favorite-inline-sp-left .acted-msg::after {
    top: 50%;
    left: 100%;
    bottom: auto;
    transform: translateY(-50%);
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 10px solid #E8E9EA;
    border-right: 0;
  }

  .has-acted-msg-box.has-acted-msg-box--favorite-inline-sp-left .clear-btn {
    bottom: auto;
    right: auto;
  }
}

.order-sort-btn-desc-box {
  display: none;
  width: 200px;
  height: 44px;
  background-color: #E8E9EA;
  padding: 8px;
}

.order-sort-btn-desc-box::after {
  content: "";
  display: inline-block;
  top: 0.3em;
  left: -11%;
  z-index: -1;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-left: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 47px solid #E8E9EA;
}

@media screen and (max-width: 1360px) {
  .order-sort-btn-desc-box::after {
    left: unset;
    right: -11%;
    border-right: 0;
    border-left: 47px solid #E8E9EA;
  }
}

@media screen and (max-width: 768px) {
  .order-sort-btn-desc-box::after {
    top: -1.8em;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    border-top: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 47px solid #E8E9EA;
  }
}

.order-sort-btn-desc-box .clear-btn {
  z-index: 30;
  top: -10px;
  right: -10px;
  position: absolute;
}

@media screen and (max-width: 1360px) {
  .order-sort-btn-desc-box .clear-btn {
    right: unset;
    left: -10px;
  }
}

.order-sort-btn-desc-box .clear-btn:hover {
  cursor: pointer;
}

.order-sort-btn-desc-box .clear-btn::before {
  content: "";
  display: inline-block;
  width: 21px;
  height: 21px;
  border-radius: 999px;
  background-color: #4B4B4B;
  background-size: 42%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url("../img/icon/clear-sm.svg");
}

.order-sort-btn-desc-box .msg {
  color: #000;
  font-size: 12px;
}

/************************************/
/* ページネーション */
/************************************/
.pagenation {
  margin-top: 75px;
}

@media screen and (max-width: 768px) {
  .pagenation {
    margin-top: 42px;
  }
}

.pagenation.mt-sm {
  margin-top: 40px;
}

.pagenation .pagenation-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 10px;
  column-gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media screen and (max-width: 768px) {
  /* SP: 矢印をページ番号の直横に並べ、はみ出し・見切れを防ぐ */
  .pagenation .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .pagenation .pagenation-list {
    -webkit-column-gap: 4px;
    column-gap: 4px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
  }

  .pagenation .pagenation-prev-arrow.active a,
  .pagenation .pagenation-next-arrow.active a {
    padding-inline: 8px;
    padding-block: 4px;
    background-color: #E8E9EA;
    min-width: 27px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .pagenation .pagenation-prev-arrow.active img,
  .pagenation .pagenation-next-arrow.active img {
    width: 8px;
    max-width: none;
    height: auto;
    display: block;
  }

  .pagenation .pagenation-elem:not(.pagenation-prev-arrow):not(.pagenation-next-arrow) {
    font-size: 14px;
  }

  .pagenation .pagenation-elem:not(.pagenation-prev-arrow):not(.pagenation-next-arrow) a,
  .pagenation .pagenation-elem.current span {
    padding-inline: 8px;
  }
}

.pagenation .pagenation-prev-arrow,
.pagenation .pagenation-next-arrow {
  display: none;
}

.pagenation .pagenation-prev-arrow.active,
.pagenation .pagenation-next-arrow.active {
  display: inline-block;
}

.pagenation .pagenation-prev-arrow.active a,
.pagenation .pagenation-next-arrow.active a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 27px;
}

.pagenation .pagenation-elem {
  color: #374149;
  font-size: 16px;
  font-weight: 400;
  font-optical-sizing: auto;
  font-family: "Oswald", sans-serif;
}

.pagenation .pagenation-elem a {
  display: block;
  padding-block: 4px;
  padding-inline: 12px;
  background-color: #E8E9EA;
}

.pagenation .pagenation-elem.current span {
  display: block;
  padding-block: 4px;
  padding-inline: 12px;
  color: #fff;
  background-color: #4B4B4B;
}

.pagenation .pagenation-elem.pagenation-elem--dott span {
  display: inline-block;
  background-color: unset;
  padding-top: 0;
  padding-inline: 0;
  padding-bottom: 9px;
}

/************************************/
/* パンくずリスト */
/************************************/
.breadcrumbs {
  font-size: 14px;
  color: #000;
}

@media screen and (max-width: 768px) {
  .breadcrumbs {
    display: none;
  }
}

.breadcrumbs .bread-elem {
  margin-right: -3px;
  word-break: break-all;
}

.breadcrumbs .bread-elem::after {
  content: ">";
  display: inline-block;
  width: 1em;
  height: 1em;
  font-size: 14px;
  text-align: center;
}

.breadcrumbs .bread-elem:last-child {
  margin-right: 0;
}

.breadcrumbs .bread-elem:last-child::after {
  content: "";
}

/************************************/
/* タイトル */
/************************************/
.page-section-title {
  text-align: center;
  margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
  .page-section-title {
    margin-bottom: 30px;
  }
}

.page-section-title.mb-none {
  margin-bottom: 0;
}

.page-section-title .ja,
.page-section-title .en {
  display: block;
}

.page-section-title .ja {
  color: #000;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 768px) {
  .page-section-title .ja {
    font-size: 16px;
    margin-bottom: 11px;
  }
}

.page-section-title .ja.letter-spacing-none {
  letter-spacing: 0;
}

.page-section-title .ja.font-lg {
  font-size: 36px;
}

.page-section-title .en {
  font-size: 14px;
  color: #707070;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 768px) {
  .page-section-title .en {
    font-size: 12px;
  }
}

.page-section-title.is-company-page {
  color: #374149;
  font-weight: bold;
  font-size: 28px;
  letter-spacing: 0.1em;
  line-height: calc(60 / 28);
}

@media screen and (max-width: 768px) {
  .page-section-title.is-company-page {
    font-size: 16px;
  }
}

@media screen and (max-width: 768px) {
  .page-section-title.is-company-page.font-sp-20 {
    font-size: 20px;
  }
}

.page-top-title {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 24px;
  color: #000;
  font-weight: bold;
  word-break: break-all;
}

@media screen and (max-width: 768px) {
  .page-top-title {
    margin-top: 0;
    font-size: 16px;
  }
}

.show-product-list-title {
  margin-block: 0;
  font-size: 16px;
  font-weight: bold;
  color: #000;
  word-break: break-all;
}

@media screen and (max-width: 768px) {
  .show-product-list-title {
    font-size: 12px;
  }
}

@media screen and (max-width: 768px) {
  .show-product-list-title.show-product-list-title--font-lg-sp {
    font-size: 16px;
  }
}

#show-product-list-title-news {
  display: none;
}

.product-detail-page-sec-title {
  margin-bottom: 0;
  padding-bottom: 16px;
  color: #000;
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px dotted #BFBFBF;
  line-height: 1.5em;
}

@media screen and (max-width: 768px) {
  .product-detail-page-sec-title {
    padding-bottom: 5px;
  }
}

.product-detail-page-sec-title.product-detail-page-sec-title--border-none {
  border-bottom: none;
}

@media screen and (max-width: 768px) {
  .product-detail-page-sec-title .product-sec-container {
    padding-left: 0;
  }
}

.product-detail-page-sec-title .product-detail-page-sec-title--has-artist-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 46px;
  column-gap: 46px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .product-detail-page-sec-title .product-detail-page-sec-title--has-artist-name {
    row-gap: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.product-detail-page-sec-title .product-detail-page-sec-title--has-artist-name .sub-txt {
  margin-top: 5px;
  color: #000;
  font-size: 12px;
  font-weight: 400;
}

@media screen and (max-width: 768px) {
  .product-detail-page-sec-title .product-detail-page-sec-title--has-artist-name .sub-txt {
    margin-top: 1px;
    line-height: 1.5em;
  }
}

/* 絞り込み検索機能を含むタイトル */
.product-search-resutl-list-title-wrapper {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .product-search-resutl-list-title-wrapper {
    margin-top: 20px;
  }
}

.product-search-resutl-list-title-wrapper .product-search-resutl-list-title-wrapper-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 50px;
  column-gap: 50px;
}

@media screen and (max-width: 820px) {
  .product-search-resutl-list-title-wrapper .product-search-resutl-list-title-wrapper-inner {
    -webkit-column-gap: 20px;
    column-gap: 20px;
  }
}

.product-search-resutl-list-title-wrapper .product-search-resutl-list-title-wrapper-inner .filter-show-count-form--news-exclusive {
  display: none;
}

/* ユーザ・カートページ サブタイトル */
.user-page-sub-title-container,
.purchase-page-sub-title-container {
  margin-top: 41px;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .user-page-sub-title-container,
  .purchase-page-sub-title-container {
    margin-top: 20px;
    margin-bottom: 16px;
  }
}

.user-page-sub-title-container h2,
.user-page-sub-title-container h3,
.user-page-sub-title-container h4,
.user-page-sub-title-container h5,
.user-page-sub-title-container h6,
.purchase-page-sub-title-container h2,
.purchase-page-sub-title-container h3,
.purchase-page-sub-title-container h4,
.purchase-page-sub-title-container h5,
.purchase-page-sub-title-container h6 {
  margin-top: 0;
}

.user-page-sub-title-container .user-page-sub-title,
.user-page-sub-title-container .purchase-page-sub-title,
.purchase-page-sub-title-container .user-page-sub-title,
.purchase-page-sub-title-container .purchase-page-sub-title {
  margin-bottom: 0;
  font-size: 16px;
  color: #000;
  font-weight: bold;
  letter-spacing: 0;
}

@media screen and (max-width: 768px) {
  .user-page-sub-title-container .user-page-sub-title,
  .user-page-sub-title-container .purchase-page-sub-title,
  .purchase-page-sub-title-container .user-page-sub-title,
  .purchase-page-sub-title-container .purchase-page-sub-title {
    margin-left: 0;
  }
}

.user-page-sub-title-container .user-page-sub-title.mt-xl,
.user-page-sub-title-container .purchase-page-sub-title.mt-xl,
.purchase-page-sub-title-container .user-page-sub-title.mt-xl,
.purchase-page-sub-title-container .purchase-page-sub-title.mt-xl {
  margin-top: 32px;
}

@media screen and (max-width: 768px) {
  .user-page-sub-title-container .user-page-sub-title.mt-xl,
  .user-page-sub-title-container .purchase-page-sub-title.mt-xl,
  .purchase-page-sub-title-container .user-page-sub-title.mt-xl,
  .purchase-page-sub-title-container .purchase-page-sub-title.mt-xl {
    margin-top: 44px;
  }
}

.user-page-sub-title-container .user-page-sub-title.mt-xxl,
.user-page-sub-title-container .purchase-page-sub-title.mt-xxl,
.purchase-page-sub-title-container .user-page-sub-title.mt-xxl,
.purchase-page-sub-title-container .purchase-page-sub-title.mt-xxl {
  margin-top: 46px;
}

.user-page-sub-title-container .user-page-sub-title.mt-xxxl,
.user-page-sub-title-container .purchase-page-sub-title.mt-xxxl,
.purchase-page-sub-title-container .user-page-sub-title.mt-xxxl,
.purchase-page-sub-title-container .purchase-page-sub-title.mt-xxxl {
  margin-top: 70px;
}

.user-page-sub-title-container .user-page-sub-title.user-page-sub-title--red,
.user-page-sub-title-container .purchase-page-sub-title.user-page-sub-title--red,
.purchase-page-sub-title-container .user-page-sub-title.user-page-sub-title--red,
.purchase-page-sub-title-container .purchase-page-sub-title.user-page-sub-title--red {
  color: #F10500;
}

.user-page-sub-title-container .user-page-sub-title.line-height,
.user-page-sub-title-container .purchase-page-sub-title.line-height,
.purchase-page-sub-title-container .user-page-sub-title.line-height,
.purchase-page-sub-title-container .purchase-page-sub-title.line-height {
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .user-page-sub-title-container .user-page-sub-title.sp-mt-none,
  .user-page-sub-title-container .purchase-page-sub-title.sp-mt-none,
  .purchase-page-sub-title-container .user-page-sub-title.sp-mt-none,
  .purchase-page-sub-title-container .purchase-page-sub-title.sp-mt-none {
    margin-top: 0;
  }
}

.user-page-sub-title-container .caution,
.purchase-page-sub-title-container .caution {
  margin-top: 6px;
  font-size: 12px;
  color: #000;
  line-height: calc(20 / 12);
}

@media screen and (max-width: 768px) {
  .user-page-sub-title-container .caution,
  .purchase-page-sub-title-container .caution {
    margin-left: 0;
  }
}

.user-page-sub-title-container .caution .link,
.purchase-page-sub-title-container .caution .link {
  color: #3E6DBB;
  font-weight: bold;
  cursor: pointer;
}

.user-page-sub-title-container .caution .link:hover,
.purchase-page-sub-title-container .caution .link:hover {
  text-decoration: underline;
}

.user-page-sub-title-container .caution.mt-lg,
.purchase-page-sub-title-container .caution.mt-lg {
  margin-top: 12px;
}

.user-page-sub-title-container .caution.mt-xl,
.purchase-page-sub-title-container .caution.mt-xl {
  margin-top: 25px;
}

.user-page-sub-title-container .caution.mt-xxl,
.purchase-page-sub-title-container .caution.mt-xxl {
  margin-top: 35px;
}

@media screen and (max-width: 768px) {
  .user-page-sub-title-container .caution.mt-xxl,
  .purchase-page-sub-title-container .caution.mt-xxl {
    margin-top: 12px;
  }
}

.user-page-sub-title-container .caution.mt-none,
.purchase-page-sub-title-container .caution.mt-none {
  margin-top: 0;
}

.user-page-sub-title-container .caution.font-lg,
.purchase-page-sub-title-container .caution.font-lg {
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .user-page-sub-title-container .caution.font-lg,
  .purchase-page-sub-title-container .caution.font-lg {
    font-size: 12px;
  }
}

.user-page-sub-title-container .caution.font-lg.line-height--lg,
.purchase-page-sub-title-container .caution.font-lg.line-height--lg {
  line-height: calc(25 / 14);
}

@media screen and (max-width: 768px) {
  .user-page-sub-title-container .caution.font-lg-sp,
  .purchase-page-sub-title-container .caution.font-lg-sp {
    font-size: 14px;
  }
}

.user-page-sub-title-container .caution.line-height--lg,
.purchase-page-sub-title-container .caution.line-height--lg {
  line-height: calc(25 / 12);
}

.user-page-sub-title-container .sale-info-msg,
.purchase-page-sub-title-container .sale-info-msg {
  margin-top: 13px;
  font-size: 12px;
  color: #F10500;
  line-height: calc(18 / 12);
}

.user-page-sub-title-container .sale-info-msg .link,
.purchase-page-sub-title-container .sale-info-msg .link {
  color: #3E6DBB;
  font-weight: bold;
  cursor: pointer;
}

.user-page-sub-title-container .sale-info-msg .link:hover,
.purchase-page-sub-title-container .sale-info-msg .link:hover {
  text-decoration: underline;
}

.user-page-sub-title-container .error,
.purchase-page-sub-title-container .error {
  margin-top: 15px;
  margin-bottom: 50px;
  color: #F10500;
}

.user-page-sub-title-container .error .lead,
.purchase-page-sub-title-container .error .lead {
  font-weight: bold;
  font-size: 12px;
  line-height: calc(20 / 12);
}

.user-page-sub-title-container .error .txt,
.purchase-page-sub-title-container .error .txt {
  font-weight: bold;
  font-size: 12px;
  line-height: calc(20 / 12);
}

.purchase-page-sub-title-container {
  margin-bottom: 35px;
}

.purchase-page-sub-title-container:has(.get-user-info-link) {
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .purchase-page-sub-title-container.is-container-sp-mb-sm {
    margin-bottom: 14px;
  }
}

@media screen and (max-width: 768px) {
  .purchase-page-sub-title-container.sp-mt-0 {
    margin-top: 0;
  }
}

@media screen and (max-width: 768px) {
  .purchase-page-sub-title-container.sp-mg-btm-25 {
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 768px) {
  .purchase-page-sub-title-container.sp-mg-btm-12 {
    margin-bottom: 12px;
  }
}

.purchase-page-sub-title-container .purchase-page-sub-title {
  line-height: 1.4;
}

@media screen and (max-width: 768px) {
  .purchase-page-sub-title-container .caution.line-height--lg {
    line-height: calc(20 / 12);
  }
}

@media screen and (max-width: 768px) {
  .purchase-page-sub-title-container .caution.mt-lg {
    margin-top: 10px;
  }
}

.purchase-page-sub-title-container .link {
  display: inline-block;
  font-size: 14px;
  margin-top: 7px;
  color: #3E6DBB;
  cursor: pointer;
  font-weight: bold;
}

.purchase-page-sub-title-container .link:hover {
  text-decoration: underline;
}

.purchase-page-sub-title-container .link.font-sm {
  font-size: 12px;
}

.purchase-page-sub-title-container .link.mt-none {
  margin-top: 0;
}

/* ユーザ・カートページ サブサブタイトル */
.user-page-sub-sub-title-container .user-page-sub-sub-title {
  margin-left: 4px;
  margin-bottom: 5px;
  font-size: 14px;
  color: #000;
  font-weight: bold;
  letter-spacing: 0;
}

@media screen and (max-width: 768px) {
  .user-page-sub-sub-title-container .user-page-sub-sub-title {
    margin-left: 0;
  }
}

.user-page-sub-sub-title-container .user-page-sub-sub-title.user-page-sub-sub-title--font-lg {
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .user-page-sub-sub-title-container .user-page-sub-sub-title.user-page-sub-sub-title--font-lg {
    font-size: 14px;
  }
}

.user-page-sub-sub-title-container .user-page-sub-sub-title.user-page-sub-sub-title--font-sm {
  font-size: 12px;
}

.user-page-sub-sub-title-container .user-page-sub-sub-title.user-page-sub-sub-title--ml-none {
  margin-left: 0;
}

.user-page-sub-sub-title-container .user-page-sub-sub-title .user-page-sub-sub-title-txt.user-page-sub-sub-title-txt--font-lg {
  display: inline-block;
  margin-bottom: 5px;
  font-size: 16px;
}

.purchase-page-title,
.store-page-title,
.sns-acount-list-page-title {
  color: #000;
  font-weight: bold;
  text-align: center;
}

.purchase-page-title.font-16,
.store-page-title.font-16,
.sns-acount-list-page-title.font-16 {
  font-size: 16px;
}

.purchase-page-title.font-18,
.store-page-title.font-18,
.sns-acount-list-page-title.font-18 {
  font-size: 18px;
}

.purchase-page-title.font-20,
.store-page-title.font-20,
.sns-acount-list-page-title.font-20 {
  font-size: 20px;
}

.purchase-page-title.font-24,
.store-page-title.font-24,
.sns-acount-list-page-title.font-24 {
  font-size: 24px;
}

.purchase-page-title.font-36,
.store-page-title.font-36,
.sns-acount-list-page-title.font-36 {
  font-size: 36px;
}

@media screen and (max-width: 768px) {
  .purchase-page-title.font-sp-16,
  .store-page-title.font-sp-16,
  .sns-acount-list-page-title.font-sp-16 {
    font-size: 16px;
  }
  .purchase-page-title.font-sp-18,
  .store-page-title.font-sp-18,
  .sns-acount-list-page-title.font-sp-18 {
    font-size: 18px;
  }
  .purchase-page-title.font-sp-20,
  .store-page-title.font-sp-20,
  .sns-acount-list-page-title.font-sp-20 {
    font-size: 20px;
    line-height: 1.4;
  }
  .purchase-page-title.font-sp-24,
  .store-page-title.font-sp-24,
  .sns-acount-list-page-title.font-sp-24 {
    font-size: 24px;
  }
  .purchase-page-title.font-sp-36,
  .store-page-title.font-sp-36,
  .sns-acount-list-page-title.font-sp-36 {
    font-size: 36px;
  }
}

.purchase-page-title.mt-30,
.store-page-title.mt-30,
.sns-acount-list-page-title.mt-30 {
  margin-top: 30px;
}

.purchase-page-title.mt-53,
.store-page-title.mt-53,
.sns-acount-list-page-title.mt-53 {
  margin-top: 53px;
}

.purchase-page-title.mt-56,
.store-page-title.mt-56,
.sns-acount-list-page-title.mt-56 {
  margin-top: 56px;
}

.purchase-page-title.mt-63,
.store-page-title.mt-63,
.sns-acount-list-page-title.mt-63 {
  margin-top: 63px;
}

@media screen and (max-width: 768px) {
  .purchase-page-title.mt-sp-24,
  .store-page-title.mt-sp-24,
  .sns-acount-list-page-title.mt-sp-24 {
    margin-top: 24px;
  }
  .purchase-page-title.mt-sp-30,
  .store-page-title.mt-sp-30,
  .sns-acount-list-page-title.mt-sp-30 {
    margin-top: 30px;
  }
  .purchase-page-title.mt-sp-34,
  .store-page-title.mt-sp-34,
  .sns-acount-list-page-title.mt-sp-34 {
    margin-top: 34px;
  }
  .purchase-page-title.mt-sp-44,
  .store-page-title.mt-sp-44,
  .sns-acount-list-page-title.mt-sp-44 {
    margin-top: 44px;
  }
  .purchase-page-title.mt-sp-53,
  .store-page-title.mt-sp-53,
  .sns-acount-list-page-title.mt-sp-53 {
    margin-top: 53px;
  }
  .purchase-page-title.mt-sp-56,
  .store-page-title.mt-sp-56,
  .sns-acount-list-page-title.mt-sp-56 {
    margin-top: 56px;
  }
}

@media screen and (max-width: 768px) {
  .purchase-page-title.line-height-sp-14,
  .store-page-title.line-height-sp-14,
  .sns-acount-list-page-title.line-height-sp-14 {
    line-height: 1.4;
  }
}

.purchase-page-title.text-left,
.store-page-title.text-left,
.sns-acount-list-page-title.text-left {
  text-align: left;
}

/************************************/
/* ユーザページトップ説明リード文 */
/************************************/
.user-page-description-container {
  margin-top: 28px;
}

@media screen and (max-width: 768px) {
  .user-page-description-container {
    margin-top: 18px;
  }
}

.user-page-description-container.mt-20 {
  margin-top: 20px;
}

.user-page-description-container.mb-40 {
  margin-bottom: 40px;
}

.user-page-description-container .user-page-description-txt {
  color: #000;
  font-size: 12px;
  line-height: calc(18 / 12);
}

.user-page-description-container .user-page-description-txt.user-page-description-txt--green {
  color: #13E600;
}

.user-page-description-container .user-page-description-txt.user-page-description-txt--green .link {
  color: #13E600;
}

.user-page-description-container .user-page-description-txt.user-page-description-txt--green .link:hover {
  text-decoration: underline;
}

.user-page-description-container .user-page-description-txt.font-lg {
  font-size: 14px;
}

.user-page-description-container .user-page-description-txt .link {
  color: #3E6DBB;
  font-weight: bold;
}

.user-page-description-container .user-page-description-txt .link:hover {
  text-decoration: underline;
}

.user-page-description-container .error {
  margin-top: -10px;
  margin-bottom: 32px;
  color: #F10500;
}

.user-page-description-container .error .lead {
  font-weight: bold;
  font-size: 12px;
  line-height: calc(20 / 12);
}

.user-page-description-container .error .txt {
  font-weight: bold;
  font-size: 12px;
  line-height: calc(20 / 12);
}

/************************************/
/* 利用規約同意エリア（カート内） */
/************************************/
.terms-of-service-area {
  background-color: #F4F4F4;
  padding-left: 30px;
  padding-right: 22px;
}

.terms-of-service-area .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 60px;
  color: #000;
  font-size: 12px;
}

@media screen and (max-width: 768px) {
  .terms-of-service-area {
    padding-left: 15px;
  }
}

.terms-of-service-area .contents {
  padding-block: 16px;
}

.terms-of-service-area .contents .checkbox-group label {
  padding-left: 10px;
}

.terms-of-service-area .txt {
  color: #000;
  font-size: 12px;
  line-height: calc(20 / 12);
}

.terms-of-service-area .checkbox-group {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 35px;
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .terms-of-service-area .checkbox-group {
    margin-top: 12px;
  }
}

.terms-of-service-area .checkbox-label {
  font-weight: 500;
}

/************************************/
/* 利用規約同意エリア */
/************************************/
.agree-terms-container {
  width: 255px;
  margin-inline: auto;
  display: -ms-grid;
  display: grid;
  row-gap: 20px;
}

.agree-terms-container .agree-terms-checkbox {
  color: #000;
  font-size: 14px;
  font-weight: bold;
}

.agree-terms-container .agree-terms-checkbox label {
  margin-right: 0;
}

.agree-terms-container .agree-terms-checkbox .link {
  color: #3E6DBB;
  font-weight: bold;
}

.agree-terms-container .agree-terms-checkbox .link:hover {
  text-decoration: underline;
}

/************************************/
/* 利用規約同意リスト */
/************************************/
.agree-terms-list-container {
  color: #000;
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .agree-terms-list-container {
    margin-top: 47px;
  }
}

.agree-terms-list-container .agree-terms-list-container-title {
  font-size: 16px;
  font-weight: bold;
}

.agree-terms-list-container .agree-terms-list {
  margin-top: 15px;
  padding-left: 1em;
}

@media screen and (max-width: 768px) {
  .agree-terms-list-container .agree-terms-list {
    margin-top: 12px;
  }
}

.agree-terms-list-container .agree-terms-list-item {
  margin-top: 2.3em;
  list-style-type: decimal;
}

@media screen and (max-width: 768px) {
  .agree-terms-list-container .agree-terms-list-item {
    margin-top: 0.7em;
  }
}

.agree-terms-list-container .agree-terms-list-item::marker {
  font-weight: bold;
}

.agree-terms-list-container .agree-terms-list-item:first-child {
  margin-top: 0;
}

.agree-terms-list-container .agree-terms-list-item .title {
  font-size: 14px;
  font-weight: bold;
}

.agree-terms-list-container .agree-terms-list-item .checkbox-group {
  margin-top: 8px;
  margin-left: 0.5em;
  font-size: 14px;
  font-weight: bold;
}

.agree-terms-list-container .agree-terms-list-item .checkbox-group label {
  padding-left: 0.7em;
  translate: 0 -0.1em;
}

.agree-terms-list-container .agree-terms-list-item .checkbox-group input[type="checkbox"] {
  border-color: #000;
}

.agree-terms-list-container .agree-terms-list-item-contents {
  font-size: 14px;
  padding-left: 0.5em;
}

@media screen and (max-width: 768px) {
  .agree-terms-list-container .agree-terms-list-item-contents {
    padding-left: 0.3em;
  }
}

.agree-terms-list-container .agree-terms-list-item-contents .content-item {
  list-style-type: disc;
}

.agree-terms-list-container .agree-terms-list-item-contents .content-item::marker {
  font-size: 0.8em;
  translate: 5px 0;
}

.agree-terms-list-container .agree-terms-list-item-contents .content-item.non-list-mark {
  list-style-type: none;
  margin-left: -1.9em;
}

.agree-terms-list-container .link {
  color: #3E6DBB;
}

.agree-terms-list-container .link:hover {
  text-decoration: underline;
}

.agree-terms-list-container .link.u-line {
  color: #000;
  text-decoration: underline;
}

/************************************/
/* 購入に関する説明（ショッピングカート） */
/************************************/
.about-buy {
  margin-top: 95px;
}

@media screen and (max-width: 768px) {
  .about-buy {
    margin-top: 50px;
  }
}

.about-buy .about-buy-inner {
  padding: 30px 36px;
  border: 1px solid #BFBFBF;
}

@media screen and (max-width: 768px) {
  .about-buy .about-buy-inner {
    padding: 19px 15px;
  }
}

.about-buy .about-buy-sec {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .about-buy .about-buy-sec {
    margin-top: 14px;
  }
}

.about-buy .about-buy-sec:first-child {
  margin-top: 0;
}

.about-buy .about-buy-title {
  margin-bottom: 0;
  color: #000;
  font-size: 14px;
  font-weight: bold;
  line-height: calc(20 / 14);
}

.about-buy .about-buy-list .about-buy-item {
  list-style: disc;
  color: #000;
  font-size: 14px;
  line-height: calc(20 / 14);
}

@media screen and (max-width: 768px) {
  .about-buy .about-buy-list .about-buy-item {
    margin-left: 1.5em;
    font-size: 12px;
    line-height: calc(20 / 12);
  }
}

.about-buy .about-buy-list .about-buy-item::marker {
  font-size: 0.6em;
  translate: 10px 0;
}

/************************************/
/* カート内マルチカラムセクション */
/************************************/
.multi-column-area .multi-column-area-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 30px;
  column-gap: 30px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .multi-column-area .multi-column-area-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 46px;
  }
}

.multi-column-area .multi-column-area-inner .multi-column-area-contents-elem {
  width: 100%;
  max-width: 480px;
}

/************************************/
/* カート内ワンカラムセクション */
/************************************/
.one-column-area .one-column-area-inner dl,
.one-column-area .one-column-area-inner dd,
.one-column-area .one-column-area-inner dt {
  margin-top: 0;
  margin-bottom: 0;
}

.one-column-area .one-column-area-pd-container {
  padding-left: 35px;
  padding-right: 10px;
}

@media screen and (max-width: 768px) {
  .one-column-area .one-column-area-pd-container {
    padding-left: 0;
    padding-right: 0;
  }
}

.one-column-area .one-column-area-border-area {
  padding-block: 10px;
  border-top: 1px solid #BFBFBF;
  border-bottom: 1px solid #BFBFBF;
}

.one-column-area .one-column-area-border-area.pt-none {
  padding-top: 0;
}

.one-column-area .one-column-area-border-area.pb-none {
  padding-bottom: 0;
}

.one-column-area .one-column-area-border-area.mt-lg {
  margin-top: 90px;
}

@media screen and (max-width: 768px) {
  .one-column-area .one-column-area-border-area.mt-lg {
    margin-top: 30px;
  }
}

.one-column-area .one-column-area-border-area.pblk-lg {
  padding-top: 37px;
  padding-bottom: 48px;
}

@media screen and (max-width: 768px) {
  .one-column-area .one-column-area-border-area.pblk-lg {
    padding-top: 25px;
    padding-bottom: 24px;
  }
}

.one-column-area .one-column-area-border-area.border-btm-none {
  border-bottom: none;
}

.one-column-area .one-column-area-title {
  margin-bottom: 15px;
  font-size: 16px;
  color: #000;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .one-column-area .one-column-area-title {
    margin-bottom: 5px;
  }
}

.one-column-area .one-column-area-menu-item-container {
  display: -ms-grid;
  display: grid;
  row-gap: 36px;
}

@media screen and (max-width: 768px) {
  .one-column-area .one-column-area-menu-item-container {
    row-gap: 20px;
  }
}

.one-column-area .one-column-area-menu-item {
  display: -ms-grid;
  display: grid;
  row-gap: 4px;
}

@media screen and (max-width: 768px) {
  .one-column-area .one-column-area-menu-item {
    row-gap: 2px;
  }
}

.one-column-area .one-column-area-menu-item .item-title {
  font-size: 14px;
  font-weight: bold;
}

.one-column-area .one-column-area-menu-item .item-title .link {
  color: #3E6DBB;
  font-weight: bold;
}

.one-column-area .one-column-area-menu-item .item-title .link:hover {
  text-decoration: underline;
}

.one-column-area .one-column-area-menu-item .item-detail {
  font-size: 12px;
  color: #000;
  line-height: calc(20 / 12);
}

.one-column-area .one-column-area-menu-item .item-detail .link {
  display: block;
  color: #13E600;
}

.one-column-area .btn-container.btn-container--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 50px;
  column-gap: 50px;
}

@media screen and (max-width: 768px) {
  .one-column-area .btn-container.btn-container--flex {
    row-gap: 20px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: 250px;
    margin-inline: auto;
  }
}

.one-column-area .btn-container .act-btn {
  font-size: 12px;
}

/************************************/
/* カート内容サイドバー */
/************************************/
.accounting-area-container {
  top: 90px;
  position: -webkit-sticky;
  position: sticky;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

@media screen and (max-width: 768px) {
  .accounting-area-container {
    margin-top: 30px;
  }
}

.accounting-area-container .accounting-area-inner {
  padding: 16px 16px 12px 24px;
  background-color: #E8E9EA;
}

@media screen and (max-width: 768px) {
  .accounting-area-container .accounting-area-inner {
    padding: 30px 15px 24px 15px;
  }
}

.accounting-area-container .accounting-area-inner dl,
.accounting-area-container .accounting-area-inner ul,
.accounting-area-container .accounting-area-inner ol {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .accounting-area-container .accounting-area-inner .accounting-detail-container {
    max-width: 253px;
    margin-inline: auto;
  }
}

.accounting-area-container .accounting-area-inner .accounting-total-container {
  margin-top: 12px;
}

@media screen and (max-width: 768px) {
  .accounting-area-container .accounting-area-inner .accounting-total-container {
    max-width: 253px;
    margin-inline: auto;
  }
}

.accounting-area-container .accounting-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #000;
}

.accounting-area-container .accounting-list-item .lead {
  font-size: 12px;
  font-weight: 500;
}

.accounting-area-container .accounting-list-item .lead.lead-bold {
  font-weight: bold;
}

.accounting-area-container .accounting-list-item .detail {
  font-size: 12px;
  text-align: right;
}

.accounting-area-container .accounting-list-item .detail.detail--txt-lg {
  font-size: 16px;
}

.accounting-area-container .accounting-list-item.subtotal {
  margin-top: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #BFBFBF;
}

.accounting-area-container .accounting-list-item.subtotal .sub-total-list {
  display: -ms-grid;
  display: grid;
  row-gap: 8px;
}

.accounting-area-container .accounting-list-item.subtotal .sub-total-list .sub-total-item {
  font-size: 16px;
  font-weight: 300;
}

.accounting-area-container .accounting-list-item.ship-price {
  margin-top: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #BFBFBF;
}

.accounting-area-container .accounting-list-item.ship-price .ship-price-txt {
  font-size: 16px;
  font-weight: 300;
}

.accounting-area-container .btn-container {
  margin-top: 19px;
  display: -ms-grid;
  display: grid;
  row-gap: 15px;
}

@media screen and (max-width: 768px) {
  .accounting-area-container .btn-container {
    row-gap: 30px;
    justify-items: center;
    max-width: 250px;
    margin-top: 49px;
    margin-inline: auto;
  }

  /* 注意書きが入るときは幅を広げ、改行の切れを抑える（36812） */
  .accounting-area-container .btn-container--amazon-guest-note {
    max-width: 100%;
    width: 100%;
    justify-items: stretch;
  }
}

.accounting-area-container .btn-container .act-btn {
  font-size: 12px;
}

.accounting-area-container .btn-container .back-to-page-btn {
  margin-top: 7px;
  margin-left: auto;
}

@media screen and (max-width: 768px) {
  .accounting-area-container .btn-container .back-to-page-btn {
    margin-top: -10px;
  }
}

/* Guest Amazon Pay — 確認画面サイドバー注意書き（モーダル .announce とトーンを揃える） */
.accounting-area-container .btn-container .amazon-pay-guest-confirm-note {
  margin: 0;
  width: 100%;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  font-size: 12px;
  font-weight: 400;
  line-height: calc(25 / 12);
  letter-spacing: 0.01em;
  text-align: left;
  padding-top: 16px;
  margin-top: 6px;
  border-top: 1px solid #e5e5e5;
  line-break: strict;
  word-break: normal;
  overflow-wrap: break-word;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

.accounting-area-container .btn-container .amazon-pay-guest-confirm-note__nobr {
  white-space: nowrap;
}

.accounting-area-container .btn-container .amazon-pay-guest-confirm-note .link {
  color: #3e6dbb;
  font-weight: bold;
  text-decoration: underline;
  text-underline-offset: 2px;
  white-space: nowrap;
}

.accounting-area-container .btn-container .amazon-pay-guest-confirm-note .link:hover {
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
  .accounting-area-container .btn-container .amazon-pay-guest-confirm-note {
    padding-top: 18px;
    margin-top: 8px;
  }
}

/************************************/
/* 注文完了セクション */
/************************************/
.confirm-complete-msg-container {
  text-align: center;
  padding-top: 27px;
}

@media screen and (max-width: 768px) {
  .confirm-complete-msg-container {
    padding-top: 22px;
  }
}

.confirm-complete-msg-container .confirm-complete-msg-title {
  color: #000;
  font-size: 20px;
  font-weight: bold;
}

.confirm-complete-msg-container .order-num {
  margin-top: 28px;
}

@media screen and (max-width: 768px) {
  .confirm-complete-msg-container .order-num {
    margin-top: 25px;
  }
}

.confirm-complete-msg-container .confirm-complete-msg-txt {
  margin-top: 1em;
  color: #000;
  font-size: 14px;
  line-height: calc(25 / 14);
  width: 720px;
  max-width: 100%;
  margin-inline: auto;
}

.confirm-complete-msg-container .confirm-complete-msg-txt:first-of-type {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .confirm-complete-msg-container .confirm-complete-msg-txt {
    margin-top: 23px;
    padding-inline: 13px;
  }
}

.confirm-complete-msg-container .confirm-complete-msg-txt.confirm-complete-msg-txt--l {
  text-align: left;
}

@media screen and (max-width: 768px) {
  .confirm-complete-msg-container .confirm-complete-msg-txt.confirm-complete-msg-txt--l {
    text-align: center;
  }
}

@media screen and (max-width: 768px) {
  .confirm-complete-msg-container .confirm-complete-msg-txt.confirm-complete-msg-txt--l-sp {
    text-align: left;
  }
}

.confirm-complete-msg-container .link {
  display: inline-block;
  margin-top: 26px;
  font-size: 14px;
  color: #3E6DBB;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .confirm-complete-msg-container .link {
    margin-top: 16px;
  }
}

.confirm-complete-msg-container .link:hover {
  text-decoration: underline;
}

.confirm-complete-msg-container .btn-container {
  margin-top: 42px;
  margin-bottom: 60px;
}

@media screen and (max-width: 768px) {
  .confirm-complete-msg-container .btn-container {
    margin-top: 26px;
    margin-bottom: 20px;
  }
}

.confirm-complete-msg-container .btn-container.btn-container--center {
  margin-inline: auto;
  padding-left: 0;
}

.confirm-complete-msg-container .btn-container.btn-container--center .act-btn {
  margin-inline: auto;
}

/* 本会員登録完了：「カートへ進む」「ログイン」を縦に並べる際のボタン間隔 */
.confirm-complete-msg-container .btn-container.btn-container--center .act-btn + .act-btn {
  margin-top: 10px;
}

/************************************/
/* 商品リスト（ショッピングカート） */
/************************************/
.cart-table .cart-table-title-area {
  padding-bottom: 8px;
  border-bottom: 1px solid #BFBFBF;
}

@media screen and (max-width: 768px) {
  .cart-table .cart-table-title-area.cart-item--grid-container {
    display: none;
  }
}

.cart-table .cart-table-title-area .cart-table-col-title {
  color: #000;
  font-size: 12px;
  font-weight: bold;
}

.cart-table .product-status-container {
  margin-top: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 23px;
  column-gap: 23px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 5px;
}

@media screen and (max-width: 768px) {
  .cart-table .product-status-container {
    -webkit-column-gap: 50px;
    column-gap: 50px;
  }
}

.cart-table .product-status-container .product-type .txt {
  margin-top: 0;
  font-size: 12px;
}

.cart-table .product-status-label {
  width: 85px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 12px;
  color: #4B4B4B;
  border: 1px solid #707070;
}

.cart-table .product-status-label.txt-red {
  color: #F10500;
}

.cart-table .product-status-label.border-red {
  border-color: #F10500;
}

@media screen and (max-width: 768px) {
  .cart-table .cart-table-contents {
    border-top: 1px solid #BFBFBF;
  }
}

.cart-table .cart-item {
  padding-top: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #BFBFBF;
}

@media screen and (max-width: 768px) {
  .cart-table .cart-item {
    padding-top: 17px;
    padding-bottom: 17px;
  }
}

.cart-table .cart-item .link {
  color: #3E6DBB;
}

.cart-table .cart-item .link:hover {
  text-decoration: underline;
}

.cart-table .cart-item .cart-product-image {
  width: 100%;
  max-width: 100px;
}

.cart-table .cart-item .cart-product-image img {
  max-width: 100%;
}

.cart-table .cart-item .product-name {
  font-size: 12px;
  font-weight: bold;
  display: block;
}

.cart-table .cart-item .product-artist-name {
  font-size: 12px;
  color: #3E6DBB;
}

.cart-table .cart-item .product-detail-infos {
  margin-top: 5px;
  line-height: 0.7em;
}

.cart-table .cart-item .product-detail-infos .product-detail-info-item {
  display: inline;
  padding-right: 0.1em;
  font-size: 12px;
  color: #000;
}

.cart-table .cart-item .product-detail-infos .product-detail-info-item::after {
  content: "/";
  margin-left: 0.4em;
}

.cart-table .cart-item .product-detail-infos .product-detail-info-item:last-child::after {
  content: "";
}

.cart-table .cart-item .sub-total-on-selected-over-two-wrapper {
  margin-top: 5px;
}

.cart-table .cart-item--grid-container {
  display: -ms-grid;
  display: grid;
  /* 3列目は小計 nowrap で auto 最小幅が膨らまないよう 0〜192px に固定 */
  -ms-grid-columns: 117px minmax(auto, 300px) minmax(0, 192px) minmax(auto, 121px);
  grid-template-columns: 117px minmax(auto, 300px) minmax(0, 192px) minmax(auto, 121px);
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.cart-table .cart-item--grid-container .grid-item.grid-item--h-center {
  -ms-grid-column-align: center;
  justify-self: center;
}

.cart-table .cart-item--grid-container .grid-item.grid-item--v-center {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.cart-table .price-off-on-cart {
  margin-top: 3px;
}

.cart-table .price {
  margin-top: 10px;
}

.cart-table .cnt-container {
  margin-top: 11px;
}

.cart-table .cnt-container .product-cnt-ctr-on-cart {
  margin-inline: auto;
}

.cart-table .delete-product-btn-on-cart {
  margin-top: 12px;
}

@media screen and (max-width: 768px) {
  .cart-table .cart-item--grid-container {
    grid-template-areas: "areaB areaB" "areaA areaC" "areaD areaD";
    -ms-grid-columns: 130px auto;
    grid-template-columns: 130px auto;
    row-gap: 18px;
  }
  .cart-table .cart-item--grid-container:not(:has(.cnt-container)) {
    grid-template-areas: "areaB areaB areaB" "areaA areaC -" "areaD areaD areaD";
    -ms-grid-columns: 100px minmax(auto, 120px) auto;
    grid-template-columns: 100px minmax(auto, 120px) auto;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
  }
  .cart-table .cart-item--grid-container:not(:has(.cnt-container)) .grid-item:nth-child(3) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    grid-area: areaC;
    -ms-flex-item-align: center;
    align-self: center;
  }
  .cart-table .cart-item--grid-container:not(:has(.cnt-container)) .grid-item:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
    grid-area: areaD;
  }
  .cart-table .cart-item--grid-container:not(:has(.cnt-container)) .price-and-cnt-container {
    margin-bottom: 0;
  }
  .cart-table .cart-item--grid-container:not(:has(.cnt-container)) .price-and-cnt-container .price {
    position: static;
  }
  .cart-table .price-and-cnt-container {
    position: relative;
  }
  /* 単価・削除は元の絶対配置のまま */
  .cart-table .price-and-cnt-container .price {
    position: absolute;
    right: 0;
  }
  .cart-table .delete-product-btn-on-cart {
    position: absolute;
    left: 30px;
  }
  /*
   * 小計だけ数量ブロックの下へ（top:100%）。
   * 削除と同一行で重なるのを避け、単価の直下に積まない。
   */
  .cart-table .price-and-cnt-container .sub-total-on-selected-over-two-wrapper {
    position: absolute;
    right: 0;
    top: 100%;
    /* 「削除」1行分下げて重ならないようにする */
    margin-top: 18px;
  }
  .cart-table .stock-condition-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-column-gap: 18px;
    column-gap: 18px;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
  .cart-table .stock-condition-container .stock-detail {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .cart-table .sub-total-on-selected-over-two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 25px;
    column-gap: 25px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: none;
  }
  .cart-table .grid-item:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
    grid-area: areaA;
  }
  .cart-table .grid-item:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-area: areaB;
  }
  .cart-table .grid-item:nth-child(3) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    grid-area: areaC;
    -ms-flex-item-align: center;
    align-self: center;
    /* 小計を top:100% に出した分の余白 */
    margin-bottom: 28px;
  }
  .cart-table .grid-item:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
    grid-area: areaD;
  }
  .cart-table .grid-item .outlet-price-on-cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 7px;
    column-gap: 7px;
  }
  .cart-table .grid-item .outlet-label,
  .cart-table .grid-item .product-cnt-ctr-on-cart {
    margin: 0;
  }
}

/************************************/
/* 在庫状況（ショッピングカート） */
/************************************/
.stock-condition-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 12px;
}

.stock-condition-container .stock-detail {
  margin-top: -4px;
}

.stock-condition-container .stock-detail .stock-txt {
  color: #000;
  font-size: 12px;
}

.stock-condition-container .stock-over-caution {
  margin-top: 10px;
  color: #F10500;
  font-size: 12px;
}

.stock-condition-container .sold-out-caution {
  margin-top: 10px;
  color: #F10500;
  font-size: 12px;
}

/************************************/
/* アウトレット表記（ショッピングカート） */
/************************************/
.price-and-cnt-container {
  text-align: center;
  min-width: 0;
}

.price-and-cnt-container:has(.outlet-price-on-cart, .member-sale-price-on-cart) .price {
  color: #F10500;
}

.price-and-cnt-container .price {
  color: #000;
  font-size: 16px;
  letter-spacing: 0.05em;
}

.outlet-label {
  margin-top: 8px;
  font-size: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 85px;
  height: 20px;
  border: 1px solid #F10500;
}

.outlet-price-on-cart .outlet-label,
.outlet-price-on-cart .member-sale-label,
.member-sale-price-on-cart .outlet-label,
.member-sale-price-on-cart .member-sale-label {
  margin-inline: auto;
  height: 15px;
  color: #F10500;
}

.outlet-price-on-cart .outlet-label,
.member-sale-price-on-cart .outlet-label {
  width: 65px;
}

.outlet-price-on-cart .price-off-on-cart,
.member-sale-price-on-cart .price-off-on-cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 1em;
  column-gap: 1em;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 10px;
}

.outlet-price-on-cart .price-off-on-cart .discount,
.member-sale-price-on-cart .price-off-on-cart .discount {
  color: #F10500;
}

.outlet-price-on-cart .price-off-on-cart .origin-price,
.member-sale-price-on-cart .price-off-on-cart .origin-price {
  position: relative;
}

.outlet-price-on-cart .price-off-on-cart .origin-price::after,
.member-sale-price-on-cart .price-off-on-cart .origin-price::after {
  content: "";
  width: 100%;
  height: 1px;
  top: 60%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: inline-block;
  background: #707070;
}

/************************************/
/* 商品数量コントローラ */
/************************************/
.product-cnt-ctr-on-cart {
  width: 100px;
  height: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 8px;
  background-color: #E8E9EA;
}

@media screen and (max-width: 768px) {
  .product-cnt-ctr-on-cart {
    width: 85px;
    height: 21px;
    padding: 4px;
  }
}

.product-cnt-ctr-on-cart.product-cnt-ctr-on-cart--disable {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.product-cnt-ctr-on-cart.product-cnt-ctr-on-cart--disable button {
  display: none;
}

.product-cnt-ctr-on-cart .cnt-num {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-size: 14px;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 768px) {
  .product-cnt-ctr-on-cart .cnt-num {
    font-size: 13px;
  }
}

.product-cnt-ctr-on-cart .minus,
.product-cnt-ctr-on-cart .plus {
  color: #4B4B4B;
  font-size: 0.8em;
}

/************************************/
/* 削除ボタン（ショッピングカート） */
/************************************/
.delete-product-btn-on-cart {
  font-size: 12px;
  color: #707070;
  cursor: pointer;
}

/************************************/
/* カート内小計（２個以上のときのみ表示） */
/************************************/
/* 数量が「２」以上になったら表示（jsで制御） */
/* .sub-total-on-selected-over-two-wrapper {
  display: none;
} */

.sub-total-on-selected-over-two {
  margin-inline: auto;
  font-size: 12px;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /* 元100pxだと「小計」が折れるため幅のみ調整。配置は元のまま */
  max-width: 140px;
}

.sub-total-on-selected-over-two .label {
  font-size: 12px;
  white-space: nowrap;
}

.sub-total-on-selected-over-two .sub-total-price {
  font-size: 14px;
  white-space: nowrap;
}

/************************************/
/* 確認画面データ */
/************************************/
.confirm-item-col {
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  row-gap: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-bottom: 1px dotted #BFBFBF;
  padding: 20px 6px 20px calc(6px + 1em);
}

.confirm-item-col dt,
.confirm-item-col dd {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .confirm-item-col {
    padding-block: 24px;
    padding-left: 4px;
    padding-right: 0;
  }
}

.confirm-item-col:first-child {
  border-top: 1px dotted #BFBFBF;
}

.confirm-item-col .confirm-item-col-title {
  color: #000;
  font-size: 16px;
  font-weight: bold;
}

.confirm-item-col .confirm-item-col-detail {
  color: #000;
  font-size: 16px;
  line-height: calc(25 / 16);
}

.confirm-item-col .confirm-item-col-detail.confirm-item-col-detail--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 13px;
  column-gap: 13px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.confirm-item-col .confirm-item-col-detail.confirm-item-col-detail--flex.col-gap-lg {
  -webkit-column-gap: 40px;
  column-gap: 40px;
}

.confirm-item-col .inputed-txt {
  font-size: 16px;
}

.confirm-item-col .inputed-txt.inputed-txt--bold {
  font-weight: bold;
}

.confirm-item-col .inputed-txt.inputed-txt--sm {
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .confirm-item-col .icon--paypal {
    width: 70px;
  }
}

/************************************/
/* 購入商品　ショッピングカートセクション */
/************************************/
.ec-cartRole__empty {
  padding-top: 1em;
}

@media screen and (max-width: 768px) {
  .cart-table-container {
    margin-top: 10px;
  }
}

/************************************/
/* ご注文番号 */
/************************************/
.order-num {
  font-size: 24px;
  color: #F10500;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .order-num {
    font-size: 20px;
  }
}

/************************************/
/* 値段 */
/************************************/
.product-price-contena {
  color: #000;
  font-size: 20px;
  white-space: nowrap;
}

@media screen and (max-width: 768px) {
  .product-price-contena {
    font-size: 16px;
  }
}

.product-price-contena .tax-txt {
  font-size: 10px;
}

@media screen and (max-width: 768px) {
  .product-price-contena .tax-txt {
    font-size: 9px;
  }
}

.product-price-contena .tax-txt--sm {
  font-size: 8px;
}

@media screen and (max-width: 768px) {
  .product-price-contena .tax-txt--sm {
    font-size: 10px;
  }
}

.product-price-contena .red {
  color: #F10500;
}

.product-price-contena .price-off {
  font-size: 12px;
}

.product-price-contena .price-off .mr {
  margin-right: 5px;
}

.product-price-contena .price-off .origin-price {
  font-size: 12px;
  color: #707070;
}

.product-price-contena .price-off .origin-price .number {
  position: relative;
}

.product-price-contena .price-off .origin-price .number::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 1px;
  background: #707070;
  top: 60%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.product-price-contena .price-off .origin-price .number.tax-txt--sm {
  font-size: 8px;
}

.oswald-txt {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  letter-spacing: 0.05em;
}

/************************************/
/* ステータスラベル */
/************************************/
.product-status .product-status-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: auto;
  height: 18px;
  font-size: 12px;
  color: #4B4B4B;
  border: 1px solid #707070;
  margin-top: 8px;
}

@media screen and (max-width: 768px) {
  .product-status .product-status-label {
    max-width: 180px;
    height: 16px;
    padding-top: 0;
  }
}

.product-status .product-status-label.bg-white {
  background-color: #fff;
}

.product-status .product-status-label:first-child {
  margin-top: 0;
}

/************************************/
/* 商品タイプラベル */
/************************************/
.product-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 5px;
  column-gap: 5px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #4B4B4B;
}

@media screen and (max-width: 768px) {
  .product-type {
    font-size: 10px;
  }
}

.product-type figure {
  width: 20px;
  height: 20px;
}

@media screen and (max-width: 768px) {
  .product-type figure {
    width: 10px;
    height: 10px;
  }
}

.product-type .txt {
  display: inline-block;
  margin-top: 7px;
  font-size: 13px;
  font-weight: bold;
}

.product-type.has-icon {
  margin-top: 7px;
}

.product-type.has-icon.has-icon--mt-none {
  margin-top: 0;
}

.product-type.has-icon .txt {
  font-size: 12px;
  margin-top: 0;
}

.product-type.has-icon .txt.txt--lg {
  font-size: 16px;
}

/************************************/
/* ソングリスト */
/************************************/
.song-list .song-list-hidden {
  position: relative;
  max-height: 62px;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;
}

@media screen and (max-width: 768px) {
  .song-list .song-list-hidden {
    max-height: 20px;
  }
}

.song-list .song-list-hidden.expanded {
  max-height: none;
}

@media screen and (max-width: 768px) {
  .song-list .song-list-hidden .song-list-wrapper .song-list-block:first-child {
    border-top: none;
  }
}

.song-list .song-list-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.8)));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 100%);
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.song-list .song-list-hidden.expanded .song-list-overlay {
  opacity: 0;
}

.song-list .song-list-more-btn {
  margin-top: 10px;
  padding: 5px 15px 5px 0;
  color: #3E6DBB;
  font-size: 14px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  position: relative;
}

.song-list .song-list-more-btn:hover {
  text-decoration: underline;
}

.song-list .song-list-more-btn::after {
  content: '';
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  background-image: url(../img/icon/triangle-down.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: 0;
  top: 55%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.song-list .song-list-more-btn.expanded::after {
  background-image: url(../img/icon/triangle-up.svg);
}

.song-list .song-list-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(auto, 480px) minmax(auto, 480px);
  grid-template-columns: minmax(auto, 480px) minmax(auto, 480px);
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  row-gap: 24px;
  -webkit-column-gap: 40px;
  column-gap: 40px;
  position: relative;
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .song-list .song-list-wrapper {
    margin-top: 0;
  }
}

.song-list .song-list-wrapper:first-of-type {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .song-list .song-list-wrapper {
    grid-auto-flow: row;
    -ms-grid-columns: minmax(auto, 100%);
    grid-template-columns: minmax(auto, 100%);
    row-gap: 0;
  }
}

.song-list .song-list-wrapper:has(> :nth-child(1):last-child) {
  grid-auto-flow: row;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -ms-grid-columns: auto;
  grid-template-columns: auto;
}

.song-list .song-list-wrapper:has(> :nth-child(1):last-child) .song-list-block {
  max-width: none;
}

.song-list .song-list-wrapper:has(> :nth-child(1):last-child) .song-list-block .song-list-disc-num {
  display: none;
}

.song-list .song-list-wrapper:has(> :nth-child(2):last-child) {
  grid-auto-flow: row;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.song-list .song-list-block {
  width: 100%;
  max-width: 480px;
  border-top: 1px dotted #BFBFBF;
  border-bottom: 1px dotted #BFBFBF;
}

@media screen and (max-width: 768px) {
  .song-list .song-list-block {
    border-top: none;
  }
}

@media screen and (max-width: 768px) {
  .song-list .song-list-block:first-child {
    border-top: 1px dotted #BFBFBF;
  }
}

.song-list .song-list-block .song-list-block-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 10px;
  column-gap: 10px;
  padding-left: 25px;
}

@media screen and (max-width: 768px) {
  .song-list .song-list-block .song-list-block-inner {
    padding-left: 0;
  }
}

.song-list .song-list-disc-num {
  color: #000;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0;
  height: 30px;
  line-height: 30px;
}

.song-list .song-list {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 0;
  margin-bottom: 0;
}

.song-list .song-list .song-list-item {
  padding-left: 4px;
  height: auto;
  border-bottom: 1px dotted #BFBFBF;
}

.song-list .song-list .song-list-item:last-child {
  border-bottom: none;
}

.song-list .song-list .song-list-item-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 16px;
  column-gap: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* 曲名折り返し時に行が潰れないよう高さ固定をやめる（#43049） */
  min-height: 30px;
  height: auto;
  padding-top: 4px;
  padding-bottom: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.song-list .song-list .song-title {
  color: #000;
  font-size: 12px;
  margin-bottom: 0;
  /* flex内で縮小・折り返し可能にし、視聴アイコン固定後のテキスト溢れを防ぐ */
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  overflow-wrap: break-word;
  word-break: break-word;
}

.song-list .song-list .audio-player-container {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.5s ease-out;
  transition: max-height 0.5s ease-out;
}

.song-list .song-list .audio-player-container.active {
  max-height: 100px;
  /* オーディオプレーヤーの高さに応じて調整してください */
  padding-top: 10px;
  padding-bottom: 15px;
}

.song-list .song-list .audio-player-container audio {
  max-width: 300px;
  height: 46px;
}

@media screen and (max-width: 768px) {
  .song-list .song-list .audio-player-container audio {
    max-width: 255px;
  }
}

.song-list .song-list .show-audio-switch {
  cursor: pointer;
  display: inline-block;
  /* 曲名が長い行でも視聴アイコンがflexで縮小しないように固定する（#43049） */
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.song-list .song-list .show-audio-switch img {
  width: 24px;
  height: 24px;
  /* グローバル img { max-width: 100%; } による縮小を打ち消す */
  max-width: none;
}

.song-list .song-list .show-audio-switch .is-active {
  display: none;
}

.song-list .song-list .show-audio-switch.active .is-active {
  display: block;
}

.song-list .song-list .show-audio-switch.active .no-active {
  display: none;
}

/************************************/
/* 中古商品ストックリンク */
/************************************/
.stock-info.link {
  -webkit-transition: all .2s;
  transition: all .2s;
}

.stock-info.link:hover {
  opacity: 0.7;
  text-decoration: none !important;
}

.stock-info .tax-txt,
.stock-info .stock-cnt-txt {
  font-size: 10px;
}

.stock-info .stock-cnt {
  display: inline;
  letter-spacing: 0.05em;
  margin-left: -0.2rem;
}

.stock-info.has-arrow {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.stock-info.has-arrow::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: inline-block;
  width: 8px;
  height: 13px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../img/icon/arrow-right-blue.svg");
}

@media screen and (max-width: 768px) {
  .stock-info.has-arrow::after {
    content: none;
  }
}

/************************************/
/* メンバーズSALE対象ラベル */
/************************************/
.member-sale-label {
  display: inline-block;
  width: 146px;
  height: 20px;
  color: #F10500;
  font-size: 12px;
  text-align: center;
  line-height: 18px;
  border: 1px solid #F10500;
}

.member-sale-label.font-sm {
  width: 100px;
  font-size: 8px;
  line-height: 13px;
}

/************************************/
/* 盤質・外装ランク */
/************************************/
.used-rank-container {
  font-weight: bold;
  color: #707070;
}

.used-rank-container .used-rank-label {
  font-size: 14px;
  margin-right: -0.4em;
}

.used-rank-container .sepalate {
  font-size: 16px;
  margin-right: -0.4em;
}

.rank-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 0.6em;
  column-gap: 0.6em;
}

.rank-alph {
  font-size: 16px;
  font-weight: bold;
}

.rank-alpha--s {
  color: #DFC353;
}

.rank-alpha--a {
  color: #979797;
}

.rank-alpha--b {
  color: #C3713A;
}

.rank-alpha--b-plus {
  color: #7E5235;
}

.rank-alpha--c {
  color: rgba(170, 170, 170, 0.6667);
}

/************************************/
/* 商品リスト */
/************************************/
/* 商品リスト（通常型） */
.product-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  row-gap: 40px;
  -webkit-column-gap: 20px;
  column-gap: 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 1020px;
}

.product-list.product-list--non-min-height .product-item {
  min-height: unset;
}

.product-list.product-list--non-min-height .product-item .product-item-h-flex-up-contena {
  min-height: unset;
}

.product-list .product-item {
  max-width: 184px;
  min-height: 435px;
}

@media screen and (max-width: 768px) {
  .product-list .product-item {
    min-height: auto;
  }
}

.product-list .product-item .link {
  display: inline-block;
  margin-bottom: 8px;
  -webkit-transition: all .3s;
  transition: all .3s;
  aspect-ratio: 1 / 1;
}

.product-list .product-item .link img {
  width: 100%;
}

.product-list .product-item .link:hover {
  cursor: pointer;
  opacity: 0.7;
}

.product-list .product-item .product-item-h-flex-up-contena {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.product-list .product-item .product-item-h-flex-up-contena .flex--price-heart.has-price-off .outlet-label {
  visibility: hidden;
  height: 0px;
}

@media screen and (max-width: 768px) {
  .product-list .product-item .product-item-h-flex-up-contena {
    min-height: auto;
  }
}

.product-list .product-item .product-item-h-flex-up-contena .product-info .product-date {
  font-size: 12px;
  color: #707070;
  margin-bottom: 4px;
}

.product-list .product-item .product-item-h-flex-up-contena .product-info .product-name {
  font-size: 14px;
  color: #000;
  font-weight: bold;
  margin-bottom: 7px;
}

.product-list .product-item .product-item-h-flex-up-contena .product-info .product-name:hover {
  text-decoration: underline;
}

.product-list .product-item .product-item-h-flex-up-contena .product-info .product-detail {
  color: #4B4B4B;
  font-size: 13px;
  margin-bottom: 4px;
}

.product-list .product-item .product-item-h-flex-up-contena .product-info .product-detail .artist-name:hover,
.product-list .product-item .product-item-h-flex-up-contena .product-info a.artist-name:hover {
  text-decoration: underline;
}

.product-list .product-item .product-item-h-flex-up-contena .product-info .product-detail .artist-name,
.product-list .product-item .product-item-h-flex-up-contena .product-info .product-detail .release-date {
  display: inline-block;
}

.product-list .product-item .product-item-h-flex-up-contena .product-info .schedule-of-arrival,
.product-list .product-item .product-item-h-flex-up-contena .product-info .product-description
 {
  font-size: 12px;
  color: #707070;
  line-height: calc(16 / 12);
}

.product-list .product-item .product-item-h-flex-up-contena .product-info .product-status {
  margin-top: 4px;
}

.product-list .product-item .product-item-h-flex-up-contena .product-info .product-status.product-status--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.product-list .product-item .product-item-h-flex-up-contena .flex--price-heart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-column-gap: 41px;
  column-gap: 41px;
}

@media screen and (max-width: 768px) {
  .product-list .product-item .product-item-h-flex-up-contena .flex--price-heart.non-price-off {
    margin-top: 5px;
  }
}

.product-list .product-item .product-item-h-flex-up-contena .flex--price-heart.has-price-off {
  -webkit-column-gap: 22px;
  column-gap: 22px;
}

@media screen and (max-width: 768px) {
  .product-list .product-item .product-item-h-flex-up-contena .flex--price-heart.has-price-off {
    margin-top: 5px;
  }
}

.product-list .product-item .product-item-h-flex-up-contena .flex--price-heart.has-volume-icon {
  position: relative;
}

.product-list .product-item .product-item-h-flex-up-contena .flex--price-heart.has-volume-icon .volume-icon {
  right: 0;
  bottom: 2px;
  position: absolute;
}

@media screen and (max-width: 768px) {
  .product-list .product-item .product-item-h-flex-up-contena .flex--price-heart.has-volume-icon .volume-icon {
    bottom: -2px;
  }
}

@media screen and (max-width: 768px) {
  .product-list .product-item .product-item-h-flex-up-contena .flex--price-heart.has-volume-icon .is-favorite-btn,
  .product-list .product-item .product-item-h-flex-up-contena .flex--price-heart.has-volume-icon .not-favorite-btn {
    position: absolute;
    right: 40px;
    bottom: 0;
  }
}

.product-list .product-item .product-item-h-flex-up-contena .flex--price-heart .is-favorite-btn,
.product-list .product-item .product-item-h-flex-up-contena .flex--price-heart .not-favorite-btn {
  margin-bottom: 4px;
}

@media screen and (max-width: 768px) {
  .product-list .product-item .product-item-h-flex-up-contena .flex--price-heart .is-favorite-btn,
  .product-list .product-item .product-item-h-flex-up-contena .flex--price-heart .not-favorite-btn {
    margin-bottom: 0;
  }
}

.product-list .product-item .product-item-h-flex-up-contena .flex--price-heart .not-favorite-btn {
  display: none;
}

.product-list .product-item.has-btn .product-info-contena {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.product-list .product-item.has-btn .act-btn {
  margin-top: 20px;
}

.product-list .product-item.has-btn .act-btn:last-child {
  margin-top: 20px;
}

.product-list .product-item.has-ranking-num {
  position: relative;
}

.product-list .product-item.has-ranking-num::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  top: -30px;
  left: 0;
  position: absolute;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  font-family: "Oswald", sans-serif;
}

.product-list .product-item.has-ranking-num:nth-child(1)::before {
  content: "1";
  background-color: #DFC353;
}

.product-list .product-item.has-ranking-num:nth-child(2)::before {
  content: "2";
  background-color: #979797;
}

.product-list .product-item.has-ranking-num:nth-child(3)::before {
  content: "3";
  background-color: #C3713A;
}

.product-list .product-item.has-ranking-num:nth-child(4)::before {
  content: "4";
  background-color: #AAAAAA;
}

.product-list .product-item.has-ranking-num:nth-child(5)::before {
  content: "5";
  background-color: #AAAAAA;
}

.product-list.product-list-used {
  row-gap: 50px;
}

@media screen and (max-width: 768px) {
  .product-list.product-list-used {
    row-gap: 30px !important;
  }
}

@media screen and (max-width: 768px) {
  .product-list.product-list-used .product-item.product-used-item {
    min-height: auto;
  }
}

@media screen and (max-width: 768px) {
  .product-list.product-list-used .product-item.product-used-item .product-item-h-flex-up-contena .product-info .product-detail {
    margin-top: 6px;
  }
}

.product-list.product-list-used .product-item.product-used-item .product-item-h-flex-up-contena .product-info .product-detail .artist-name {
  color: #4B4B4B;
}

@media screen and (max-width: 768px) {
  .product-list.product-list-used .product-item.product-used-item .product-item-h-flex-up-contena .product-info .product-detail .product-condition {
    margin-top: 3px;
  }
}

@media screen and (max-width: 768px) {
  .product-list.product-list-used .product-item.product-used-item .product-item-h-flex-up-contena .product-info .product-status.product-status--flex {
    row-gap: 5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media screen and (max-width: 768px) {
  .product-list.product-list-used .used-rank-container .sepalate {
    font-size: 14px;
    margin-right: 0;
  }
}

@media screen and (max-width: 768px) {
  .product-list.product-list-used .used-rank-container .rank-alph {
    font-size: 18px;
  }
}

.product-list .product-item.product-used-item {
  min-height: 300px;
}

.product-list .product-item.product-used-item .product-item-h-flex-up-contena {
  min-height: auto;
}

.product-list .product-item.product-used-item .product-item-h-flex-up-contena .product-info .product-detail {
  margin-top: 10px;
}

.product-list .product-item.product-used-item .product-item-h-flex-up-contena .product-info .product-detail .artist-name {
  font-weight: bold;
}

.product-list .product-item.product-used-item .product-item-h-flex-up-contena .product-info .product-detail .product-condition {
  margin-top: 5px;
  font-size: 12px;
  color: #707070;
}

.product-list .product-item.product-used-item .product-item-h-flex-up-contena .product-info .product-status {
  margin-top: 8px;
}

.product-list.checked-items {
  width: 1020px;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.product-list.checked-items .slick-list {
  padding-top: 13px;
}

.product-list.checked-items .has-clear-btn {
  position: relative;
}

.product-list.checked-items .has-clear-btn .clear-btn:hover {
  cursor: pointer;
}

/* チェックしたアイテムの×ボタン用。チェックしたアイテムのエリア内のハートマーククリック時の吹き出し×ボタンには適用させないようnot指定あり。 */
.product-list.checked-items .has-clear-btn .clear-btn:not(.clear-btn--favorite)::before {
  content: "";
  display: inline-block;
  z-index: 30;
  top: -11px;
  right: -10px;
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 999px;
  background-color: #4B4B4B;
  background-size: 42%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url("../img/icon/clear-sm.svg");
}

.product-list.product-list--non-responsive {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  max-width: none;
}

@media screen and (max-width: 1020px) {
  .product-list.product-list--non-responsive {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: scroll;
    /* IE, Edge 対応 */
    -ms-overflow-style: none;
    /* Firefox 対応 */
    scrollbar-width: none;
    /* Chrome, Safari 対応 */
  }
  .product-list.product-list--non-responsive::-webkit-scrollbar {
    display: none;
  }
}

.product-list.product-list--non-responsive .product-item {
  width: 184px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.product-list.product-list--non-responsive .product-item .product-price-contena {
  font-size: 20px;
}

.product-list.product-list--non-responsive .product-item .tax-txt {
  font-size: 10px;
}

@media screen and (max-width: 768px) {
  .product-list.product-list--non-responsive .product-item .product-status .product-status-label {
    height: 18px;
    font-size: 12px;
  }
}

@media screen and (max-width: 768px) {
  .product-list.product-list--responsive {
    row-gap: 28px;
    /* 画像が小さくタイトルやアーティスト名が短い場合中央に商品が寄らないよう対応 */
    justify-content: flex-start;
  }
  .product-list.product-list--responsive .product-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 15px;
    column-gap: 15px;
  }
  .product-list.product-list--responsive .product-item .link {
    width: 40%;
    min-width: 150px;
    margin-bottom: 0;
  }
  .product-list.product-list--responsive .product-item .product-info .flex--price-heart.non-price-off {
    margin-top: 26px;
  }
}

@media screen and (max-width: 768px) {
  /* #38680 SP: タイトル文字数に依存せず、中古リストを常に左寄せ・全幅にする */
  .product-list.product-list--responsive.product-list-used {
    width: 100%;
    max-width: none;
    justify-content: flex-start;
  }
  .product-list.product-list--responsive.product-list-used .product-item.product-used-item {
    width: 100%;
    flex: 0 0 100%;
  }
}

@media screen and (max-width: 768px) {
  .product-list.product-list--responsive-has-btn {
    row-gap: 60px;
  }
  .product-list.product-list--responsive-has-btn .product-item .product-info-contena {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 15px;
    column-gap: 15px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    /* PCの space-between を打ち消し、タイトル短い商品でも画像と本文を密着させる（#44401） */
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    min-height: auto;
  }
  .product-list.product-list--responsive-has-btn .product-item .product-info-contena .link {
    width: 40%;
    min-width: 150px;
    margin-bottom: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  /* 本文側が余り幅を受け取り、space-between の空きを作らない */
  .product-list.product-list--responsive-has-btn .product-item .product-info-contena .product-item-h-flex-up-contena {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
  }
  .product-list.product-list--responsive-has-btn .product-item .product-info-contena .product-info .flex--price-heart.non-price-off {
    margin-top: 8px;
  }
  .product-list.product-list--responsive-has-btn .product-item .product-info-btn-box {
    margin-top: 20px;
  }
  .product-list.product-list--responsive-has-btn .product-item .product-info-btn-box .act-btn {
    margin-inline: auto;
    margin-top: 0;
  }
  .product-list.product-list--responsive-has-btn .product-item .product-info-btn-box .act-btn:last-child {
    margin-top: 15px;
  }
}

@media screen and (max-width: 768px) and (max-width: 768px) {
  .product-list.product-list--responsive-has-btn .product-item .product-info-btn-box .has-acted-msg-box {
    margin-inline: auto;
    width: 255px;
  }
}

@media screen and (max-width: 768px) and (max-width: 768px) {
  .product-list.product-list--responsive-has-btn .product-item .product-info-btn-box .has-acted-msg-box .clear-btn {
    right: -10px;
    bottom: calc(300% + 33px);
  }
}

@media screen and (max-width: 768px) {
  .product-list.product-list--responsive-multi-column, .product-list.product-list--responsive-multi-column-has-top {
    row-gap: 30px;
    -webkit-column-gap: 15px;
    column-gap: 15px;
  }
  .product-list.product-list--responsive-multi-column .product-item, .product-list.product-list--responsive-multi-column-has-top .product-item {
    width: calc((100% - 15px) / 2);
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .product-list.product-list--responsive-multi-column .product-item .link, .product-list.product-list--responsive-multi-column-has-top .product-item .link {
    width: 100%;
    aspect-ratio: 1 / 1;
  }
  .product-list.product-list--responsive-multi-column .product-item .link img, .product-list.product-list--responsive-multi-column-has-top .product-item .link img {
    width: 100%;
  }
  .product-list.product-list--responsive-multi-column .product-item .product-info .flex--price-heart.non-price-off, .product-list.product-list--responsive-multi-column-has-top .product-item .product-info .flex--price-heart.non-price-off {
    margin-top: 26px;
  }
  .product-list.product-list--responsive-multi-column .product-item .product-info .product-detail, .product-list.product-list--responsive-multi-column-has-top .product-item .product-info .product-detail {
    font-size: 12px;
  }
  .product-list.product-list--responsive-multi-column .product-item .product-info .product-status .product-status-label, .product-list.product-list--responsive-multi-column-has-top .product-item .product-info .product-status .product-status-label {
    height: 20px;
  }
}

@media screen and (max-width: 768px) and (max-width: 768px) {
  .product-list.product-list--responsive-multi-column .product-item .product-info .product-status .product-status-label, .product-list.product-list--responsive-multi-column-has-top .product-item .product-info .product-status .product-status-label {
    width: 100%;
    max-width: 165px;
  }
}

@media screen and (max-width: 768px) {
  .product-list.product-list--responsive-multi-column .product-item .product-info .product-status .product-type.has-icon, .product-list.product-list--responsive-multi-column-has-top .product-item .product-info .product-status .product-type.has-icon {
    margin-top: 3px;
  }
  .product-list.product-list--responsive-multi-column .product-item .product-info .product-status .product-type img, .product-list.product-list--responsive-multi-column-has-top .product-item .product-info .product-status .product-type img {
    width: 20px !important;
    height: 20px !important;
  }
}

@media screen and (max-width: 768px) {
  .product-list.product-list--responsive-multi-column-has-top .product-item:first-child {
    width: 100%;
    position: relative;
  }
  .product-list.product-list--responsive-multi-column-has-top .product-item:first-child .product-info .product-status .product-status-label {
    display: none;
  }
  .product-list.product-list--responsive-multi-column-has-top .product-item:first-child .product-info .product-status .product-type .product-status-label {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    margin-top: 0;
    height: 20px;
    width: 98px;
  }
  .product-list.product-list--responsive-multi-column-has-top .product-item:first-child .flex--price-heart {
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-column-gap: 10px;
    column-gap: 10px;
  }
}

@media screen and (max-width: 768px) {
  .product-list.product-list--responsive .product-item, .product-list.product-list--responsive-has-btn .product-item, .product-list.product-list--responsive-multi-column .product-item, .product-list.product-list--responsive-multi-column-has-top .product-item {
    max-width: none;
  }
  .product-list.product-list--responsive .product-item .product-name, .product-list.product-list--responsive-has-btn .product-item .product-name, .product-list.product-list--responsive-multi-column .product-item .product-name, .product-list.product-list--responsive-multi-column-has-top .product-item .product-name {
    margin-bottom: 4px;
  }
  .product-list.product-list--responsive .product-item .product-date, .product-list.product-list--responsive-has-btn .product-item .product-date, .product-list.product-list--responsive-multi-column .product-item .product-date, .product-list.product-list--responsive-multi-column-has-top .product-item .product-date {
    font-size: 12px;
  }
  .product-list.product-list--responsive .product-item .product-detail, .product-list.product-list--responsive-has-btn .product-item .product-detail, .product-list.product-list--responsive-multi-column .product-item .product-detail, .product-list.product-list--responsive-multi-column-has-top .product-item .product-detail {
    margin-bottom: 3px;
  }
  .product-list.product-list--responsive .product-item .schedule-of-arrival, .product-list.product-list--responsive-has-btn .product-item .schedule-of-arrival, .product-list.product-list--responsive-multi-column .product-item .schedule-of-arrival, .product-list.product-list--responsive-multi-column-has-top .product-item .schedule-of-arrival {
    margin-bottom: 8px;
  }
  .product-list.product-list--responsive .product-item .product-type img, .product-list.product-list--responsive-has-btn .product-item .product-type img, .product-list.product-list--responsive-multi-column .product-item .product-type img, .product-list.product-list--responsive-multi-column-has-top .product-item .product-type img {
    width: 15px;
    height: 15px;
  }
  .product-list.product-list--responsive .product-item .product-item-h-flex-up-contena .flex--price-heart, .product-list.product-list--responsive-has-btn .product-item .product-item-h-flex-up-contena .flex--price-heart, .product-list.product-list--responsive-multi-column .product-item .product-item-h-flex-up-contena .flex--price-heart, .product-list.product-list--responsive-multi-column-has-top .product-item .product-item-h-flex-up-contena .flex--price-heart {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .product-list.product-list--responsive .product-item .product-item-h-flex-up-contena .flex--price-heart .product-price-contena .price-off .oswald-txt, .product-list.product-list--responsive-has-btn .product-item .product-item-h-flex-up-contena .flex--price-heart .product-price-contena .price-off .oswald-txt, .product-list.product-list--responsive-multi-column .product-item .product-item-h-flex-up-contena .flex--price-heart .product-price-contena .price-off .oswald-txt, .product-list.product-list--responsive-multi-column-has-top .product-item .product-item-h-flex-up-contena .flex--price-heart .product-price-contena .price-off .oswald-txt {
    font-size: 12px;
  }
  .product-list.product-list--responsive .product-item .product-item-h-flex-up-contena .flex--price-heart .product-price-contena .price-off .tax-txt--sm, .product-list.product-list--responsive-has-btn .product-item .product-item-h-flex-up-contena .flex--price-heart .product-price-contena .price-off .tax-txt--sm, .product-list.product-list--responsive-multi-column .product-item .product-item-h-flex-up-contena .flex--price-heart .product-price-contena .price-off .tax-txt--sm, .product-list.product-list--responsive-multi-column-has-top .product-item .product-item-h-flex-up-contena .flex--price-heart .product-price-contena .price-off .tax-txt--sm {
    font-size: 8px;
  }
  .product-list.product-list--responsive .product-item .product-item-h-flex-up-contena .flex--price-heart .product-price-contena .price-off + p, .product-list.product-list--responsive-has-btn .product-item .product-item-h-flex-up-contena .flex--price-heart .product-price-contena .price-off + p, .product-list.product-list--responsive-multi-column .product-item .product-item-h-flex-up-contena .flex--price-heart .product-price-contena .price-off + p, .product-list.product-list--responsive-multi-column-has-top .product-item .product-item-h-flex-up-contena .flex--price-heart .product-price-contena .price-off + p {
    margin-top: 2px;
  }
  .product-list.product-list--responsive .product-item .product-item-h-flex-up-contena .flex--price-heart.has-price-off, .product-list.product-list--responsive-has-btn .product-item .product-item-h-flex-up-contena .flex--price-heart.has-price-off, .product-list.product-list--responsive-multi-column .product-item .product-item-h-flex-up-contena .flex--price-heart.has-price-off, .product-list.product-list--responsive-multi-column-has-top .product-item .product-item-h-flex-up-contena .flex--price-heart.has-price-off {
    margin-top: 8px;
  }
}

/* 商品リスト（ワイド型） */
.wide-product-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  row-gap: 80px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (max-width: 768px) {
  .wide-product-list {
    row-gap: 30px;
  }
}

/* 商品アイテム（ワイド型） */
.wide-product-item .act-btn {
  margin-top: 0;
}

.wide-product-item .wide-product-item--grid01 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(150px, 300px) minmax(361px, 400px) minmax(184px, auto);
  grid-template-columns: minmax(150px, 300px) minmax(361px, 400px) minmax(184px, auto);
  -ms-grid-rows: minmax(102px, auto) minmax(67px, auto) auto;
  grid-template-rows: minmax(102px, auto) minmax(67px, auto) auto;
  grid-template-areas: "areaA areaB areaE" "areaA areaC areaF" "areaA areaD areaG";
  -webkit-column-gap: 25px;
  column-gap: 25px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}

@media screen and (max-width: 768px) {
  .wide-product-item .wide-product-item--grid01 {
    /* SP横溢れ防止: 固定min幅をやめ、コンテナ幅内で縮める */
    -ms-grid-columns: minmax(0, 135px) minmax(0, 1fr);
    grid-template-columns: minmax(0, 135px) minmax(0, 1fr);
    -ms-grid-rows: minmax(61.4px, auto) auto;
    grid-template-rows: minmax(61.4px, auto) auto;
    grid-template-areas: "areaA areaB" "areaA areaC" "areaD areaD" "areaE areaE" "areaF areaF";
    -webkit-column-gap: 15px;
    column-gap: 15px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
}

@media screen and (max-width: 375px) {
  .wide-product-item .wide-product-item--grid01 {
    -ms-grid-columns: minmax(0, 135px) minmax(0, 1fr);
    grid-template-columns: minmax(0, 135px) minmax(0, 1fr);
  }
}

.wide-product-item .wide-product-item--grid01 .grid-col01 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  grid-area: areaA;
}

.wide-product-item .wide-product-item--grid01 .grid-col01 img {
  width: 100%;
}

.wide-product-item .wide-product-item--grid01 .grid-col02-row01 {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: areaB;
  min-width: 0;
}

.wide-product-item .wide-product-item--grid01 .grid-col02-row02 {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: areaC;
  word-break: break-all;
}

@media screen and (max-width: 768px) {
  .wide-product-item .wide-product-item--grid01 .grid-col02-row02 {
    padding-top: 0;
  }
}

.wide-product-item .wide-product-item--grid01 .grid-col02-row03 {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
  grid-area: areaD;
  -ms-flex-item-align: self-start;
  align-self: self-start;
  min-width: 0;
  overflow: hidden;
}

.wide-product-item .wide-product-item--grid01 .grid-col03-row02 {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
  grid-area: areaF;
}

@media screen and (max-width: 768px) {
  .wide-product-item .wide-product-item--grid01 .grid-col03-row02 {
    -ms-grid-row: 4;
    -ms-grid-column: 2;
    grid-area: areaE;
  }
}

.wide-product-item .wide-product-item--grid01 .grid-col03-row03 {
  -ms-grid-row: 3;
  -ms-grid-row-span: 2;
  -ms-grid-column: 3;
  grid-area: areaG;
  -ms-flex-item-align: end;
  align-self: end;
}

@media screen and (max-width: 768px) {
  .wide-product-item .wide-product-item--grid01 .grid-col03-row03 {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    grid-area: areaF;
    justify-self: center;
    /* SP横溢れ防止: 255px固定minを撤廃 */
    min-width: 0;
    width: 100%;
    max-width: 100%;
  }
}

.wide-product-item .product-status-label {
  min-width: 85px; /* 最低限の幅を確保します */
  padding: 0 8px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 12px;
  color: #4B4B4B;
  border: 1px solid #707070;
}

.wide-product-item .product-status-label.product-status-label--red {
  color: #F10500;
  border-color: #F10500;
}

@media screen and (max-width: 768px) {
  .wide-product-item .product-status-label {
    padding-inline: 1.25em;
    width: auto;
  }
}

.wide-product-item .link {
  color: #3E6DBB;
}

.wide-product-item .link:hover {
  text-decoration: underline;
}

.wide-product-item .product-image {
  width: auto;
}

.wide-product-item .product-image .product-image-link {
  cursor: pointer;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.wide-product-item .product-image .product-image-link:hover {
  opacity: 0.7;
}

.wide-product-item .product-name {
  height: 30px;
  line-height: 30px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.03em;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}

@media screen and (max-width: 768px) {
  .wide-product-item .product-name {
    font-size: 16px;
    line-height: 16px;
    height: auto;
  }
}

.wide-product-item .product-artist {
  min-height: 16px;
  line-height: 1.5em;
  font-size: 16px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  min-width: 0;
  overflow: hidden;
}

.wide-product-item .product-artist .ovr-flow-wrap {
  max-width: 100%;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

@media screen and (max-width: 768px) {
  .wide-product-item .product-artist {
    font-size: 12px;
    line-height: 12px;
    margin-top: 6px;
  }

  .wide-product-item .product-artist .ovr-flow-wrap {
    max-width: 100%;
  }
}

.wide-product-item .product-category {
  margin-top: 18px;
  display: inline-block;
  padding: 3px 14px;
  color: #fff;
  font-size: 12px;
  background-color: #4B4B4B;
}

@media screen and (max-width: 768px) {
  .wide-product-item .product-category {
    margin-top: 5px;
    padding: 2px 9px;
  }
}

.wide-product-item .product-lead {
  font-size: 14px;
  font-weight: bold;
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .wide-product-item .product-lead {
    font-size: 12px;
    margin-top: 7px;
    line-height: calc(18 / 12);
  }
}

.wide-product-item .produt-sell-infos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #4B4B4B;
  font-size: 12px;
  margin-top: 6px;
}

@media screen and (max-width: 768px) {
  .wide-product-item .produt-sell-infos {
    margin-top: 0;
    line-height: calc(18 / 12);
  }
}

.wide-product-item .produt-sell-infos .produt-sell-infos-item {
  padding-right: 0.15em;
}

.wide-product-item .produt-sell-infos .produt-sell-infos-item::after {
  content: "/";
  padding-left: 0.3em;
}

.wide-product-item .produt-sell-infos .produt-sell-infos-item:last-of-type::after {
  content: "";
}

.wide-product-item .product-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 26px;
  column-gap: 26px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .wide-product-item .product-status {
    margin-top: 12px;
    -webkit-column-gap: 14px;
    column-gap: 14px;
  }
}

.wide-product-item .product-status .product-type {
  -webkit-column-gap: 8px;
  column-gap: 8px;
}

@media screen and (max-width: 768px) {
  .wide-product-item .product-status .product-type {
    -webkit-column-gap: 5px;
    column-gap: 5px;
  }
}

.wide-product-item .product-status .product-type.has-icon {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .wide-product-item .product-status .product-type.has-icon img {
    width: 20px;
  }
}

.wide-product-item .product-status .product-type .txt {
  margin-top: 0;
  font-size: 16px;
  color: #4B4B4B;
}

@media screen and (max-width: 768px) {
  .wide-product-item .product-status .product-type .txt {
    font-size: 13px;
  }
}

.wide-product-item .product-status .product-status-label-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 15px;
  column-gap: 15px;
}

@media screen and (max-width: 768px) {
  .wide-product-item .product-status .product-status-label-container {
    -webkit-column-gap: 10px;
    column-gap: 10px;
  }
}

.wide-product-item .product-status .product-status-label-container .detail {
  font-size: 12px;
}

.wide-product-item .procuts-description {
  margin-top: 14px;
  font-size: 12px;
  line-height: 1.6;
  color: #000;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}

/* 一覧では埋め込みメディアは非表示（3行テキスト省略のみ） */
.wide-product-item .procuts-description img,
.wide-product-item .procuts-description iframe {
  display: none !important;
}

/* WYSIWYGのブロック要素でも行クランプが効くよう調整 */
.wide-product-item .procuts-description p {
  display: inline;
  margin: 0;
}

/* 連続<br>は1行分にまとめる（line-clampの行枠を空行で消費しない） */
.wide-product-item .procuts-description br + br {
  display: none;
}

@media screen and (max-width: 768px) {
  .wide-product-item .procuts-description {
    margin-top: 4px;
  }
}

.wide-product-item .product-condtions {
  margin-top: 11px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 7px;
  column-gap: 7px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 8px;
}

@media screen and (max-width: 768px) {
  .wide-product-item .product-condtions {
    margin-top: 15px;
  }
}

/* 検索・一覧の商品条件タグ: ラベル内で折り返さず、タグ単位で改行する */
.wide-product-item .product-condtions .procuct-constion-item,
.new-product-detail-item .product-condtions .procuct-constion-item,
.used-product-detail-item .product-condtions .procuct-constion-item {
  white-space: nowrap;
  word-break: normal;
  overflow-wrap: normal;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}

.wide-product-item .price-volume-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .wide-product-item .price-volume-flex .flex--price-heart {
    margin-right: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.wide-product-item .price-volume-flex .trial-listen {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 7px;
  column-gap: 7px;
  font-size: 12px;
  color: #3E6DBB;
  font-weight: bold;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.wide-product-item .price-volume-flex .trial-listen:hover {
  opacity: 0.7;
}

.wide-product-item .flex--price-heart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
}

@media screen and (max-width: 768px) {
  .wide-product-item .flex--price-heart {
    margin-top: 17px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.wide-product-item .flex--price-heart .product-price-contena {
  min-width: 130px;
}

@media screen and (max-width: 967px) {
  .wide-product-item .flex--price-heart .product-price-contena {
    min-width: 95px;
  }
}

@media screen and (max-width: 768px) {
  .wide-product-item .flex--price-heart .product-price-contena .oswald-txt {
    font-size: 20px;
  }
}

@media screen and (max-width: 768px) {
  .wide-product-item .flex--price-heart .product-price-contena .tax-txt {
    font-size: 10px;
  }
}

.wide-product-item .flex--price-heart.has-price-off {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media screen and (max-width: 768px) {
  .wide-product-item .flex--price-heart.has-price-off {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.wide-product-item .flex--price-heart.has-price-off .product-price-contena .price-off-container {
  margin-top: -7px;
}

@media screen and (max-width: 768px) {
  .wide-product-item .flex--price-heart.has-price-off .product-price-contena .price-off-container {
    margin-top: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 8px;
    column-gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.wide-product-item .flex--price-heart.has-price-off .product-price-contena .price-off-container .price-off {
  margin-top: 11px;
}

@media screen and (max-width: 768px) {
  .wide-product-item .flex--price-heart.has-price-off .product-price-contena .price-off-container .price-off {
    margin-top: 0;
  }
}

@media screen and (max-width: 768px) {
  .wide-product-item .flex--price-heart.has-price-off .product-price-contena .price-off-container .price-off .mr {
    margin-right: 7px;
  }
}

@media screen and (max-width: 768px) {
  .wide-product-item .flex--price-heart.has-price-off .product-price-contena .price-off-container .price-off .oswald-txt {
    font-size: 14px;
    letter-spacing: 0.05em;
  }
}

.wide-product-item .flex--price-heart.has-price-off .product-price-contena .price-off-container .price-off .origin-price {
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .wide-product-item .flex--price-heart.has-price-off .product-price-contena .price-off-container .price-off .origin-price {
    font-size: 14px;
    letter-spacing: 0.05em;
  }
}

.wide-product-item .flex--price-heart.has-price-off .product-price-contena .after-price-off-container {
  color: #F10500;
}

@media screen and (max-width: 768px) {
  .wide-product-item .flex--price-heart.has-price-off .product-price-contena .after-price-off-container {
    margin-top: 5px;
  }
}

.wide-product-item .flex--price-heart.has-price-off .product-price-contena .after-price-off-container .oswald-txt {
  font-size: 20px;
}

.wide-product-item .flex--price-heart.has-price-off .product-price-contena .after-price-off-container .tax-txt {
  font-size: 10px;
}

.wide-product-item .flex--price-heart.has-price-off .outlet-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 1px 5px;
  font-size: 12px;
  color: #F10500;
  border: 1px solid #F10500;
}

@media screen and (max-width: 768px) {
  .wide-product-item .flex--price-heart.has-price-off .outlet-label {
    margin-top: 0;
    padding: 0 15px;
    height: 20px;
    line-height: 1;
  }
}

.wide-product-item .flex--price-heart .not-favorite-btn {
  display: none;
}

.wide-product-item .product-info-btn-box {
  row-gap: 20px;
  display: -ms-grid;
  display: grid;
  font-size: 12px;
}

@media screen and (max-width: 768px) {
  .wide-product-item .product-info-btn-box {
    row-gap: 10px;
    margin-top: 13px;
  }
}

@media screen and (max-width: 768px) {
  .wide-product-item .product-info-btn-box .act-btn.md {
    max-width: 255px;
    height: 35px;
  }
}

.wide-product-item .product-action-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: auto;
}

.wide-product-item .product-infos {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
}

.wide-product-item .product-infos .product-description-flex-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 25px;
  column-gap: 25px;
  margin-top: 18px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .wide-product-item .product-infos .product-description-flex-area {
    row-gap: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.wide-product-item .product-infos .product-description-flex-area .product-descriptions {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.wide-product-item .product-old-and-rank-infos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 105px;
  column-gap: 105px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 25px;
  padding-block: 13px;
  border-top: 1px dashed #707070;
  border-bottom: 1px solid #707070;
}

@media screen and (max-width: 768px) {
  .wide-product-item .product-old-and-rank-infos {
    -webkit-column-gap: 0;
    column-gap: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 16px;
    padding-block: 10px;
  }
}

.wide-product-item .product-old-and-rank-infos .old-product-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 8px;
  column-gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.wide-product-item .product-old-and-rank-infos .old-product-info .old-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 35px;
  height: 20px;
  font-size: 12px;
  color: #4B4B4B;
  font-weight: bold;
  background-color: #BFBFBF;
}

@media screen and (max-width: 768px) {
  .wide-product-item .product-old-and-rank-infos .old-product-info .old-label {
    width: 30px;
    font-size: 10px;
  }
}

@media screen and (max-width: 417px) {
  .wide-product-item .product-old-and-rank-infos:has(.member-sale-container) {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media screen and (max-width: 417px) {
  .wide-product-item .product-old-and-rank-infos:has(.member-sale-container) .old-product-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    row-gap: 7px;
  }
}

.wide-product-item .product-old-and-rank-infos:has(.member-sale-container) .discount {
  font-size: 12px;
  color: #F10500;
}

.wide-product-item .product-old-and-rank-infos:has(.member-sale-container) .old-price {
  font-size: 16px;
  color: #F10500;
}

.wide-product-item .product-old-and-rank-infos:has(.member-sale-container) .tax-txt {
  font-size: 10px;
  color: #F10500;
}

.wide-product-item .product-old-and-rank-infos .member-sale-container {
  display: inline;
  margin-right: 0.25em;
}

.wide-product-item .product-old-and-rank-infos .member-sale-container .origin-price {
  position: relative;
  color: #3E6DBB;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.05em;
}

.wide-product-item .product-old-and-rank-infos .member-sale-container .origin-price::after {
  content: "";
  width: 100%;
  height: 1px;
  top: 60%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: inline-block;
  background: #3E6DBB;
}

.wide-product-item .product-old-and-rank-infos .member-sale-container .tax-txt {
  font-size: 10px;
  color: #3E6DBB;
}

.wide-product-item .product-old-and-rank-infos .product-conditoin-rank {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .wide-product-item .product-old-and-rank-infos .product-conditoin-rank {
    font-size: 12px;
  }
}

/* 中古商品リスト */
.used-wide-product-list {
  display: -ms-grid;
  display: grid;
  row-gap: 80px;
}

@media screen and (max-width: 768px) {
  .used-wide-product-list {
    row-gap: 30px;
  }
}

.used-wide-product-list .used-wide-product-item--grid01 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 200px minmax(auto, 400px) minmax(184px, 250px);
  grid-template-columns: 200px minmax(auto, 400px) minmax(184px, 250px);
  -ms-grid-rows: minmax(97px, auto) minmax(14px, auto) auto;
  grid-template-rows: minmax(97px, auto) minmax(14px, auto) auto;
  grid-template-areas: "areaA areaB areaE" "areaA areaC areaE" "areaA areaD areaE";
  -webkit-column-gap: 25px;
  column-gap: 25px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}

@media screen and (max-width: 768px) {
  .used-wide-product-list .used-wide-product-item--grid01 {
    /* SP横溢れ防止: 固定min幅をやめ、コンテナ幅内で縮める */
    -ms-grid-columns: minmax(0, 135px) minmax(0, 1fr);
    grid-template-columns: minmax(0, 135px) minmax(0, 1fr);
    -ms-grid-rows: minmax(61.4px, auto) minmax(30px, auto);
    grid-template-rows: minmax(61.4px, auto) minmax(30px, auto);
    grid-template-areas: "areaA areaB" "areaA areaC" "areaA areaD" "areaE areaE" "areaF areaF";
    -webkit-column-gap: 15px;
    column-gap: 15px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
}

@media screen and (max-width: 375px) {
  .used-wide-product-list .used-wide-product-item--grid01 {
    -ms-grid-columns: minmax(0, 135px) minmax(0, 1fr);
    grid-template-columns: minmax(0, 135px) minmax(0, 1fr);
  }
}

.used-wide-product-list .used-wide-product-item--grid01 .grid-col01 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  grid-area: areaA;
}

.used-wide-product-list .used-wide-product-item--grid01 .grid-col01 img {
  width: 100%;
}

.used-wide-product-list .used-wide-product-item--grid01 .grid-col02-row01 {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: areaB;
}

.used-wide-product-list .used-wide-product-item--grid01 .grid-col02-row02 {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: areaC;
}

@media screen and (max-width: 768px) {
  .used-wide-product-list .used-wide-product-item--grid01 .grid-col02-row02 {
    padding-top: 0;
  }
}

.used-wide-product-list .used-wide-product-item--grid01 .grid-col02-row03 {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
  grid-area: areaD;
  -ms-flex-item-align: self-start;
  align-self: self-start;
}

.used-wide-product-list .used-wide-product-item--grid01 .grid-col03 {
  -ms-grid-row: 4;
  -ms-grid-column: 2;
  grid-area: areaE;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

@media screen and (max-width: 768px) {
  .used-wide-product-list .used-wide-product-item--grid01 .grid-col03 {
    -ms-grid-column-align: center;
    justify-self: center;
    /* SP横溢れ防止: 255px固定minを撤廃 */
    min-width: 0;
    width: 100%;
    max-width: 100%;
  }
}

.used-wide-product-list .product-status-label {
  min-width: 85px; /* 最低限の幅を確保します */
  padding: 0 8px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 12px;
  color: #4B4B4B;
  border: 1px solid #707070;
}

@media screen and (max-width: 768px) {
  .used-wide-product-list .product-status-label {
    padding-inline: 1.25em;
    width: auto;
  }
}

.used-wide-product-list .link {
  color: #3E6DBB;
}

.used-wide-product-list .not-favorite-btn {
  display: none;
}

.used-wide-product-list .product-image {
  width: auto;
}

.used-wide-product-list .product-name {
  height: 30px;
  line-height: 30px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.03em;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}

@media screen and (max-width: 768px) {
  .used-wide-product-list .product-name {
    font-size: 16px;
    line-height: 16px;
    height: auto;
  }
}

.used-wide-product-list .product-artist {
  min-height: 16px;
  line-height: 1.5em;
  font-size: 16px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  min-width: 0;
  overflow: hidden;
}

.used-wide-product-list .product-artist .ovr-flow-wrap {
  max-width: 100%;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

@media screen and (max-width: 768px) {
  .used-wide-product-list .product-artist {
    font-size: 12px;
    line-height: 12px;
    margin-top: 6px;
  }

  .used-wide-product-list .product-artist .ovr-flow-wrap {
    max-width: 100%;
  }
}

.used-wide-product-list .product-category {
  margin-top: 18px;
  display: inline-block;
  padding: 3px 14px;
  color: #fff;
  font-size: 12px;
  background-color: #4B4B4B;
}

@media screen and (max-width: 768px) {
  .used-wide-product-list .product-category {
    margin-top: 5px;
    padding: 2px 9px;
  }
}

.used-wide-product-list .produt-sell-infos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #4B4B4B;
  font-size: 12px;
}

@media screen and (max-width: 768px) {
  .used-wide-product-list .produt-sell-infos {
    margin-top: 6px;
    line-height: calc(18 / 12);
  }
}

.used-wide-product-list .produt-sell-infos .produt-sell-infos-item {
  padding-right: 0.15em;
}

.used-wide-product-list .produt-sell-infos .produt-sell-infos-item::after {
  content: "/";
  padding-left: 0.3em;
}

.used-wide-product-list .produt-sell-infos .produt-sell-infos-item:last-of-type::after {
  content: "";
}

.used-wide-product-list .product-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 23px;
  column-gap: 23px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 17px;
}

@media screen and (max-width: 768px) {
  .used-wide-product-list .product-status {
    margin-top: 9px;
    -webkit-column-gap: 14px;
    column-gap: 14px;
  }
}

.used-wide-product-list .product-status .product-type {
  -webkit-column-gap: 8px;
  column-gap: 8px;
}

@media screen and (max-width: 768px) {
  .used-wide-product-list .product-status .product-type {
    -webkit-column-gap: 5px;
    column-gap: 5px;
  }
}

.used-wide-product-list .product-status .product-type.has-icon {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .used-wide-product-list .product-status .product-type.has-icon img {
    width: 20px;
  }
}

.used-wide-product-list .product-status .product-type .txt {
  margin-top: 0;
  font-size: 16px;
  color: #4B4B4B;
}

@media screen and (max-width: 768px) {
  .used-wide-product-list .product-status .product-type .txt {
    font-size: 13px;
  }
}

.used-wide-product-list .product-status-label-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 15px;
  column-gap: 15px;
}

@media screen and (max-width: 768px) {
  .used-wide-product-list .product-status-label-container {
    -webkit-column-gap: 10px;
    column-gap: 10px;
  }
}

.used-wide-product-list .product-status-label-container .detail {
  font-size: 12px;
}

.used-wide-product-list .product-status-label-container .caution {
  font-size: 12px;
  line-height: 1.4;
  color: #707070;
}

.used-wide-product-list .product-info-btn-box {
  margin-top: 12px;
  display: -ms-grid;
  display: grid;
  row-gap: 10px;
  font-size: 12px;
}

@media screen and (max-width: 768px) {
  .used-wide-product-list .product-info-btn-box {
    row-gap: 10px;
    margin-top: 13px;
    justify-items: center;
  }
}

@media screen and (max-width: 768px) {
  .used-wide-product-list .product-info-btn-box .act-btn.md {
    max-width: 255px;
    height: 35px;
    margin-inline: auto;
  }
}

.used-wide-product-list .product-action-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: auto;
}

.used-wide-product-list .product-action-area .price {
  margin-top: -2px;
}

@media screen and (max-width: 768px) {
  .used-wide-product-list .product-action-area .price {
    margin-top: 7px;
  }
}

.used-wide-product-list .product-action-area .oswald-txt {
  font-size: 20px;
  letter-spacing: 0.05em;
}

.used-wide-product-list .product-action-area .tax-txt {
  font-size: 10px;
}

.used-wide-product-list .product-action-area .has-member-sale-price .member-sale-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-column-gap: 0.9em;
  column-gap: 0.9em;
}

.used-wide-product-list .product-action-area .has-member-sale-price .origin-price {
  position: relative;
  color: #707070;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.05em;
}

.used-wide-product-list .product-action-area .has-member-sale-price .origin-price::after {
  content: "";
  width: 100%;
  height: 1px;
  top: 60%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: inline-block;
  background: #707070;
}

.used-wide-product-list .product-action-area .has-member-sale-price .tax-txt--origin-price {
  font-size: 10px;
}

.used-wide-product-list .product-action-area .has-member-sale-price .sale-price-container .discount {
  font-size: 14px;
  color: #F10500;
  margin-right: 0.2em;
}

.used-wide-product-list .product-action-area .has-member-sale-price .sale-price-container .price {
  font-size: 20px;
  color: #F10500;
}

.used-wide-product-list .product-action-area .has-member-sale-price .sale-price-container .tax-txt {
  font-size: 10px;
  color: #F10500;
}

.used-wide-product-list .other-used-product-inks {
  margin-top: 17px;
}

@media screen and (max-width: 768px) {
  .used-wide-product-list .other-used-product-inks {
    margin-top: 13px;
  }
}

.used-wide-product-list .other-used-product-inks .other-used-product-inks-inner {
  padding-block: 18px;
  border-top: 1px dotted #3E6DBB;
  border-bottom: 1px dotted #3E6DBB;
}

@media screen and (max-width: 768px) {
  .used-wide-product-list .other-used-product-inks .other-used-product-inks-inner {
    padding-block: 10px;
    border-top: 1px dashed #707070;
    border-bottom: 1px dashed #707070;
  }
}

.used-wide-product-list .other-used-product-inks .other-used-product-inks-inner--ml-neg {
  margin-left: -8px;
}

@media screen and (max-width: 768px) {
  .used-wide-product-list .other-used-product-inks .other-used-product-inks-inner--ml-neg {
    margin-left: 0;
  }
}

.used-wide-product-list .other-used-product-inks .other-used-product-inks-inner--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 13px;
  column-gap: 13px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .used-wide-product-list .other-used-product-inks .other-used-product-inks-inner--flex {
    -webkit-column-gap: 6px;
    column-gap: 6px;
  }
}

.used-wide-product-list .other-used-product-inks .label {
  color: #000;
  font-size: 12px;
  font-weight: bold;
}

.used-wide-product-list .other-used-product-inks:has(.member-sale-container) .label {
  margin-top: 0.25em;
}

@media screen and (max-width: 768px) {
  .used-wide-product-list .other-used-product-inks:has(.member-sale-container) .label {
    position: absolute;
    top: 0;
    left: 3.5em;
  }
}

.used-wide-product-list .other-used-product-inks .used-product-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 8px;
  column-gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.used-wide-product-list .other-used-product-inks .used-product-info .oswald-txt {
  font-size: 16px;
  letter-spacing: 0.05em;
}

.used-wide-product-list .other-used-product-inks .used-product-info .oswald-txt.stock-cnt {
  font-size: 16px;
}

.used-wide-product-list .other-used-product-inks .used-product-info .oswald-txt.stock-cnt .stock-cnt-txt {
  font-weight: 400;
}

.used-wide-product-list .other-used-product-inks .member-sale-container {
  display: inline;
  margin-right: 0.2em;
}

.used-wide-product-list .other-used-product-inks .member-sale-container .origin-price {
  position: relative;
  color: #3E6DBB;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.05em;
}

.used-wide-product-list .other-used-product-inks .member-sale-container .origin-price::after {
  content: "";
  width: 100%;
  height: 1px;
  top: 60%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: inline-block;
  background: #3E6DBB;
}

.used-wide-product-list .other-used-product-inks .member-sale-container .tax-txt--origin-price {
  font-size: 10px;
  color: #3E6DBB;
}

.used-wide-product-list .other-used-product-inks:has(.member-sale-label) .other-used-product-inks-inner {
  padding-block: 6px;
}

.used-wide-product-list .other-used-product-inks:has(.member-sale-label) .other-used-product-inks-inner--flex {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  row-gap: 10px;
}

.used-wide-product-list .other-used-product-inks:has(.member-sale-label) .member-sale-label {
  position: absolute;
  right: 0;
  top: 0;
}

@media screen and (max-width: 768px) {
  .used-wide-product-list .other-used-product-inks:has(.member-sale-label) .member-sale-label {
    right: unset;
    top: 2.5em;
    left: 0;
  }
}

.used-wide-product-list .other-used-product-inks:has(.member-sale-label) .used-product-info {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .used-wide-product-list .other-used-product-inks:has(.member-sale-label) .used-product-info {
    margin-top: 2em;
  }
}

.used-wide-product-list .other-used-product-inks:has(.member-sale-label) .used-price {
  color: #F10500;
}

.used-wide-product-list .other-used-product-inks:has(.member-sale-label) .discount {
  margin-right: 0.1em;
  font-size: 14px;
  letter-spacing: 0.05em;
  color: #F10500;
}

.used-wide-product-list .other-used-product-inks:has(.member-sale-label) .tax-txt {
  font-size: 10px;
  letter-spacing: 0;
  color: #F10500;
}

.used-wide-product-list .other-used-product-inks:has(.member-sale-label) .stock-info.has-arrow::after {
  background-image: url(../img/icon/arrow-right-red.svg);
}

.used-wide-product-list .product-infos {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
}

.used-wide-product-list .product-infos .product-description-flex-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 25px;
  column-gap: 25px;
  margin-top: 18px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .used-wide-product-list .product-infos .product-description-flex-area {
    row-gap: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.used-wide-product-list .product-infos .product-description-flex-area .product-descriptions {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.used-wide-product-list .condition-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 35px;
  height: 20px;
  font-size: 12px;
  color: #4B4B4B;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .used-wide-product-list .condition-label {
    width: 30px;
    font-size: 10px;
  }
}

.used-wide-product-list .condition-label.condition-label--new {
  border: 1px solid #000;
}

.used-wide-product-list .condition-label.condition-label--used {
  background-color: #BFBFBF;
  border: 1px solid #BFBFBF;
}

.used-wide-product-list .product-old-and-rank-infos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 105px;
  column-gap: 105px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 25px;
  padding-block: 13px;
  border-top: 1px dashed #707070;
  border-bottom: 1px solid #707070;
}

@media screen and (max-width: 768px) {
  .used-wide-product-list .product-old-and-rank-infos {
    -webkit-column-gap: 0;
    column-gap: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 16px;
    padding-block: 10px;
  }
}

.used-wide-product-list .old-product-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 8px;
  column-gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.used-wide-product-list .old-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 35px;
  height: 20px;
  font-size: 12px;
  color: #4B4B4B;
  font-weight: bold;
  background-color: #BFBFBF;
}

@media screen and (max-width: 768px) {
  .used-wide-product-list .old-label {
    width: 30px;
    font-size: 10px;
  }
}

.used-wide-product-list .product-conditoin-rank {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .used-wide-product-list .product-conditoin-rank {
    font-size: 12px;
  }
}

.used-wide-product-list .new-product-order-area {
  margin-top: 13px;
}

@media screen and (max-width: 768px) {
  .used-wide-product-list .new-product-order-area {
    margin-top: 0;
  }
}

.used-wide-product-list .new-product-order-area .new-product-order-area-inner {
  padding-left: 229px;
  padding-block: 12px;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 20px;
  column-gap: 20px;
}

@media screen and (max-width: 1024px) {
  .used-wide-product-list .new-product-order-area .new-product-order-area-inner {
    padding-left: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media screen and (max-width: 768px) {
  .used-wide-product-list .new-product-order-area .new-product-order-area-inner {
    padding-left: 0;
    padding-block: 10px;
    row-gap: 10px;
    -webkit-column-gap: 10px;
    column-gap: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-top: none;
  }
}

.used-wide-product-list .new-product-order-area .new-product-order-area-inner:has(.member-sale-container) {
  padding-left: 75px;
}

@media screen and (max-width: 960px) {
  .used-wide-product-list .new-product-order-area .new-product-order-area-inner:has(.member-sale-container) {
    padding-inline: 10px;
  }
}

@media screen and (max-width: 768px) {
  .used-wide-product-list .new-product-order-area .new-product-order-area-inner:has(.member-sale-container) {
    padding-inline: 0;
  }
}

@media screen and (max-width: 900px) {
  .used-wide-product-list .new-product-order-area .new-product-order-area-inner:has(.member-sale-container) .product-info-btn-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 10px;
  }
}

@media screen and (max-width: 768px) {
  .used-wide-product-list .new-product-order-area .new-product-order-area-inner:has(.member-sale-container) .product-info-btn-box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

@media screen and (max-width: 900px) {
  .used-wide-product-list .new-product-order-area .new-product-order-area-inner:has(.member-sale-container) .product-info-btn-box .has-acted-msg-box {
    width: 140px;
  }
}

@media screen and (max-width: 768px) {
  .used-wide-product-list .new-product-order-area .new-product-order-area-inner:has(.member-sale-container) .product-info-btn-box .has-acted-msg-box {
    width: auto;
  }
}

.used-wide-product-list .new-product-order-area .main-info-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 22px;
  column-gap: 22px;
}

@media screen and (max-width: 768px) {
  .used-wide-product-list .new-product-order-area .main-info-container {
    -webkit-column-gap: 7px;
    column-gap: 7px;
  }
}

.used-wide-product-list .new-product-order-area .main-info-container:has(.member-sale-container) {
  -webkit-column-gap: 30px;
  column-gap: 30px;
}

.used-wide-product-list .new-product-order-area .main-info-container .price-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 9px;
  column-gap: 9px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.used-wide-product-list .new-product-order-area .main-info-container .price-container .price {
  color: #000;
}

.used-wide-product-list .new-product-order-area .main-info-container .price-container .oswald-txt {
  font-size: 16px;
}

.used-wide-product-list .new-product-order-area .main-info-container .price-container .tax-txt {
  font-size: 10px;
  margin-left: -3px;
}

.used-wide-product-list .new-product-order-area .main-info-container .member-sale-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-column-gap: 0.7em;
  column-gap: 0.7em;
}

.used-wide-product-list .new-product-order-area .main-info-container .member-sale-container .origin-price {
  position: relative;
  color: #707070;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.05em;
}

.used-wide-product-list .new-product-order-area .main-info-container .member-sale-container .origin-price::after {
  content: "";
  width: 100%;
  height: 1px;
  top: 60%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: inline-block;
  background: #707070;
}

.used-wide-product-list .new-product-order-area .main-info-container .member-sale-container .tax-txt {
  font-size: 10px;
  color: #707070;
}

.used-wide-product-list .new-product-order-area .main-info-container .sale-price-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-column-gap: 0.4em;
  column-gap: 0.4em;
}

.used-wide-product-list .new-product-order-area .main-info-container .sale-price-container .discount {
  font-size: 14px;
  color: #F10500;
}

.used-wide-product-list .new-product-order-area .main-info-container .sale-price-container .price {
  font-size: 16px;
  color: #F10500;
}

.used-wide-product-list .new-product-order-area .main-info-container .sale-price-container .tax-txt {
  font-size: 10px;
  color: #F10500;
}

.used-wide-product-list .new-product-order-area .ship-info-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 20px;
  column-gap: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .used-wide-product-list .new-product-order-area .ship-info-container {
    -webkit-column-gap: 10px;
    column-gap: 10px;
  }
}

.used-wide-product-list .new-product-order-area .product-info-btn-box {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 10px;
  column-gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0;
  max-width: 290px;
}

@media screen and (max-width: 768px) {
  .used-wide-product-list .new-product-order-area .product-info-btn-box {
    margin-inline: auto;
    width: 100%;
    max-width: none;
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    -webkit-column-gap: 15px;
    column-gap: 15px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.used-wide-product-list .new-product-order-area .product-info-btn-box .has-acted-msg-box {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

/* 店舗受け取りボタンが無いとき: .has-acted-msg-box のみだと flex:1 で行全幅になり
   .acted-msg の left:50% 基準がズレる。2 列目相当の幅に揃える。
   ※ width:fit-content は既存の act-btn 幅（43.73vw 等）を壊すため使わない */
.used-wide-product-list .new-product-order-area .product-info-btn-box > .has-acted-msg-box:only-child {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  box-sizing: border-box;
  width: calc((100% - 10px) / 2);
  max-width: 164px;
  min-width: 0;
}

@media screen and (max-width: 768px) {
  .used-wide-product-list .new-product-order-area .product-info-btn-box .has-acted-msg-box {
    width: 43.73vw;
    max-width: 164px;
  }

  .used-wide-product-list .new-product-order-area .product-info-btn-box > .has-acted-msg-box:only-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 43.73vw;
    max-width: 164px;
  }
}

.used-wide-product-list .new-product-order-area .product-info-btn-box .has-acted-msg-box.has-acted-msg-box--xs .clear-btn {
  bottom: calc(300% + 39px);
  right: -8px;
}

/* cart 用 xs ルールに上書きされないよう、同コンテキストでお気に入り用位置を再指定 */
.used-wide-product-list .new-product-order-area .product-info-btn-box .has-acted-msg-box.has-acted-msg-box--xs .clear-btn.clear-btn--favorite {
  bottom: calc(200% + 28px);
}

.used-wide-product-list .new-product-order-area .product-info-btn-box .has-acted-msg-box .acted-msg .act-btn {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .used-wide-product-list .new-product-order-area .product-info-btn-box .act-btn {
    width: 43.73vw;
    height: 28px;
    max-width: 164px;
    font-size: 12px;
  }
}

.used-wide-product-list .new-product-order-area .product-info-btn-box .act-btn.has-arrow::after {
  width: 7px;
  height: 9px;
  right: 7px;
}

.used-wide-product-list .new-product-order-area .product-info-btn-box .act-btn.xs::before {
  left: 16px;
}

.used-wide-product-list .new-product-order-area .product-status-label {
  min-width: 85px; /* 最低限の幅を確保します */
  padding: 0 8px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 12px;
  color: #4B4B4B;
  border: 1px solid #707070;
}

@media screen and (max-width: 768px) {
  .used-wide-product-list .new-product-order-area .product-status-label {
    /* 在庫ステータスラベル（最大7文字）が56px固定で改行崩れするため、他ブロックと同様に自動幅 */
    width: auto;
    min-width: 85px;
    white-space: nowrap;
  }
}

.used-wide-product-list .new-product-order-area .expected-ship-date-announce {
  color: #4B4B4B;
  font-size: 12px;
}

/* 中古商品リスト（小さめサイズ） */
.used-sm-wide-product-list .link {
  color: #3E6DBB;
}

.used-sm-wide-product-list .link:hover {
  text-decoration: underline;
}

.used-sm-wide-product-list .used-sm-wide-product-list-items {
  display: -ms-grid;
  display: grid;
  row-gap: 29px;
}

@media screen and (max-width: 768px) {
  .used-sm-wide-product-list .used-sm-wide-product-list-items {
    row-gap: 20px;
  }
}

.used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item {
  padding-bottom: 35px;
  border-bottom: 1px dotted #BFBFBF;  
  scroll-margin-top: var(--header-height, 200px); /* 中古バーコードアンカータグの遷移先の位置調整 */
}

@media screen and (max-width: 768px) {
  .used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item {
    padding-bottom: 20px;
    scroll-margin-top: var(--header-height, 130px); /* 中古バーコードアンカータグの遷移先の位置調整 */
  }
}

.used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: minmax(32px, auto) minmax(64px, auto);
  grid-template-rows: minmax(32px, auto) minmax(64px, auto);
  -ms-grid-columns: 130px minmax(300px, 534px) calc(250px + ((40 / 1440) * 100vw));
  grid-template-columns: 130px minmax(300px, 534px) calc(250px + ((40 / 1440) * 100vw));
  grid-template-areas: "areaA areaB areaE" "areaA areaC areaE" "areaA areaD areaE";
  -webkit-column-gap: 23px;
  column-gap: 23px;
}

@media screen and (max-width: 768px) {
  .used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container {
    /* SP横溢れ防止: 固定min幅をやめ、コンテナ幅内で縮める */
    -ms-grid-columns: minmax(0, 135px) minmax(0, 1fr);
    grid-template-columns: minmax(0, 135px) minmax(0, 1fr);
    grid-template-areas: "areaA areaB" "areaC areaC" "areaD areaD" "areaE areaE";
    -webkit-column-gap: 15px;
    column-gap: 15px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
}

@media screen and (max-width: 375px) {
  .used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container {
    -ms-grid-columns: minmax(0, 135px) minmax(0, 1fr);
    grid-template-columns: minmax(0, 135px) minmax(0, 1fr);
  }
}

.used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .grid-col01 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  grid-area: areaA;
}

.used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .grid-col02-row01 {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: areaB;
}

.used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .grid-col02-row02 {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: areaC;
}

.used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .grid-col02-row03 {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
  grid-area: areaD;
  -ms-flex-item-align: end;
  align-self: end;
  padding-left: 3px;
}

.used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .grid-col03 {
  -ms-grid-row: 4;
  -ms-grid-column: 2;
  grid-area: areaE;
}

@media screen and (max-width: 768px) {
  .used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .image img {
    width: 100%;
  }
}

.used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .main-infos {
  display: inline;
  margin-top: -4px;
  font-size: 12px;
  line-height: calc(18 / 12);
}

.used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .main-infos .link {
  color: #3E6DBB;
  font-weight: bold;
}

.used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .main-infos .cond-infos-list {
  display: inline;
}

.used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .main-infos .cond-infos-list .cond-infos-item {
  display: inline;
  margin-right: -3px;
}

@media screen and (max-width: 768px) {
  .used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .main-infos .cond-infos-list .cond-infos-item {
    margin-right: -4px;
  }
}

.used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .main-infos .other-infos-list {
  display: inline;
}

.used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .main-infos .other-infos-list .other-infos-item {
  display: inline;
  margin-right: -3px;
}

.used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .main-infos .other-infos-list .other-infos-item::after {
  content: ",";
}

.used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .main-infos .other-infos-list .other-infos-item:last-child::after {
  content: none;
}

.used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .sub-infos {
  font-size: 12px;
  line-height: calc(20 / 12);
}

.used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .sub-infos .sub-infos-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 15px;
  column-gap: 15px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-top: 12px;
}

@media screen and (max-width: 768px) {
  .used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .sub-infos .sub-infos-flex {
    margin-top: 10px;
    /* #39903 SP横溢れ防止: 写真リンク＋注意文言を折り返す */
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 6px;
  }
}

.used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .sub-infos .sub-infos-flex .is-used-product-photo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 9px;
  column-gap: 9px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #3E6DBB;
  -webkit-transition: all .2s;
  transition: all .2s;
  cursor: pointer;
}

.used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .sub-infos .sub-infos-flex .is-used-product-photo:hover {
  opacity: 0.7;
}

.used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .sub-infos .sub-infos-flex .caution {
  color: #707070;
}

.used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .sub-infos .barcode {
  margin-top: 3px;
  margin-left: 3px;
  color: #000;
  /* #39903 SP横溢れ防止: 長いバーコード文字列を折り返す */
  word-break: break-all;
}

.used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .cond-infos .cond-infos-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 30px;
  column-gap: 30px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media screen and (max-width: 768px) {
  .used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .cond-infos .cond-infos-flex {
    /* #39903 SP横溢れ防止: 価格＋ランクを折り返す */
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 8px;
    -webkit-column-gap: 15px;
    column-gap: 15px;
  }
}

.used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .cond-infos .cond-infos-flex .price {
  font-size: 20px;
}

.used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .cond-infos .cond-infos-flex .price .tax-txt {
  font-size: 10px;
}

.used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .cond-infos .cond-infos-flex .rank-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-column-gap: 23px;
  column-gap: 23px;
}

.used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .cond-infos .cond-infos-flex .rank-container .used-rank-label {
  margin-right: -0.3em;
  font-size: 15px;
}

.used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .cond-infos .cond-infos-flex .rank-container .sepalate {
  font-size: 16px;
}

.used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .cond-infos .cond-infos-flex .rank-container .rank-alph {
  font-size: 18px;
}

.used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .product-info-btn-box {
  display: -ms-grid;
  display: grid;
  row-gap: 20px;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-rows: 40px 40px;
  grid-template-rows: 40px 40px;
  padding-right: calc((40 / 1440) * 100vw);
}

@media screen and (max-width: 768px) {
  .used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .product-info-btn-box {
    margin-top: 14px;
    padding-right: 0;
    row-gap: 13px;
    justify-items: center;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }
}

.used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .product-info-btn-box .act-btn {
  font-size: 12px;
}

@media screen and (max-width: 768px) {
  .used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .product-info-btn-box .act-btn {
    height: 35px;
  }
}

@media screen and (max-width: 768px) {
  .used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .product-info-btn-box .act-btn.md {
    max-width: 255px;
  }
}

.used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .member-sale-price-container .price-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 0.7em;
  column-gap: 0.7em;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 10px;
}

@media screen and (max-width: 768px) {
  .used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .member-sale-price-container .price-container {
    margin-top: 10px;
    row-gap: 3px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media screen and (max-width: 768px) {
  .used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .member-sale-price-container .price-container .origin-price-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}

.used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .member-sale-price-container .price-container .origin-price {
  position: relative;
  color: #3E6DBB;
  font-size: 14px;
  font-weight: 600;
}

.used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .member-sale-price-container .price-container .origin-price::after {
  content: "";
  width: 100%;
  height: 1px;
  top: 60%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: inline-block;
  background: #3E6DBB;
}

.used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .member-sale-price-container .price-container .tax-txt--origin-price {
  font-size: 10px;
  color: #3E6DBB;
}

.used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .member-sale-price-container .price-container .sale-detail-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-column-gap: 0.2em;
  column-gap: 0.2em;
  color: #F10500;
  font-size: 20px;
  letter-spacing: 0.2em;
  margin-bottom: -1px;
}

@media screen and (max-width: 768px) {
  .used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .member-sale-price-container .price-container .sale-detail-container {
    -webkit-box-align: last baseline;
    -ms-flex-align: last baseline;
    align-items: last baseline;
  }
}

.used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .member-sale-price-container .price-container .sale-detail-container .sale-price-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media screen and (max-width: 768px) {
  .used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .member-sale-price-container .price-container .sale-detail-container .sale-price-container {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}

.used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .member-sale-price-container .price-container .sale-detail-container .discount {
  font-size: 12px;
  letter-spacing: 0;
}

.used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container .member-sale-price-container .price-container .sale-detail-container .tax-txt {
  font-size: 10px;
  letter-spacing: 0;
}

.used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container:has(.member-sale-label) {
  -ms-grid-rows: minmax(32px, auto) minmax(54px, auto);
  grid-template-rows: minmax(32px, auto) minmax(54px, auto);
}

.used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container:has(.member-sale-label) .sub-infos-flex {
  margin-top: 3px;
}

@media screen and (max-width: 768px) {
  .used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container:has(.member-sale-label) .cond-infos-flex {
    -webkit-column-gap: 10px;
    column-gap: 10px;
  }
}

@media screen and (max-width: 768px) {
  .used-sm-wide-product-list .used-sm-wide-product-list-items .used-sm-wide-product-item .grid-container:has(.member-sale-label) .cond-infos-flex .rank-container {
    -webkit-column-gap: 10px;
    column-gap: 10px;
  }
}

/* 新品商品リスト */
.new-product-list {
  padding-bottom: 15px;
  border-bottom: 1px dotted #BFBFBF;
}

.new-product-list .link {
  color: #3E6DBB;
}

.new-product-list .link:hover {
  text-decoration: underline;
}

.new-product-list .new-product-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 5px;
  column-gap: 5px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 calc((40 / 1440) * 100vw) 0 22px;
}

@media screen and (max-width: 768px) {
  .new-product-list .new-product-list-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-inline: 0;
  }
}

.new-product-list .new-product-list-item:first-child {
  padding-top: 22px;
}

@media screen and (max-width: 768px) {
  .new-product-list .new-product-list-item:first-child {
    padding-top: 4px;
  }
}

.new-product-list .new-product-list-item .product-info-container .product-main-info .product-name {
  font-size: 14px;
  font-weight: bold;
  line-height: calc(20 / 14);
}

.new-product-list .new-product-list-item .product-info-container .product-main-info .product-artist {
  font-size: 12px;
  line-height: calc(20 / 12);
}

.new-product-list .new-product-list-item .product-info-container .product-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 25px;
  column-gap: 25px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  row-gap: 15px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 17px;
}

@media screen and (max-width: 768px) {
  .new-product-list .new-product-list-item .product-info-container .product-status {
    margin-top: 8px;
    -webkit-column-gap: 11px;
    column-gap: 11px;
    row-gap: 10px;
  }
}

.new-product-list .new-product-list-item .product-info-container .product-status .product-type.has-icon {
  -webkit-column-gap: 8px;
  column-gap: 8px;
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .new-product-list .new-product-list-item .product-info-container .product-status .product-type.has-icon {
    -webkit-column-gap: 5px;
    column-gap: 5px;
  }
}

@media screen and (max-width: 768px) {
  .new-product-list .new-product-list-item .product-info-container .product-status .product-type.has-icon span:has(img) {
    display: inline-block;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
  }
}

@media screen and (max-width: 768px) {
  .new-product-list .new-product-list-item .product-info-container .product-status .product-type.has-icon .txt.txt--lg {
    font-size: 13px;
  }
}

.new-product-list .new-product-list-item .product-info-container .product-status .product-status-label {
  margin-top: 0;
  width: auto;
  min-width: 85px;
  padding: 0 8px;
  height: 20px;
  white-space: nowrap;
}

@media screen and (max-width: 768px) {
  .new-product-list .new-product-list-item .product-info-container .product-status .product-status-label {
    /* 在庫ステータスラベル（最大7文字）が56px固定で改行崩れするため、PCと同程度の最小幅を維持 */
    width: auto;
    min-width: 85px;
    white-space: nowrap;
    height: 20px;
  }
}

.new-product-list .new-product-list-item .product-info-container .product-status .caution {
  margin-left: -7px;
  font-size: 12px;
  color: #707070;
  line-height: calc(20 / 12);
}

@media screen and (max-width: 768px) {
  .new-product-list .new-product-list-item .product-info-container .product-status .caution {
    margin-left: 0;
  }
}

.new-product-list .new-product-list-item .product-info-container .price-container .price {
  margin-top: 24px;
  margin-left: 4px;
}

@media screen and (max-width: 768px) {
  .new-product-list .new-product-list-item .product-info-container .price-container .price {
    margin-top: 13px;
    margin-left: 0px;
  }
}

.new-product-list .new-product-list-item .product-info-container .price-container .price .oswald-txt {
  font-size: 20px;
  color: #000;
}

.new-product-list .new-product-list-item .product-info-container .price-container .price .tax-txt {
  font-size: 10px;
}

.new-product-list .new-product-list-item .product-info-container .price-container:has(.member-sale-container) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 1em;
  column-gap: 1em;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.new-product-list .new-product-list-item .product-info-container .price-container:has(.member-sale-container) .price {
  font-size: 20px;
  color: #F10500;
}

.new-product-list .new-product-list-item .product-info-container .price-container:has(.member-sale-container) .price .tax-txt {
  color: #000;
}

.new-product-list .new-product-list-item .product-info-container .member-sale-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-column-gap: 0.4em;
  column-gap: 0.4em;
  margin-right: 0.25em;
}

.new-product-list .new-product-list-item .product-info-container .member-sale-container .origin-price {
  position: relative;
  color: #3E6DBB;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.05em;
}

.new-product-list .new-product-list-item .product-info-container .member-sale-container .origin-price::after {
  content: "";
  width: 100%;
  height: 1px;
  top: 60%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: inline-block;
  background: #3E6DBB;
}

.new-product-list .new-product-list-item .product-info-container .member-sale-container .tax-txt {
  font-size: 10px;
  color: #3E6DBB;
}

.new-product-list .new-product-list-item .product-info-container .member-sale-container .sale-price-container .discount {
  font-size: 12px;
  color: #F10500;
}

.new-product-list .new-product-list-item .product-info-container .member-sale-container .sale-price-container .tax-txt {
  color: #F10500;
}

.new-product-list .new-product-list-item .product-btn-box {
  display: -ms-grid;
  display: grid;
  row-gap: 20px;
  width: 250px;
}

@media screen and (max-width: 768px) {
  .new-product-list .new-product-list-item .product-btn-box {
    justify-items: center;
    row-gap: 10px;
    margin-top: 13px;
    width: 100%;
  }
}

.new-product-list .new-product-list-item .product-btn-box .act-btn {
  font-size: 12px;
}

@media screen and (max-width: 768px) {
  .new-product-list .new-product-list-item .product-btn-box .act-btn {
    height: 35px;
  }
}

@media screen and (max-width: 768px) {
  .new-product-list .new-product-list-item .product-btn-box .act-btn.md {
    max-width: 255px;
  }
}

/************************************/
/* 新品詳細 */
/************************************/
.new-product-detail-item .new-product-detail-item--grid01 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(200px, 300px) minmax(300px, 400px) minmax(184px, auto);
  grid-template-columns: minmax(200px, 300px) minmax(300px, 400px) minmax(184px, auto);
  -ms-grid-rows: minmax(102px, auto) minmax(67px, auto) minmax(61px, auto);
  grid-template-rows: minmax(102px, auto) minmax(67px, auto) minmax(61px, auto);
  grid-template-areas: "areaA areaB areaB" "areaA areaC areaF" "areaA areaD areaG" "areaA areaE areaG";
  -webkit-column-gap: 25px;
  column-gap: 25px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}

@media screen and (max-width: 768px) {
  .new-product-detail-item .new-product-detail-item--grid01 {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    grid-template-areas: "areaA" "areaB" "areaC" "areaD" "areaE" "areaF" "areaG";
  }
}

.new-product-detail-item .new-product-detail-item--grid01 .grid-col01 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  grid-area: areaA;
}

.new-product-detail-item .new-product-detail-item--grid01 .grid-col01 img {
  width: 100%;
}

.new-product-detail-item .new-product-detail-item--grid01 .grid-col02-row01 {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: areaB;
  max-width: 600px; /* 商品名が長い場合にメイン画像の右端が切れてしまうため最大幅指定 */
  word-break: break-all;
}

.new-product-detail-item .new-product-detail-item--grid01 .grid-col02-row02 {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: areaC;
  word-break: break-all;
}

@media screen and (max-width: 768px) {
  .new-product-detail-item .new-product-detail-item--grid01 .grid-col02-row02 {
    padding-top: 0;
  }
}

.new-product-detail-item .new-product-detail-item--grid01 .grid-col02-row03 {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
  grid-area: areaD;
  -ms-flex-item-align: self-end;
  align-self: self-end;
}

.new-product-detail-item .new-product-detail-item--grid01 .grid-col02-row04 {
  -ms-grid-row: 4;
  -ms-grid-column: 2;
  grid-area: areaE;
}

.new-product-detail-item .new-product-detail-item--grid01 .grid-col03-row02 {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
  grid-area: areaF;
}

.new-product-detail-item .new-product-detail-item--grid01 .grid-col03-row03 {
  -ms-grid-row: 3;
  -ms-grid-row-span: 2;
  -ms-grid-column: 3;
  grid-area: areaG;
}

@media screen and (max-width: 768px) {
  .new-product-detail-item .new-product-detail-item--grid01 .grid-col03-row03 {
    width: 100%;
    -ms-grid-column-align: center;
    justify-self: center;
  }
}

.new-product-detail-item .new-product-detail-item--grid01 .slide-under-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 960px) {
  .new-product-detail-item .new-product-detail-item--grid01 .slide-under-content {
    row-gap: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 345px;
    margin-inline: auto;
  }
}

.new-product-detail-item .product-status-label {
  min-width: 85px; /* 最低限の幅を確保します */
  padding: 0 8px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 12px;
  color: #4B4B4B;
  border: 1px solid #707070;
}

@media screen and (max-width: 768px) {
  .new-product-detail-item .product-status-label {
    padding-inline: 1.25em;
    width: auto;
  }
}

.new-product-detail-item .product-status-label.product-status-label--red {
  color: #FF0000;
  border-color: #FF0000;
}

.new-product-detail-item .link {
  color: #3E6DBB;
}

.new-product-detail-item .link:hover {
  text-decoration: underline;
}

.new-product-detail-item .product-image {
  width: auto;
}

.new-product-detail-item .product-name {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.03em;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}

@media screen and (max-width: 768px) {
  .new-product-detail-item .product-name {
    margin-top: 17px;
  }
}

.new-product-detail-item .product-artist {
  height: auto;
  line-height: 1.5em;
  font-size: 16px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}

@media screen and (max-width: 768px) {
  .new-product-detail-item .product-artist {
    height: auto;
  }
}

.new-product-detail-item .product-category {
  margin-top: 18px;
  display: inline-block;
  padding: 3px 14px;
  color: #fff;
  font-size: 12px;
  background-color: #4B4B4B;
}

@media screen and (max-width: 768px) {
  .new-product-detail-item .product-category {
    margin-top: 16px;
    padding: 2px 9px;
  }
}

.new-product-detail-item .product-lead {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5em;
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .new-product-detail-item .product-lead {
    font-size: 14px;
    margin-top: 10px;
    line-height: calc(18 / 14);
  }
}

.new-product-detail-item .produt-sell-infos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #4B4B4B;
  font-size: 12px;
  margin-top: 6px;
}

@media screen and (max-width: 768px) {
  .new-product-detail-item .produt-sell-infos {
    margin-top: 0;
    line-height: calc(18 / 12);
  }
}

.new-product-detail-item .produt-sell-infos .produt-sell-infos-item {
  padding-right: 0.15em;
}

.new-product-detail-item .produt-sell-infos .produt-sell-infos-item::after {
  content: "/";
  padding-left: 0.3em;
}

.new-product-detail-item .produt-sell-infos .produt-sell-infos-item:last-of-type::after {
  content: "";
}

.new-product-detail-item .product-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 17px;
  column-gap: 17px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  row-gap: 15px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .new-product-detail-item .product-status {
    margin-top: 7px;
    -webkit-column-gap: 14px;
    column-gap: 14px;
  }
}

.new-product-detail-item .product-status .product-type {
  -webkit-column-gap: 8px;
  column-gap: 8px;
}

@media screen and (max-width: 768px) {
  .new-product-detail-item .product-status .product-type {
    -webkit-column-gap: 5px;
    column-gap: 5px;
  }
}

.new-product-detail-item .product-status .product-type.has-icon {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .new-product-detail-item .product-status .product-type.has-icon img {
    width: 20px;
  }
}

.new-product-detail-item .product-status .product-type .txt {
  margin-top: 0;
  font-size: 16px;
  color: #4B4B4B;
}

@media screen and (max-width: 768px) {
  .new-product-detail-item .product-status .product-type .txt {
    font-size: 13px;
  }
}

.new-product-detail-item .product-status .product-status-label-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 15px;
  column-gap: 15px;
}

@media screen and (max-width: 768px) {
  .new-product-detail-item .product-status .product-status-label-container {
    -webkit-column-gap: 10px;
    column-gap: 10px;
  }
}

.new-product-detail-item .product-status .product-status-label-container .detail {
  font-size: 12px;
}

.new-product-detail-item .procuts-description {
  margin-top: 14px;
  font-size: 12px;
  line-height: 1.6;
  color: #000;
}

@media screen and (max-width: 768px) {
  .new-product-detail-item .procuts-description {
    margin-top: 4px;
  }
}

.new-product-detail-item .product-condtions {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 7px;
  column-gap: 7px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 8px;
}

@media screen and (max-width: 768px) {
  .new-product-detail-item .product-condtions {
    margin-top: 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 8px;
  }
}

.new-product-detail-item .product-info-block {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(214px, auto) auto;
  grid-template-columns: minmax(214px, auto) auto;
  margin-top: 13px;
  color: #000;
}

@media screen and (max-width: 960px) {
  .new-product-detail-item .product-info-block {
    -ms-grid-columns: auto;
    grid-template-columns: auto;
    border-top: none;
    margin-top: 9px;
  }
}

.new-product-detail-item .product-info-block dl,
.new-product-detail-item .product-info-block dt,
.new-product-detail-item .product-info-block dd {
  margin-bottom: 0;
}

.new-product-detail-item .product-info-block .info-grid {
  display: -ms-grid;
  display: grid;
  font-size: 12px;
  line-height: calc(20 / 12);
}

.new-product-detail-item .product-info-block .info-grid .info-title {
  font-weight: 400;
}

.new-product-detail-item .product-info-block .product-info-block-left .info-grid {
  -ms-grid-columns: 90px auto;
  grid-template-columns: 90px auto;
}

.new-product-detail-item .product-info-block .product-info-block-right .info-grid {
  -ms-grid-columns: 65px auto;
  grid-template-columns: 65px auto;
}

@media screen and (max-width: 960px) {
  .new-product-detail-item .product-info-block .product-info-block-left .info-grid,
  .new-product-detail-item .product-info-block .product-info-block-right .info-grid {
    -ms-grid-columns: 90px auto;
    grid-template-columns: 90px auto;
  }
}

@media screen and (max-width: 768px) {
  .new-product-detail-item .product-info-block .product-info-block-left .info-grid,
  .new-product-detail-item .product-info-block .product-info-block-right .info-grid {
    -ms-grid-columns: 106px auto;
    grid-template-columns: 106px auto;
  }
}
.new-product-detail-item .product-info-block .product-info-block-left .info-grid .info-detail {
  word-break: break-all;
}
.new-product-detail-item .price-volume-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .new-product-detail-item .price-volume-flex .flex--price-heart {
    margin-right: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.new-product-detail-item .price-volume-flex .trial-listen {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 7px;
  column-gap: 7px;
  font-size: 12px;
  color: #3E6DBB;
  font-weight: bold;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.new-product-detail-item .price-volume-flex .trial-listen:hover {
  opacity: 0.7;
}

.new-product-detail-item .flex--price-heart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
}

@media screen and (max-width: 768px) {
  .new-product-detail-item .flex--price-heart {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.new-product-detail-item .flex--price-heart .product-price-contena {
  min-width: 130px;
}

@media screen and (max-width: 967px) {
  .new-product-detail-item .flex--price-heart .product-price-contena {
    min-width: 95px;
  }
}

.new-product-detail-item .flex--price-heart .product-price-contena .oswald-txt {
  font-size: 14px;
}

.new-product-detail-item .flex--price-heart .product-price-contena .oswald-txt.mr {
  margin-right: 10px;
}

.new-product-detail-item .flex--price-heart .product-price-contena .tax-txt {
  font-size: 10px;
}

.new-product-detail-item .flex--price-heart.has-price-off {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media screen and (max-width: 768px) {
  .new-product-detail-item .flex--price-heart.has-price-off {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.new-product-detail-item .flex--price-heart.has-price-off .product-price-contena .price-off-container {
  margin-top: -7px;
}

@media screen and (max-width: 768px) {
  .new-product-detail-item .flex--price-heart.has-price-off .product-price-contena .price-off-container {
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 8px;
    column-gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.new-product-detail-item .flex--price-heart.has-price-off .product-price-contena .price-off-container .price-off {
  margin-top: 11px;
}

@media screen and (max-width: 768px) {
  .new-product-detail-item .flex--price-heart.has-price-off .product-price-contena .price-off-container .price-off {
    margin-top: 8px;
  }
}

@media screen and (max-width: 768px) {
  .new-product-detail-item .flex--price-heart.has-price-off .product-price-contena .price-off-container .price-off .mr {
    margin-right: 7px;
  }
}

@media screen and (max-width: 768px) {
  .new-product-detail-item .flex--price-heart.has-price-off .product-price-contena .price-off-container .price-off .oswald-txt {
    font-size: 14px;
    letter-spacing: 0.05em;
  }
}

.new-product-detail-item .flex--price-heart.has-price-off .product-price-contena .price-off-container .price-off .origin-price {
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .new-product-detail-item .flex--price-heart.has-price-off .product-price-contena .price-off-container .price-off .origin-price {
    font-size: 14px;
    letter-spacing: 0.05em;
  }
}

.new-product-detail-item .flex--price-heart.has-price-off .product-price-contena .after-price-off-container {
  color: #F10500;
}

@media screen and (max-width: 768px) {
  .new-product-detail-item .flex--price-heart.has-price-off .product-price-contena .after-price-off-container {
    margin-top: 5px;
  }
}

.new-product-detail-item .flex--price-heart.has-price-off .product-price-contena .after-price-off-container .oswald-txt {
  font-size: 20px;
}

.new-product-detail-item .flex--price-heart.non-price-off .product-price-contena .oswald-txt {
  font-size: 20px;
}

.new-product-detail-item .flex--price-heart.has-price-off .product-price-contena .after-price-off-container .tax-txt {
  font-size: 10px;
}

.new-product-detail-item .flex--price-heart.has-price-off .outlet-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 1px 5px;
  font-size: 12px;
  color: #F10500;
  border: 1px solid #F10500;
}

@media screen and (max-width: 768px) {
  .new-product-detail-item .flex--price-heart.has-price-off .outlet-label {
    padding: 0 15px;
    height: 20px;
    line-height: 1;
  }
}

.new-product-detail-item .flex--price-heart .not-favorite-btn {
  display: none;
}

.new-product-detail-item .product-info-btn-box {
  margin-top: 29px;
  display: -ms-grid;
  display: grid;
  row-gap: 20px;
  font-size: 12px;
}

@media screen and (max-width: 768px) {
  .new-product-detail-item .product-info-btn-box {
    row-gap: 10px;
    margin-top: 13px;
  }
}

@media screen and (max-width: 768px) {
  .new-product-detail-item .product-info-btn-box .has-acted-msg-box {
    margin-inline: auto;
  }
}

@media screen and (max-width: 768px) {
  .new-product-detail-item .product-info-btn-box .act-btn {
    margin-inline: auto;
  }
}

@media screen and (max-width: 768px) {
  .new-product-detail-item .product-info-btn-box .act-btn.md {
    max-width: 255px;
    height: 35px;
  }
}

.new-product-detail-item .product-action-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: auto;
}

.new-product-detail-item .product-action-area .old-product-list-link {
  padding-right: 1.57em;
  position: relative;
  font-size: 12px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media screen and (max-width: 768px) {
  .new-product-detail-item .product-action-area .old-product-list-link {
    margin-top: 7px;
  }
}

.new-product-detail-item .product-action-area .old-product-list-link::after {
  content: "";
  display: inline-block;
  width: 11px;
  height: 7px;
  background-image: url(../img/icon/arrow-down-blue.svg);
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.new-product-detail-item .product-infos {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
}

.new-product-detail-item .product-infos .product-description-flex-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 25px;
  column-gap: 25px;
  margin-top: 18px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .new-product-detail-item .product-infos .product-description-flex-area {
    row-gap: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.new-product-detail-item .product-infos .product-description-flex-area .product-descriptions {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

/************************************/
/* 中古詳細 */
/************************************/
.used-product-detail-item .used-product-detail-item--grid01 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 300px auto;
  grid-template-columns: 300px auto;
  -ms-grid-rows: minmax(84px, auto) 64px auto;
  grid-template-rows: minmax(84px, auto) 64px auto;
  grid-template-areas: "areaA areaB" "areaA areaC" "areaA areaD";
  -webkit-column-gap: 25px;
  column-gap: 25px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}

@media screen and (max-width: 768px) {
  .used-product-detail-item .used-product-detail-item--grid01 {
    /* #39903 SP横溢れ防止: コンテナ幅内に収める */
    -ms-grid-columns: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
    -ms-grid-rows: auto minmax(83px, auto) minmax(20px, auto);
    grid-template-rows: auto minmax(83px, auto) minmax(20px, auto);
    grid-template-areas: "areaA" "areaB" "areaC" "areaD";
    -webkit-column-gap: 25px;
    column-gap: 25px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
}

.used-product-detail-item .used-product-detail-item--grid01 .grid-col01 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  grid-area: areaA;
}

.used-product-detail-item .used-product-detail-item--grid01 .grid-col01 img {
  width: 100%;
}

.used-product-detail-item .used-product-detail-item--grid01 .grid-col02-row01 {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: areaB;
}

.used-product-detail-item .used-product-detail-item--grid01 .grid-col02-row02 {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: areaC;
}

@media screen and (max-width: 768px) {
  .used-product-detail-item .used-product-detail-item--grid01 .grid-col02-row02 {
    padding-top: 0;
  }
}

.used-product-detail-item .used-product-detail-item--grid01 .grid-col02-row03 {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: areaC;
  -ms-flex-item-align: self-end;
  -ms-grid-row-align: self-end;
  align-self: self-end;
}

.used-product-detail-item .used-product-detail-item--grid01 .grid-col02-row-03 {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
  grid-area: areaD;
}

.used-product-detail-item .product-status-label {
  min-width: 85px; /* 最低限の幅を確保します */
  padding: 0 8px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 12px;
  color: #4B4B4B;
  border: 1px solid #707070;
}

@media screen and (max-width: 768px) {
  .used-product-detail-item .product-status-label {
    padding-inline: 1.25em;
    width: auto;
  }
}

.used-product-detail-item .link {
  color: #3E6DBB;
}

.used-product-detail-item .link:hover {
  text-decoration: underline;
}

.used-product-detail-item .product-image {
  width: auto;
}

.used-product-detail-item .product-image:has(.modal-sec) {
  cursor: pointer;
}

.used-product-detail-item .product-name {
  height: 30px;
  line-height: 30px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.03em;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}

@media screen and (max-width: 768px) {
  .used-product-detail-item .product-name {
    margin-top: 18px;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0;
    height: auto;
  }
}

.used-product-detail-item .product-artist {
  line-height: 1.5em;
  font-size: 16px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}

@media screen and (max-width: 768px) {
  .used-product-detail-item .product-artist {
    font-size: 16px;
    margin-top: 2px;
  }
}

.used-product-detail-item .product-category {
  margin-top: 10px;
  display: inline-block;
  padding: 4px 19px;
  color: #fff;
  font-size: 10px;
  background-color: #4B4B4B;
}

@media screen and (max-width: 768px) {
  .used-product-detail-item .product-category {
    margin-top: 8px;
    padding: 2px 9px;
    font-size: 12px;
  }
}

.used-product-detail-item .product-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 24px;
  column-gap: 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 8px;
  /* #39903 SP横溢れ防止: 新品詳細と同様に折り返しを許可（favorite同梱行） */
  row-gap: 15px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .used-product-detail-item .product-status {
    margin-top: 13px;
    -webkit-column-gap: 14px;
    column-gap: 14px;
  }
}

.used-product-detail-item .product-status .product-type {
  -webkit-column-gap: 8px;
  column-gap: 8px;
}

@media screen and (max-width: 768px) {
  .used-product-detail-item .product-status .product-type {
    -webkit-column-gap: 5px;
    column-gap: 5px;
  }
}

.used-product-detail-item .product-status .product-type.has-icon {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .used-product-detail-item .product-status .product-type.has-icon img {
    width: 20px;
  }
}

@media screen and (max-width: 768px) {
  .used-product-detail-item .product-status .product-type .txt {
    font-size: 13px;
  }
}

.used-product-detail-item .product-status .product-status-label-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 48px;
  column-gap: 48px;
}

@media screen and (max-width: 768px) {
  .used-product-detail-item .product-status .product-status-label-container {
    -webkit-column-gap: 15px;
    column-gap: 15px;
  }
}

.used-product-detail-item .product-status .product-status-label-container .detail {
  font-size: 12px;
}

.used-product-detail-item .product-condtions {
  margin-top: 11px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 7px;
  column-gap: 7px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 8px;
}

@media screen and (max-width: 768px) {
  .used-product-detail-item .product-condtions {
    margin-top: 15px;
  }
}

.used-product-detail-item .product-infos {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
}

.used-product-detail-item .product-infos .product-description-flex-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 25px;
  column-gap: 25px;
  margin-top: 18px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .used-product-detail-item .product-infos .product-description-flex-area {
    row-gap: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.used-product-detail-item .product-infos .product-description-flex-area .product-descriptions {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.used-product-detail-item .heart-container .not-favorite-btn {
  display: none;
}

.used-product-detail-item .product-info-block {
  padding-top: 10px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(245px, 38.7%) auto;
  grid-template-columns: minmax(245px, 38.7%) auto;
  border-top: 1px dotted #BFBFBF;
}

@media screen and (max-width: 768px) {
  .used-product-detail-item .product-info-block {
    /* #39903 SP横溢れ防止: コンテナ幅内に収める */
    -ms-grid-columns: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
    border-top: none;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
}

.used-product-detail-item .product-info-block dl,
.used-product-detail-item .product-info-block dt,
.used-product-detail-item .product-info-block dd {
  margin-bottom: 0;
}

.used-product-detail-item .product-info-block .info-grid {
  display: -ms-grid;
  display: grid;
  font-size: 12px;
  line-height: calc(20 / 12);
}

.used-product-detail-item .product-info-block .info-grid .info-title {
  font-weight: 400;
}

.used-product-detail-item .product-info-block .product-info-block-left .info-grid {
  -ms-grid-columns: 108px auto;
  grid-template-columns: 108px auto;
}

.used-product-detail-item .product-info-block .product-info-block-right .info-grid {
  -ms-grid-columns: 67px auto;
  grid-template-columns: 67px auto;
}

@media screen and (max-width: 768px) {
  .used-product-detail-item .product-info-block .product-info-block-left .info-grid,
  .used-product-detail-item .product-info-block .product-info-block-right .info-grid {
    /* #39903 SP横溢れ防止: 長い値で auto 列が伸びないよう minmax(0, 1fr) */
    -ms-grid-columns: 106px minmax(0, 1fr);
    grid-template-columns: 106px minmax(0, 1fr);
  }
}

/* #39903 SP横溢れ防止: 新品詳細と同様に長い品番・バーコード等を折り返す */
.used-product-detail-item .product-info-block .info-grid .info-detail {
  word-break: break-all;
}

/****************************************************/
/* この商品を購入した方は、こちらの商品も購入されています */
/****************************************************/
.also-bought .product-list {
  margin-top: 30px;
}

/************************************/
/* 関連商品 */
/************************************/
.related-products .product-list {
  margin-top: 24px;
}

/************************************/
/* 関連アーティストニュース */
/************************************/
.artist-related-news .news-list {
  margin-top: 35px;
}

/* 商品バリエーション */
/************************************/
.product-variation .product-variation-container {
  padding-top: 23px;
  padding-bottom: 25px;
  border-bottom: 1px dotted #BFBFBF;
}

@media screen and (max-width: 768px) {
  .product-variation .product-variation-container {
    padding-top: 12px;
    padding-bottom: 14px;
  }
}

@media screen and (max-width: 768px) {
  .product-variation .product-variation-container .product-sec-container {
    padding-left: 0;
  }
}

.product-variation .oswald-txt {
  font-size: 14px;
}

.product-variation .tax-txt {
  font-size: 10px;
}

.product-variation .oswald-txt,
.product-variation .tax-txt {
  color: #000;
}

.product-variation .product-variation-list {
  display: -ms-grid;
  display: grid;
  row-gap: 11px;
}

@media screen and (max-width: 768px) {
  .product-variation .product-variation-list {
    row-gap: 12px;
  }
}

.product-variation .product-variation-list .variation-item .variation-item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-column-gap: 15px;
  column-gap: 15px;
  word-break: break-all;
}

@media screen and (max-width: 768px) {
  .product-variation .product-variation-list .variation-item .variation-item-inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: start;
  }
}

.product-variation .product-variation-list .variation-item .variation-item-inner .image {
  width: 55px;
  height: 55px;
}

@media screen and (max-width: 768px) {
  .product-variation .product-variation-list .variation-item .variation-item-inner .image {
    margin-top: 0px;
    width: 59px;
    height: 59px;
  }
}

@media screen and (max-width: 768px) {
  .product-variation .product-variation-list .variation-item .variation-item-inner .image img {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .product-variation .product-variation-list .variation-item .variation-item-inner .variation-infos {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 1;
  }
}

.product-variation .product-variation-list .variation-item .variation-item-inner .variation-infos .variation-name {
  display: block;
  font-size: 12px;
  font-weight: bold;
  line-height: calc(15/ 12);
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .product-variation .product-variation-list .variation-item .variation-item-inner .variation-infos .variation-name {
    margin-bottom: -3px;
  }
}

.product-variation .product-variation-list .variation-item .variation-item-inner .variation-infos .variation-name:hover {
  opacity: 0.7;
}

.product-variation .product-variation-list .variation-item .variation-item-inner .variation-infos .variation-category {
  margin-top: -1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 0.3em;
  column-gap: 0.3em;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  color: #707070;
  line-height: calc(15/ 12);
}

.product-variation .product-variation-list .variation-item .variation-item-inner .variation-infos .variation-category,
.product-variation .product-variation-list .variation-item .variation-item-inner .variation-infos .variation-category .variation-category-item {
    display: inline;
    line-height: 1;
}

.product-variation .product-variation-list .variation-item .variation-item-inner .variation-infos .variation-category .variation-category-item::after {
  content: "/";
  padding-left: 0.18em;
}

.product-variation .product-variation-list .variation-item .variation-item-inner .variation-infos .variation-category .variation-category-item:last-child::after {
  content: none;
}

.product-variation .product-variation-list .variation-item .variation-item-inner .variation-infos .variation-item-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 10px;
  column-gap: 10px;
}

@media screen and (max-width: 768px) {
  .product-variation .product-variation-list .variation-item .variation-item-inner .variation-infos .variation-item-flex {
    margin-top: 7px;
  }
}

.product-variation .product-variation-list .variation-item .variation-item-inner .variation-infos .variation-item-flex .product-type.has-icon {
  margin-top: 0;
}

.product-variation .product-variation-list .variation-item .variation-item-inner .variation-infos .variation-item-flex .product-type .txt {
  font-size: 13px;
}

/* バリエーションは表示エリアが小さいためアウトレットラベル非表示 */
.product-variation .product-variation-list .variation-item .variation-item-inner .variation-infos .variation-item-flex .outlet-label {
  visibility: hidden;
  height: 0px;
}
/* バリエーションの元値、割引情報のフォントサイズ調整 */
.product-variation .product-variation-list .variation-item .variation-item-inner .variation-infos .variation-item-flex .price-off .oswald-txt,
.product-variation .product-variation-list .variation-item .variation-item-inner .variation-infos .variation-item-flex .price-off .origin-price {
  font-size: 12px;
}
/************************************/
/* ニュース＆特集 */
/************************************/
.news-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  row-gap: 75px;
  -webkit-column-gap: 20px;
  column-gap: 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .news-list {
    row-gap: 30px;
  }
}

.news-list.news-list--row-gap-sm {
  row-gap: 35px;
}

@media screen and (max-width: 768px) {
  .news-list.news-list--row-gap-sm {
    row-gap: 30px;
  }
}

.news-list .news-item {
  width: 184px;
  display: inline-block;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.news-list .news-item.news-item--w-lg {
  width: 235px;
}

@media screen and (max-width: 768px) {
  .news-list .news-item.news-item--w-lg {
    width: 100%;
  }
}

.news-list .news-item .link {
  display: inline-block;
  width: 100%;
  aspect-ratio: 2 / 1;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .news-list .news-item .link {
    min-width: 150px;
    width: 34.67%;
  }
}

.news-list .news-item .link img {
  width: 100%;
}

.news-list .news-item .link:hover {
  opacity: 0.7;
}

@media screen and (max-width: 768px) {
  .news-list .news-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 10px;
    column-gap: 10px;
    width: 100%;
  }
}

.news-list .news-item:hover {
  cursor: pointer;
}

.news-list .news-item .news-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #4B4B4B;
  row-gap: 5px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (max-width: 768px) {
  .news-list .news-item .news-info {
    row-gap: 1px;
  }
}

.news-list .news-item .news-info .news-date {
  font-size: 12px;
  font-weight: bold;
}

.news-list .news-item .news-info .news-cat {
  font-size: 12px;
  color: #fff;
  width: 100%;
  height: 20px;
  background-color: #4B4B4B;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .news-list .news-item .news-info .news-cat {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 4px 13px;
    height: auto;
  }
}

.news-list .news-item .excerpt {
  margin-top: 5px;
  font-size: 13px;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
}

.news-list .news-item .excerpt:hover {
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
  .news-list .news-item .excerpt {
    font-size: 12px;
  }
}

/************************************/
/* サブジャンル選択ウィンドウ */
/************************************/
.sub-genre-select-window {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 30;
  width: 100%;
  height: 450px;
  background-color: #E8E9EA;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  -webkit-transition: all .7s;
  transition: all .7s;
}

@media screen and (max-width: 1020px) {
  .sub-genre-select-window {
    height: 50vw;
  }
}

.sub-genre-select-window.open {
  opacity: 1;
  visibility: visible;
}

.sub-genre-select-window::-webkit-scrollbar {
  display: none;
}

@media screen and (max-width: 960px) {
  .sub-genre-select-window {
    height: 55dvh;
  }
}

@media screen and (max-width: 900px) {
  .sub-genre-select-window {
    height: 58dvh;
  }
}

@media screen and (max-width: 768px) {
  .sub-genre-select-window {
    height: 76dvh;
  }
}

.page-top-nav.page-top-nav--has-nav-menu:has(.sub-genre-select-window.open) .genre-top-nav-menu {
  overflow-x: hidden;
}

.sub-genre-select-window .sub-genre-select-window-inner {
  padding-top: 36px;
  padding-bottom: 36px;
}

@media screen and (max-width: 768px) {
  .sub-genre-select-window .sub-genre-select-window-inner {
    padding-top: 30px;
    padding-bottom: 50px;
  }
}

.sub-genre-select-window .sub-genre-select-window-inner.container {
  padding-right: 15px;
}

.sub-genre-select-window .sub-genre-select-window-inner .sub-genre-list-contena {
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 20px;
  column-gap: 20px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 960px) {
  .sub-genre-select-window .sub-genre-select-window-inner .sub-genre-list-contena {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 50px;
  }
}

@media screen and (max-width: 768px) {
  .sub-genre-select-window .sub-genre-select-window-inner .sub-genre-list-contena {
    row-gap: 40px;
  }
}

/* 既存のスタイル */
.sub-genre-select-window .sub-genre-select-window-inner .sub-genre-list-contena .sub-genre-list {
  padding-top: 30px;
  max-width: 100%;
  width: calc((100% - 40px) / 3);
  max-width: 100%;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 10px;
  column-gap: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 14px;
}

@media screen and (max-width: 960px) {
  .sub-genre-select-window .sub-genre-select-window-inner .sub-genre-list-contena .sub-genre-list {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.sub-genre-select-window .sub-genre-select-window-inner .sub-genre-list-contena .sub-genre-list > * {
  max-width: 100%;
}

.sub-genre-select-window .sub-genre-select-window-inner .sub-genre-list-contena .sub-genre-list .sub-genre-item {
  margin-bottom: 26px;
  /* アニメーション */
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: opacity .7s ease, -webkit-transform .7s ease;
  transition: opacity .7s ease, -webkit-transform .7s ease;
  transition: opacity .7s ease, transform .7s ease;
  transition: opacity .7s ease, transform .7s ease, -webkit-transform .7s ease;
}

@media screen and (max-width: 768px) {
  .sub-genre-select-window .sub-genre-select-window-inner .sub-genre-list-contena .sub-genre-list .sub-genre-item {
    margin-bottom: 20px;
  }
}

.sub-genre-select-window .sub-genre-select-window-inner .sub-genre-list-contena .sub-genre-list .sub-genre-item .acordion-title.sub-genre-select-acordion-title::after {
  right: 0;
}

.sub-genre-select-window .sub-genre-select-window-inner .sub-genre-list-contena .sub-genre-list .sub-genre-item.animate-in {
  /* アニメーション */
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.sub-genre-select-window .sub-genre-select-window-inner .sub-genre-list-contena .sub-genre-list .sub-genre-item:last-child {
  margin-bottom: 0;
}

.sub-genre-select-window .sub-genre-select-window-inner .sub-genre-list-contena .sub-genre-list .sub-genre-item .acordion-title {
  width: 285px;
  max-width: 100%;
}

@media screen and (max-width: 960px) {
  .sub-genre-select-window .sub-genre-select-window-inner .sub-genre-list-contena .sub-genre-list .sub-genre-item .acordion-title {
    width: 100%;
  }
}

@media screen and (max-width: 960px) {
  .sub-genre-select-window .sub-genre-select-window-inner .sub-genre-list-contena .sub-genre-list .sub-genre-item .acordion-title.acordion-title--parent {
    width: 285px;
    max-width: 100%;
  }
}

.sub-genre-select-window .sub-genre-select-window-inner .sub-genre-list-contena .sub-genre-list .sub-genre-item .acordion-title.acordion-title--parent::after {
  right: 0;
}

.sub-genre-select-window .sub-genre-select-window-inner .sub-genre-list-contena .sub-genre-list .sub-genre-item .acordion-content {
  overflow: visible;
}

.sub-genre-select-window .sub-genre-select-window-inner .sub-genre-list-contena .sub-genre-list .sub-genre-item a {
  margin-right: 1em;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.sub-genre-select-window .sub-genre-select-window-inner .sub-genre-list-contena .sub-genre-list .sub-genre-item a:hover {
  opacity: .7;
}

.sub-genre-select-window .sub-genre-select-window-inner .sub-genre-list-contena .sub-genre-list .has-acordion-content {
  margin-right: 2em;
  display: -ms-grid;
  display: grid;
  gap: 10px;
  font-size: 14px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  overflow: visible;
}

@media screen and (max-width: 768px) {
  .sub-genre-select-window .sub-genre-select-window-inner .sub-genre-list-contena .sub-genre-list .has-acordion-content {
    width: auto;
    white-space: normal;
  }
}

.sub-genre-select-window .sub-genre-select-window-inner .sub-genre-list-contena .sub-genre-list .has-acordion-content .has-acordion-link-content-title--w-auto {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.sub-genre-select-window .sub-genre-select-window-inner .sub-genre-list-contena .sub-genre-list .has-acordion-content .has-acordion-link-content-title--w-sm {
  width: 92px;
}

@media screen and (max-width: 768px) {
  .sub-genre-select-window .sub-genre-select-window-inner .sub-genre-list-contena .sub-genre-list .has-acordion-content .has-acordion-link-content-title--w-sm {
    width: 113px;
  }
}

.sub-genre-select-window .sub-genre-select-window-inner .sub-genre-list-contena .sub-genre-list .has-acordion-content .has-acordion-link-content-title--w-lg {
  width: 320px;
}

@media screen and (max-width: 768px) {
  .sub-genre-select-window .sub-genre-select-window-inner .sub-genre-list-contena .sub-genre-list .has-acordion-content .has-acordion-link-content-title--w-lg {
    width: 310px;
  }
}

@media screen and (max-width: 340px) {
  .sub-genre-select-window .sub-genre-select-window-inner .sub-genre-list-contena .sub-genre-list .has-acordion-content .has-acordion-link-content-title--w-lg {
    width: auto;
  }
}

.sub-genre-select-window .sub-genre-select-window-inner .sub-genre-list-contena .sub-genre-list .has-acordion-content:last-child .product-format-list-item {
  margin-bottom: 0;
}

.sub-genre-select-window .sub-genre-select-window-inner .sub-genre-list-contena .sub-genre-list .acordion-link-content {
  margin-top: 15px;
  margin-bottom: 8px;
  padding-left: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  row-gap: 11px;
  -webkit-column-gap: 0;
  column-gap: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.sub-genre-select-window .sub-genre-select-window-inner .sub-genre-list-contena .sub-genre-list .acordion-link-content > * {
  max-width: 100%;
}

.sub-genre-select-window .sub-genre-select-window-inner .sub-genre-list-contena .sub-genre-list .acordion-link-content .acordion-title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.sub-genre-select-window .sub-genre-select-window-inner .sub-genre-list-contena .sub-genre-list .acordion-link-content .acordion-title a {
  margin-right: 2em;
}

.sub-genre-select-window .sub-genre-select-window-inner .sub-genre-list-contena .sub-genre-list:nth-child(1) .sub-genre-item {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

.sub-genre-select-window .sub-genre-select-window-inner .sub-genre-list-contena .sub-genre-list:nth-child(2) .sub-genre-item {
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}

.sub-genre-select-window .sub-genre-select-window-inner .sub-genre-list-contena .sub-genre-list:nth-child(3) .sub-genre-item {
  -webkit-transition-delay: .4s;
  transition-delay: .4s;
}

/************************************/
/* 商品検索ウィンドウ */
/************************************/
.search-window {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  padding-bottom: 440px;
  left: 0;
  top: 90px;
  z-index: 30;
  width: 100%;
  height: 100%;
  background-color: #E8E9EA;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  -webkit-transition: all .7s;
  transition: all .7s;
}

@media screen and (max-width: 900px) {
  .search-window {
    top: var(--header-height-sp, 50px);
    padding-bottom: 240px;
  }
}

@media screen and (max-width: 768px) {
  .search-window {
    padding-bottom: 256px;
  }
}

.search-window.open {
  opacity: 1;
  visibility: visible;
}

.search-window::-webkit-scrollbar {
  display: none;
}

.search-window .search-window-inner {
  padding-top: 36px;
}

.search-window.open .search-window-inner {
  padding-top: calc(36px + var(--site-promo-sticky-offset, 0px));
}

@media screen and (max-width: 768px) {
  .search-window .search-window-inner {
    padding-top: 50px;
  }

  .search-window.open .search-window-inner {
    padding-top: calc(50px + var(--site-promo-sticky-offset, 0px));
  }
}

.search-window .music-category-contena {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 10px;
  column-gap: 10px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #000;
}

@media screen and (max-width: 768px) {
  .search-window .music-category-contena {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 20px;
  }
}

.search-window .music-category-contena .music-category-list {
  padding-top: 40px;
  padding-left: 7px;
  max-width: 100%;
  width: calc((100% - 20px) / 3);
  box-sizing: border-box;
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .search-window .music-category-contena .music-category-list {
    width: 100%;
    padding-left: 0;
    padding-top: 20px;
  }
}

.search-window .music-category-contena .music-category-list:nth-child(1) .music-category-item {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

.search-window .music-category-contena .music-category-list:nth-child(2) .music-category-item {
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}

.search-window .music-category-contena .music-category-list:nth-child(3) .music-category-item {
  -webkit-transition-delay: .4s;
  transition-delay: .4s;
}

.search-window .music-category-contena .music-category-list a {
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer;
}

.search-window .music-category-contena .music-category-list a:hover {
  opacity: .7;
}

.search-window .music-category-contena .music-category-item {
  margin-bottom: 26px;
  /* アニメーション */
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: opacity .7s ease, -webkit-transform .7s ease;
  transition: opacity .7s ease, -webkit-transform .7s ease;
  transition: opacity .7s ease, transform .7s ease;
  transition: opacity .7s ease, transform .7s ease, -webkit-transform .7s ease;
}

@media screen and (max-width: 768px) {
  .search-window .music-category-contena .music-category-item {
    margin-bottom: 20px;
  }
}

.search-window .music-category-contena .music-category-item.animate-in {
  /* アニメーション */
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.search-window .music-category-contena .music-category-item:last-child {
  margin-bottom: 0;
}

.search-window .production-category-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 99px;
  column-gap: 99px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 52px;
  font-size: 15px;
  font-weight: bold;
}

@media screen and (max-width: 1023px) {
  .search-window .production-category-list {
    -webkit-column-gap: 0;
    column-gap: 0;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
}

@media screen and (max-width: 768px) {
  .search-window .production-category-list {
    margin-top: 35px;
    row-gap: 17px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (max-width: 768px) {
  .search-window .production-category-list-item.production-category-list-item--pl a {
    padding-left: 3px;
  }
}

.search-window .production-category-list-item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 16px;
  column-gap: 16px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.search-window .production-category-list-item a:hover {
  opacity: 0.7;
}

.search-window .recommendations {
  padding-top: 37px;
}

@media screen and (max-width: 768px) {
  .search-window .recommendations {
    padding-top: 63px;
  }
}

.search-window .recommendations .page-section-title {
  margin-bottom: 37px;
}

.search-window .recommendations .page-section-title .en {
  letter-spacing: 0;
}

.search-form-area {
  padding-top: 50px;
  padding-bottom: 100px;
  background-color: #fff;
  left: 0;
  bottom: 0;
  position: fixed;
  width: 100%;
}

@media screen and (max-width: 900px) {
  .search-form-area {
    margin-top: 0;
    padding-top: 26px;
    padding-bottom: 94px;
  }
}

.search-form-area.search-form-area--mypage {
  position: static;
  margin-top: 14px;
  padding: 40px 9% 42px 6.2%;
  width: 100%;
  background-color: #F4F4F4;
}

@media screen and (max-width: 768px) {
  .search-form-area.search-form-area--mypage {
    padding: 48px 4% 29px 4%;
  }
}

.search-form-area.search-form-area--mypage .checkbox-group label {
  color: #000;
  font-size: 14px;
}

.search-form-area .search-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 20px;
  column-gap: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .search-form-area .search-form {
    -webkit-column-gap: 16px;
    column-gap: 16px;
  }
}

.search-form-area .search-form.search-form--flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  row-gap: 12px;
}

.search-form-area .search-form .search-form-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 50px;
  border: 1px solid #000;
}

@media screen and (max-width: 768px) {
  .search-form-area .search-form .search-form-inner {
    width: 87%;
    height: 40px;
  }
}

.search-form-area .search-form .search-form-inner.search-form-inner--mypage {
  max-width: 600px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .search-form-area .search-form .search-form-inner.search-form-inner--mypage {
    max-width: unset;
    width: 100%;
    height: 50px;
  }
}

.search-form-area .search-form .search-form-inner.search-form-inner--mypage .limit-search-alert-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-column-gap: 10px;
  column-gap: 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  right: 0;
  top: -30px;
  position: absolute;
  width: 100%;
  color: #000;
  font-size: 12px;
}

.search-form-area .search-form .search-form-inner.search-form-inner--mypage .search-submit-btn {
  height: 100%;
  background: #fff;
  padding-left: 16px;
}

.search-form-area .search-form .search-form-inner.search-form-inner--mypage input {
  padding-inline: 7px;
}

.search-form-area .search-form .search-form-inner.search-form-inner--mypage input.font-sm {
  font-size: 12px;
}

.search-form-area .search-form .search-form-inner .search-icon {
  margin-right: 5px;
}

.search-form-area .search-form .search-form-inner input {
  max-width: unset;
  width: 100%;
  min-width: 0;
  height: 100%;
  border: none;
  outline: none;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-size: 16px;
  font-weight: bold;
  font-family: 'Noto Sans JP', sans-serif, FontAwesome;
}

.search-form-area .search-form .search-form-inner input.font-sm {
  font-size: 14px;
  font-weight: normal;
}

.search-form-area .search-form .search-form-inner input:focus::-webkit-input-placeholder {
  color: transparent;
}

.search-form-area .search-form .search-form-inner input:focus::-ms-input-placeholder {
  color: transparent;
}

.search-form-area .search-form .search-form-inner input:focus:-ms-input-placeholder {
  color: transparent;
}

.search-form-area .search-form .search-form-inner input:focus::placeholder {
  color: transparent;
}

/* 検索フォームがアクティブになったらサジェスチョンを表示 */
.suggestion-area {
  padding-top: 20px;
  width: 100%;
  height: 290px;
  background-color: #fff;
  -webkit-box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
  left: 0;
  bottom: -100dvh;
  position: fixed;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.suggestion-area.open {
  bottom: 200px;
  /* PC小画面: ヘッダー(90px)+追随バナー下に収め、高さは従来290pxを上限とする（#41358） */
  height: min(290px, calc(100dvh - 290px - var(--site-promo-sticky-offset, 0px)));
}

@media screen and (min-width: 901px) {
  .suggestion-area.open .suggestion-area-inner {
    max-height: 100%;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .suggestion-area.open .suggestion-area-inner::-webkit-scrollbar {
    display: none;
  }
}

@media screen and (max-width: 900px) {
  .suggestion-area.open {
    bottom: 170px;
    /* 上端をヘッダー+追随バナー直下に固定し、キーボード表示時も先頭行が切れない（#41358） */
    top: calc(var(--header-height-sp, 50px) + var(--site-promo-sticky-offset, 0px));
    height: auto;
  }
}

@media screen and (max-width: 768px) {
  .suggestion-area.open {
    bottom: 160px;
  }
}

@media screen and (max-width: 900px) {
  .suggestion-area.open .suggestion-area-inner {
    height: 100%;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .suggestion-area.open .suggestion-area-inner::-webkit-scrollbar {
    display: none;
  }
}

.suggestion-area .suggestion-area-inner .suggestion-area-inner-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  row-gap: 40px;
  -webkit-column-gap: 30px;
  column-gap: 30px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.suggestion-area .suggestion-area-inner .suggestion-area-inner-flex .suggestion-area-col-content {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  min-width: 0;
}

@media screen and (max-width: 900px) {
  .suggestion-area .suggestion-area-inner .suggestion-area-inner-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .suggestion-area .suggestion-area-inner .suggestion-area-inner-flex .suggestion-area-col-content {
    /* 縦並び時は均等幅指定を解除し、各列を内容に応じた高さに戻す */
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
}

.suggestion-area .suggestion-area-inner .suggestion-area-inner-flex.close {
  display: none;
}

.suggestion-area .suggestion-area-inner .suggestion-area-inner-flex .suggestion-area-col-content .suggestion-area-col-content-title {
  padding-left: 10px;
  color: #707070;
  font-size: 16px;
  font-weight: bold;
}

.suggestion-area .suggestion-area-inner .suggestion-area-inner-flex .suggestion-area-col-content .suggestion-list {
  margin-top: 20px;
  padding-top: 15px;
  padding-left: 10px;
  border-top: 1px solid #000;
  display: -ms-grid;
  display: grid;
  /* グリッドトラックを列幅内に収め、項目が min-content（折り返さない長文）で広がるのを防ぐ */
  -ms-grid-columns: minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr);
  row-gap: 28px;
}

.suggestion-area .suggestion-area-inner .suggestion-area-inner-flex .suggestion-area-col-content .suggestion-list .suggestion-list-item {
  /* グリッド項目の自動最小幅（min-content）を解除し、省略記号が効くようにする */
  min-width: 0;
}

.suggestion-area .suggestion-area-inner .suggestion-area-inner-flex .suggestion-area-col-content .suggestion-list .suggestion-list-item .suggestion-link {
  font-size: 14px;
  color: #000;
  cursor: pointer;
  /* 長いタイトルは1行に収め、はみ出し分は末尾を省略記号で省略する */
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.suggestion-area .suggestion-area-inner .suggestion-area-inner-flex .suggestion-area-col-content .suggestion-list .suggestion-list-item .suggestion-link:hover {
  text-decoration: underline;
}

.suggestion-area .suggestion-area-inner .suggestion-area-inner-flex .suggestion-area-col-content .suggestion-list .suggestion-list-item:has(.suggestion-link--active) {
  position: relative;
}

.suggestion-area .suggestion-area-inner .suggestion-area-inner-flex .suggestion-area-col-content .suggestion-list .suggestion-list-item:has(.suggestion-link--active)::after {
  content: '';
  display: inline-block;
  width: 102%;
  height: 130%;
  border-left: 3px solid #707070;
  background-color: rgba(0, 0, 0, 0.1);
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -.3em;
  z-index: -1;
  position: absolute;
}

/************************************/
/* マニアック検索 */
/************************************/
.maniac-search-btn:hover {
  cursor: pointer;
}

.maniac-search-area {
  left: 0;
  top: 90px;
  z-index: 30;
  position: fixed;
  width: 100%;
  height: 100%;
  color: #000;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .7s;
  transition: all .7s;
}

@media screen and (max-width: 768px) {
  .maniac-search-area {
    top: 50px;
  }
}

.maniac-search-area.open {
  opacity: 1;
  visibility: visible;
}

.maniac-search-area input[type="tel"],
.maniac-search-area input[type="text"],
.maniac-search-area input[type="number"],
.maniac-search-area select {
  background-color: #fff;
  border: 1px solid #707070;
}

.maniac-search-area input:disabled {
  background-color: #BFBFBF !important;
}

.maniac-search-area .input-wave-sepalator {
  font-size: 16px;
  color: #707070;
}

.maniac-search-area .maniac-search-area-inner {
  padding-top: 36px;
  padding-bottom: 110px;
  background-color: #E8E9EA;
}

.maniac-search-area.open .maniac-search-area-inner {
  padding-top: calc(36px + var(--site-promo-sticky-offset, 0px));
}

@media screen and (max-width: 768px) {
  .maniac-search-area .maniac-search-area-inner {
    padding-top: 50px;
  }

  .maniac-search-area.open .maniac-search-area-inner {
    padding-top: calc(50px + var(--site-promo-sticky-offset, 0px));
  }
}

.maniac-search-area .maniac-search-area-title {
  font-weight: bold;
  margin-bottom: 34px;
}

.maniac-search-area .acordion-content {
  overflow: visible;
}

.maniac-search-area .form-contena .act-btn {
  margin-top: 48px;
  margin-inline: auto;
}

.maniac-search-area .form-contena-elem {
  padding-block: 25px;
  padding-inline: 20px;
  border-top: 1px solid #BFBFBF;
}

@media screen and (max-width: 768px) {
  .maniac-search-area .form-contena-elem {
    padding-inline: 0;
  }
}

.maniac-search-area .form-contena-elem:last-child {
  border-bottom: 1px solid #BFBFBF;
}

.maniac-search-area .form-contena-elem.product-genre .acordion-title.checkbox-group::after {
  right: 0;
}

.maniac-search-area .form-contena-elem.product-genre .acordion-title--children.checkbox-group::after {
  right: 0;
}

.maniac-search-area .form-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin-bottom: 24px;
}

@media screen and (max-width: 768px) {
  .maniac-search-area .form-item {
    margin-bottom: 30px;
    row-gap: 10px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .maniac-search-area .form-item.form-item--sp-direct-r {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-column-gap: 10px;
    column-gap: 10px;
  }
  .maniac-search-area .form-item.form-item--sp-row-gap-radio {
    row-gap: 20px;
  }
  .maniac-search-area .form-item.form-item--sp-row-gap-checkbox {
    row-gap: 15px;
  }
}

.maniac-search-area .form-item:last-child {
  margin-bottom: 0;
}

.maniac-search-area .form-item-title {
  width: 175px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .maniac-search-area .form-item-title {
    width: auto;
    font-size: 14px;
  }
  .maniac-search-area .form-item-title.form-item-title--sp-w-fix {
    min-width: 85px;
  }
}

.maniac-search-area .form-item-title.form-item-title--position-y {
  translate: 0 0.4em;
}

.maniac-search-area .form-item-title > div,
.maniac-search-area .form-item-title > ul,
.maniac-search-area .form-item-title > input,
.maniac-search-area .form-item-title > select {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.maniac-search-area .has-acordion-checkbox-content {
  display: -ms-grid;
  display: grid;
  gap: 10px;
  font-size: 14px;
  width: auto;
  white-space: nowrap;
  position: relative;
  overflow: visible;
}

@media screen and (max-width: 768px) {
  .maniac-search-area .has-acordion-checkbox-content {
    width: 100%;
    white-space: normal;
  }
}

.maniac-search-area .has-acordion-checkbox-content .has-acordion-checkbox-content {
  gap: 0;
}

.maniac-search-area .has-acordion-checkbox-content.genre-list {
  width: 340px;
}

@media screen and (max-width: 768px) {
  .maniac-search-area .has-acordion-checkbox-content.genre-list {
    width: auto;
  }
}

.maniac-search-area .has-acordion-checkbox-content .acordion-checkbox-content {
  max-width: 560px;
  margin-top: 15px;
  margin-bottom: 8px;
  padding-left: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  row-gap: 11px;
  -webkit-column-gap: 0;
  column-gap: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 550px) {
  .maniac-search-area .has-acordion-checkbox-content .acordion-checkbox-content {
    max-width: 310px;
    width: 100%;
  }
}

.maniac-search-area .has-acordion-checkbox-content .acordion-checkbox-content.acordion-checkbox-content--flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 10px;
}

.maniac-search-area .has-acordion-checkbox-content .acordion-checkbox-content.acordion-checkbox-content--flex-col .acordion-checkbox-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 10px;
}

.maniac-search-area .has-acordion-checkbox-content .has-acordion-checkbox-content-title--w-auto {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.maniac-search-area .has-acordion-checkbox-content .has-acordion-checkbox-content-title--w-sm {
  width: 92px;
}

@media screen and (max-width: 768px) {
  .maniac-search-area .has-acordion-checkbox-content .has-acordion-checkbox-content-title--w-sm {
    width: 113px;
  }
}

.maniac-search-area .has-acordion-checkbox-content .has-acordion-checkbox-content-title--w-lg {
  width: 320px;
}

@media screen and (max-width: 768px) {
  .maniac-search-area .has-acordion-checkbox-content .has-acordion-checkbox-content-title--w-lg {
    width: 310px;
  }
}

@media screen and (max-width: 340px) {
  .maniac-search-area .has-acordion-checkbox-content .has-acordion-checkbox-content-title--w-lg {
    width: auto;
  }
}

.maniac-search-area .has-acordion-checkbox-content:last-child .product-format-list-item {
  margin-bottom: 0;
}

.maniac-search-area .other-search-info {
  padding-bottom: 42px;
  border-bottom: 1px solid #BFBFBF;
}

.maniac-search-area .other-search-info .release-date-container .release-date-input-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 19px;
  column-gap: 19px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .maniac-search-area .other-search-info .release-date-container .release-date-input-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 10px;
  }
}

.maniac-search-area .other-search-info .release-date-container .select-contena {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 12px;
  column-gap: 12px;
}

.maniac-search-area .other-search-info .release-date-container .select-contena select:first-child {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  width: 100px;
}

.maniac-search-area .other-search-info .release-date-container .select-contena select:nth-child(2), .maniac-search-area .other-search-info .release-date-container .select-contena select:nth-child(3) {
  width: 80px;
}

.maniac-search-area .other-search-info .release-date-container .use-release-date-contena {
  font-size: 12px;
  margin-top: 10px;
  cursor: pointer;
}

.maniac-search-area .other-search-info .release-date-container .use-release-date-contena label {
  cursor: pointer;
}

.maniac-search-area .other-search-info .new-price-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 19px;
  column-gap: 19px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.maniac-search-area .other-search-info .new-price-input-wrapper {
  position: relative;
}

.maniac-search-area .other-search-info .new-price-input-wrapper input {
  max-width: 190px;
}

.maniac-search-area .other-search-info .new-price-input-wrapper::after {
  content: "円";
  position: absolute;
  color: #707070;
  top: 50%;
  right: 12px;
  translate: 0 -50%;
}

.maniac-search-area .other-search-info .checkbox-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.maniac-search-area .other-search-info .three-col-checkbox-container .checkbox-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .maniac-search-area .other-search-info .three-col-checkbox-container .checkbox-group {
    -webkit-column-gap: 20px;
    column-gap: 20px;
  }
}

.maniac-search-area .other-search-info .three-col-checkbox-container .checkbox-group .checkbox-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 155px;
}

@media screen and (max-width: 768px) {
  .maniac-search-area .other-search-info .three-col-checkbox-container .checkbox-group .checkbox-container {
    width: auto;
  }
}

.maniac-search-area .other-search-info .three-col-checkbox-container .checkbox-group input[type="checkbox"] {
  cursor: pointer;
}

.maniac-search-area .other-search-info .three-col-checkbox-container .checkbox-group label {
  -webkit-box-flex: unset;
  -ms-flex: unset;
  flex: unset;
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-left: 8px;
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .maniac-search-area .other-search-info .three-col-checkbox-container .checkbox-group label {
    padding-right: 0;
    padding-left: 10px;
  }
}

.maniac-search-area .other-search-info .result-order-container select {
  width: 192px;
}

/* 検索フィルター枠と「チェックしたアイテム」を隙間なく繋げるため、ウィンドウ内の区切り線は非表示にする */
.maniac-search-area .sec-sepalator {
  display: none;
}

.maniac-search-area .recently-viewed {
  margin-top: 0;
  padding-top: 77px;
  padding-bottom: 217px;
  background-color: #fff;
}

/************************************/
/* 絞り込み検索 */
/************************************/
.filter-window {
  display: none;
  height: 100dvh;
  width: 100%;
  max-width: 470px;
  top: 0;
  left: 0;
  z-index: 1100;
  position: fixed;
  color: #000;
  font-size: 14px;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  background-color: #E8E9EA;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.35s ease;
  transition: transform 0.35s ease;
}

.filter-window.open {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

@media (prefers-reduced-motion: reduce) {
  .filter-window {
    -webkit-transition: none;
    transition: none;
  }
}

.filter-window .filter-window-elem {
  min-height: 50px;
  padding-top: 16px;
  padding-bottom: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #000;
}

.filter-window .filter-window-elem:first-child {
  border-top: none;
}

.filter-window .filter-window-elem:last-child {
  border-bottom: none;
}

.filter-window .filter-window-elem .filter-window-elem-inner {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 32px;
  padding-right: 26px;
}

@media screen and (max-width: 768px) {
  .filter-window .filter-window-elem .filter-window-elem-inner {
    padding-left: 14px;
    padding-right: 23px;
  }
}

.filter-window .filter-window-elem .filter-window-elem-inner.filter-window-elem-inner--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.filter-window .filter-window-elem .filter-window-elem-inner.filter-window-elem-inner--flex label {
  width: 82px;
}

.filter-window .filter-window-elem .filter-window-elem-inner.filter-window-elem-inner--flex.price-container {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.filter-window .filter-window-elem .filter-window-elem-inner.filter-window-elem-inner--flex.price-container .price-container-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 7px;
  column-gap: 7px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media screen and (max-width: 768px) {
  .filter-window .filter-window-elem .filter-window-elem-inner.filter-window-elem-inner--flex.price-container .price-container-inner {
    -webkit-column-gap: 0;
    column-gap: 0;
  }
}

.filter-window .filter-window-elem .filter-window-elem-inner.filter-window-elem-inner--flex.price-container .price-container-inner .price-input-wrapper {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.filter-window .filter-window-elem .filter-window-elem-inner.filter-window-elem-inner--flex.price-container .price-container-inner .price-input-wrapper::after {
  content: "円";
  position: absolute;
  color: #707070;
  top: 50%;
  right: 12px;
  translate: 0 -50%;
}

.filter-window .filter-window-elem .filter-window-elem-inner.filter-window-elem-inner--flex.price-container .price-container-inner .price-input-wrapper input[type="number"] {
  height: 30px;
  border: 1px solid #000;
}

.filter-window .filter-window-elem .filter-window-elem-inner.filter-window-elem-inner--flex.keyword-container {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.filter-window .filter-window-elem .filter-window-elem-inner.filter-window-elem-inner--flex.keyword-container input[type="text"] {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 30px;
  border: 1px solid #000;
}

.filter-window .filter-window-elem .filter-window-elem-inner.filter-window-elem-inner--flex.discount-rate-container {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.filter-window .filter-window-elem .filter-window-elem-inner.filter-window-elem-inner--flex.discount-rate-container select {
  font-size: 14px;
  width: 112px;
  height: 30px;
  background-color: #fff;
  border: 1px solid #000;
}

@media screen and (max-width: 768px) {
  .filter-window .filter-window-elem .filter-window-elem-inner.filter-window-elem-inner--flex.discount-rate-container select {
    width: 120px;
  }
}

.filter-window .filter-window-elem .filter-window-elem-title {
  font-weight: bold;
}

.filter-window .filter-window-elem .acordion-content.acordion-content--pl {
  padding-left: 22px;
}

@media screen and (max-width: 768px) {
  .filter-window .filter-window-elem .acordion-content.acordion-content--pl-sp {
    padding-left: 30px;
  }
}

@media screen and (max-width: 768px) {
  .filter-window .filter-window-elem .acordion-content.acordion-content--pl-sm-sp {
    padding-left: 15px;
  }
}

.filter-window .filter-window-elem .acordion-content.genre-list, .filter-window .filter-window-elem .acordion-content.store-list, .filter-window .filter-window-elem .acordion-content.format-list {
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .filter-window .filter-window-elem .acordion-content.genre-list, .filter-window .filter-window-elem .acordion-content.store-list, .filter-window .filter-window-elem .acordion-content.format-list {
    margin-top: 20px;
    padding-left: 16px;
  }
}

.filter-window .filter-window-elem .acordion-content.genre-list .checkbox-group:has(#all-checkbox), .filter-window .filter-window-elem .acordion-content.store-list .checkbox-group:has(#all-checkbox), .filter-window .filter-window-elem .acordion-content.format-list .checkbox-group:has(#all-checkbox) {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.filter-window .filter-window-elem .acordion-content.genre-list li, .filter-window .filter-window-elem .acordion-content.store-list li, .filter-window .filter-window-elem .acordion-content.format-list li {
  margin-bottom: 12px;
}

.filter-window .filter-window-elem .acordion-content.genre-list li:last-child, .filter-window .filter-window-elem .acordion-content.store-list li:last-child, .filter-window .filter-window-elem .acordion-content.format-list li:last-child {
  margin-bottom: 0;
}

.filter-window .filter-window-elem .acordion-content.genre-list li .acordion-title.checkbox-group::after, .filter-window .filter-window-elem .acordion-content.store-list li .acordion-title.checkbox-group::after, .filter-window .filter-window-elem .acordion-content.format-list li .acordion-title.checkbox-group::after {
  background-image: url("../img/icon/triangle-down.svg");
}

.filter-window .filter-window-elem .acordion-content.genre-list li .acordion-title.checkbox-group.active::after, .filter-window .filter-window-elem .acordion-content.store-list li .acordion-title.checkbox-group.active::after, .filter-window .filter-window-elem .acordion-content.format-list li .acordion-title.checkbox-group.active::after {
  background-image: url("../img/icon/triangle-up.svg");
}

.filter-window .filter-window-elem .acordion-content.genre-list li .acordion-title.acordion-title--parent, .filter-window .filter-window-elem .acordion-content.store-list li .acordion-title.acordion-title--parent, .filter-window .filter-window-elem .acordion-content.format-list li .acordion-title.acordion-title--parent {
  max-width: 320px;
}

@media screen and (max-width: 768px) {
  .filter-window .filter-window-elem .acordion-content.genre-list li .acordion-title.acordion-title--parent, .filter-window .filter-window-elem .acordion-content.store-list li .acordion-title.acordion-title--parent, .filter-window .filter-window-elem .acordion-content.format-list li .acordion-title.acordion-title--parent {
    max-width: 310px;
  }
}

.filter-window .filter-window-elem .acordion-content.genre-list li .acordion-title.acordion-title--parent::after, .filter-window .filter-window-elem .acordion-content.store-list li .acordion-title.acordion-title--parent::after, .filter-window .filter-window-elem .acordion-content.format-list li .acordion-title.acordion-title--parent::after {
  right: 0;
}

.filter-window .filter-window-elem .acordion-content.genre-list li .acordion-content, .filter-window .filter-window-elem .acordion-content.store-list li .acordion-content, .filter-window .filter-window-elem .acordion-content.format-list li .acordion-content {
  margin-top: 13px;
  padding-left: 50px;
}

.filter-window .filter-window-elem .acordion-content.genre-list li .acordion-content .acordion-checkbox-content--flex-col .has-acordion-checkbox-content, .filter-window .filter-window-elem .acordion-content.store-list li .acordion-content .acordion-checkbox-content--flex-col .has-acordion-checkbox-content, .filter-window .filter-window-elem .acordion-content.format-list li .acordion-content .acordion-checkbox-content--flex-col .has-acordion-checkbox-content {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.filter-window .filter-window-elem .acordion-content.genre-list li .acordion-content .acordion-checkbox-content--flex-col .has-acordion-checkbox-content .acordion-title--children, .filter-window .filter-window-elem .acordion-content.store-list li .acordion-content .acordion-checkbox-content--flex-col .has-acordion-checkbox-content .acordion-title--children, .filter-window .filter-window-elem .acordion-content.format-list li .acordion-content .acordion-checkbox-content--flex-col .has-acordion-checkbox-content .acordion-title--children {
  max-width: 350px;
}

.filter-window .filter-window-elem .acordion-content.genre-list li .acordion-content .acordion-checkbox-content--flex-col .has-acordion-checkbox-content .acordion-title--children label, .filter-window .filter-window-elem .acordion-content.store-list li .acordion-content .acordion-checkbox-content--flex-col .has-acordion-checkbox-content .acordion-title--children label, .filter-window .filter-window-elem .acordion-content.format-list li .acordion-content .acordion-checkbox-content--flex-col .has-acordion-checkbox-content .acordion-title--children label {
  font-weight: 400;
  max-width: 300px;
}

@media screen and (max-width: 768px) {
  .filter-window .filter-window-elem .acordion-content.genre-list li .acordion-content .acordion-checkbox-content--flex-col .has-acordion-checkbox-content .acordion-title--children label, .filter-window .filter-window-elem .acordion-content.store-list li .acordion-content .acordion-checkbox-content--flex-col .has-acordion-checkbox-content .acordion-title--children label, .filter-window .filter-window-elem .acordion-content.format-list li .acordion-content .acordion-checkbox-content--flex-col .has-acordion-checkbox-content .acordion-title--children label {
    max-width: 100%;
  }
}

.filter-window .filter-window-elem .acordion-content.genre-list li .acordion-content .acordion-checkbox-content--flex-col .has-acordion-checkbox-content .acordion-title--children::after, .filter-window .filter-window-elem .acordion-content.store-list li .acordion-content .acordion-checkbox-content--flex-col .has-acordion-checkbox-content .acordion-title--children::after, .filter-window .filter-window-elem .acordion-content.format-list li .acordion-content .acordion-checkbox-content--flex-col .has-acordion-checkbox-content .acordion-title--children::after {
  right: 0em;
}

.filter-window .filter-window-elem .acordion-content .checkbox-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.filter-window .filter-window-elem .acordion-content .checkbox-group label {
  cursor: pointer;
}

.filter-window .filter-window-elem .acordion-content .checkbox-group--pl {
  padding-left: 17px;
}

.filter-window .filter-window-elem .acordion-content .checkbox-group--mt {
  margin-top: 12px;
}

.filter-window .filter-window-elem .acordion-content .checkbox-group .checkbox-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.filter-window .checkbox-group label.checkbox-container {
  width: auto;
  margin-right: 0;
}

.filter-window .checkbox-container__text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 6px;
  cursor: pointer;
}

.filter-window .filter-window-elem .acordion-content .checkbox-group .checkbox-container .checkbox--lg {
  width: 12px;
  height: 12px;
}

.filter-window .filter-window-elem .acordion-content .acordion-elem {
  margin-top: 12px;
}

.filter-window .filter-window-elem .acordion-content .acordion-elem.acordion-elem--mt-lg {
  margin-top: 25px;
}

.filter-window .filter-window-elem .act-btn {
  margin-inline: auto;
}

@media screen and (max-width: 768px) {
  .filter-window .filter-window-elem .act-btn.md {
    max-width: 255px;
    height: 35px;
  }
}

@media screen and (max-width: 768px) {
  .filter-window .filter-window-elem:has(.act-btn) {
    padding-block: 40px;
  }
}

.filter-window .filter-result-area {
  font-weight: bold;
  padding-top: 30px;
  padding-bottom: 42px;
  border-top: none;
  border-bottom: 1px solid #000;
}

@media screen and (max-width: 768px) {
  .filter-window .filter-result-area {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 470px;
    background-color: #E8E9EA;
    z-index: 130;
  }
}

@media screen and (max-width: 768px) {
  .filter-window .filter-result-area ~ form {
    margin-top: 92px;
  }
}

.filter-window .filter-result-area .result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 23px;
  column-gap: 23px;
  font-size: 16px;
}

.filter-window .filter-result-area .filter-window-close-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 12px;
  height: 12px;
  cursor: pointer;
}

.filter-window .acordion-title {
  font-weight: bold;
  cursor: pointer;
}

.filter-window .acordion-title::after {
  width: 12px;
  height: 10px;
  right: 0;
  background-image: url("../img/icon/arrow-down.svg");
}

.filter-window .acordion-title.active::after {
  background-image: url("../img/icon/arrow-up.svg");
}

.filter-window .acordion-title.checkbox-group::after {
  width: 12px;
  height: 10px;
  right: 6rem;
  background-image: url("../img/icon/arrow-down.svg");
}

.filter-window .acordion-title.checkbox-group.active::after {
  background-image: url("../img/icon/arrow-up.svg");
}

/* 親項目（ジャンル/フォーマット/店舗などのチェックボックス見出し）のアコーディオンアイコンは三角形＋右端寄せ（デザイン準拠。セクション見出しの矢印はそのまま） */
.filter-window .acordion-title.checkbox-group.acordion-title--parent::after {
  right: 0;
  background-image: url("../img/icon/triangle-down.svg");
}

.filter-window .acordion-title.checkbox-group.acordion-title--parent.active::after {
  background-image: url("../img/icon/triangle-up.svg");
}

/* 長い項目名がアコーディオンアイコンと重ならないよう右側に余白を確保（トップレベルの親項目のみ） */
.filter-window .acordion-title.checkbox-group.acordion-title--parent .checkbox-container {
  padding-right: 18px;
}

/* サブメニュー項目：ラベル直後に余白を取り、アイコンが文字と重ならない程度に右へ */
.filter-window .filter-window-elem .acordion-content.genre-list li .acordion-content .acordion-title--children.checkbox-group,
.filter-window .filter-window-elem .acordion-content.store-list li .acordion-content .acordion-title--children.checkbox-group,
.filter-window .filter-window-elem .acordion-content.format-list li .acordion-content .acordion-title--children.checkbox-group {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  padding-right: 18px;
  box-sizing: content-box;
}

.filter-window .filter-window-elem .acordion-content.genre-list li .acordion-content .acordion-title--children.checkbox-group::after,
.filter-window .filter-window-elem .acordion-content.store-list li .acordion-content .acordion-title--children.checkbox-group::after,
.filter-window .filter-window-elem .acordion-content.format-list li .acordion-content .acordion-title--children.checkbox-group::after {
  right: 0;
  background-image: url("../img/icon/triangle-down.svg");
}

.filter-window .filter-window-elem .acordion-content.genre-list li .acordion-content .acordion-title--children.checkbox-group.active::after,
.filter-window .filter-window-elem .acordion-content.store-list li .acordion-content .acordion-title--children.checkbox-group.active::after,
.filter-window .filter-window-elem .acordion-content.format-list li .acordion-content .acordion-title--children.checkbox-group.active::after {
  background-image: url("../img/icon/triangle-up.svg");
}

.filter-window .acordion-title.checkbox-group.acordion-title--children .checkbox-container {
  padding-right: 0;
}

/* 新着のみのラベルは太字（デザイン準拠） */
.filter-window .filter-window-elem .checkbox-group--mr-neg .checkbox-container__text {
  font-weight: bold;
}

/* 新着のみ：チェックボックスとラベルの間の余分な空き（空のform-check-label）を詰める */
.filter-window .filter-window-elem .checkbox-group--mr-neg .checkbox-container label.form-check-label {
  display: none;
}

/* ジャンルのトップレベル項目は子（サブジャンル）の有無に関わらずラベルを太字にする（子がなければアコーディオンは付かないが太字は維持） */
.filter-window .filter-window-elem-inner > ul.genre-list > li > .checkbox-group .checkbox-container__text,
.filter-window .filter-window-elem-inner > ul.category-tree-list > li > .checkbox-group .checkbox-container__text {
  font-weight: bold;
}

/* サブジャンル（2階層目以降）はサブサブジャンルを持つ（アコーディオン）場合でも太字にしない。太字はトップレベルのジャンルのみ */
.filter-window .filter-window-elem .acordion-checkbox-content .checkbox-container__text {
  font-weight: normal;
}

/* アコーディオン展開時に子要素をインデント（--pl-sp はSPのみのため、PCでは無インデントになる不具合を補正）。トップレベルの一覧は対象外 */
@media screen and (min-width: 769px) {
  .filter-window .filter-window-elem .acordion-elem > .acordion-content {
    padding-left: 22px;
  }
}

.filter-window .acordion-title.acordion-title--has-check-box.checkbox-group::after {
  right: 0;
}

@media screen and (max-width: 768px) {
  /* SPのみ：ジャンルツリーの親項目矢印を少し右へ寄せる */
  .filter-window .filter-window-elem .acordion-content.category-tree-list .checkbox-group.acordion-title--parent::after {
    right: 1rem;
  }
}

.filter-order-form {
  position: relative;
  display: none;
}

.filter-order-form.active {
  display: block;
}

.filter-order-form.active.pc-only {
  display: block;
  min-width: 130px;
}

@media screen and (max-width: 768px) {
  .filter-order-form.active.pc-only {
    display: none;
  }
}

.filter-order-form.active.sp-only {
  display: none;
}

@media screen and (max-width: 768px) {
  .filter-order-form.active.sp-only {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .filter-order-form {
    margin-top: -4px;
  }
}

.filter-order-form .filter-order-form-label {
  font-size: 14px;
  color: #4B4B4B;
  font-weight: bold;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .filter-order-form .filter-order-form-label {
    font-size: 12px;
  }
}

.filter-order-form .filter-order-form-label::after {
  content: "";
  display: inline-block;
  width: 11px;
  height: 9px;
  margin-left: 20px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../img/icon/arrow-down-black.svg);
}

@media screen and (max-width: 768px) {
  .filter-order-form .filter-order-form-label::after {
    margin-left: 3px;
    width: 10px;
    height: 12px;
    top: 2px;
    position: relative;
  }
}

.filter-order-form .filter-order-val-area {
  display: none;
  left: -15px;
  top: 100%;
  z-index: 100;
  position: absolute;
  width: 160px;
  height: auto;
  color: #000;
  font-size: 14px;
  background-color: #E8E9EA;
  padding: 17px 16px;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

@media screen and (max-width: 768px) {
  .filter-order-form .filter-order-val-area {
    padding: 25px 14px 32px 15px;
  }
}

.filter-order-form .filter-order-val-area.w-lg {
  width: 200px;
}

.filter-order-form .filter-order-val-area a,
.filter-order-form .filter-order-val-area span {
  margin-bottom: 12px;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media screen and (max-width: 768px) {
  .filter-order-form .filter-order-val-area a,
  .filter-order-form .filter-order-val-area span {
    margin-bottom: 16.5px;
  }
}

.filter-order-form .filter-order-val-area a:last-child,
.filter-order-form .filter-order-val-area span:last-child {
  margin-bottom: 0;
}

.filter-order-form .filter-order-val-area a:hover,
.filter-order-form .filter-order-val-area span:hover {
  opacity: 0.7;
}

.filter-order-form .filter-order-val-area a.current {
  color: #4B4B4B;
  font-weight: bold;
}

#product-exclusive-sp,
#news-exclusive-sp {
  display: none;
}

@media screen and (max-width: 768px) {
  #product-exclusive-sp.active,
  #news-exclusive-sp.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

#product-exclusive-pc {
  min-width: 135px;
}

#product-exclusive-pc,
#news-exclusive-pc {
  display: none;
}

#product-exclusive-pc.active,
#news-exclusive-pc.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  #product-exclusive-pc.active,
  #news-exclusive-pc.active {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  #product-exclusive-pc,
  #news-exclusive-pc {
    display: none;
  }
}

.filter-show-count-form {
  font-size: 14px;
  font-weight: bold;
  color: #4B4B4B;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .filter-show-count-form {
    font-size: 12px;
  }
}

.filter-show-count-form .filter-show-count-val-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 6px;
  column-gap: 6px;
}

@media screen and (max-width: 768px) {
  .filter-show-count-form .filter-show-count-val-area {
    -webkit-column-gap: 5px;
    column-gap: 5px;
  }
}

.filter-show-count-form .filter-show-count-val-area a {
  color: #BFBFBF;
  cursor: pointer;
}

.filter-show-count-form .filter-show-count-val-area a.current {
  color: #4B4B4B;
  cursor: default;
}

.current-filter-condition-show-area {
  color: #000;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 41px;
}

@media screen and (max-width: 768px) {
  .current-filter-condition-show-area {
    margin-bottom: 30px;
  }
}

.current-filter-condition-show-area.current-filter-condition-show-area--mypage .current-filter-condition-list .current-filter-condition-item {
  padding-block: 5px;
}

.current-filter-condition-show-area .current-filter-condition-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  row-gap: 10px;
  -webkit-column-gap: 7px;
  column-gap: 7px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.current-filter-condition-show-area .current-filter-condition-list .current-filter-condition-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 9px;
  column-gap: 9px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 100%;
  min-width: 0;
  padding-block: 8px;
  padding-inline: 10px;
  background-color: #E8E9EA;
}

.current-filter-condition-show-area .current-filter-condition-list .current-filter-condition-item .condition-detail {
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}

@media screen and (max-width: 768px) {
  .current-filter-condition-show-area .current-filter-condition-list .current-filter-condition-item {
    padding-block: 5px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .current-filter-condition-show-area .current-filter-condition-list .current-filter-condition-item:has(.current-filter-condition-all-clear-btn) {
    padding: 0;
  }
}

.current-filter-condition-show-area .current-filter-condition-list .current-filter-condition-item .conditoin-clear-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.current-filter-condition-show-area .current-filter-condition-list .current-filter-condition-item .current-filter-condition-all-clear-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 3px;
  column-gap: 3px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
  font-weight: bold;
}

.current-filter-condition-show-area .current-filter-condition-list .current-filter-condition-item .current-filter-condition-all-clear-btn .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 2px;
  width: 13px;
  height: 13px;
  border-radius: 999px;
  background-color: #4B4B4B;
}

.current-filter-condition-show-area .current-filter-condition-list .current-filter-condition-item .current-filter-condition-all-clear-btn .icon img {
  width: 7px;
  height: 7px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

.current-filter-condition-show-area .current-filter-condition-list .current-filter-condition-item--no-bg {
  background-color: unset;
}

/* ============= */
/* サイトマップ */
/* ============= */
.site-map-sec .link-area {
  margin-top: 80px;
}

@media screen and (max-width: 1024px) {
  .site-map-sec .link-area {
    margin-top: 50px;
  }
}

.site-map-sec .link-area .link-area-title {
  color: #000;
  font-size: 16px;
  line-height: calc(30 / 16);
  font-weight: bold;
}

.site-map-sec .link-area .link-area-title:hover {
  text-decoration: underline;
}

.site-map-sec .link-area .link-area-inner {
  margin-top: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 1024px) {
  .site-map-sec .link-area .link-area-inner {
    margin-top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.site-map-sec .link-area .link-list-container {
  width: 300px;
  margin-top: 60px;
  padding-top: 30px;
  border-top: 1px solid #000;
  margin-top: 0;
}

@media screen and (max-width: 1024px) {
  .site-map-sec .link-area .link-list-container {
    margin-top: 30px;
    width: 100%;
  }
}

.site-map-sec .link-area .link-list {
  margin-top: 60px;
}

@media screen and (max-width: 1024px) {
  .site-map-sec .link-area .link-list {
    margin-top: 30px;
  }
}

.site-map-sec .link-area .link-list:first-child {
  margin-top: 0;
}

.site-map-sec .link-area .link-list.has-blank-sepalator {
  margin-top: 3rem;
}

.site-map-sec .link-area .link-list.has-blank-sepalator .link-item:first-child {
  font-weight: 400;
}

.site-map-sec .link-area .link-list.has-list-title .link-item:first-child {
  color: #000;
  font-weight: bold;
  padding-top: 30px;
  border-top: 1px solid #000;
}

.site-map-sec .link-area .link-item {
  margin-top: 23px;
  color: #000;
  font-size: 14px;
}

.site-map-sec .link-area .link-item:first-child {
  margin-top: 0;
  font-weight: bold;
}

.site-map-sec .link-area .link:hover {
  text-decoration: underline;
}

/* ====================================================== */
/* フォーム共通 */
/* ====================================================== */
input[type="tel"],
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="checkbox"],
select {
  border-radius: 0;
}

select:disabled {
  background-color: #BFBFBF;
}

.form-end-caution {
  margin-top: 1em;
  color: #000;
  font-size: 14px;
  line-height: 1.5;
}

.form-end-caution:first-of-type {
  margin-top: 0;
}

.form-end-caution .link {
  color: #3E6DBB;
  font-weight: bold;
  cursor: pointer;
}

.form-end-caution .link:hover {
  text-decoration: underline;
}

/************************************/
/* テキストフォーム */
/************************************/
input[type="tel"],
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"] {
  height: 40px;
  width: 100%;
  max-width: 626px;
  font-size: 14px;
  background-color: #fff;
  border: 1px solid #707070;
}

/************************************/
/* text */
/************************************/
input[type="tel"],
input[type="text"],
input[type="email"],
input[type="password"],
textarea {
  padding: 15px 14px;
}

/************************************/
/* number */
/************************************/
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  padding: 15px 35px 15px 14px;
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  appearance: textfield;
}

/************************************/
/* セレクトボックス */
/************************************/
select {
  padding-inline: 20px;
  height: 40px;
  font-size: 16px;
  color: #707070;
  background-size: 16px;
  background-color: #fff;
  border: 1px solid #707070;
  background: url("../img/icon/arrow-selectbox.svg") no-repeat 85% center;
}

select:hover {
  cursor: pointer;
}

select:disabled:hover {
  cursor: auto;
}

select.h-sm {
  height: 30px;
}

/************************************/
/* チェックボックス */
/************************************/
.checkbox-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.checkbox-group input[type="checkbox"] {
  margin-top: 2px;
  min-height: 12px;
  min-width: 12px;
  border: 1px solid #000;
  background-color: white;
  cursor: pointer;
}

.checkbox-group input[type="checkbox"]:checked {
  background-color: #4B4B4B;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}

.checkbox-group input[type="checkbox"]:checked::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../img/icon/check.svg");
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}

.checkbox-group input[type="checkbox"].checkbox--lg {
  margin-top: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #707070;
}

.checkbox-group input[type="checkbox"].checkbox--border-blk {
  border: 1px solid #000;
}

.checkbox-group input[type="checkbox"].checkbox--lg:checked::after {
  font-size: 14px;
}

.checkbox-group.checkbox-group--mr-neg {
  margin-left: -1.3em;
}

@media screen and (max-width: 768px) {
  .checkbox-group.checkbox-group--mr-neg {
    margin-left: 0;
  }
}

.checkbox-group label {
  margin-right: 1.4em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  padding-left: 6px;
  position: relative;
  z-index: 1;
}

.checkbox-group label.bold {
  font-weight: bold;
}

/************************************/
/* ラジオボタン */
/************************************/
.radio-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 16px;
  column-gap: 16px;
  font-size: 14px;
  font-weight: bold;
}

.radio-group.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* 縦並びのラジオリスト（絞り込みウィンドウの関連アーティスト等）。
   行間はチェックボックスリスト（.acordion-elem の margin-top）と揃える。 */
.radio-group.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  row-gap: 12px;
}

/* 絞り込みウィンドウでは、見出しとの間隔と文字ウェイトもチェックボックスリストに揃える
   （.radio-group 既定の bold は新品・中古のような短い横並び用）。 */
.filter-window .radio-group.flex-column {
  margin-top: 12px;
  font-weight: normal;
}

.radio-group.column-gap-sm {
  -webkit-column-gap: 10px;
  column-gap: 10px;
}

.radio-group .radio-group-elem-has-input-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-column-gap: 20px;
  column-gap: 20px;
}

.radio-group .radio-group-elem-has-input-txt input[type="text"],
.radio-group .radio-group-elem-has-input-txt input[type="tel"] {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.radio-group .radio-group-elem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-column-gap: 4px;
  column-gap: 4px;
}

.radio-group .radio-group-elem:hover {
  cursor: pointer;
}

.radio-group .radio-group-elem input[type="radio"] {
  position: static;
  pointer-events: auto;
}

.radio-group .radio-group-elem input[type="radio"] + label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 5px;
  column-gap: 5px;
}

.radio-group .radio-group-elem input[type="radio"] + label.row-rev {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.radio-group .radio-group-elem input[type="radio"] + label:hover {
  cursor: pointer;
}

.radio-group .radio-group-elem input[type="radio"] + label .radio-custom {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  border-radius: 999px;
  border: 1px solid #4B4B4B;
  background-color: white;
}

.radio-group .radio-group-elem input[type="radio"]:checked + label .radio-custom::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  position: absolute;
  border-radius: 999px;
  background-color: #4B4B4B;
}

.radio-sub-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 12px;
  -webkit-column-gap: 16px;
  column-gap: 16px;
}

/************************************/
/* お支払方法（ラジオボタン） */
/************************************/
.payment-radio-container .payment-radio .form-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 17px;
  column-gap: 17px;
}

.payment-radio-container .payment-radio .form-item .form-item-title {
  font-size: 16px;
  font-weight: bold;
}

.payment-radio-container .payment-radio .form-item .radio-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.payment-radio-container .payment-radio .form-item .radio-group-elem-icon-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px dotted #BFBFBF;
  border-bottom: 1px dotted #BFBFBF;
}

@media screen and (max-width: 768px) {
  .payment-radio-container .payment-radio .form-item .radio-group-elem-icon-wrapper {
    border: none;
  }
}

.payment-radio-container .payment-radio .form-item .radio-group-elem-icon-wrapper.radio-group-elem-icon-wrapper--border-top-no {
  border-top: none;
}

.payment-radio-container .payment-radio .form-item .radio-group-elem-icon-wrapper .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 19px;
}

@media screen and (max-width: 781px) {
  .payment-radio-container .payment-radio .form-item .radio-group-elem-icon-wrapper .icon {
    margin-left: 10px;
  }
}

@media screen and (max-width: 768px) {
  .payment-radio-container .payment-radio .form-item .radio-group-elem-icon-wrapper .icon {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 0;
  }
}

@media screen and (max-width: 768px) {
  .payment-radio-container .payment-radio .form-item .radio-group-elem-icon-wrapper .icon.icon--paypal {
    width: 70px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }
}

.payment-radio-container .payment-radio .form-item .radio-group-elem {
  border-bottom: 1px dotted #BFBFBF;
  cursor: auto;
  -webkit-column-gap: 0;
  column-gap: 0;
}

@media screen and (max-width: 768px) {
  .payment-radio-container .payment-radio .form-item .radio-group-elem {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    min-height: unset;
    border-bottom: none;
  }
}

.payment-radio-container .payment-radio .form-item .radio-group-elem.radio-group-elem--label-r-pd label {
  padding-right: 74px;
}

@media screen and (max-width: 768px) {
  .payment-radio-container .payment-radio .form-item .radio-group-elem.radio-group-elem--label-r-pd label {
    padding-right: 9px;
  }
}

.payment-radio-container .payment-radio .form-item .radio-group-elem input[type=radio] + label {
  -webkit-column-gap: 9px;
  column-gap: 9px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  height: 60px;
}

@media screen and (max-width: 768px) {
  .payment-radio-container .payment-radio .form-item .radio-group-elem input[type=radio] + label {
    height: 35px;
  }
}

.payment-radio-container .payment-radio .form-item .radio-group-elem.radio-group-elem--border-btm-no {
  border: none;
}

.payment-radio-container .payment-radio .form-item .radio-group-elem.radio-group-elem--border-btm-no::after {
  content: none;
}

.payment-radio-container .payment-radio .form-item .radio-group-elem .form-item-title {
  width: 130px;
  padding-left: 20px;
}

@media screen and (max-width: 768px) {
  .payment-radio-container .payment-radio .form-item .radio-group-elem .form-item-title {
    width: 100%;
    padding-left: 0;
    margin-bottom: 10px;
  }
}

.payment-radio-container .payment-radio .form-item .has-icon-radio-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.payment-radio-container .payment-radio .form-item .has-icon-radio-container .icon {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 270px;
}

@media screen and (max-width: 768px) {
  .payment-radio-container .payment-radio .form-item .has-icon-radio-container .icon {
    margin-left: 1em;
  }
}

.payment-radio-container .payment-radio .form-item-row {
  padding-block: 0;
}

@media screen and (max-width: 768px) {
  .payment-radio-container .payment-radio .form-item-row {
    padding-block: 22px;
    border-top: 1px dotted #BFBFBF;
    border-bottom: 1px dotted #BFBFBF;
  }
}

/************************************/
/* 退会手続きフォーム */
/************************************/
.member-withdrawal-reason-input-form {
  font-size: 12px;
}

.member-withdrawal-reason-input-form .member-withdrawal-reason-input-form-grid-wrapper {
  display: -ms-grid;
  display: grid;
  row-gap: 15px;
}

.member-withdrawal-reason-input-form .checkbox-container {
  display: -ms-grid;
  display: grid;
  row-gap: 13px;
  color: #000;
}

.member-withdrawal-reason-input-form .checkbox-group input[type="checkbox"] {
  border: 1px solid #000;
}

.member-withdrawal-reason-input-form .checkbox-group label {
  padding-left: 9px;
}

.member-withdrawal-reason-input-form textarea {
  resize: none;
  width: 100%;
  max-width: 569px;
  height: 157px;
  padding: 21px;
  color: #707070;
  border: 1px solid #000;
}

@media screen and (max-width: 768px) {
  .member-withdrawal-reason-input-form textarea {
    height: 120px;
    padding: 15px;
    max-width: 100%;
  }
}

/******************************************************************/
/* フォーム行
    〇 「カート」・「マイページ」のフォーム入力や確認画面の【行リスト要素】で使用
*/
/******************************************************************/
.form-item-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 80px;
  padding-block: 10px;
  border-bottom: 1px dotted #BFBFBF;
  position: relative;
}

@media screen and (max-width: 768px) {
  .form-item-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    row-gap: 16px;
    padding-block: 24px;
  }
}

.form-item-row.form-item-row--col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.form-item-row.form-item-row--textarea textarea.form-item-input {
  resize: none;
  max-width: 500px;
  height: 80px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .form-item-row.form-item-row--textarea textarea.form-item-input {
    width: 100%;
  }
}

.form-item-row.form-item-row--textarea textarea.form-item-input.w-lg {
  max-width: 569px;
}

.form-item-row.form-item-row--textarea textarea.form-item-input.h-xl {
  height: 150px;
}

.form-item-row.form-item-row--textarea textarea.form-item-input.h-llg {
  height: 100px;
}

.form-item-row.form-item-row--textarea textarea.form-item-input.h-lg {
  height: 85px;
}

@media screen and (max-width: 768px) {
  .form-item-row.form-item-row--textarea textarea.form-item-input.sp-h-40 {
    height: 40px;
  }
}

.form-item-row.form-item-row--textarea textarea.form-item-input.font-12 {
  font-size: 12px;
}

.form-item-row.form-item-row--textarea textarea.form-item-input.font-14 {
  font-size: 14px;
}

.form-item-row.form-item-row--confirm .form-item-inputed-txt {
  color: #707070;
  font-size: 14px;
}

.form-item-row.form-item-row--confirm .form-item-inputed-txt.form-item-inputed-txt--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-column-gap: 10px;
  column-gap: 10px;
}

.form-item-row.form-item-row--confirm .form-item-inputed-txt.form-item-inputed-txt--flex .left-txt {
  width: 50px;
  text-align: center;
}

.form-item-row.form-item-row--confirm .form-item-inputed-txt.form-item-inputed-txt--flex .right-txt {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.form-item-row.form-item-row--confirm .form-item-inputed-txt.font-xs {
  font-size: 12px;
}

@media screen and (max-width: 768px) {
  .form-item-row.form-item-row--confirm .form-item-input-wrapper.form-item-input-wrapper--flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

@media screen and (max-width: 768px) {
  .form-item-row.form-item-row--confirm .form-item-input-wrapper.form-item-input-wrapper--flex.col-gap-lg {
    -webkit-column-gap: 14px;
    column-gap: 14px;
  }
}

@media screen and (max-width: 768px) {
  .form-item-row.form-item-row--confirm.form-item-row {
    row-gap: 13px;
  }
}

.form-item-row.form-item-row--confirm.cardboard-type-item .form-item-inputed-txt {
  line-height: calc(25 / 14);
}

@media screen and (max-width: 768px) {
  .form-item-row.address-group-item {
    padding-top: 16px;
    padding-bottom: 0;
    row-gap: 15px;
  }
}

.form-item-row.cardboard-type-item .form-item-input-wrapper:has(.form-item-input--cardboard-type-container) {
  display: -ms-grid;
  display: grid;
  row-gap: 30px;
}

@media screen and (max-width: 768px) {
  .form-item-row.cardboard-type-item .form-item-input-wrapper:has(.form-item-input--cardboard-type-container) {
    row-gap: 16px;
  }
}

.form-item-row.cardboard-type-item .form-item-input--cardboard-type-container {
  display: -ms-grid;
  display: grid;
  row-gap: 12px;
}

.form-item-row.cardboard-type-item .detail-txt {
  font-size: 14px;
  color: #000;
}

.form-item-row.box-quantity-item .form-item-input-wrapper:has(.form-item-input--box-quantity-container) {
  display: -ms-grid;
  display: grid;
  row-gap: 30px;
}

.form-item-row.box-quantity-item .form-item-input--box-quantity-container {
  display: -ms-grid;
  display: grid;
  row-gap: 12px;
}

.form-item-row.box-quantity-item .detail-txt {
  font-size: 14px;
  color: #000;
}

.form-item-row.form-item-row--group-label {
  padding-bottom: 0;
  border-bottom: none;
  min-height: auto;
}

.form-item-row.border-top {
  border-top: 1px dashed #BFBFBF;
}

.form-item-row.border-top-dt {
  border-top: 1px dotted #BFBFBF;
}

.form-item-row.border-none {
  border: none;
}

.form-item-row.border-top-none {
  border-top: none;
}

.form-item-row.border-btm-none {
  border-bottom: none;
}

.form-item-row.w-xl .form-item-title {
  width: 318px;
}

@media screen and (max-width: 900px) {
  .form-item-row.w-xl .form-item-title {
    width: 220px;
  }
}

@media screen and (max-width: 768px) {
  .form-item-row.w-xl .form-item-title {
    width: 100%;
  }
}

.form-item-row.w-llg .form-item-title {
  width: 260px;
}

.form-item-row.w-lg .form-item-title {
  width: 242px;
}

.form-item-row.w-md .form-item-title {
  width: 203px;
  max-width: 20vw;
}

@media screen and (max-width: 768px) {
  .form-item-row.w-md .form-item-title {
    width: auto;
    max-width: unset;
  }
}

.form-item-row.w-smd .form-item-title {
  width: 183px;
}

@media screen and (max-width: 900px) {
  .form-item-row.w-smd .form-item-title {
    width: 165px;
  }
}

@media screen and (max-width: 768px) {
  .form-item-row.w-smd .form-item-title {
    width: 100%;
  }
}

.form-item-row.w-sm .form-item-title {
  width: 166px;
}

.form-item-row.w-ssmd .form-item-title {
  width: 142px;
}

@media screen and (max-width: 768px) {
  .form-item-row.w-ssmd .form-item-title {
    width: 100%;
    min-width: 125px;
    max-width: 142px;
  }
}

.form-item-row.w-ssm .form-item-title {
  width: 136px;
}

.form-item-row.h-lg {
  min-height: 164px;
}

.form-item-row.h-slg {
  min-height: 148px;
}

.form-item-row.h-md {
  min-height: 137px;
}

.form-item-row.h-lmd {
  min-height: 116px;
}

.form-item-row.h-smd {
  min-height: 90px;
}

.form-item-row.h-smmd {
  min-height: 75px;
}

.form-item-row.h-ssmd {
  min-height: 64px;
}

.form-item-row.h-sm {
  min-height: 60px;
}

.form-item-row.h-xs {
  min-height: 30px;
}

.form-item-row.h-xxs {
  min-height: 24px;
  padding-block: 0;
}

@media screen and (max-width: 768px) {
  .form-item-row.h-xxs {
    min-height: unset;
  }
}

.form-item-row.pbl-llg {
  padding-block: 25px;
}

.form-item-row.pbl-lg {
  padding-block: 20px;
}

.form-item-row.pt-sm {
  padding-top: 10px;
}

.form-item-row.pt-lg {
  padding-top: 25px;
}

.form-item-row.pt-xl {
  padding-top: 30px;
}

.form-item-row.pb-lg {
  padding-bottom: 25px;
}

@media screen and (max-width: 768px) {
  .form-item-row.pb-none-sp {
    padding-bottom: 0;
  }
}

.form-item-row.align-base {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.form-item-row.align-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media screen and (max-width: 768px) {
  .form-item-row .form-item-title-wrapper {
    width: 100%;
  }
}

.form-item-row .form-item-title-wrapper .caution {
  margin-top: 5px;
  padding-left: 20px;
  color: #000;
  font-size: 12px;
}

@media screen and (max-width: 768px) {
  .form-item-row .form-item-title-wrapper .caution.sp-pl-none {
    padding-left: 0;
  }
}

.form-item-row .form-item-title {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  padding-left: 20px;
}

@media screen and (max-width: 768px) {
  .form-item-row .form-item-title {
    padding-left: 0;
  }
}

.form-item-row .form-item-title:has(.required) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.form-item-row .form-item-title:has(.required).align-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.form-item-row .form-item-title:has(.required) .required {
  font-size: 12px;
  color: #FF0000;
  font-weight: normal;
  margin-right: 38%;
}

@media screen and (max-width: 900px) {
  .form-item-row .form-item-title:has(.required) .required {
    margin-right: 20%;
  }
}

@media screen and (max-width: 768px) {
  .form-item-row .form-item-title:has(.required) .required {
    margin-right: 0;
  }
}

.form-item-row .form-item-title:has(.required) .required.mr-md {
  margin-right: 25%;
}

@media screen and (max-width: 900px) {
  .form-item-row .form-item-title:has(.required) .required.mr-md {
    margin-right: 20%;
  }
}

@media screen and (max-width: 768px) {
  .form-item-row .form-item-title:has(.required) .required.mr-md {
    margin-right: 0;
  }
}

.form-item-row .form-item-title:has(.required) .required.mr-sm {
  margin-right: 15%;
}

@media screen and (max-width: 900px) {
  .form-item-row .form-item-title:has(.required) .required.mr-sm {
    margin-right: 10%;
  }
}

@media screen and (max-width: 768px) {
  .form-item-row .form-item-title:has(.required) .required.mr-sm {
    margin-right: 0;
  }
}

.form-item-row .form-item-title:has(.required) .required.mr-xs {
  margin-right: 10%;
}

@media screen and (max-width: 900px) {
  .form-item-row .form-item-title:has(.required) .required.mr-xs {
    margin-right: 5%;
  }
}

@media screen and (max-width: 768px) {
  .form-item-row .form-item-title:has(.required) .required.mr-xs {
    margin-right: 0;
  }
}

.form-item-row .form-item-title.form-item-title--checkbox-label {
  padding-left: 4px;
  max-width: none;
}

.form-item-row .form-item-title.pl-none {
  padding-left: 0;
}

.form-item-row .form-item-title.weight-r {
  font-weight: normal;
}

.form-item-row .form-item-title.font-sm {
  font-size: 14px;
  line-height: calc(20 / 14);
}

.form-item-row .form-item-title.font-xs {
  font-size: 12px;
}

.form-item-row .form-item-title.pl-sm {
  padding-left: 8px;
}

@media screen and (max-width: 768px) {
  .form-item-row .form-item-title.pl-sm {
    padding-left: 0;
  }
}

.form-item-row .form-item-title.line-height-sm {
  line-height: 1;
}

.form-item-row .form-item-title .caution {
  color: #000;
  font-size: 12px;
  font-weight: 400;
}

.form-item-row .form-item-input-wrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media screen and (max-width: 768px) {
  .form-item-row .form-item-input-wrapper {
    width: 100%;
  }
}

.form-item-row .form-item-input-wrapper.form-item-input-wrapper--grid {
  display: -ms-grid;
  display: grid;
  row-gap: 20px;
}

.form-item-row .form-item-input-wrapper.form-item-input-wrapper--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 13px;
  column-gap: 13px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .form-item-row .form-item-input-wrapper.form-item-input-wrapper--flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 10px;
  }
  .form-item-row .form-item-input-wrapper.form-item-input-wrapper--flex:has(.amazon-pay-icon) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.form-item-row .form-item-input-wrapper.form-item-input-wrapper--flex.col-gap-lg {
  -webkit-column-gap: 26px;
  column-gap: 26px;
}

.form-item-row .form-item-input-wrapper.form-item-input-wrapper--has-btn {
  display: -ms-grid;
  display: grid;
  justify-items: center;
  row-gap: 16px;
}

.form-item-row .form-item-input-wrapper.form-item-input-wrapper--has-btn .form-item-inputed-txt {
  justify-self: flex-start;
}

.form-item-row .form-item-input-wrapper .form-item-input {
  width: 100%;
  color: #000;
  border-color: #707070;
  line-height: 1.3;
}

.form-item-row .form-item-input-wrapper .form-item-input[type=checkbox] {
  border-color: #000;
}

.form-item-row .form-item-input-wrapper .form-item-input.radio-group {
  -webkit-column-gap: 50px;
  column-gap: 50px;
}

@media screen and (max-width: 768px) {
  .form-item-row .form-item-input-wrapper .form-item-input.radio-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 20px;
  }
}

.form-item-row .form-item-input-wrapper .form-item-input.radio-group.col-gap-sm {
  -webkit-column-gap: 15px;
  column-gap: 15px;
}

.form-item-row .form-item-input-wrapper .form-item-input.radio-group.row-gap-md {
  row-gap: 12px;
}

.form-item-row .form-item-input-wrapper .form-item-input.radio-group.font-weight-400 {
  font-weight: 400;
}

.form-item-row .form-item-input-wrapper .form-item-input.radio-group.flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 35px;
}

@media screen and (max-width: 768px) {
  .form-item-row .form-item-input-wrapper .form-item-input.select-sp {
    text-align: center;
    background: url("../img/icon/arrow-selectbox.svg") no-repeat 95% center;
  }
}

.form-item-row .form-item-input-wrapper .form-item-input.w-full {
  max-width: 626px;
}

.form-item-row .form-item-input-wrapper .form-item-input.w-xxl {
  max-width: 465px;
}

.form-item-row .form-item-input-wrapper .form-item-input.w-xl {
  max-width: 465px;
}

@media screen and (max-width: 768px) {
  .form-item-row .form-item-input-wrapper .form-item-input.w-xl {
    max-width: 100%;
  }
}

.form-item-row .form-item-input-wrapper .form-item-input.w-xl:is(select) {
  background-position-x: 95%;
}

@media screen and (max-width: 768px) {
  .form-item-row .form-item-input-wrapper .form-item-input.w-xl:is(select) {
    background-position-x: 95%;
  }
}

.form-item-row .form-item-input-wrapper .form-item-input.w-llg {
  max-width: 433px;
}

@media screen and (max-width: 768px) {
  .form-item-row .form-item-input-wrapper .form-item-input.w-llg {
    max-width: 100%;
  }
}

.form-item-row .form-item-input-wrapper .form-item-input.w-lmg {
  max-width: 375px;
}

.form-item-row .form-item-input-wrapper .form-item-input.w-lg {
  max-width: 350px;
}

.form-item-row .form-item-input-wrapper .form-item-input.w-lg:not(input) {
  background-position-x: 92%;
}

.form-item-row .form-item-input-wrapper .form-item-input.w-md {
  max-width: 300px;
}

@media screen and (max-width: 768px) {
  .form-item-row .form-item-input-wrapper .form-item-input.w-md {
    max-width: 100%;
  }
}

.form-item-row .form-item-input-wrapper .form-item-input.w-md:is(select) {
  background-position-x: 92%;
}

@media screen and (max-width: 768px) {
  .form-item-row .form-item-input-wrapper .form-item-input.w-md:is(select) {
    background-position-x: 95%;
  }
}

.form-item-row .form-item-input-wrapper .form-item-input.w-sm {
  max-width: 250px;
}

@media screen and (max-width: 768px) {
  .form-item-row .form-item-input-wrapper .form-item-input.w-sm {
    max-width: 100%;
  }
}

.form-item-row .form-item-input-wrapper .form-item-input.w-sm:is(select) {
  background-position-x: 92%;
}

@media screen and (max-width: 768px) {
  .form-item-row .form-item-input-wrapper .form-item-input.w-sm:is(select) {
    background-position-x: 95%;
  }
}

.form-item-row .form-item-input-wrapper .form-item-input.w-lsm {
  max-width: 180px;
}

.form-item-row .form-item-input-wrapper .form-item-input.w-lsm:is(select) {
  background-position-x: 92%;
}

@media screen and (max-width: 768px) {
  .form-item-row .form-item-input-wrapper .form-item-input.w-lsm:is(select) {
    background-position-x: 95%;
  }
}

.form-item-row .form-item-input-wrapper .form-item-input.w-xs {
  max-width: 150px;
}

@media screen and (max-width: 768px) {
  .form-item-row .form-item-input-wrapper .form-item-input.w-xs {
    width: 100%;
    max-width: unset;
  }
}

@media screen and (max-width: 768px) {
  .form-item-row .form-item-input-wrapper .form-item-input.w-xs.w-xs--sp-w-sm {
    max-width: 98px;
  }
}

@media screen and (max-width: 768px) {
  .form-item-row .form-item-input-wrapper .form-item-input.w-xs.w-xs--sp-w-sm:is(select) {
    background-position-x: 80%;
  }
}

.form-item-row .form-item-input-wrapper .form-item-input.w-xs:is(select) {
  background-position-x: 92%;
}

@media screen and (max-width: 768px) {
  .form-item-row .form-item-input-wrapper .form-item-input.w-xs:is(select) {
    background-position-x: 95%;
  }
}

.form-item-row .form-item-input-wrapper .form-item-input.w-xxs {
  max-width: 98px;
}

.form-item-row .form-item-input-wrapper .form-item-input.w-xxxs {
  max-width: 80px;
  padding-left: 15px;
}

@media screen and (max-width: 768px) {
  .form-item-row .form-item-input-wrapper .form-item-input.w-xxxs:is(select) {
    max-width: 98px;
  }
}

@media screen and (max-width: 768px) {
  .form-item-row .form-item-input-wrapper .form-item-input.sp-w-200 {
    max-width: 200px;
  }
}

@media screen and (max-width: 768px) {
  .form-item-row .form-item-input-wrapper .form-item-input.sp-w-full {
    max-width: 100%;
  }
}

.form-item-row .form-item-input-wrapper .form-item-input.form-item-input--post-num {
  max-width: 150px;
}

.form-item-row .form-item-input-wrapper .form-item-input.form-item-input--ml {
  margin-left: 20px;
}

.form-item-row .form-item-input-wrapper .form-item-input.clr-gry {
  color: #707070;
}

@media screen and (max-width: 768px) {
  .form-item-row .form-item-input-wrapper:has(select[name="birthday-day"]) select {
    max-width: 78px !important;
  }
}

.form-item-row .form-item-input-wrapper input[type="checkbox"] {
  width: auto;
  cursor: pointer;
}

.form-item-row .form-item-input-wrapper input[type="checkbox"].lg {
  margin-top: 1px;
  width: 15px;
  height: 15px;
}

.form-item-row .form-item-input-wrapper input[type="checkbox"] + label {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-flex: unset;
  -ms-flex: unset;
  flex: unset;
  cursor: pointer;
}

.form-item-row .form-item-input-wrapper select {
  font-size: 13px;
}

.form-item-row .form-item-input-wrapper .inputed-txt {
  font-size: 16px;
}

.form-item-row .form-item-input-wrapper .inputed-txt.inputed-txt--bold {
  font-weight: bold;
}

.form-item-row .form-item-input-wrapper .inputed-txt.inputed-txt--sm {
  font-size: 14px;
}

.form-item-row .form-item-input-wrapper .caution {
  margin-top: 13px;
  font-size: 12px;
  color: #000;
  line-height: calc(15 / 12);
  padding-right: 1em;
}

@media screen and (max-width: 768px) {
  .form-item-row .form-item-input-wrapper .caution {
    margin-top: 20px;
    padding-right: 0;
  }
}

.form-item-row .form-item-input-wrapper .caution .bold {
  font-weight: bold;
}

.form-item-row .form-item-input-wrapper .caution .qa-link {
  text-underline-offset: 2px;
  color: #3E6DBB;
}

.form-item-row .form-item-input-wrapper .caution .qa-link:hover {
  text-decoration: underline;
}

.form-item-row .form-item-input-wrapper .caution .font-lg {
  font-size: 14px;
  line-height: calc(20 / 14);
}

.form-item-row .form-item-input-wrapper .caution.font-sm {
  font-size: 10px;
  line-height: calc(15 / 10);
}

.form-item-row .form-item-input-wrapper .caution.mt-sm {
  margin-top: 5px;
}

@media screen and (max-width: 768px) {
  .form-item-row .form-item-input-wrapper .caution.sp-mt-9 {
    margin-top: 9px;
  }
}

@media screen and (max-width: 768px) {
  .form-item-row .form-item-input-wrapper .caution.sp-mt-15 {
    margin-top: 15px;
  }
}

.form-item-row .form-item-input-wrapper .caution.caution--black {
  color: #000;
  font-size: 10px;
  margin-top: 10px;
}

.form-item-row .form-item-input-wrapper .caution.caution--red {
  color: #F10500;
  font-size: 10px;
  margin-top: 10px;
}

.form-item-row .form-item-input-wrapper .caution.font-lg {
  font-size: 14px;
}

.form-item-row .form-item-input-wrapper .caution.font-lg.line-height--lg {
  line-height: calc(20 / 14);
}

@media screen and (max-width: 768px) {
  .form-item-row .form-item-input-wrapper .caution.sp-font-12 {
    font-size: 12px;
    line-height: calc(20 / 12);
  }
}

@media screen and (max-width: 768px) {
  .form-item-row .form-item-input-wrapper .caution.sp-line-height-12 {
    line-height: calc(20 / 12) !important;
  }
}

.form-item-row .form-item-input-wrapper .caution.line-height--lg {
  line-height: calc(20 / 12);
}

.form-item-row .form-item-input-wrapper .description {
  margin-top: 15px;
  font-size: 12px;
  color: #000;
  line-height: calc(15 / 12);
  padding-right: 1em;
}

@media screen and (max-width: 768px) {
  .form-item-row .form-item-input-wrapper .description {
    padding-right: 0;
  }
}

.form-item-row .form-item-input-wrapper .description:first-of-type {
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .form-item-row .form-item-input-wrapper .description:first-of-type {
    margin-top: 18px;
  }
}

.form-item-row .form-item-input-wrapper .description.description--green {
  color: #13E600;
}

.form-item-row .form-item-input-wrapper .inline-label {
  display: inline-block;
  margin-left: 10px;
  font-size: 13px;
}

.form-item-row .form-item-input-wrapper .inline-label.inline-label--mr {
  margin-right: 10px;
}

.form-item-row .form-item-input-wrapper .inline-label.inline-label--ml-lg {
  margin-left: 15px;
}

.form-item-row .form-item-input-wrapper .inline-label.font-14 {
  font-size: 14px;
}

.form-item-row .form-item-input-wrapper .inline-label.cy-black {
  color: #000;
}

.form-item-row .form-item-input-select-wrapper-outer .caution {
  margin-top: 13px;
  font-size: 12px;
  color: #000;
  line-height: calc(15 / 12);
  padding-right: 1em;
}

.form-item-row .form-item-input-select-wrapper-outer .caution.caution--black {
  color: #000;
  font-size: 10px;
  margin-top: 10px;
}

.form-item-row .fix-btn {
  margin-right: 50px;
}

@media screen and (max-width: 768px) {
  .form-item-row .fix-btn {
    margin-right: 0;
    margin-left: auto;
  }
}

.form-item-row .description-non-form {
  color: #000;
  font-size: 12px;
  margin-top: 13px;
  line-height: calc(20 / 12);
}

@media screen and (max-width: 768px) {
  .form-item-row .description-non-form {
    margin-top: 0;
  }
}

@media screen and (max-width: 768px) {
  .form-item-row .description-non-form.description-non-form--mt-neg-sp {
    margin-top: -8px;
    line-height: calc(14 / 12);
  }
}

.form-item-row .description-non-form.line-height-sm {
  line-height: 1.2;
}

.form-item-row .link {
  color: #3E6DBB;
  font-size: 12px;
}

.form-item-row .link.link--mt {
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .form-item-row .link.link--mt.link--mt-neg-sp {
    margin-top: -8px;
  }
}

.form-item-row .link.bold {
  font-weight: bold;
}

.form-item-row .link.font-lg {
  font-size: 14px;
}

.form-item-row .link:hover {
  text-decoration: underline;
}

.form-item-row .link.line-break-anywhere {
  line-break: anywhere;
}

/* インボイス（ラジオボタン） */
/* 返信用メールアドレス */
#invoice-input-area,
#reply-desired-email,
#reply-desired-email-confirm {
  display: none;
}

/******************************************************************/
/* フォームセクションタイトル */
/******************************************************************/
.form-sec-title-container .title {
  color: #000;
  font-size: 16px;
  font-weight: bold;
}

.form-sec-title-container .caution {
  margin-top: 10px;
  color: #000;
  font-size: 12px;
  line-height: 1.3;
}

/* =================== ▲ フォームパーツ ▲ ==================== */
/************************************/
/* スライダー */
/************************************/
.slick-disabled {
  display: none !important;
}

/* TOPページスライダー
    ------------------------------------------------- */
.main-top-fv {
  margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
  .main-top-fv {
    margin-bottom: 30px;
  }
}

.main-top-fv .main-top-fv-container {
  overflow: hidden;
}

.main-top-fv .main-top-fv-slick-area {
  /* スライド要素の幅を固定 */
  width: 1020px;
  margin-inline: auto;
}

@media screen and (max-width: 1020px) {
  .main-top-fv .main-top-fv-slick-area {
    width: 100%;
  }
}

.main-top-fv .main-top-fv-slick {
  margin-bottom: 35px;
  /* Slick初期化前は非表示にして、画像が縦に一瞬表示されるのを防ぐ */
  display: none;
}

.main-top-fv .main-top-fv-slick.slick-initialized {
  display: block;
}

@media screen and (max-width: 768px) {
  .main-top-fv .main-top-fv-slick {
    margin-bottom: 20px;
  }
}

.main-top-fv .slick-list {
  /* スライダーの左右を可視化 */
  overflow: visible !important;
  position: relative;
}

@media screen and (max-width: 1020px) {
  .main-top-fv .slick-list {
    overflow: hidden !important;
    padding-inline: 0 !important;
  }
}

.main-top-fv .slick-list::before, .main-top-fv .slick-list::after {
  content: "";
  display: inline-block;
  height: 100%;
  width: calc(100% - 100px);
  min-width: 260px;
  background-color: rgba(75, 75, 75, 0.5);
  top: 0;
  z-index: 100;
  position: absolute;
}

@media screen and (max-width: 1020px) {
  .main-top-fv .slick-list::before, .main-top-fv .slick-list::after {
    content: none;
  }
}

.main-top-fv .slick-list::before {
  left: calc(-100% + 145px);
}

.main-top-fv .slick-list::after {
  right: calc(-100% + 145px);
}

.main-top-fv .slick-track {
  max-height: 450px;
  overflow: hidden;
}

@media screen and (max-width: 1020px) {
  .main-top-fv .slick-track {
    max-height: none;
  }
}

.main-top-fv .slick-slide {
  height: 450px;
  aspect-ratio: 2/1 !important;
}

@media screen and (max-width: 1020px) {
  .main-top-fv .slick-slide {
    height: auto;
    aspect-ratio: 375/187 !important;
  }
}

.main-top-fv .slick-slide div {
  height: 100%;
}

.main-top-fv .slick-slide div .slide-inner {
  padding-inline: 5px;
  height: 100%;
  aspect-ratio: 2/1;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 1020px) {
  .main-top-fv .slick-slide div .slide-inner {
    padding-inline: 0;
    aspect-ratio: 375/187;
  }
}

.main-top-fv .slick-slide div .slide-inner img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  display: block;
}

.main-top-fv .slick-arrow {
  display: block;
  top: 50%;
  position: absolute;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 45px;
  height: 45px;
  border: 2px solid #fff;
  background-color: #000;
  z-index: 10;
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.main-top-fv .slick-arrow:hover {
  cursor: pointer;
}

.main-top-fv .slick-arrow.main-top-fv-slick-button-next {
  right: -95px;
  background-position: 52% 50%;
  background-image: url("../img/icon/arrow-right-white.svg");
}

@media screen and (max-width: 1200px) {
  .main-top-fv .slick-arrow.main-top-fv-slick-button-next {
    right: -35px;
  }
}

@media screen and (max-width: 1120px) {
  .main-top-fv .slick-arrow.main-top-fv-slick-button-next {
    right: 20px;
  }
}

.main-top-fv .slick-arrow.main-top-fv-slick-button-prev {
  left: -95px;
  background-position: 50% 50%;
  background-image: url("../img/icon/arrow-left-white.svg");
}

@media screen and (max-width: 1200px) {
  .main-top-fv .slick-arrow.main-top-fv-slick-button-prev {
    left: -35px;
  }
}

@media screen and (max-width: 1120px) {
  .main-top-fv .slick-arrow.main-top-fv-slick-button-prev {
    left: 20px;
  }
}

.main-top-fv .main-top-fv-dots-wrap {
  height: 35px;
  width: 100dvw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 12px;
  column-gap: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 100%;
  left: 50%;
  translate: -50%;
  position: absolute;
  background-color: #C1C0C0;
}

@media screen and (max-width: 768px) {
  .main-top-fv .main-top-fv-dots-wrap {
    height: 20px;
    -webkit-column-gap: 8px;
    column-gap: 8px;
  }
}

.main-top-fv .main-top-fv-dots-wrap li {
  width: 9px;
  height: 9px;
  background: #fff;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .main-top-fv .main-top-fv-dots-wrap li {
    width: 6px;
    height: 6px;
  }
}

.main-top-fv .main-top-fv-dots-wrap li.slick-active {
  width: 11px;
  height: 12px;
  background-color: #000;
}

@media screen and (max-width: 768px) {
  .main-top-fv .main-top-fv-dots-wrap li.slick-active {
    width: 8px;
    height: 8px;
  }
}

.main-top-fv .main-top-fv-dots-wrap li button {
  display: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  padding: 0;
  border: none;
  background-color: transparent;
}

/* チェックしたアイテム
    ------------------------------------------------- */
.checked-items-slick-area {
  width: 100%;
  position: relative;
}

.checked-items-slick-area .checked-items-slick {
  width: 100%;
  background-color: #fff;
}

.checked-items-slick-area .slick-list {
  padding-top: 12px;
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}

.checked-items-slick-area .product-item--slick-elem {
  margin-right: 20px;
}

.checked-items-slick-area .checked-items-slick-button-prev,
.checked-items-slick-area .checked-items-slick-button-next {
  display: block;
  top: 82px;
  position: absolute;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 2px solid #000;
  background-color: #fff;
  z-index: 10;
}

.checked-items-slick-area .checked-items-slick-button-prev:hover,
.checked-items-slick-area .checked-items-slick-button-next:hover {
  cursor: pointer;
}

.checked-items-slick-area .checked-items-slick-button-prev::after,
.checked-items-slick-area .checked-items-slick-button-next::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background-image: url("../img/icon/arrow-right.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.checked-items-slick-area .checked-items-slick-button-prev {
  left: -34px;
}

@media screen and (max-width: 1200px) {
  .checked-items-slick-area .checked-items-slick-button-prev {
    left: 20px;
  }
}

.checked-items-slick-area .checked-items-slick-button-prev::after {
  background-size: 7px;
  background-image: url("../img/icon/arrow-left.svg");
}

.checked-items-slick-area .checked-items-slick-button-next {
  right: -10px;
}

@media screen and (max-width: 1200px) {
  .checked-items-slick-area .checked-items-slick-button-next {
    right: 20px;
  }
}

.checked-items-slick-area .checked-items-slick-button-next::after {
  background-size: 8px;
  background-image: url("../img/icon/arrow-right.svg");
}

@media screen and (max-width: 768px) {
  .checked-items-slick-area .slide-arrow {
    display: none;
  }
}
/* チェックしたアイテムのハートマーククリック時の吹き出しが右端にかからないようサイズ調整 */
.checked-items-slick .has-acted-msg-box.has-acted-msg-box--favorite-inline .acted-msg {
  left: 0%;
  transform: translate(-80%, 0);
  max-width: 150px;
}
@media screen and (max-width: 768px) {
  .checked-items-slick .has-acted-msg-box.has-acted-msg-box--favorite-inline .acted-msg {
    transform: translate(-93%, 0);
  }
}
.checked-items-slick .has-acted-msg-box.has-acted-msg-box--favorite-inline .acted-msg::after {
  transform: translate(200%, 0);
}
@media screen and (max-width: 768px) {
  .checked-items-slick .has-acted-msg-box.has-acted-msg-box--favorite-inline .acted-msg::after {
    transform: translate(305%, 0);
  }
}

.non-checked-item-msg {
  margin-block: 80px;
  text-align: center;
  font-size: 16px;
  display: none;
}

/* 新品詳細
    ------------------------------------------------- */
.new-product-detail-slide {
  position: relative;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 768px) {
  .new-product-detail-slide {
    margin: 0 auto;
    max-width: 255px;
  }
}

.new-product-detail-slide .item {
  position: relative;
  aspect-ratio: 1/1;
}

.new-product-detail-slide .item::before {
  display: block;
  padding-top: 39%;
  content: "";
  position: relative;
  overflow: hidden;
}

.new-product-detail-slide .item img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 100%;
}

.new-product-detail-slide > .slick-list,
.new-product-detail-slide > .slick-list > .slick-track,
.new-product-detail-slide > .slick-list > .slick-track > .slick-slide > div {
  position: relative;
  height: 100%;
}

.slide-under-content {
  margin-top: 17px;
}

@media screen and (max-width: 768px) {
  .slide-under-content {
    margin-top: 8px;
  }
}

.slide-under-content .new-product-detail-slide-navigation {
  position: relative;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 8px;
  column-gap: 8px;
}

@media screen and (max-width: 768px) {
  .slide-under-content .new-product-detail-slide-navigation {
    -webkit-column-gap: 10px;
    column-gap: 10px;
  }
}

.slide-under-content .new-product-detail-slide-navigation .item {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  width: 30px;
  height: 30px;
  padding: 0;
}

@media screen and (max-width: 768px) {
  .slide-under-content .new-product-detail-slide-navigation .item {
    width: 50px;
    height: 50px;
  }
}

.slide-under-content .new-product-detail-slide-navigation .item::before {
  display: block;
  padding-top: 70%;
  content: "";
}

.slide-under-content .new-product-detail-slide-navigation .item img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 100%;
}

.slide-under-content .new-product-detail-slide-navigation .current::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0.5;
  background: #000;
}

/* 中古商品詳細
    ------------------------------------------------- */
.used-product-slider-modal-sec {
  /* jsで表示制御 */
  display: none;
  cursor: auto;
  /* インジケータ― */
  /* 非表示ボタン */
}

.used-product-slider-modal-sec .used-product-image-slide-wrapper {
  width: 400px;
  margin-inline: auto;
  position: fixed;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  z-index: 100;
}

@media screen and (max-width: 768px) {
  .used-product-slider-modal-sec .used-product-image-slide-wrapper {
    max-width: 345px;
    width: calc(345 / 375 * 100vw);
  }
}

.used-product-slider-modal-sec .used-product-image-slide .slick-list {
  position: relative;
}

@media screen and (max-width: 1020px) {
  .used-product-slider-modal-sec .used-product-image-slide .slick-list {
    overflow: hidden !important;
    padding-inline: 0 !important;
  }
}

.used-product-slider-modal-sec .used-product-image-slide .slick-track {
  overflow: hidden;
}

@media screen and (max-width: 1020px) {
  .used-product-slider-modal-sec .used-product-image-slide .slick-track {
    max-height: none;
  }
}

.used-product-slider-modal-sec .used-product-image-slide .slick-slide .slide-inner {
  width: 400px;
  height: 400px;
}

@media screen and (max-width: 768px) {
  .used-product-slider-modal-sec .used-product-image-slide .slick-slide .slide-inner {
    width: calc(345 / 375 * 100vw);
    height: auto;
    max-width: 345px;
  }
}

.used-product-slider-modal-sec .used-product-image-slide .slick-slide .slide-inner img {
  width: 100%;
}

.used-product-slider-modal-sec .used-product-image-slide .slick-arrow {
  display: block;
  top: 50%;
  position: absolute;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 43.5px;
  height: 43.5px;
  border: 2px solid #231815;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 10;
  background-size: 7px;
  background-repeat: no-repeat;
  background-position: center;
}

@media screen and (max-width: 480px) {
  .used-product-slider-modal-sec .used-product-image-slide .slick-arrow {
    max-width: 43.5px;
    max-height: 43.5px;
    width: calc(43.5 / 375 * 100vw);
    height: calc(43.5 / 375 * 100vw);
  }
}

.used-product-slider-modal-sec .used-product-image-slide .slick-arrow:hover {
  cursor: pointer;
}

.used-product-slider-modal-sec .used-product-image-slide .slick-arrow.used-product-image-slick-button-next {
  right: -85px;
  background-position: 52% 50%;
  background-image: url("../img/icon/arrow-modal-slider-right.svg");
}

@media screen and (max-width: 768px) {
  .used-product-slider-modal-sec .used-product-image-slide .slick-arrow.used-product-image-slick-button-next {
    right: -54px;
  }
}

@media screen and (max-width: 480px) {
  .used-product-slider-modal-sec .used-product-image-slide .slick-arrow.used-product-image-slick-button-next {
    right: calc(-13 / 375 * 100vw);
  }
}

.used-product-slider-modal-sec .used-product-image-slide .slick-arrow.used-product-image-slick-button-prev {
  left: -85px;
  background-position: 50% 50%;
  background-image: url("../img/icon/arrow-modal-slider-left.svg");
}

@media screen and (max-width: 768px) {
  .used-product-slider-modal-sec .used-product-image-slide .slick-arrow.used-product-image-slick-button-prev {
    left: -54px;
  }
}

@media screen and (max-width: 480px) {
  .used-product-slider-modal-sec .used-product-image-slide .slick-arrow.used-product-image-slick-button-prev {
    left: calc(-13 / 375 * 100vw);
  }
}

.used-product-slider-modal-sec .used-product-image-slick-dots-wrap {
  height: 35px;
  width: 100dvw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 12px;
  column-gap: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 100%;
  left: 50%;
  translate: -50%;
  position: absolute;
}

@media screen and (max-width: 768px) {
  .used-product-slider-modal-sec .used-product-image-slick-dots-wrap {
    height: 20px;
    -webkit-column-gap: 11px;
    column-gap: 11px;
    top: 104%;
  }
}

.used-product-slider-modal-sec .used-product-image-slick-dots-wrap li {
  width: 9px;
  height: 9px;
  background: #fff;
  cursor: pointer;
}

.used-product-slider-modal-sec .used-product-image-slick-dots-wrap li.slick-active {
  width: 11px;
  height: 12px;
  background-color: #000;
}

.used-product-slider-modal-sec .used-product-image-slick-dots-wrap li button {
  display: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  padding: 0;
  border: none;
  background-color: transparent;
}

.used-product-slider-modal-sec .clear-btn {
  display: inline-block;
  width: 40px;
  height: 40px;
  top: -20px;
  right: -20px;
  position: absolute;
  border-radius: 999px;
  background-size: 42%;
  background-color: #4B4B4B;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url("../img/icon/clear-sm.svg");
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .used-product-slider-modal-sec .clear-btn {
    max-width: 40px;
    max-height: 40px;
    width: calc(40 / 375 * 100vw);
    height: calc(40 / 375 * 100vw);
    right: calc(-10 / 375 * 100vw);
  }
}

/* 店舗詳細ページ
    ------------------------------------------------- */
.store-detail-slider-modal-sec {
  /* jsで表示制御 */
  display: none;
  cursor: auto;
  /* インジケータ― */
  /* 非表示ボタン */
}

.store-detail-slider-modal-sec .store-detail-image-slide-wrapper {
  width: 460px;
  margin-inline: auto;
  position: fixed;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  z-index: 100;
}

@media screen and (max-width: 768px) {
  .store-detail-slider-modal-sec .store-detail-image-slide-wrapper {
    max-width: 345px;
    width: calc(345 / 375 * 100vw);
  }
}

.store-detail-slider-modal-sec .store-detail-image-slide .slick-list {
  position: relative;
}

@media screen and (max-width: 1020px) {
  .store-detail-slider-modal-sec .store-detail-image-slide .slick-list {
    overflow: hidden !important;
    padding-inline: 0 !important;
  }
}

.store-detail-slider-modal-sec .store-detail-image-slide .slick-track {
  overflow: hidden;
}

@media screen and (max-width: 1020px) {
  .store-detail-slider-modal-sec .store-detail-image-slide .slick-track {
    max-height: none;
  }
}

.store-detail-slider-modal-sec .store-detail-image-slide .slick-slide .slide-inner {
  height: 230px;
}

@media screen and (max-width: 768px) {
  .store-detail-slider-modal-sec .store-detail-image-slide .slick-slide .slide-inner {
    width: calc(350 / 375 * 100vw);
    height: auto;
    max-width: 350px;
  }
}

.store-detail-slider-modal-sec .store-detail-image-slide .slick-slide .slide-inner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.store-detail-slider-modal-sec .store-detail-image-slide .slick-arrow {
  display: block;
  top: 50%;
  position: absolute;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 43.5px;
  height: 43.5px;
  border: 2px solid #231815;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 10;
  background-size: 7px;
  background-repeat: no-repeat;
  background-position: center;
}

@media screen and (max-width: 480px) {
  .store-detail-slider-modal-sec .store-detail-image-slide .slick-arrow {
    max-width: 43.5px;
    max-height: 43.5px;
    width: calc(43.5 / 375 * 100vw);
    height: calc(43.5 / 375 * 100vw);
  }
}

.store-detail-slider-modal-sec .store-detail-image-slide .slick-arrow:hover {
  cursor: pointer;
}

.store-detail-slider-modal-sec .store-detail-image-slide .slick-arrow.store-detail-image-slick-button-next {
  right: -85px;
  background-position: 52% 50%;
  background-image: url("../img/icon/arrow-modal-slider-right.svg");
}

@media screen and (max-width: 768px) {
  .store-detail-slider-modal-sec .store-detail-image-slide .slick-arrow.store-detail-image-slick-button-next {
    right: -54px;
  }
}

@media screen and (max-width: 480px) {
  .store-detail-slider-modal-sec .store-detail-image-slide .slick-arrow.store-detail-image-slick-button-next {
    right: calc(-13 / 375 * 100vw);
  }
}

.store-detail-slider-modal-sec .store-detail-image-slide .slick-arrow.store-detail-image-slick-button-prev {
  left: -85px;
  background-position: 50% 50%;
  background-image: url("../img/icon/arrow-modal-slider-left.svg");
}

@media screen and (max-width: 768px) {
  .store-detail-slider-modal-sec .store-detail-image-slide .slick-arrow.store-detail-image-slick-button-prev {
    left: -54px;
  }
}

@media screen and (max-width: 480px) {
  .store-detail-slider-modal-sec .store-detail-image-slide .slick-arrow.store-detail-image-slick-button-prev {
    left: calc(-13 / 375 * 100vw);
  }
}

.store-detail-slider-modal-sec .store-detail-image-slick-dots-wrap {
  height: 35px;
  width: 100dvw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 12px;
  column-gap: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 100%;
  left: 50%;
  translate: -50%;
  position: absolute;
}

@media screen and (max-width: 768px) {
  .store-detail-slider-modal-sec .store-detail-image-slick-dots-wrap {
    height: 20px;
    -webkit-column-gap: 11px;
    column-gap: 11px;
    top: 104%;
  }
}

.store-detail-slider-modal-sec .store-detail-image-slick-dots-wrap li {
  width: 9px;
  height: 9px;
  background: #fff;
  cursor: pointer;
}

.store-detail-slider-modal-sec .store-detail-image-slick-dots-wrap li.slick-active {
  width: 11px;
  height: 12px;
  background-color: #000;
}

.store-detail-slider-modal-sec .store-detail-image-slick-dots-wrap li button {
  display: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  padding: 0;
  border: none;
  background-color: transparent;
}

.store-detail-slider-modal-sec .clear-btn {
  display: inline-block;
  width: 40px;
  height: 40px;
  top: -20px;
  right: -20px;
  position: absolute;
  border-radius: 999px;
  background-size: 42%;
  background-color: #4B4B4B;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url("../img/icon/clear-sm.svg");
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .store-detail-slider-modal-sec .clear-btn {
    max-width: 40px;
    max-height: 40px;
    width: calc(40 / 375 * 100vw);
    height: calc(40 / 375 * 100vw);
    right: calc(-10 / 375 * 100vw);
  }
}

/************************************/
/* タブ */
/************************************/
.contents-tab-h .contents-tab-contena {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  font-size: 16px;
  font-weight: bold;
  position: relative;
}

@media screen and (max-width: 768px) {
  .contents-tab-h .contents-tab-contena {
    font-size: 14px;
  }
}

.contents-tab-h .contents-tab-contena::before {
  /* 動的に動くボーダー */
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: inline-block;
  width: 50%;
  height: 1px;
  border-bottom: 5px solid #000;
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
}

.contents-tab-h .contents-tab-contena.active-border::before {
  /* jsでleftを制御 */
  left: var(--border-left-pos);
}

.contents-tab-h .contents-tab-elem {
  padding-bottom: 14px;
  text-align: center;
  width: 100%;
  color: #BFBFBF;
  border-bottom: solid 5px #BFBFBF;
}

.contents-tab-h .contents-tab-elem:hover {
  cursor: pointer;
}

.contents-tab-h .contents-tab-elem.active {
  color: #000;
  position: relative;
}

.contents-tab-h .contents-tab-elem.active:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 0.1em;
  position: absolute;
  right: 0;
  bottom: -0.1em;
}

.contents-tab-h .contents-tabbody-elem {
  margin: 0 auto 0 auto;
  padding-top: 87px;
  width: auto;
  border-top: none;
}

@media screen and (max-width: 1024px) {
  .contents-tab-h .contents-tabbody-elem:has(.product-item.has-ranking-num) {
    width: 600px;
  }
  .contents-tab-h .contents-tabbody-elem:has(.product-item.has-ranking-num) .product-list {
    row-gap: 60px;
  }
}

@media screen and (max-width: 768px) {
  .contents-tab-h .contents-tabbody-elem:has(.product-item.has-ranking-num) {
    width: auto;
  }
}

@media screen and (max-width: 768px) {
  .contents-tab-h .contents-tabbody-elem {
    padding-top: 60px;
  }
}

/************************************/
/* ページトップへ戻るボタン */
/************************************/
#pagetop {
  position: fixed;
  right: 3vw;
  bottom: 39px;
  z-index: 30;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50px;
  aspect-ratio: 1/1;
  border-radius: 999px;
  cursor: pointer;
  -webkit-transition: .3s;
  transition: .3s;
  background-color: #fff;
  -webkit-filter: drop-shadow(0px 6px 3px rgba(0, 0, 0, 0.161));
  filter: drop-shadow(0px 6px 3px rgba(0, 0, 0, 0.161));
}

#pagetop::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background-image: url("../img/icon/arrow-up.svg");
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-transition: all .3s;
  transition: all .3s;
}

#pagetop:hover::before {
  background-position: 50% 40%;
}

@media screen and (max-width: 768px) {
  #pagetop.pc-only {
    display: none;
  }
}

/************************************/
/* アコーディオン */
/************************************/
.acordion-title {
  position: relative;
}

.acordion-title::after {
  content: "";
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  right: 0;
  top: 60%;
  position: absolute;
  -webkit-transform: translateY(-50%) translateZ(1px);
  transform: translateY(-50%) translateZ(1px);
  z-index: 100;
}

.acordion-title.checkbox-group::after, .acordion-title.sub-genre-select-acordion-title::after, .acordion-title.faq-list-item-title::after, .acordion-title.press-release-item-title::after {
  width: 12px;
  height: 10px;
  right: -2em;
  background-image: url(../img/icon/triangle-down.svg);
}

@media screen and (max-width: 768px) {
  .acordion-title.checkbox-group::after, .acordion-title.sub-genre-select-acordion-title::after, .acordion-title.faq-list-item-title::after, .acordion-title.press-release-item-title::after {
    width: 30px;
    height: 30px;
    background-size: 12px;
    background-position: 100% 50%;
  }
}

.acordion-title.checkbox-group:hover::after, .acordion-title.sub-genre-select-acordion-title:hover::after, .acordion-title.faq-list-item-title:hover::after, .acordion-title.press-release-item-title:hover::after {
  cursor: pointer;
}

.acordion-title.checkbox-group.active::after, .acordion-title.sub-genre-select-acordion-title.active::after, .acordion-title.faq-list-item-title.active::after, .acordion-title.press-release-item-title.active::after {
  background-image: url(../img/icon/triangle-up.svg);
}

.acordion-title.faq-list-item-title::after {
  z-index: 0;
}

@media screen and (max-width: 768px) {
  .acordion-title.faq-list-item-title::after {
    z-index: 0;
    right: 0;
  }
}

.acordion-title.faq-list-item-title:hover::after {
  cursor: pointer;
}

.acordion-title.press-release-item-title::after {
  right: 0;
}

@media screen and (max-width: 768px) {
  .acordion-title.press-release-item-title::after {
    right: 5px;
    bottom: -2px;
  }
}

.acordion-content {
  height: auto;
  display: none;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;
}

.acordion-content.active {
  display: block;
}

.acordion-content.acordion-content--mt {
  margin-top: 15px;
}

.acordion-content ul {
  padding: 0;
  list-style: none;
}

@media screen and (max-width: 900px) {
  .acordion-title--sp {
    position: relative;
  }
  .acordion-title--sp::after {
    content: "";
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .acordion-content--sp {
    display: none;
    overflow: hidden;
  }
  .acordion-content--sp.active {
    display: block;
  }
  .acordion-content--sp ul {
    padding: 0;
    list-style: none;
  }
}

/************************************/
/* ユーザ・カートページアコーディオン */
/************************************/
.user-page-acordion-sec,
.gray-bg-accordion-sec {
  margin-top: 100px;
}

.user-page-acordion-sec .container,
.gray-bg-accordion-sec .container {
  padding-inline: 0;
}

.user-page-acordion-sec .user-page-acordion-sec-inner .acordion-title,
.user-page-acordion-sec .gray-bg-accordion-sec-inner .acordion-title,
.gray-bg-accordion-sec .user-page-acordion-sec-inner .acordion-title,
.gray-bg-accordion-sec .gray-bg-accordion-sec-inner .acordion-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 60px;
  padding-left: 30px;
  padding-right: 22px;
  color: #000;
  font-size: 12px;
  background-color: #F4F4F4;
  border-bottom: 1px solid #BFBFBF;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .user-page-acordion-sec .user-page-acordion-sec-inner .acordion-title,
  .user-page-acordion-sec .gray-bg-accordion-sec-inner .acordion-title,
  .gray-bg-accordion-sec .user-page-acordion-sec-inner .acordion-title,
  .gray-bg-accordion-sec .gray-bg-accordion-sec-inner .acordion-title {
    padding-left: 15px;
  }
}

.user-page-acordion-sec .user-page-acordion-sec-inner .acordion-title.acordion-title--border-btm-none,
.user-page-acordion-sec .gray-bg-accordion-sec-inner .acordion-title.acordion-title--border-btm-none,
.gray-bg-accordion-sec .user-page-acordion-sec-inner .acordion-title.acordion-title--border-btm-none,
.gray-bg-accordion-sec .gray-bg-accordion-sec-inner .acordion-title.acordion-title--border-btm-none {
  border-bottom: none;
}

.user-page-acordion-sec .user-page-acordion-sec-inner .acordion-title::after,
.user-page-acordion-sec .gray-bg-accordion-sec-inner .acordion-title::after,
.gray-bg-accordion-sec .user-page-acordion-sec-inner .acordion-title::after,
.gray-bg-accordion-sec .gray-bg-accordion-sec-inner .acordion-title::after {
  width: 12px;
  height: 10px;
  top: 50%;
  right: 22px;
  z-index: 10;
  background-image: url("../img/icon/arrow-down.svg");
}

.user-page-acordion-sec .user-page-acordion-sec-inner .acordion-title.active::after,
.user-page-acordion-sec .gray-bg-accordion-sec-inner .acordion-title.active::after,
.gray-bg-accordion-sec .user-page-acordion-sec-inner .acordion-title.active::after,
.gray-bg-accordion-sec .gray-bg-accordion-sec-inner .acordion-title.active::after {
  background-image: url("../img/icon/arrow-up.svg");
}

.user-page-acordion-sec .user-page-acordion-sec-inner .acordion-content,
.user-page-acordion-sec .gray-bg-accordion-sec-inner .acordion-content,
.gray-bg-accordion-sec .user-page-acordion-sec-inner .acordion-content,
.gray-bg-accordion-sec .gray-bg-accordion-sec-inner .acordion-content {
  padding-left: 30px;
  padding-right: 22px;
  padding-block: 22px;
  background-color: #F4F4F4;
  border-bottom: 1px solid #BFBFBF;
}

.user-page-acordion-sec .user-page-acordion-sec-inner .acordion-content.acordion-content--border-btm-none,
.user-page-acordion-sec .gray-bg-accordion-sec-inner .acordion-content.acordion-content--border-btm-none,
.gray-bg-accordion-sec .user-page-acordion-sec-inner .acordion-content.acordion-content--border-btm-none,
.gray-bg-accordion-sec .gray-bg-accordion-sec-inner .acordion-content.acordion-content--border-btm-none {
  border-bottom: none;
}

.user-page-acordion-sec .user-page-acordion-sec-inner .acordion-content.acordion-content--border-top,
.user-page-acordion-sec .gray-bg-accordion-sec-inner .acordion-content.acordion-content--border-top,
.gray-bg-accordion-sec .user-page-acordion-sec-inner .acordion-content.acordion-content--border-top,
.gray-bg-accordion-sec .gray-bg-accordion-sec-inner .acordion-content.acordion-content--border-top {
  border-top: 1px solid #BFBFBF;
}

.user-page-acordion-sec .user-page-acordion-sec-inner .acordion-content.is-open,
.user-page-acordion-sec .gray-bg-accordion-sec-inner .acordion-content.is-open,
.gray-bg-accordion-sec .user-page-acordion-sec-inner .acordion-content.is-open,
.gray-bg-accordion-sec .gray-bg-accordion-sec-inner .acordion-content.is-open {
  display: block;
}

.user-page-acordion-sec .user-page-acordion-sec-inner .acordion-txt,
.user-page-acordion-sec .gray-bg-accordion-sec-inner .acordion-txt,
.gray-bg-accordion-sec .user-page-acordion-sec-inner .acordion-txt,
.gray-bg-accordion-sec .gray-bg-accordion-sec-inner .acordion-txt {
  font-size: 12px;
  line-height: calc(20 / 12);
  color: #000;
}

.user-page-acordion-sec .user-page-acordion-sec-inner .acordion-txt-item,
.user-page-acordion-sec .gray-bg-accordion-sec-inner .acordion-txt-item,
.gray-bg-accordion-sec .user-page-acordion-sec-inner .acordion-txt-item,
.gray-bg-accordion-sec .gray-bg-accordion-sec-inner .acordion-txt-item {
  padding-left: 1em;
  margin-bottom: 0.2em;
  line-height: calc(20 / 12);
}

.user-page-acordion-sec .user-page-acordion-sec-inner .acordion-txt-item:last-child,
.user-page-acordion-sec .gray-bg-accordion-sec-inner .acordion-txt-item:last-child,
.gray-bg-accordion-sec .user-page-acordion-sec-inner .acordion-txt-item:last-child,
.gray-bg-accordion-sec .gray-bg-accordion-sec-inner .acordion-txt-item:last-child {
  margin-bottom: 0;
}

.user-page-acordion-sec .user-page-acordion-sec-inner .acordion-txt-item:before,
.user-page-acordion-sec .gray-bg-accordion-sec-inner .acordion-txt-item:before,
.gray-bg-accordion-sec .user-page-acordion-sec-inner .acordion-txt-item:before,
.gray-bg-accordion-sec .gray-bg-accordion-sec-inner .acordion-txt-item:before {
  content: "●";
  display: inline-block;
  font-size: inherit;
  margin-right: 0.2em;
  margin-left: -1em;
}

.user-page-acordion-sec .user-page-acordion-sec-inner .checkbox-group,
.user-page-acordion-sec .gray-bg-accordion-sec-inner .checkbox-group,
.gray-bg-accordion-sec .user-page-acordion-sec-inner .checkbox-group,
.gray-bg-accordion-sec .gray-bg-accordion-sec-inner .checkbox-group {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 35px;
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .user-page-acordion-sec .user-page-acordion-sec-inner .checkbox-group,
  .user-page-acordion-sec .gray-bg-accordion-sec-inner .checkbox-group,
  .gray-bg-accordion-sec .user-page-acordion-sec-inner .checkbox-group,
  .gray-bg-accordion-sec .gray-bg-accordion-sec-inner .checkbox-group {
    margin-top: 12px;
  }
}

.user-page-acordion-sec .user-page-acordion-sec-inner .checkbox-label,
.user-page-acordion-sec .gray-bg-accordion-sec-inner .checkbox-label,
.gray-bg-accordion-sec .user-page-acordion-sec-inner .checkbox-label,
.gray-bg-accordion-sec .gray-bg-accordion-sec-inner .checkbox-label {
  font-weight: 500;
}

.user-page-acordion-sec .user-page-acordion-sec-inner .link,
.user-page-acordion-sec .gray-bg-accordion-sec-inner .link,
.gray-bg-accordion-sec .user-page-acordion-sec-inner .link,
.gray-bg-accordion-sec .gray-bg-accordion-sec-inner .link {
  color: #3E6DBB;
}

.user-page-acordion-sec .user-page-acordion-sec-inner .link:hover,
.user-page-acordion-sec .gray-bg-accordion-sec-inner .link:hover,
.gray-bg-accordion-sec .user-page-acordion-sec-inner .link:hover,
.gray-bg-accordion-sec .gray-bg-accordion-sec-inner .link:hover {
  text-decoration: underline;
}

/************************************/
/* 検索ボタン */
/************************************/
.searchBtn {
  position: fixed;
  bottom: 32px;
  right: 50%;
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  z-index: 40;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 65px;
  aspect-ratio: 1/1;
  border-radius: 999px;
  cursor: pointer;
  -webkit-transition: all .3s;
  transition: all .3s;
  background-color: #fff;
  -webkit-filter: drop-shadow(0px 6px 3px rgba(0, 0, 0, 0.161));
  filter: drop-shadow(0px 6px 3px rgba(0, 0, 0, 0.161));
}

@media screen and (max-width: 768px) {
  .searchBtn {
    width: 50px;
    bottom: 26px;
  }
}

.searchBtn::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background-image: url("../img/icon/search-black.svg");
  background-size: 40%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.searchBtn.active-search {
  background-color: #4B4B4B;
}

.searchBtn.active-search::before {
  background-size: auto;
  background-image: url("../img/icon/clear-close-serach.svg");
}

.searchBtn .search-btn-hov-msg {
  display: none;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 155px;
  height: 56px;
  right: 50%;
  bottom: 69px;
  z-index: 40;
  position: fixed;
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  background-color: #E8E9EA;
  color: #000;
  font-size: 12px;
}

/************************************/
/* モーダル */
/************************************/
.confirm-modal .confirm-msg-box {
  top: 50%;
  left: 50%;
  position: fixed;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 450px;
}

@media screen and (max-width: 768px) {
  .confirm-modal .confirm-msg-box {
    width: 92vw;
    max-width: 345px;
  }
}

.confirm-modal .confirm-msg-box .confirm-msg-box-inner {
  position: relative;
  padding: 39px 25px 16px;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .confirm-modal .confirm-msg-box .confirm-msg-box-inner {
    padding: 37px 15px 33px;
  }
}

.confirm-modal .confirm-msg-box .confirm-msg-box-inner .clear-btn {
  top: -10px;
  right: -10px;
  position: absolute;
}

@media screen and (max-width: 768px) {
  .confirm-modal .confirm-msg-box .confirm-msg-box-inner .clear-btn {
    top: -11px;
    right: -13px;
  }
}

.confirm-modal .confirm-msg-box .confirm-msg-box-inner .clear-btn:hover {
  cursor: pointer;
}

.confirm-modal .confirm-msg-box .confirm-msg-box-inner .clear-btn::before {
  content: "";
  display: inline-block;
  width: 21px;
  height: 21px;
  border-radius: 999px;
  background-color: #4B4B4B;
  background-size: 42%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url("../img/icon/clear-sm.svg");
}

@media screen and (max-width: 768px) {
  .confirm-modal .confirm-msg-box .confirm-msg-box-inner .clear-btn::before {
    width: 25px;
    height: 25px;
  }
}

.confirm-modal .confirm-msg-box .msg {
  font-size: 16px;
  font-weight: bold;
  color: #000;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .confirm-modal .confirm-msg-box .msg {
    text-align: left;
  }
}

.confirm-modal .confirm-msg-box .action-btn-area {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 30px;
  column-gap: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .confirm-modal .confirm-msg-box .action-btn-area {
    -webkit-column-gap: 15px;
    column-gap: 15px;
    margin-top: 15px;
  }
}

.confirm-modal .confirm-msg-box .caution {
  margin-top: 22px;
  padding-top: 20px;
  color: #000;
  font-size: 12px;
  border-top: 1px solid #000;
}

@media screen and (max-width: 768px) {
  .confirm-modal .confirm-msg-box .caution {
    margin-top: 17px;
    padding-top: 15px;
  }
}

/* Amazon Payモーダル / 商品詳細ログイン誘導モーダル（#41353 / #41354） */
.amazon-pay-modal .modal-inner,
.product-login-modal .modal-inner {
  padding-block: 30px;
  padding-inline: 28px;
  top: 50%;
  left: 50%;
  position: fixed;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #fff;
  width: 450px;
}

@media screen and (max-width: 768px) {
  .amazon-pay-modal .modal-inner,
  .product-login-modal .modal-inner {
    padding: 20px;
    width: 95%;
    max-width: 345px;
  }
}

.amazon-pay-modal .clear-btn,
.product-login-modal .clear-btn {
  top: -10px;
  right: -11px;
  position: absolute;
}

.amazon-pay-modal .clear-btn:hover,
.product-login-modal .clear-btn:hover {
  cursor: pointer;
}

.amazon-pay-modal .clear-btn::before,
.product-login-modal .clear-btn::before {
  content: "";
  display: inline-block;
  width: 21px;
  height: 21px;
  border-radius: 999px;
  background-color: #4B4B4B;
  background-size: 42%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url("../img/icon/clear-sm.svg");
}

.amazon-pay-modal .announce,
.product-login-modal .announce {
  color: #000;
  font-size: 12px;
  line-height: calc(25 / 12);
}

.amazon-pay-modal .link-area,
.product-login-modal .link-area {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 44px;
  column-gap: 44px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
}

.amazon-pay-modal .link-area button,
.product-login-modal .link-area button {
  line-height: 1.2;
  font-weight: bold;
}

.amazon-pay-modal .link,
.product-login-modal .link {
  color: #3E6DBB;
  font-weight: bold;
}

.amazon-pay-modal .link:hover,
.product-login-modal .link:hover {
  text-decoration: underline;
}

/* モーダル背景のみ */
.modal-bg {
  display: none;
  z-index: 10000;
}

.product-search-function-modal {
  display: none;
  top: 50%;
  left: 50%;
  position: fixed;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #fff;
  width: 450px;
  z-index: 10001;
}

@media screen and (max-width: 768px) {
  .product-search-function-modal {
    width: 93%;
    max-width: 345px;
  }
}

.product-search-function-modal .product-search-function-modal-inner {
  padding-block: 23px;
  padding-inline: 25px;
}

@media screen and (max-width: 768px) {
  .product-search-function-modal .product-search-function-modal-inner {
    padding-inline: 20px;
  }
}

.product-search-function-modal .modal-content.modal-content--under {
  margin-top: 25px;
  padding-top: 20px;
  border-top: 1px solid #000;
}

@media screen and (max-width: 768px) {
  .product-search-function-modal .modal-content.modal-content--under {
    padding-top: 0;
    border-top: none;
  }
}

.product-search-function-modal .modal-content .modal-content-inner {
  display: -ms-grid;
  display: grid;
  row-gap: 20px;
}

@media screen and (max-width: 768px) {
  .product-search-function-modal .modal-content .modal-content-inner {
    row-gap: 13px;
  }
}

.product-search-function-modal .modal-title {
  font-size: 16px;
  font-weight: bold;
  color: #000;
}

.product-search-function-modal .modal-txt {
  color: #000;
  font-size: 12px;
  line-height: calc(20 / 12);
}

.product-search-function-modal .modal-clear-btn {
  top: -10px;
  right: -11px;
  position: absolute;
}

.product-search-function-modal .modal-clear-btn:hover {
  cursor: pointer;
}

.product-search-function-modal .modal-clear-btn::before {
  content: "";
  display: inline-block;
  width: 21px;
  height: 21px;
  border-radius: 999px;
  background-color: #4B4B4B;
  background-size: 42%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url("../img/icon/clear-sm.svg");
}

.product-search-function-modal.is-receipt-modal .modal-content .modal-content-inner {
  row-gap: 4px;
}

.product-search-function-modal.is-receipt-modal .product-search-function-modal-inner {
  padding-top: 15px;
  padding-bottom: 25px;
  padding-inline: 25px;
}

@media screen and (max-width: 768px) {
  .product-search-function-modal.is-receipt-modal .product-search-function-modal-inner {
    padding-inline: 20px;
  }
}

.product-search-function-modal.is-receipt-modal input[type="text"] {
  margin-top: 4px;
  text-align: center;
}

.product-search-function-modal.is-receipt-modal .btn-container {
  margin-top: 20px;
}

.product-search-function-modal.is-receipt-modal .btn-container .act-btn {
  position: relative !important;
  right: unset !important;
  bottom: unset !important;
  -webkit-transform: none !important;
  transform: none !important;
}

/* 汎用モーダルセクションクラス */
.modal-sec {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10000;
}
/*# sourceMappingURL=customize.css.map */


/* ========================================================== */
/* 複数クリック防止 / AJAX通信中のローディング表示 */
/* ========================================================== */
button.loading,
.is-favorite-btn.loading,
.not-favorite-btn.loading {
  opacity: 0.6;          /* 不透明度を下げて、無効状態に見せる */
  cursor: wait !important; /* カーソルを「待機中」に変化させる */

  /* 2. クリックイベントを無効化する */
  pointer-events: none;
}

/* ========================================================== */
/* バナー枚数に応じたデザイン調整 */
/* ========================================================== */

/* バナー1枚の時は矢印とドットを非表示 */
.main-top-fv.banner-count-1 .slick-arrow,
.main-top-fv.banner-count-1 .main-top-fv-dots-wrap {
  display: none !important;
}

/* バナー1枚の時はグレー背景（::before, ::after）を非表示 */
.main-top-fv.banner-count-1 .slick-list::before,
.main-top-fv.banner-count-1 .slick-list::after {
  display: none !important;
}

/* バナー2枚の時はドットを非表示 */
.main-top-fv.banner-count-2 .main-top-fv-dots-wrap {
  display: none !important;
}

/* 商品表示関連のフォーマットアイコン調整 */
/* 1. 親要素の基本設定 */
.product-type.has-icon {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    white-space: nowrap;
    gap: 6px;
}

/* 2. imgを直接持っているspanだけを20pxにする */
.product-type.has-icon span:has(img) {
    display: inline-block;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
}

.product-type.has-icon span > img {
    width: 20px !important;
    height: 20px !important;
    display: block;
    object-fit: contain;
}

/* 3. 中の画像：spanいっぱいに表示 */
.product-type.has-icon span img {
    width: 20px !important;
    height: 20px !important;
    display: block;
    object-fit: contain; /* 画像の比率を崩さない */
}

/* 4. テキスト部分：潰れないように保護 */
.product-type.has-icon .txt {
    display: inline-block;
    flex-shrink: 0;
}

/* 親要素の調整 */
.product-status {
    display: flex;
    flex-wrap: wrap; /* 折り返しを許可する */
    gap: 2px;
}

/* 商品カード：在庫ラベルは固定幅（文字に縮めない）＋中央寄せ
   format は常に次行左へ折り返す（#44401） */
.product-status .product-status-label.product-card-status-label {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 180px;
    flex: 0 0 180px;
    width: 180px;
    max-width: 180px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 4px;
    padding-inline: 8px;
}

/* ラベルの直後の format を常に単独行（左下）にする */
.product-status .product-card-status-label + .product-type.has-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

/* アイコンと「その他」のセットをひとかたまりにする */
.product-type.has-icon {
    display: flex;
    align-items: center;
    white-space: nowrap; /* 「アイコン+その他」の中では改行させない */
    flex-shrink: 0;      /* このセット自体は潰さない */
}

/* ラベルコンテナ */
.product-status-label-container {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

/************************************/
/* お気に入りボタン共通の固定設定 */
/************************************/
/* ログイン済み（登録・未登録）および 非会員用ボタンすべてに適用 */
.not-favorite-btn,
.is-favorite-btn,
.non-member_favorite-btn {
    flex-shrink: 0 !important; /* 圧縮を禁止 */
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
}

/* 各ボタンの中の画像サイズを固定 */
.not-favorite-btn img,
.is-favorite-btn img,
.non-member_favorite-btn img {
    width: 20px;
    height: auto;
    display: block;
}

/* 共通商品カード表示：3行で切り取って「…」を出す設定 */
/* アーティスト商品一覧：アーティストコメント */
/* ブロック表示：商品名, 商品説明, アーティスト名 */
.product-info.product-name,
.product-item-h-flex-up-contena > .product-info > .product-detail > .product-name,
.artist-block,
.product-item-h-flex-up-contena > .product-info > .product-detail > .product-meta-data > .artist-block > .artist-name,
.product-description,
.u-read-more-content.u-clamp-3 {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-height: 4.5em;
    position: relative;
}

.product-name,
.artist-block,
.artist-name,
.product-description {
    text-overflow: ellipsis;
    word-break: break-all;
}

.read-more-btn,
.u-read-more-overlay {
    display: none !important;
}

.u-read-more-container.u-can-expand .read-more-btn {
    display: inline-block !important;
    position: relative;
    z-index: 2;
}

.u-read-more-container.u-can-expand .artist-intro-overlay {
    display: block !important;
    position: absolute;
    bottom: 0; /* 親要素である u-read-more-content の底に配置 */
    left: 0;
    width: 100%;
    height: 1.5em; /* 3行目ちょうどを覆う高さ */
    /* 背景色（白）へのグラデーション */
    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    pointer-events: none;
    z-index: 1;
}

.u-read-more-container.is-open .artist-intro-overlay {
    display: none !important;
}

/* 商品ブロック表示のレスポンシブ対応 */
@media screen and (max-width: 768px) {
    .u-only-pc {
        display: none !important;
    }
}

/* #37377 注文履歴詳細：商品詳細へリンクなし行のサムネイル（ホバー・トランジション無効・静的表示） */
.order-history-table .product-image.product-image--static {
  cursor: default;
  -webkit-transition: none;
  transition: none;
}

.order-history-table .product-image.product-image--static:hover {
  opacity: 1;
}

.order-history-table .product-image.product-image--static img {
  cursor: default;
}

/* 新品商品詳細 商品画像スライダー ------------------------------------------------- */
.new-product-slider-modal-sec {
  /* jsで表示制御 */
  display: none;
  cursor: auto;
  /* インジケータ― */
  /* 非表示ボタン */
}

.new-product-slider-modal-sec .new-product-image-slide-wrapper {
  width: 600px;
  margin-inline: auto;
  position: fixed;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  z-index: 100;
}

@media screen and (max-width: 768px) {
  .new-product-slider-modal-sec .new-product-image-slide-wrapper {
    max-width: 345px;
    width: calc(345 / 375 * 100vw);
  }
}

.new-product-slider-modal-sec .new-product-image-slide .slick-list {
  position: relative;
}

@media screen and (max-width: 1020px) {
  .new-product-slider-modal-sec .new-product-image-slide .slick-list {
    overflow: hidden !important;
    padding-inline: 0 !important;
  }
}

.new-product-slider-modal-sec .new-product-image-slide .slick-track {
  overflow: hidden;
}

@media screen and (max-width: 1020px) {
  .new-product-slider-modal-sec .new-product-image-slide .slick-track {
    max-height: none;
  }
}

.new-product-slider-modal-sec .new-product-image-slide .slick-slide .slide-inner {
  width: 600px;
  height: 600px;
}

@media screen and (max-width: 768px) {
  .new-product-slider-modal-sec .new-product-image-slide .slick-slide .slide-inner {
    width: calc(345 / 375 * 100vw);
    height: auto;
    max-width: 345px;
  }
}

.new-product-slider-modal-sec .new-product-image-slide .slick-slide .slide-inner img {
  width: 100%;
}

.new-product-slider-modal-sec .new-product-image-slide .slick-arrow {
  display: block;
  top: 50%;
  position: absolute;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 43.5px;
  height: 43.5px;
  border: 2px solid #231815;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 10;
  background-size: 7px;
  background-repeat: no-repeat;
  background-position: center;
}

@media screen and (max-width: 480px) {
  .new-product-slider-modal-sec .new-product-image-slide .slick-arrow {
    max-width: 43.5px;
    max-height: 43.5px;
    width: calc(43.5 / 375 * 100vw);
    height: calc(43.5 / 375 * 100vw);
  }
}

.new-product-slider-modal-sec .new-product-image-slide .slick-arrow:hover {
  cursor: pointer;
}

.new-product-slider-modal-sec .new-product-image-slide .slick-arrow.product-image-slick-button-next {
  right: -85px;
  background-position: 52% 50%;
  background-image: url("../img/icon/arrow-modal-slider-right.svg");
}

@media screen and (max-width: 768px) {
  .new-product-slider-modal-sec .new-product-image-slide .slick-arrow.product-image-slick-button-next {
    right: -54px;
  }
}

@media screen and (max-width: 480px) {
  .new-product-slider-modal-sec .new-product-image-slide .slick-arrow.product-image-slick-button-next {
    right: calc(-13 / 375 * 100vw);
  }
}

.new-product-slider-modal-sec .new-product-image-slide .slick-arrow.product-image-slick-button-prev {
  left: -85px;
  background-position: 50% 50%;
  background-image: url("../img/icon/arrow-modal-slider-left.svg");
}

@media screen and (max-width: 768px) {
  .new-product-slider-modal-sec .new-product-image-slide .slick-arrow.product-image-slick-button-prev {
    left: -54px;
  }
}

@media screen and (max-width: 480px) {
  .new-product-slider-modal-sec .new-product-image-slide .slick-arrow.product-image-slick-button-prev {
    left: calc(-13 / 375 * 100vw);
  }
}

.new-product-slider-modal-sec .product-image-slick-dots-wrap {
  height: 35px;
  width: 100dvw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 12px;
          column-gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: 100%;
  left: 50%;
  translate: -50%;
  position: absolute;
}

@media screen and (max-width: 768px) {
  .new-product-slider-modal-sec .product-image-slick-dots-wrap {
    height: 20px;
    -webkit-column-gap: 11px;
            column-gap: 11px;
    top: 104%;
  }
}

.new-product-slider-modal-sec .product-image-slick-dots-wrap li {
  width: 9px;
  height: 9px;
  background: #fff;
  cursor: pointer;
}

.new-product-slider-modal-sec .product-image-slick-dots-wrap li.slick-active {
  width: 11px;
  height: 12px;
  background-color: #000;
}

.new-product-slider-modal-sec .product-image-slick-dots-wrap li button {
  display: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  padding: 0;
  border: none;
  background-color: transparent;
}

.new-product-slider-modal-sec .clear-btn {
  display: inline-block;
  width: 40px;
  height: 40px;
  top: -20px;
  right: -20px;
  position: absolute;
  border-radius: 999px;
  background-size: 42%;
  background-color: #4B4B4B;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url("../img/icon/clear-sm.svg");
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .new-product-slider-modal-sec .clear-btn {
    max-width: 40px;
    max-height: 40px;
    width: calc(40 / 375 * 100vw);
    height: calc(40 / 375 * 100vw);
    right: calc(-10 / 375 * 100vw);
  }
}

/* 新品商品詳細画面の注意書き専用 */
.product-caution-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(200px, 300px) minmax(300px, 400px) minmax(184px, auto);
  grid-template-columns: minmax(200px, 300px) minmax(300px, 400px) minmax(184px, auto);

  /* 行は注意書き用の1行のみ定義（余分な行は作らない） */
  -ms-grid-rows: auto;
  grid-template-rows: auto;

  -webkit-column-gap: 25px;
  column-gap: 25px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;

  margin-top: 10px;
}

/* 2列目から右端（3列目の終わり）までを結合して1つの広い行にする */
.product-caution-wrapper {
  grid-column: 2 / -1;
}

/* テキストの改行防止と行間設定 */
.product-caution-wrapper p.caution {
  margin-bottom: 8px;
  white-space: nowrap; /* 改行させずに表示 */
}

.new-product-detail-item .caution {
  font-size: 12px;
  color: #000;
  margin-top: -11px;
  line-height: calc(25 / 12);
}

/* スマートフォン表示時の安全対策 */
@media screen and (max-width: 768px) {
  .product-caution-grid {
    display: block; /* スマホではグリッドを解除して縦並びに */
    margin-top: 15px;
  }
  .product-caution-wrapper p.caution {
    white-space: normal; /* 画面幅が狭いスマホでは自動折り返しを許可 */
  }
}

/* 新品商品一覧（ワイド型）の商品説明エリア限定 */
.new-product-detail-item .product-description {
  font-size: 12px;
  line-height: 1.5em;
}
/* 「中古商品はこちら」リンクの遷移先の位置調整 */
.page-new-product-detail #used-product-list {
  scroll-margin-top: var(--header-height, 200px);
}
@media screen and (max-width: 768px) {
  .page-new-product-detail #used-product-list {
    scroll-margin-top: var(--header-height, 130px);
  }
}

/* ============================================================
 * 商品画像表示デザイン調整（一括管理エリア）
 * ============================================================ */

/* ------------------------------------------------------------
 * 1. 【全端末共通】画像自体の表示制御
 * 縦横比を維持しつつ、各画面で規定された枠内に画像全体を綺麗に収める
 * ------------------------------------------------------------ */
.product-list .product-item .cart-product-image img,
.wide-product-list .wide-product-item .cart-product-image img,
.new-product-detail .new-product-detail-slide .cart-product-image img,
.new-product-slider-modal-sec .new-product-image-slide .cart-product-image img,
.product-variation .variation-item .variation-item-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* ------------------------------------------------------------
 * 2. 【PC版】各画面の画像サイズ規定（画面幅 769px 以上）
 * ------------------------------------------------------------ */
@media screen and (min-width: 769px) {

  /* 商品一覧：タイル型（184px × 184px） */
  .product-list .product-item .cart-product-image {
    width: 184px;
    height: 184px;
    margin: 0 auto;
  }

  /* 商品一覧：ワイド型（300px × 300px） */
  .wide-product-list .wide-product-item .cart-product-image {
    width: 300px;
    height: 300px;
    margin: 0 auto;
  }

  /* 商品詳細：メイン画像（300px × 300px） */
  .new-product-detail .new-product-detail-slide .cart-product-image {
    width: 300px;
    height: 300px;
    position: absolute;
    top: 0;           /* 上端に配置 */
    bottom: auto;     /* デフォルトの「bottom: 0;」を解除 */
    left: 0;
    right: 0;
    margin: 0 auto;   /* 左右は中央揃えを維持、上下マージンは0 */
  }

  /* 商品詳細：モーダル拡大画像（600px × 600px） */
  .new-product-slider-modal-sec .new-product-image-slide .cart-product-image {
    width: 600px;
    height: 600px;
    margin: 0 auto;
  }

  /* 商品詳細：バリエーション（55px × 55px） */
  .product-variation .variation-item .variation-item-image {
    width: 55px;
    height: 55px;
    margin: 0 auto;
  }
}

/* ------------------------------------------------------------
 * 3. 【スマホ版】各画面の画像サイズ規定（画面幅 768px 以下）
 * ------------------------------------------------------------ */
@media screen and (max-width: 768px) {

  /* 共通設定：端末の横幅いっぱいの正方形（1:1）で全体を表示する画面
     対象：商品一覧（タイル型・ワイド型）、商品詳細（メイン画像・モーダル画像） */
  .product-list .product-item .cart-product-image,
  .wide-product-list .wide-product-item .cart-product-image,
  .new-product-detail .new-product-detail-slide .cart-product-image,
  .new-product-slider-modal-sec .new-product-image-slide .cart-product-image {
    width: 100%;
    aspect-ratio: 1 / 1;
    margin: 0 auto;
  }

  /* 個別設定：スマホ表示でも規定サイズ（55px × 55px）を維持する画面
     対象：商品詳細（バリエーション） */
  .product-variation .variation-item .variation-item-image {
    width: 55px;
    height: 55px;
    margin: 0 auto;
  }
}

/* #41411 SP横向き：viewport高さより画像が大きいと閉じるボタン(top:-20px)が画面外に出るため、画面内に収める */
@media screen and (max-height: 640px) {
  .new-product-slider-modal-sec .new-product-image-slide-wrapper {
    /* 閉じるボタン分・ドット分の上下余白を確保したうえで中央配置 */
    max-width: min(600px, calc(100vw - 48px), calc(100dvh - 80px));
    width: min(600px, calc(100vw - 48px), calc(100dvh - 80px));
  }

  .new-product-slider-modal-sec .new-product-image-slide .slick-slide .slide-inner {
    width: 100%;
    max-width: 100%;
    height: auto;
  }

  .new-product-slider-modal-sec .new-product-image-slide .cart-product-image {
    width: 100%;
    height: auto;
    max-width: 100%;
    aspect-ratio: 1 / 1;
  }

  .new-product-slider-modal-sec .clear-btn {
    z-index: 20;
  }
}

/* お問い合わせ・採用フォーム等 FormBridgeのiframe読み込みエリアの余白調整 */
.contact-form-iframe-wrapper {
  padding: 10px
}
.contact-form-iframe-wrappe iframe {
  width: 100%;
}

/* 買取バナー・買取トップSP表示時のボタン表示エリア */
.custom-banner {
  position: relative;
}

.custom-banner .banner-bg {
  width: 100%;
  display: block;
  height: auto;
}


.custom-banner .banner-btn {
  position: absolute;
  display: block;
  z-index: 10;
}

.custom-banner .btn-top {
  top: 20%;
  right:4%;
  transform: translateY(-50%);
}

.custom-banner .btn-middle {
  top: 47%;
  right:4%;
  transform: translateY(-50%);
}

.custom-banner .banner-btn img {
  width: 250px;
  height: auto;
}

@media screen and (max-width: 768px) {
  .custom-banner .banner-btn {
    display: none !important;
  }

  .custom-banner .btn-top {
    display: none !important;
  }

  .custom-banner .btn-middle {
    display: none !important;
  }

  .sellPageinfoArea__addressSP {
    padding: 0 10px;
  }

  .sellPageinfoArea__addressSP__bnrList {
    display: flex;
    justify-content: center;
    margin-top: 35px;
  }

  .sellPageinfoArea__addressSP__bnrListItem {
    width: 255px;
    margin: 0 auto;
    background: #f8ea0d;
    border-radius: 3px;
  }

  .sellPageinfoArea__addressSP__bnrListItemLink {
    display: block;
    text-align: center;
    padding: 13px 0;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    position: relative;
  }

  .sellPageinfoArea__addressSP__bnrListItemLink .fa-chevron-right {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
  }

  .btn-primary {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
    border-radius: 3px;
    background: #000;
  }

  .btn-primary a {
    position: relative;
    display: block;
    color: #fff;
    padding: 13px 0;
  }

  .btn-primary .fa-chevron-right {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
  }

  .sellPageinfoArea__addressSP__title {
    /* margin-top: 25px; */
    font-size: 16px;
    text-align: center;
    font-weight: bold;
  }

  .addressArea__btnWrap {
    width: 100%;
    margin-top: 15px;
  }

  .addressArea__btnWrap.btn-primary {
    width: 255px;
  }

  .sellPageinfoArea__addressSP__list {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }

  .sellPageinfoArea__addressSP__listItem {
    text-align: center;
  }

  .sellPageinfoArea__addressSP__listItem:nth-child(2) {
    padding-left: 10px;
    border-left: 1px solid #000;
  }

  .sellPage__text {
    font-size: 12px;
    line-height: 1.7;
  }

  .sellPage__text-fwB {
    font-weight: bold;
  }

  .sellPageinfoArea__addressSP__listItem__textBig {
    display: inline-block;
    margin-top: 5px;
    font-size: 17px;
  }

}

#page_product_detail .latest-news .news-list {
  padding-top: 35px;
}

/* ------------------------------------------------------------------
   ChatPlus ランチャーを右下のコンパクトなバーに収め、
   「ページトップへ戻る」ボタンをその真上に配置する（PC のみ）

   注意: セレクタはすべて ChatPlus 側の DOM を対象にしている。
   ベンダー側のマークアップ変更で静かに壊れるため、更新時は要確認。
   ------------------------------------------------------------------ */
@media screen and (min-width: 769px) {

  /* バーはチャットが閉じている間だけ存在する（.closed が外れると自動で解除） */
  #chatplusview.closed {
    left: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    width: 86px !important;
    /* ChatPlus が max-height:35px を当てているため 3 点セットでの上書きが必要。
       height だけだと無言で 35px に潰れ、アイコンが画面下端からはみ出す。 */
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    background: #fff !important;
    box-shadow: 0 -1px 6px rgba(0, 0, 0, .13) !important;
    /* 左上のみ角丸。下辺は画面下端に密着させる */
    border-top-left-radius: 24px !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    box-sizing: border-box !important;
  }
  #chatplusview.closed #outline,
  #chatplusview.closed #chatpluscontent {
    position: static !important;
    width: 100% !important;
    height: 100% !important;
  }

  /* ランチャー本体 */
  #chatplusview.closed #eye_catcher {
    position: absolute !important;
    right: 34px !important;
    top: 4px !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* 吹き出しは ChatPlus の PNG（影が焼き込まれている）ではなく
     サイトが読み込んでいる Font Awesome 6 Free のグリフを使う。
     regular(400) = 線画。fa-comment-dots \f4ad */
  #chatplusview.closed #eye_catcher img { display: none !important; }
  #chatplusview.closed #eye_catcher::before {
    content: "\f4ad";
    font-family: "Font Awesome 6 Free";
    font-weight: 400;
    font-style: normal;
    font-size: 29px;
    line-height: 1;
    color: #2A2A2A;
    -webkit-font-smoothing: antialiased;
  }

  /* ✕ はバー上、アイコンの右に配置 */
  #chatplusview.closed #eye_catcher a.button-hide {
    right: -28px !important;
    top: 11px !important;
    left: auto !important;
    transform: none !important;
    width: 18px !important;
    height: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-shadow: none !important;
  }
  #chatplusview.closed #eye_catcher a.button-hide i {
    font-size: 14px !important;
    color: #777 !important;
    text-shadow: none !important;
  }

  /* ページトップへ戻るボタン: バーの真上、アイコンと中心軸を揃える */
  #pagetop {
    right: 29px !important;   /* 3vw をやめて固定値に */
    bottom: 60px !important;  /* バー 48px + 余白 12px */
  }
  /* ✕ を押すと ChatPlus はウィジェットごと非表示にする（バー・吹き出し・✕ が同時に消える）。
     ページトップボタンだけが残るので、右下の角へ降ろして余白を残さない。 */
  body.du-chat-hidden #pagetop {
    bottom: 30px !important;
  }
}

/* 展開中は置き場所がないので隠す（PC / SP 共通）。
   #pagetop の表示は jQuery の fadeIn/fadeOut が inline style で制御しているため
   !important が必要。 */
body.du-chat-open #pagetop {
  display: none !important;
}

/* ------------------------------------------------------------------
   SP: ChatPlus のみコンパクトバー化（検索・他ウィジェットは触らない）
   右下固定。#pagetop はバーの真上へ上げて重なりを避ける（PC と同じ積上げ）。
   Symfony デバッグバーは local のみのため考慮しない。
   デザイン確認用の試作。不採用なら本ブロックを削除する。
   ------------------------------------------------------------------ */
@media screen and (max-width: 768px) {
  #chatplusview.closed {
    left: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    width: 86px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    background: #fff !important;
    box-shadow: 0 -1px 6px rgba(0, 0, 0, .13) !important;
    border-top-left-radius: 24px !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    box-sizing: border-box !important;
  }
  #chatplusview.closed #outline,
  #chatplusview.closed #chatpluscontent {
    position: static !important;
    width: 100% !important;
    height: 100% !important;
  }
  #chatplusview.closed #eye_catcher {
    position: absolute !important;
    right: 34px !important;
    left: auto !important;
    top: 4px !important;
    bottom: auto !important;
    transform: none !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  #chatplusview.closed #eye_catcher img { display: none !important; }
  #chatplusview.closed #eye_catcher::before {
    content: "\f4ad";
    font-family: "Font Awesome 6 Free";
    font-weight: 400;
    font-style: normal;
    font-size: 29px;
    line-height: 1;
    color: #2A2A2A;
    -webkit-font-smoothing: antialiased;
  }
  #chatplusview.closed #eye_catcher a.button-hide {
    right: -28px !important;
    left: auto !important;
    top: 11px !important;
    transform: none !important;
    width: 18px !important;
    height: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-shadow: none !important;
  }
  #chatplusview.closed #eye_catcher a.button-hide i {
    font-size: 14px !important;
    color: #777 !important;
    text-shadow: none !important;
  }

  /* バーの真上に積む（余白 12px）。✕ 後は角へ降ろす */
  #pagetop {
    right: 29px !important;
    bottom: 60px !important;
  }
  body.du-chat-hidden #pagetop {
    bottom: 30px !important;
  }
}