@charset "utf-8";

.u-list-disc>li {
  padding-left: 1em;
  text-indent: -1em;
}

.u-list-disc>li::before {
  content: "・";
}

.u-list-kome>li {
  padding-left: 1em;
  text-indent: -1em;
}

.u-list-kome>li::before {
  content: "※";
}

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

.lb-number {
  display: none !important;
}

.lb-nav a.lb-prev,
.lb-nav a.lb-next {
  opacity: 0.5 !important;
}

@media screen and (min-width: 768px),
print {
  .u-hover-flash:hover {
    -webkit-animation-duration: .6s;
    -webkit-animation-name: flash;
    animation-name: hover-flash;
    animation-duration: .6s;
    opacity: 1;
  }
}

.p-white-galleria {
  overflow: hidden;
  font-family: "Noto Sans JP", "roboto", sans-serif;
  color: #2f2c29;
  line-height: 1.6;
  font-size: min(30/750*100vw, 30px);
  margin-bottom: 60px;
}

@media screen and (min-width: 768px),
print {
  .p-white-galleria {
    margin-bottom: 120px;
  }
}

.p-white-galleria img {
  max-width: 100%;
  height: auto;
}

.p-white-galleria__kv {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .p-white-galleria__inner {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media screen and (min-width: 768px),
print {
  .p-white-galleria .u-pc-width {
    /* 左右paddingを除いたコンテンツ最大幅を1440pxにする */
    max-width: 1740px;
  }
}


.p-white-galleria__section {
  padding: min(12vw, 90px) calc(50vw - 50%);
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.p-white-galleria__section--green {
  background: #d9f7ee;
}

.p-white-galleria__section--gray {
  background: #f0eeeb;
}

@media screen and (max-width: 767px) {

  .p-white-galleria__about-white-galleria p,
  .p-white-galleria__other-case p {
    font-size: 14px;
  }
}

/* KV下のセクション */
.p-white-galleria__lead {
  text-align: center;
  padding-top: min(4vw, 30px);
  padding-bottom: min(8vw, 60px);
}

@media screen and (min-width: 1200px),
print {
  .p-white-galleria__lead__inner {
    position: relative;
  }
}

.p-white-galleria__catch {
  font-weight: bold;
  line-height: 1.8;
  font-size: min(43/750*100vw, 43px);
  margin-bottom: min(5vw, 30px);
}

.p-white-galleria__share-links {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-bottom: min(4vw, 30px);
}

@media screen and (min-width: 1200px),
print {
  .p-white-galleria__share-links {
    position: absolute;
    top: 0;
    right: 0;
  }
}

.p-white-galleria__share-links>li {
  width: 30px;
  flex: 0 0 auto;
}

.p-white-galleria__share-links a,
.p-white-galleria__share-links button {
  transition: all 0.3s ease-in-out;
}

.p-white-galleria__share-links a:hover,
.p-white-galleria__share-links button:hover {
  opacity: 0.7;
}

.p-white-galleria__copy-link-flash {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 11px;
  width: 100%;
  padding-top: 4px;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.p-white-galleria__copy-link-flash.is-show {
  opacity: 1;
}

.p-white-galleria-button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #dade1a;
  border-radius: 29px;
  padding: 0.3em 29px;
  font-weight: bold;
  width: 100%;
  height: auto;
  min-height: 57px;
  border: 0;
}

.p-white-galleria-button::before {
  background: #FBFCE8;
}

.p-white-galleria-button::after {
  position: absolute;
  top: 50%;
  right: 30px;
  content: "";
  display: block;
  width: 0.8em;
  height: 0.8em;
  border-bottom: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: translateY(-50%) rotate(-45deg);
}

@media screen and (min-width: 768px),
print {
  .p-white-galleria-button {
    min-height: 114px;
    padding-left: 57px;
    padding-right: 57px;
    border-radius: 57px;
  }

  .p-white-galleria-button::after {
    right: 60px;
  }
}

.p-white-galleria-button--page-link::after {
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  background: no-repeat url(../images/icon-page-link.webp?$staticlink$) center/contain;
  border: 0;
}

@media screen and (min-width: 768px),
print {
  .p-white-galleria-button--page-link::after {
    width: 28px;
    height: 28px;
  }
}


/* ページ内ナビゲーション */
.p-white-galleria__nav {
  margin-bottom: min(12vw, 90px);
}

.p-white-galleria__nav-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

@media screen and (min-width: 1200px),
print {
  .p-white-galleria__nav-list {
    flex-direction: row;
    gap: 60px;
  }

  .p-white-galleria__nav-list>li {
    flex: 1;
  }
}

.p-white-galleria__nav-link {
  position: relative;
  display: flex;
  align-items: center;
  background: #6addbb;
  color: #fff;
  padding: 15px 30px 15px 83px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.3;
  min-height: 75px;
  transition: all 0.3s ease-in-out;
}

.p-white-galleria__nav-link:hover {
  opacity: 0.7;
}

@media screen and (min-width: 1200px),
print {
  .p-white-galleria__nav-link {
    font-size: min(20/1770*100vw, 20px);
    padding: 25px 40px 25px min(140/1770*100vw, 140px);
    height: 100%;
  }
}

.p-white-galleria__nav-link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  display: block;
  width: 13px;
  height: 12px;
  background: no-repeat url(../images/icon-page-link-white.webp?$staticlink$) center/contain;
}

@media screen and (min-width: 1200px),
print {
  .p-white-galleria__nav-link::after {
    width: 16px;
    height: 14px;
  }
}

.p-white-galleria__nav-link__thumbnail {
  position: absolute;
  top: 0;
  left: 10px;
  transform: translateY(-15%);
  display: block;
  width: 65px;
  height: 65px;
}

@media screen and (min-width: 1200px),
print {
  .p-white-galleria__nav-link__thumbnail {
    width: min(95/1770*100vw, 95px);
    height: min(95/1770*100vw, 95px);
    left: min(25/1770*100vw, 25px);
  }
}

.p-white-galleria__nav-link__thumbnail>img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media screen and (max-width: 767px) {
  .p-white-galleria__nav-link {
    font-size: 18px;
  }
}


/* 
 * ギャラリー 
*/
.p-white-galleria__gallery {
  position: relative;
  background: #6addbb;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 0 30px;
  height: 42.5vw;
}

@media screen and (min-width: 768px),
print {
  .p-white-galleria__gallery {
    padding: 0 min(9%, 130px);
    height: min(22vw, 420px);
  }
}

.p-white-galleria__gallery__prev,
.p-white-galleria__gallery__next {
  position: absolute;
  top: 50%;
  left: 15px;
  width: min(42/750*100vw, 42px);
  height: min(42/750*100vw, 42px);
  border-top: 4px solid #fff;
  border-left: 4px solid #fff;
  transform: translateY(-50%) rotate(-45deg);
  z-index: 1;
  cursor: pointer;
}

.p-white-galleria__gallery__next {
  left: auto;
  right: 15px;
  transform: translateY(-50%) rotate(135deg);
}

@media screen and (min-width: 768px),
print {

  .p-white-galleria__gallery__prev {
    left: 30px;
  }

  .p-white-galleria__gallery__next {
    right: 30px;
  }
}

.p-white-galleria__gallery .swiper-slide img {
  width: 370px;
  opacity: 0;
}

.p-white-galleria .is-ready .swiper-slide img {
  opacity: 1;
}

.p-white-galleria__gallery .swiper-container {
  transform: translateY(-15%);
}

@media screen and (min-width: 768px),
print {
  .p-white-galleria__gallery .swiper-container {
    transform: translateY(-10%);
  }
}

.p-white-galleria__h2 {
  font-size: min(36/750*100vw, 36px);
  font-weight: bold;
  text-align: left;
  margin-bottom: min(5vw, 90px);
  line-height: 1.3;
}

@media screen and (max-width: 767px) {
  .p-white-galleria__white-case-lineup .p-white-galleria__h2 {
    font-size: min(32/750*100vw, 32px);
  }
}

.p-white-galleria__h3 {
  font-size: min(30/750*100vw, 30px);
  font-weight: bold;
  text-align: left;
  line-height: 1.3;
  margin-bottom: min(4vw, 30px);
}


/* 
 * スクロールテーブル
*/
.js-scrollable-table-wrapper-mask {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 0 calc(50vw - 50%);
  mask-image: linear-gradient(to right, transparent, black 0, black calc(100vw - 5.33vw * 4), transparent);
}

.js-scrollable-table-wrapper-mask.no-mask {
  mask-image: none;
}

@media screen and (max-width: 767px) {
  .js-scrollable-table-wrapper-mask {
    position: relative;
  }

  .js-scrollable-table-wrapper-mask::after {
    content: "";
    position: absolute;
    top: 25%;
    right: 10%;
    display: block;
    width: 120px;
    height: 120px;
    background: no-repeat url(../images/icon_scroll_gray.webp?$staticlink$) center/contain;
    opacity: 1;
    pointer-events: none;
    transition: opacity 0.3s ease-in-out;
    animation: scroll-hint 4s ease-in-out infinite;
  }

  @keyframes scroll-hint {
    0% {
      opacity: 0;
    }

    5%,
    20% {
      opacity: 1;
      transform: translateX(0)
    }

    50% {
      opacity: 1;
      transform: translateX(-70px);
    }

    70%,
    100% {
      opacity: 0;
      transform: translateX(-70px);
    }
  }

  .js-scrollable-table-wrapper-mask.no-mask::after,
  .js-scrollable-table-wrapper-mask.no-scroll-hint::after {
    opacity: 0;
    animation: none;
  }
}

.js-scrollable-table-wrapper {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 0 calc(50vw - 50%);
  margin-bottom: min(40/750*100vw, 40px);
}

@media screen and (min-width: 768px),
print {
  .js-scrollable-table-wrapper {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }
}

.p-white-galleria__table {
  width: 100%;
  border-collapse: collapse;
  background: #f0eeeb;
  border-radius: 15px;
  table-layout: fixed;
  line-height: 1.3;
}

.p-white-galleria__table th,
.p-white-galleria__table td {
  text-align: center;
  width: calc(92vw / 2);
  padding: 2vw 2.67vw;
}

@media screen and (min-width: 768px),
print {

  .p-white-galleria__table th,
  .p-white-galleria__table td {
    width: 180px;
    padding: 16px;
  }
}

.p-white-galleria__table th:not(:last-child),
.p-white-galleria__table td:not(:last-child) {
  border-right: 1px solid #fff;
}

.p-white-galleria__table tbody tr:nth-child(odd) td {
  background: #f8f6f3;
}

.p-white-galleria__table__note {
  font-size: min(30/750*100vw, 16px);
}

@media screen and (max-width: 767px) {
  .p-white-galleria__table {
    margin: 20px 0;
  }
}

/* 
 * モデル一覧テーブル
*/
.model-table__wrapper {
  margin-top: calc(5.33vw * -2);
  padding-top: calc(5.33vw * 2);
}

@media screen and (min-width: 768px),
print {
  .model-table__wrapper {
    margin-top: -44px;
    padding-top: 44px;
  }
}

.model-table {
  font-size: min(22/750*100vw, 14px);
}

@media screen and (min-width: 768px),
print {
  .model-table {
    font-size: clamp(11px, 14/1770*100vw, 14px);
  }
}

.model-table th,
.model-table td {
  cursor: pointer;
}

.model-table th.is-hovered,
.model-table td.is-hovered {
  opacity: 0.7;
  transition: opacity 0.3s ease-in-out;
}

.model-table th img {
  width: 65%;
  margin-top: calc(5.33vw * -2);
}

@media screen and (min-width: 768px),
print {
  .model-table th img {
    width: 80%;
    max-width: 200px;
    margin-top: -44px;
  }
}

.model-table__name {
  display: block;
  font-size: min(26/750*100vw, 24px);
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

@media screen and (min-width: 768px),
print {
  .model-table__name {
    font-size: 14px;

  }
}

.model-table__spec {
  font-size: min(24/750*100vw, 16px);
  font-weight: bold;
}

@media screen and (min-width: 768px),
print {
  .model-table__spec {
    font-size: clamp(12px, 16/1770*100vw, 16px);
  }
}

.model-table__price {
  color: #e43344;
  font-weight: bold;
  font-size: min(24/750*100vw, 16px);
}

.model-table__price__num {
  font-size: min(36/750*100vw, 24px);
}

@media screen and (min-width: 768px),
print {
  .model-table__price {
    font-size: clamp(12px, 16/1770*100vw, 16px);
  }

  .model-table__price__num {
    font-size: clamp(18px, 24/1770*100vw, 24px);
  }
}

.model-table__stkname {
  width: fit-content;
  color: #e43344;
  background: #fff;
  border: 1px solid currentColor;
  margin: 4px auto 0;
  font-size: 12px;
  padding: 0.2em 0.5em;
}

.model-table__review .review-in-recommend__link {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  font-size: 16px;
}

.model-table__review .review-in-recommend__link img {
  height: 1em;
}

.model-table__more-button {
  width: 100%;
  max-width: 200px;
  height: auto;
  min-height: 36px;
  background: #6addbb;
  color: #fff;
  font-weight: bold;
  font-size: min(32/750*100vw, 16px);
  padding: 0.5em 0.65em;
  margin: 0 auto;
  border: 0;
}

.model-table__more-button::before {
  background: #BCEFE0;
}

.model-table__more-button::after {
  border-color: #fff;
  right: 5%;
}

@media screen and (min-width: 768px),
print {
  .model-table__more-button {
    min-height: 50px;
  }
}


/* 
 * カスタマイズモデル
*/
.p-white-galleria__heading {
  line-height: 1.3;
  font-weight: bold;
  margin-bottom: min(12vw, 90px);
}

.p-white-galleria__heading .p-white-galleria__h2 {
  margin-bottom: min(3vw, 24px);
}

.p-white-galleria__heading p {
  font-size: min(36/750*100vw, 36px);
}

@media screen and (min-width: 1400px),
print {
  .p-white-galleria__customize-model__inner {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: min(60/1770*100vw, 60px);
    margin-top: -90px;
    margin-bottom: 90px;
  }

  .p-white-galleria__customize-model__text {
    padding-top: 90px;
  }

  .p-white-galleria__customize-model__inner .p-white-galleria__h2 {
    word-break: keep-all;
    white-space: nowrap;
  }
}

.p-white-galleria__customize-model__parts {
  position: relative;
  border: 1px solid currentColor;
  border-radius: min(2vw, 15px);
  padding: 6vw 3vw 5vw;
  margin-top: min(4vw, 30px);
}

@media screen and (min-width: 768px),
print {
  .p-white-galleria__customize-model__parts {
    padding: 46px 33px 38px;
  }
}

.p-white-galleria__customize-model__parts dt {
  position: absolute;
  top: 0;
  left: auto;
  transform: translateY(-50%);
  font-size: min(4vw, 30px);
  font-weight: 400;
  display: block;
  padding: 0 0.3em;
  width: fit-content;
  background-color: #d9f7ee;
}

.p-white-galleria__customize-model__parts dd {
  font-size: min(24/750*100vw, 24px);
}

.p-white-galleria__customize-model__image {
  margin: min(12vw, 90px) auto;
  max-width: 375px;
  text-align: center;
}

@media screen and (min-width: 768px),
print {
  .p-white-galleria__customize-model__image {
    max-width: none;
  }
}

@media screen and (min-width: 1400px),
print {
  .p-white-galleria__customize-model__image {
    margin: 0 auto;
    flex: 1 1 auto;
    width: 40%;
  }

  .p-white-galleria__customize-model__image img {
    margin-top: -40px;
  }
}

@media screen and (max-width: 767px) {
  .p-white-galleria__customize-model__image img {
    width: 75%;
  }
}

/* 
 * その他のケース
*/
.p-white-galleria__other-case {
  font-size: min(24/750*100vw, 18px);
}

.p-white-galleria__other-case__image {
  display: block;
  margin: min(3.2vw, 24px) auto min(4vw, 30px);
}

.p-white-galleria__other-case .c-button {
  font-size: min(4vw, 16px);
  width: 100%;
  max-width: 420px;
}

.p-white-galleria__other-case .c-button::after {
  right: 15px;
}


/* 
 * 白いデバイス
*/
.p-white-galleria__white-device-list {
  display: flex;
  gap: min(28/750*100vw, 28px);
  width: fit-content;
  overflow: hidden;
}

@media screen and (min-width: 1400px),
print {
  .p-white-galleria__white-device-list {
    width: 100%;
  }
}

.p-white-galleria__white-device-list>li {
  flex: 0 0 auto;
  width: min(47vw, 264px);
}

@media screen and (min-width: 1400px),
print {
  .p-white-galleria__white-device-list>li {
    flex: 1;
  }
}

.p-white-galleria__white-device__image {
  aspect-ratio: 1;
  background: #fff;
  padding: min(3vw, 22px);
}

.p-white-galleria__white-device__image>img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.p-white-galleria__white-device__name {
  font-weight: bold;
  font-size: min(36/750*100vw, 24px);
  margin-top: 1em;
  line-height: 1.3;
}

@media screen and (min-width: 1400px),
print {
  .p-white-galleria__white-device__name {
    font-size: min(24/1770*100vw, 24px);
  }
}

.model-table.p-white-galleria__white-device-table th img {
  margin-top: 0;
  width: 100%;
}

.p-white-galleria__white-device-table .p-white-galleria__white-device__image {
  max-width: 75%;
  margin-left: auto;
  margin-right: auto;
}

.p-white-galleria__white-device-table .p-white-galleria__white-device__name {
  font-size: min(24/750*100vw, 14px);
}

.p-white-galleria__white-device-table .model-table__more-button {
  display: none !important;
}

.p-white-galleria__white-device__set-fee {
  display: block;
  margin-top: 0.5em;
}

.p-white-galleria__white-device__discount {
  display: block;
  margin-top: 0.3em;
}

/* 
 * 白いGALLERIAゲーミングPCについて
*/
.p-white-galleria__about-white-galleria {
  font-size: 0.7em;
  padding-top: 0;
}

.p-white-galleria hr {
  color: #ccc;
}

/* 
 * よくある質問
*/
.p-white-galleria__faq-section {
  font-size: 0.8em;
}

.p-white-galleria__faq+.p-white-galleria__faq {
  margin-top: min(4vw, 30px);
}

.p-white-galleria__faq>input {
  display: none;
}

.p-white-galleria__faq__q label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1em;
  background: #f0eeeb;
  color: #000;
  padding: min(3vw, 22px) min(4vw, 30px);
  border-radius: min(2vw, 15px);
}

.p-white-galleria__faq__q label::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: rotate(45deg);
  flex: 0 0 auto;
}

@media screen and (min-width: 768px),
print {
  .p-white-galleria__faq__q label::after {
    width: 16px;
    height: 16px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
  }
}

.p-white-galleria__faq>input:checked+.p-white-galleria__faq__q label {
  border-radius: min(2vw, 15px) min(2vw, 15px) 0 0;
}

.p-white-galleria__faq>input:checked+.p-white-galleria__faq__q label::after {
  transform: rotate(-135deg);
}

.p-white-galleria__faq__a {
  display: none;
  padding: min(4vw, 30px);
  border: 2px solid #f0eeeb;
  border-radius: 0 0 min(2vw, 15px) min(2vw, 15px);
}

@media screen and (min-width: 768px),
print {
  .p-white-galleria__faq__a {
    border-width: 4px;
  }
}

.p-white-galleria__faq>input:checked~.p-white-galleria__faq__a {
  display: block;
}



/* 
 * キャンペーン
*/
.p-white-galleria__campaign .p-white-galleria__h2 {
  text-align: center;
}

.p-white-galleria__campaign .p-white-galleria__h2__en {
  color: #dade1a;
  font-size: min(16vw, 120px);
  font-weight: bold;
  display: block;
  text-align: center;
}

.p-white-galleria__campaign-box+.p-white-galleria__campaign-box {
  margin-top: min(9vw, 60px);
}

.p-white-galleria__campaign-box>input[type="checkbox"] {
  display: none;
}

.p-white-galleria__campaign-box__header {
  position: relative;
  display: block;
  background: #dade1a;
  padding: 6vw 9vw;
  border-radius: min(15/750*100vw, 15px);
  font-weight: bold;
  font-size: min(36/750*100vw, 36px);
  line-height: 1.3;
}

@media screen and (min-width: 768px),
print {
  .p-white-galleria__campaign-box__header {
    padding: 40px 60px;
  }
}

.p-white-galleria__campaign-box__header::after {
  position: absolute;
  top: 50%;
  right: 6vw;
  content: "";
  width: 0.7em;
  height: 0.7em;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-50%) rotate(45deg);
}

