@charset "UTF-8";
/* =======================================================
lineup
======================================================= */
.p-lineup {
  --_padding-block: calc(48 * var(--scale) * var(--to-rem)) calc(64 * var(--scale) * var(--to-rem));
  padding-block: var(--_padding-block);
}
.p-lineup__cat {
  --_border-radius: 2px;
  --_font-size: calc(20 * var(--scale) * var(--to-rem));
  --_gap: 0.5em;
  --_padding-block: calc(10 * var(--scale) * var(--to-rem));
  --_padding-inline: calc(16 * var(--scale) * var(--to-rem));
  display: block flex;
  gap: var(--_gap);
  align-items: center;
  justify-content: center;
  padding-block: calc(var(--_padding-block) - var(--font-base-offset-top)) calc(var(--_padding-block) + var(--font-base-offset-top));
  padding-inline: var(--_padding-inline);
  font-size: var(--_font-size);
  font-weight: 700;
  border: 1px solid;
  border-radius: var(--_border-radius);
}
.p-lineup__cat:focus-visible {
  filter: brightness(1.2);
}
@media (any-hover: hover) {
  .p-lineup__cat:hover {
    filter: brightness(1.2);
  }
}
.p-lineup__cat-list {
  --_gap: calc(24 * var(--scale) * var(--to-rem));
  --_margin-bottom: calc(48 * var(--scale) * var(--to-rem));
  display: block grid;
  gap: var(--_gap);
  margin-bottom: var(--_margin-bottom);
}
@media (width >= 768px) {
  .p-lineup__cat-list {
    grid-template-columns: repeat(3, 1fr) auto;
  }
}
.p-lineup__cat::before {
  content: "▼";
}
.p-lineup__list {
  --_gap: calc(40 * var(--scale) * var(--to-rem));
  display: block grid;
  gap: var(--_gap);
}
.p-lineup__item {
  --_background-color: var(--color-main);
  --_border-radius: 16px;
  overflow: clip;
  background-color: var(--_background-color);
  border-radius: var(--_border-radius);
}
.p-lineup__item-head {
  --_gap: calc(24 * var(--scale) * var(--to-rem));
  display: block flex;
  flex-wrap: wrap;
  gap: var(--_gap);
  align-items: end;
}
.p-lineup__item-cat {
  --_font-size: calc(26 * var(--scale) * var(--to-rem));
  --_padding-block: calc(12 * var(--scale) * var(--to-rem));
  --_padding-inline: calc(32 * var(--scale) * var(--to-rem));
  width: fit-content;
  padding-block: calc(var(--_padding-block) - var(--font-base-offset-top)) calc(var(--_padding-block) + var(--font-base-offset-top));
  padding-inline: var(--_padding-inline);
  font-size: var(--_font-size);
  font-weight: 700;
  line-height: calc(38/26);
  border: 2px solid;
  border-top-left-radius: 16px;
  border-bottom-right-radius: 16px;
}
.p-lineup__item-ttl {
  --_color: var(--color-brightest);
  --_padding-bottom: calc(9 * var(--scale) * var(--to-rem));
  padding-bottom: var(--_padding-bottom);
  font-size: calc(20 * var(--scale) * var(--to-rem));
  font-weight: 700;
  line-height: calc(29/20);
  color: var(--_color);
  border-bottom: 1px solid;
}
@media (width <= 767px) {
  .p-lineup__item-ttl {
    --_margin-inline: 1em;
    margin-inline: var(--_margin-inline);
  }
}
.p-lineup__item-inner {
  --_padding-block: calc(24 * var(--scale) * var(--to-rem)) calc(48 * var(--scale) * var(--to-rem));
  --_padding-inline: calc(32 * var(--scale) * var(--to-rem));
  padding-block: var(--_padding-block);
  padding-inline: var(--_padding-inline);
}
.p-lineup__item-release {
  --_color: var(--color-brightest);
  --_margin-bottom: calc(16 * var(--scale) * var(--to-rem));
  margin-bottom: var(--_margin-bottom);
  line-height: calc(25/17);
  color: var(--_color);
}
.p-lineup__item-box {
  --_gap: calc(40 * var(--scale) * var(--to-rem));
  display: block grid;
  gap: var(--_gap);
}
@media (width >= 768px) {
  .p-lineup__item-box {
    grid-template-columns: calc(460 * var(--scale) * var(--to-rem)) 1fr;
  }
}
@media (width <= 767px) {
  .p-lineup__item-box {
    --_gap: calc(8 * var(--scale) * var(--to-rem));
    --_margin-bottom: 2em;
    margin-bottom: var(--_margin-bottom);
  }
}
.p-lineup__item-box-imgouter {
  position: relative;
  display: block flex;
}
@media (width >= 768px) {
  .p-lineup__item-box-imgouter {
    --_margin-bottom: calc(16 * var(--scale) * var(--to-rem));
    margin-bottom: var(--_margin-bottom);
  }
}
.p-lineup__item-box-imgheader {
  --_gap: calc(8 * var(--scale) * var(--to-rem));
  position: absolute;
  top: 0;
  left: 0;
  display: block grid;
  gap: var(--_gap);
}
.p-lineup__item-box-cat {
  --_font-size: calc(20 * var(--scale) * var(--to-rem));
  --_padding-bottom: calc(2 * var(--scale) * var(--to-rem));
  --_padding-inline: calc(24 * var(--scale) * var(--to-rem));
  padding-inline: var(--_padding-inline);
  padding-bottom: var(--_padding-bottom);
  font-size: var(--_font-size);
  font-weight: 700;
  line-height: calc(29/20);
}
.p-lineup__item-box-kind {
  --_padding-left: calc(16 * var(--scale) * var(--to-rem));
  padding-left: var(--_padding-left);
  font-weight: 700;
  line-height: calc(25/17);
}
.p-lineup__item-box-price {
  --_color: var(--color-brightest);
  --_font-size: calc(30 * var(--scale) * var(--to-rem));
  --_margin-bottom: calc(24 * var(--scale) * var(--to-rem));
  margin-bottom: var(--_margin-bottom);
  font-size: var(--_font-size);
  font-weight: 700;
  line-height: calc(45/30);
  color: var(--_color);
}
.p-lineup__item-box-price-tax {
  --_font-size: calc(17 * var(--scale) * var(--to-rem));
  font-size: var(--_font-size);
  line-height: calc(45/17);
}
.p-lineup__item-box-def {
  --_background-color: var(--color-brightest);
  --_border-radius: 16px;
  --_margin-bottom: calc(24 * var(--scale) * var(--to-rem));
  --_padding: calc(24 * var(--scale) * var(--to-rem));
  padding: var(--_padding);
  margin-bottom: var(--_margin-bottom);
  font-weight: 700;
  line-height: calc(25/17);
  background-color: var(--_background-color);
  border-radius: var(--_border-radius);
}
.p-lineup__item-box-ditem-att {
  --_font-size: calc(14 * var(--scale) * var(--to-rem));
  margin-top: calc(8 * var(--scale) * var(--to-rem));
  font-size: var(--_font-size);
  font-weight: 400;
  line-height: calc(20/14);
}
.p-lineup__item-box-btn-outer {
  --_gap: calc(24 * var(--scale) * var(--to-rem));
  display: block grid;
  gap: var(--_gap);
}
.p-lineup__item-box-btn {
  --_background-color: var(--color-base);
  --_border-color: var(--color-primary);
  --_color: var(--color-brightest);
  --_font-size: calc(20 * var(--scale) * var(--to-rem));
  --_padding-block: calc(11 * var(--scale) * var(--to-rem));
  display: block grid;
  place-content: center;
  padding-block: calc(var(--_padding-block) - var(--font-base-offset-top)) calc(var(--_padding-block) + var(--font-base-offset-top));
  font-size: var(--_font-size);
  font-weight: 700;
  line-height: calc(29/20);
  color: var(--_color);
  background-color: var(--_background-color);
  border: 1px solid var(--_border-color);
}
.p-lineup__item-box-btn:focus-visible {
  background-color: oklch(from var(--_background-color) calc(l + 0.3) c h);
}
@media (any-hover: hover) {
  .p-lineup__item-box-btn:hover {
    background-color: oklch(from var(--_background-color) calc(l + 0.3) c h);
  }
}
.p-lineup__item-box-btn.--nile {
  --_background-color: var(--color-secondary);
}
.p-lineup__item-box-btn.--nile:focus-visible {
  background-color: oklch(from var(--_background-color) calc(l - 0.1) c h);
}
@media (any-hover: hover) {
  .p-lineup__item-box-btn.--nile:hover {
    background-color: oklch(from var(--_background-color) calc(l - 0.1) c h);
  }
}
.p-lineup__item-box-btn.--amazon {
  --_background-color: var(--color-base);
}
.p-lineup__item-box-att {
  --_color: var(--color-brightest);
  margin-top: calc(8 * var(--scale) * var(--to-rem));
  color: var(--_color);
  text-align: center;
}
.p-lineup__item-box-pending {
  --_color: var(--color-brightest);
  --_font-size: calc(17 * var(--scale) * var(--to-rem));
  --_margin-top: calc(-8 * var(--scale) * var(--to-rem));
  margin-top: var(--_margin-top);
  font-size: var(--_font-size);
  color: var(--_color);
}
.p-lineup__item-content {
  --_color: var(--color-brightest);
  --_gap: calc(32 * var(--scale) * var(--to-rem));
  --_margin-bottom: calc(32 * var(--scale) * var(--to-rem));
  display: block grid;
  gap: var(--_gap);
  margin-bottom: var(--_margin-bottom);
  color: var(--_color);
}
.p-lineup__item-details {
  --_background-color: var(--color-brightest);
  --_border-radius: 16px;
  overflow: clip;
  background-color: var(--_background-color);
  border-radius: var(--_border-radius);
}
.p-lineup__item-details[open] .p-lineup__item-details-summary {
  position: relative;
  padding-bottom: calc(9 * var(--scale) * var(--to-rem));
}
.p-lineup__item-details[open] .p-lineup__item-details-summary::after {
  --_background-color: var(--color-base);
  --_height: 1px;
  --_width: calc(100% - var(--_padding-inline) * 2);
  position: absolute;
  bottom: 0;
  left: 50%;
  width: var(--_width);
  height: var(--_height);
  content: "";
  background-color: var(--_background-color);
  translate: -50%;
}
.p-lineup__item-details-summary {
  --_padding-block: calc(24 * var(--scale) * var(--to-rem));
  --_padding-inline: calc(24 * var(--scale) * var(--to-rem));
  display: block flex;
  padding-block: calc(var(--_padding-block) - var(--font-base-offset-top)) calc(var(--_padding-block) + var(--font-base-offset-top));
  padding-inline: var(--_padding-inline);
  font-weight: 700;
  line-height: calc(25/17);
  outline: none;
}
.p-lineup__item-details-summary::before {
  content: "▼";
}
.p-lineup__item-details-content-inner {
  --_padding-block: calc(16 * var(--scale) * var(--to-rem)) calc(32 * var(--scale) * var(--to-rem));
  --_padding-inline: calc(24 * var(--scale) * var(--to-rem));
  padding-block: var(--_padding-block);
  padding-inline: var(--_padding-inline);
}
.p-lineup__item-details-content-def {
  --_column-gap: calc(32 * var(--scale) * var(--to-rem));
  display: block grid;
  column-gap: var(--_column-gap);
  line-height: calc(25/17);
}
@media (width >= 768px) {
  .p-lineup__item-details-content-def {
    grid-template-columns: auto 1fr;
  }
}
.p-lineup__item-details-content-ditem:not(:last-of-type) {
  --_margin-bottom: 1em;
  margin-bottom: var(--_margin-bottom);
}
.p-lineup__item-about-def {
  --_gap: calc(24 * var(--scale) * var(--to-rem));
  display: block grid;
  gap: var(--_gap);
}
.p-lineup__item-about-dwrap {
  --_background-color: var(--color-brightest);
  --_border-radius: 16px;
  --_gap: 1lh;
  --_padding: calc(24 * var(--scale) * var(--to-rem));
  display: block grid;
  gap: var(--_gap);
  padding: var(--_padding);
  background-color: var(--_background-color);
  border-radius: var(--_border-radius);
}
.p-lineup__item-about-dttl {
  font-weight: 700;
}
.p-lineup__item-about-ditem {
  --_gap: 1lh;
  display: block grid;
  gap: var(--_gap);
}
.p-lineup__item-about-ditem strong {
  font-weight: 700;
}

#cat-about .p-lineup__item-inner {
  --_padding-top: calc(40 * var(--scale) * var(--to-rem));
  padding-top: var(--_padding-top);
}