/** Shopify CDN: Minification failed

Line 218:28 Unexpected ".55"

**/
.column-page-wrapper {
  inline-size: min(750px, 100%);
  margin-inline: auto;
  padding-inline: 1rem;
  padding-block: 2em;

  @media ( width < 750px ) {
    padding-inline: 1.75rem;
  }
}

.page-title {
  font-size: 2rem;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;

  @media ( width < 750px ) {
    font-size: 1.8rem;
    font-weight: bold;
  }
}

.text-wrapper {
  padding-block: 3rem;

  & > a {
    color: cornflowerblue;;
  }
}

.page-hr {
  margin-block: 0;
}

.page-thumbnail {
  position: relative;

  &::before {
    content: "";
    display: block flow;
    aspect-ratio: 16 / 9;
  }

  & img {
    position: absolute;
    inline-size: 100%;
    block-size: 100%;
    inset: 0;
    object-fit: cover;
    object-position: 0 15%;
  }
}

.text-title {
  margin-block-end: 2rem;
  font-weight: bold;
}

.text-img {
  position: relative;
  text-align: center;
  margin-block: 2rem;

  &::before {
    content: "";
    display: block flow;
    aspect-ratio: 16 / 9;
  }

  & img {
    position: absolute;
    inline-size: 100%;
    block-size: 100%;
    inset: 0;
    object-fit: cover;
    object-position: 0 15%;
  }
}

.text-img-insta-size {
  
  position: relative;
  text-align: center;
  margin-block: 2rem;

  &::before {
    content: "";
    display: block flow;
    aspect-ratio: 0.8;
  }

  & img {
    position: absolute;
    inline-size: 100%;
    block-size: 100%;
    inset: 0;
    object-fit: cover;
    object-position: 0 15%;
  }
}

.text-img-column-vetical {
  position: relative;
  text-align: center;
  margin-block: 2rem;
  inline-size: 50%;

  &::before {
    content: "";
    display: block flow;
    aspect-ratio: 0.8;
  }

  & img {
    position: absolute;
    inline-size: 100%;
    block-size: 100%;
    inset: 0;
    object-fit: cover;
    object-position: 0 15%;
  }

  @media(width <= 750px) {
    inline-size: 75%;
  }
}

.text-img-link {
  position: relative;
  text-align: center;
  margin-block: 2rem;
  cursor: pointer;

  &::before {
    content: "";
    display: block flow;
    aspect-ratio: 4;
  }

  & img {
    position: absolute;
    inline-size: 100%;
    block-size: 100%;
    inset: 0;
    object-fit: cover;
    object-position: 0 15%;
  }
}

.rich-text-img {
  max-inline-size: min(275px, 100%);
  position: relative;

  &::before {
    content: "";
    display: block flow;
    aspect-ratio: 9 / 16;
  }

  & img {
    position: absolute;
    inline-size: 100%;
    block-size: 100%;
    inset: 0;
    object-fit: cover;
  }
}

.link-contents {
    --_link-contents-size: 360px;
  
    display: block grid;
    grid-template-columns: max-content auto;
    inline-size: min(var(--_link-contents-size), 100%);
    margin-inline: auto;
    align-self: center;
    justify-content: center;
    column-gap: 1rem;
    align-items: center;
    background-color: #D4AF9C;
    padding-inline: 2rem 0;
    padding-block: 1rem;
    border-radius: calc(infinity * 1px);
    color: #fff;
    box-shadow: 5px 5px 0px #6F5346;
    transition: .3s;

  & .link-wrapper {
    display: contents;
  }
  
  & .link-text {
    font-size: 1.4rem;
    align-self: center;
  }

  & svg {
    block-size: 3rem;
    inline-size: 3rem;
    object-fit: contain;
    display: block;
  }

  @media (width <= 750px) {
    --_link-contents-size: 340px;
  }

  &:hover {
    box-shadow: unset;
    transform: translate(4px,4px);
  }
}

.text-img-insta-size-ajust-0.55 {
  &::before {
    aspect-ratio: 0.55;
  }
}

.text-wrapper {
  & .product-lists {
    --_product-name_font-size: 1.6rem;
    --_product-lists_row-gap: 0.5rem;

    display: block grid;
    grid-template-columns: auto max-content auto;
    place-content: center;
    row-gap: var(--_product-lists_row-gap);

    & .product-link {
        display: contents;
      }

    & .product-list {
      display: block grid;
      grid-template-columns: subgrid;
      grid-column: 1 / -1;
      column-gap: 1rem;
      align-items: baseline;

      & .product-name {
        font-size: var(--_product-name_font-size);
      }

      &:hover {
        & .tags {
          box-shadow: unset;
          transform: translate(4px,4px);
        }
      }

    }

    & .tags {
      background-color: #DCBFAF;
      border-radius: calc(infinity * 1px);
      padding-inline: 1rem;
      box-shadow: 5px 5px 0px #6F5346;
      transition: .3s;
    }

    @media (width <= 750px) {
      --_product-name_font-size: 1.2rem;
      --_product-lists_row-gap: 1.5rem;
    }
  }
}


.column-video-container {
  position: relative;
  inline-size: min(750px, 90%);
  margin-inline: auto;
  margin-block: min(24px, 2.5svb);

  @container(750px <= inline-size) {
    margin-inline-end: auto; 
  }
  
  &::before {
    content: '';
    display: block;
    aspect-ratio: 16 / 9;
  }

  & iframe {
    position: absolute;
    inset: 0;
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
  }
}