@media screen and (min-width: 768px),
print {
  .p-white-galleria__campaign-box__header::after {
    right: 30px;
  }
}

input[type="checkbox"]:checked~.p-white-galleria__campaign-box__header {
  border-radius: min(15/750*100vw, 15px) min(15/750*100vw, 15px) 0 0;
}

input[type="checkbox"]:checked~.p-white-galleria__campaign-box__header::after {
  transform: translateY(-50%) rotate(-135deg)
}

.p-white-galleria__campaign-box__header img {
  position: absolute;
  top: 0;
  left: 0;
  width: min(12vw, 90px);
  transform: translate(-25%, -25%);
}

.p-white-galleria__campaign-box__body {
  display: none;
  border: 2px solid #dade1a;
  border-radius: 0 0 min(15/750*100vw, 15px) min(15/750*100vw, 15px);
  padding: 9vw 3vw;
}

input[type="checkbox"]:checked~.p-white-galleria__campaign-box__body {
  display: block;
}

@media screen and (min-width: 768px),
print {
  .p-white-galleria__campaign-box__body {
    padding: 50px 60px 60px;
  }
}

.p-white-galleria__campaign-box__body__title {
  font-size: min(48/750*100vw, 48px);
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 0.5em;
}

.p-white-galleria__campaign-box__body__description {
  font-size: min(36/750*100vw, 36px);
  margin-bottom: min(9vw, 60px);
}

