main img {
  max-width: 100%;
  vertical-align: bottom; }

.title-area-heading {
  display: block;
  padding-top: 12px;
  font-size: 24px;
  line-height: 1; }
  @media screen and (min-width: 569px) {
    .title-area-heading {
      font-size: 28px; } }

#title-area.catetop h1 {
  height: auto;
  line-height: 1; }

.contents-wrap {
  padding: 0 0 50px;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1.5;
  color: #1f4e79;
  background-color: #f4f4f4;
  background-image: linear-gradient(-90deg, #fff 50%, transparent 50%), linear-gradient(#fff 50%, transparent 50%);
  background-size: 7px 7px;
  border-top: none; }

.contents-layout {
  max-width: 860px;
  padding: 50px 25px 0;
  margin: 0 auto; }
  @media screen and (min-width: 569px) {
    .contents-layout {
      padding: 80px 25px 0; } }
  @media screen and (max-width: 569px) {
    .contents-layout--product-info {
      padding-bottom: 50px; } }

/*----------------------------------------------------
  MV
----------------------------------------------------*/
.retrogame-hard-mv {
  display: flex;
  flex-direction: column;
  gap: 25px; }
  @media screen and (min-width: 569px) {
    .retrogame-hard-mv {
      gap: 80px; } }
  .retrogame-hard-mv img {
    width: 86.66667vw;
    height: 100%; }

/*----------------------------------------------------
  products info
----------------------------------------------------*/
.retrogame-products-info {
  position: relative;
  padding: 8vw 5.33333vw;
  background-color: #fafafa;
  border: 10px solid #0b439e;
  border-radius: 35px; }
  .retrogame-products-info::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    content: '';
    border-top: 14px solid #0b439e; }
  .retrogame-products-info::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    content: '';
    border-bottom: 14px solid #0b439e; }
  @media screen and (min-width: 960px) {
    .retrogame-products-info {
      padding: 75px 65px; } }
  .retrogame-products-info__item:not(:last-child) {
    padding-bottom: 40px;
    border-bottom: 2px solid #0b439e; }
    @media screen and (min-width: 960px) {
      .retrogame-products-info__item:not(:last-child) {
        padding-bottom: 60px; } }
  .retrogame-products-info__item + .retrogame-products-info__item {
    margin-top: 40px; }
    @media screen and (min-width: 960px) {
      .retrogame-products-info__item + .retrogame-products-info__item {
        margin-top: 60px; } }

.product-info {
  display: flex;
  flex-direction: column; }
  @media screen and (min-width: 960px) {
    .product-info {
      display: grid;
      grid-template-columns: repeat(2, 1fr); }
      .product-info::before {
        content: ''; } }
  @media screen and (max-width: 960px) {
    .product-info__image {
      width: 100%;
      height: 100%; } }
  @media screen and (min-width: 960px) {
    .product-info__image {
      order: -1; } }
  .product-info__note {
    order: 2;
    margin-top: 6.4vw;
    font-size: 3.2vw;
    color: #828589; }
    @media screen and (min-width: 960px) {
      .product-info__note {
        order: inherit;
        margin-top: 24px;
        font-size: 12px; } }
  .product-info__detail {
    margin-top: 20px; }
    @media screen and (min-width: 960px) {
      .product-info__detail {
        margin-top: -236px; } }
    @media screen and (min-width: 960px) {
      .product-info__detail--03 {
        margin-top: -178px; } }

.product-detail {
  color: #0b439e; }
  @media screen and (min-width: 960px) {
    .product-detail {
      padding-left: 60px; } }
  .product-detail__name {
    font-size: 5.86667vw;
    font-weight: bold; }
    @media screen and (min-width: 960px) {
      .product-detail__name {
        font-size: 22px; } }
  .product-detail__label {
    display: inline-block;
    width: 18.66667vw;
    padding: 1.6vw 0;
    margin-top: 30px;
    font-size: 3.2vw;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background-color: #0b439e;
    border-radius: 8px; }
    @media screen and (min-width: 960px) {
      .product-detail__label {
        width: 70px;
        padding: 6px 0;
        font-size: 12px; } }
  .product-detail__price {
    font-size: 16vw;
    font-weight: bold;
    color: #e41b88;
    letter-spacing: -0.04em; }
    @media screen and (min-width: 960px) {
      .product-detail__price {
        font-size: 60px; } }
  .product-detail__price-unit {
    font-size: 9.6vw; }
    @media screen and (min-width: 960px) {
      .product-detail__price-unit {
        font-size: 36px; } }
  .product-detail__price-tax {
    padding-left: 10px;
    font-size: 5.86667vw;
    word-break: keep-all; }
    @media screen and (min-width: 960px) {
      .product-detail__price-tax {
        font-size: 22px; } }
  .product-detail__package {
    margin-top: 5.33333vw;
    font-size: 3.2vw; }
    @media screen and (min-width: 960px) {
      .product-detail__package {
        margin-top: 30px;
        font-size: 12px; } }
    .product-detail__package::before {
      display: inline-block;
      width: 5px;
      height: 5px;
      margin-right: 5px;
      content: '';
      background-color: #0b439e; }

/*----------------------------------------------------
  banner
----------------------------------------------------*/
.retrogame-banner {
  display: block; }
  @media screen and (min-width: 960px) {
    .retrogame-banner {
      display: flex;
      gap: 10px; } }
  .retrogame-banner__item {
    display: block; }
    .retrogame-banner__item + .retrogame-banner__item {
      margin-top: 30px; }
      @media screen and (min-width: 960px) {
        .retrogame-banner__item + .retrogame-banner__item {
          margin-top: 0; } }
    .retrogame-banner__item img {
      width: 100%;
      height: auto; }

.retrogame-banner-note {
  margin-top: 3.2vw;
  font-size: 3.2vw;
  color: #828589; }
  @media screen and (min-width: 960px) {
    .retrogame-banner-note {
      margin-top: 12px;
      font-size: 12px; } }