.p-white-galleria__campaign__option {
  position: relative;
  padding: 4vw 4vw 4vw 16vw;
  background: #f0eeeb;
  border-radius: min(15/750*100vw, 15px);
  overflow: hidden;
}

@media screen and (min-width: 768px),
print {

  .p-white-galleria__campaign__option {
    padding: 54px 44px 54px 120px;
  }
}

.p-white-galleria__campaign__option+.p-white-galleria__campaign__option {
  margin-top: 1em;
}

.p-white-galleria__campaign__option__num {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 12vw;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  background: #dade1a;
  font-size: min(48/750*100vw, 48px);
}

@media screen and (min-width: 768px),
print {
  .p-white-galleria__campaign__option__num {
    width: 90px;
  }
}

.p-white-galleria__campaign__option dt {
  font-size: min(36/750*100vw, 36px);
  font-weight: bold;
  margin-bottom: 0.85em;
  line-height: 1.3;
}

.p-white-galleria__campaign-box__term {
  margin-top: min(9vw, 60px);
  margin-bottom: min(9vw, 60px);
}

.p-white-galleria__campaign-box__body__detail {
  font-size: 0.8em;
  padding-top: min(9vw, 60px);
  border-top: 1px solid #dade1a;
}

.p-white-galleria__campaign-box__body__detail dt {
  font-weight: bold;
}

.p-white-galleria__campaign-box__body__detail p {
  margin-bottom: 1em;
  margin-bottom: 1lh;
}

.p-white-galleria__campaign-box__body__detail dl>div+div {
  margin-top: 1em;
  margin-top: 1lh;
}

.p-white-galleria__campaign-box__body .p-white-galleria-button {
  margin-top: min(9vw, 60px);
}

.p-white-galleria__campaign__end {
  text-align: center;
  font-weight: bold;
  margin-top: -1em;
  margin-bottom: 1em;
}

.p-white-galleria__campaign-box.is-campaign-end .p-white-galleria__campaign-box__header {
  background: #999;
}

.p-white-galleria__campaign-box.is-campaign-end .p-white-galleria__campaign-box__body {
  position: relative;
  border-color: #999;
  opacity: 0.8;
  overflow: hidden;
}

.p-white-galleria__campaign-box.is-campaign-end .p-white-galleria__campaign-box__body::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}


/* 
 * TOPICS
*/
.p-white-galleria__topics .p-gaming-pc__camp,
.p-white-galleria__topics .p-gaming-pc__topics__title,
.p-white-galleria__topics .topics_accordion {
  display: none;
}

.p-white-galleria__topics .p-gaming-pc__topics {
  padding: 0;
  background: none;
}

.p-white-galleria__topics .p-gaming-pc__topics__inr {
  max-width: none;
}

.p-white-galleria__topics .topics_layout {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.p-white-galleria__topics .topics_layout>li {
  width: calc((100% - 20px) / 2);
  flex: 0 0 auto;
}

@media screen and (min-width: 768px),
print {
  .p-white-galleria__topics .topics_layout>li {
    width: calc((100% - 60px) / 4);
  }
}

@media screen and (min-width: 768px),
print {
  .p-white-galleria__topics .topics_layout li img:hover {
    -webkit-animation-duration: .6s;
    -webkit-animation-name: flash;
    animation-name: hover-flash;
    animation-duration: .6s;
    opacity: 1;
  }
}

/* スタッフレビュー */
.p-white-galleria__staff-reivew-list {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
  gap: 15px;
}

@media screen and (min-width: 768px),
print {
  .p-white-galleria__staff-reivew-list {
    flex-direction: row;
    justify-content: center;
    gap: 5.2%;
    margin-top: 50px;
  }
}

.p-white-galleria__staff-reivew-list>li {
  flex: 1;
}

.staff-review {
  display: grid;
  grid-template-columns: min(30%, 200px) 1fr;
  grid-template-rows: 1fr auto;
  gap: 15px;
  padding: 10px;
  box-shadow: 3.5px 3.5px 0 0 rgba(72, 72, 72, 0.1);
  border: 1px solid #ececec;
  font-size: min(26/750*100vw, 20px);
  overflow: hidden;
}

@media screen and (min-width: 768px),
print {
  .staff-review {
    padding: 15px;
    gap: 15px;
  }
}

.staff-review__image {
  grid-area: 1/1/3/2;
}

.staff-review__text {
  grid-area: 1/2/2/3;
}

.staff-review__comment {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-height: calc(2.35em + 10px);
  line-height: 1.4;
  font-weight: bold;
}

.staff-review__item-name {
  margin-top: 0.5em;
  color: #666;
  line-height: 1.4;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-height: calc(2.35em + 10px);
}

.staff-review__reviewer {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  grid-area: 2/2/3/3;
}

.staff-review__reviewer__icon {
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
  width: min(80/750*100vw, 80px);
}

.staff-review__reviewer__icon>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.staff-review__reviewer__name {
  font-weight: bold;
  line-height: 1.4;
}

.staff-review__reviewer__name-kana,
.staff-review__reviewer__shop {
  font-size: 0.8em;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

@media screen and (max-width: 767px) {
  .c-top-slider-section {
    margin-bottom: 0 !important;
  }
}