[data-js-toggle-related-links][data-js-toggle-active] {
  display: none;
}

.brand-dialog {
  position: fixed;
  display: block;
  padding: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: transparent;
  z-index: 5000;
}
.brand-dialog[hidden] {
  display: none;
}
.brand-dialog::before {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--background-black);
  opacity: var(--opacity-7);
  z-index: -1;
}
.brand-dialog__inner {
  position: relative;
  top: 50%;
  left: 50%;
  width: min(62.5vw, 900px);
  background: var(--background-white);
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 767px) {
  .brand-dialog__inner {
    width: 89.744vw;
  }
}
.brand-dialog__content {
  display: grid;
  justify-items: center;
  gap: var(--space-20);
  padding: var(--space-60) 0 var(--space-40);
}
@media only screen and (max-width: 767px) {
  .brand-dialog__content {
    gap: var(--space-30);
    padding: 12.821vw 0 14.103vw;
  }
}
.brand-dialog__footer {
  display: grid;
  justify-items: center;
  gap: min(0.556vw, 8px);
  padding-block: var(--space-40);
  background: var(--background-light_gray);
}
@media only screen and (max-width: 767px) {
  .brand-dialog__footer {
    gap: var(--space-10);
    padding-block: 7.692vw;
  }
}
.brand-dialog__footer small {
  display: inline-block;
  font-family: var(--family-jp);
  font-size: var(--size-14px);
  font-weight: var(--weight-regular);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .brand-dialog__footer small {
    font-size: var(--size-14px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .brand-dialog__footer small {
    font-family: var(--family-jp);
    font-size: var(--size-12px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .brand-dialog__footer small {
    font-size: var(--size-12px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .brand-dialog__footer small {
    padding-left: 6.923vw;
    width: 73.333vw;
  }
}
.brand-dialog__age-verification {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  gap: var(--space-10);
  cursor: pointer;
  transition: opacity var(--ease-in-out-200);
}
@media only screen and (max-width: 767px) {
  .brand-dialog__age-verification {
    width: 73.333vw;
  }
}
.brand-dialog__age-verification input[type=checkbox] {
  opacity: 0;
  position: absolute;
  width: 1px;
  height: 1px;
}
.brand-dialog__age-verification input[type=checkbox]:checked + label::before {
  border: 1px solid var(--primary-red);
  background: var(--primary-red);
}
.brand-dialog__age-verification input[type=checkbox]:checked + label::after {
  opacity: 1;
  transform: translate(0, -50%) scale(1);
}
.brand-dialog__age-verification label {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  padding-left: min(1.875vw, 27px);
  box-sizing: border-box;
  color: var(--text-black);
  transition: all var(--ease-in-out-200);
  font-family: var(--family-jp);
  font-size: var(--size-22px);
  font-weight: var(--weight-bold);
  line-height: var(--line-height-150);
}
@media only screen and (max-width: 767px) {
  .brand-dialog__age-verification label {
    font-size: var(--size-22px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) {
  .brand-dialog__age-verification label {
    font-family: var(--family-jp);
    font-size: var(--size-18px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .brand-dialog__age-verification label {
    font-size: var(--size-18px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) {
  .brand-dialog__age-verification label {
    padding-left: 6.923vw;
  }
}
.brand-dialog__age-verification label:hover {
  border-color: var(--line-light_gray);
}
.brand-dialog__age-verification label::before {
  position: absolute;
  display: block;
  content: "";
  margin-top: min(0.104vw, 1.5px);
  top: 50%;
  left: 0;
  width: min(1.181vw, 17px);
  height: min(1.181vw, 17px);
  border-radius: min(0.208vw, 3px);
  border: 1px solid var(--line-dark_gray);
  background: transparent;
  transform: translate(0, -50%);
  transition: all var(--ease-in-out-200);
}
@media only screen and (max-width: 767px) {
  .brand-dialog__age-verification label::before {
    margin-top: 0.385vw;
    width: 4.359vw;
    height: 4.359vw;
    border-radius: 0.769vw;
  }
}
.brand-dialog__age-verification label::after {
  position: absolute;
  display: block;
  content: "";
  margin-top: min(0.104vw, 1.5px);
  top: 50%;
  left: min(0.208vw, 3px);
  opacity: 0;
  transform: translate(0, -50%) scale(0);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  width: min(0.694vw, 10px);
  height: min(0.625vw, 9px);
  background-position: center;
  background-size: min(0.694vw, 10px) min(0.625vw, 9px);
  background-repeat: no-repeat;
  background-image: url("/assets/img/component/icon/icon-checkbox_white.svg");
}
@media only screen and (max-width: 767px) {
  .brand-dialog__age-verification label::after {
    width: 2.564vw;
    height: 2.308vw;
    background-size: 2.564vw 2.308vw;
  }
}
@media only screen and (max-width: 767px) {
  .brand-dialog__age-verification label::after {
    margin-top: 0.385vw;
    left: 0.769vw;
  }
}
.brand-dialog__age-verification input[type=checkbox]:focus-visible + label {
  opacity: var(--opacity-7);
}
@media print, screen and (min-width: 768px) {
  .brand-dialog__age-verification:hover {
    opacity: var(--opacity-7);
  }
}
.brand-dialog__logo {
  width: min(20.833vw, 300px);
  height: min(3.889vw, 56px);
}
@media only screen and (max-width: 767px) {
  .brand-dialog__logo {
    width: 63.077vw;
    height: 12.051vw;
  }
}
.brand-dialog__button-wrapper {
  display: grid;
  grid-auto-flow: column;
  gap: var(--space-20);
}
@media only screen and (max-width: 767px) {
  .brand-dialog__button-wrapper {
    justify-items: center;
    grid-auto-flow: row;
  }
}
.brand-dialog__description {
  text-align: center;
  font-family: var(--family-jp);
  font-size: var(--size-22px);
  font-weight: var(--weight-bold);
  line-height: var(--line-height-150);
}
@media only screen and (max-width: 767px) {
  .brand-dialog__description {
    font-size: var(--size-22px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) {
  .brand-dialog__description {
    font-family: var(--family-jp);
    font-size: var(--size-18px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .brand-dialog__description {
    font-size: var(--size-18px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
.brand-dialog__question {
  text-align: center;
  color: var(--primary-red);
  font-family: var(--family-jp);
  font-size: var(--size-36px);
  font-weight: var(--weight-bold);
  line-height: var(--line-height-150);
}
@media only screen and (max-width: 767px) {
  .brand-dialog__question {
    font-size: var(--size-36px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) {
  .brand-dialog__question {
    font-family: var(--family-jp);
    font-size: var(--size-28px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .brand-dialog__question {
    font-size: var(--size-28px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}

.brand-navigation.kind--top {
  display: flex;
  flex-direction: column;
  gap: var(--space-40);
  margin-block: var(--space-60);
}
@media only screen and (max-width: 767px) {
  .brand-navigation.kind--top {
    margin-block: var(--space-40);
  }
}
.brand-navigation.kind--category {
  margin-top: var(--space-120);
  margin-bottom: var(--space-60);
}
@media only screen and (max-width: 767px) {
  .brand-navigation.kind--category {
    margin-top: var(--space-80);
  }
}
.brand-navigation.kind--detail {
  margin-block: var(--space-100);
}
@media only screen and (max-width: 767px) {
  .brand-navigation.kind--detail {
    margin-top: 17.949vw;
    margin-bottom: var(--space-60);
  }
}

.brand-introduction {
  margin-block: min(5.903vw, 85px);
}
@media only screen and (max-width: 767px) {
  .brand-introduction {
    margin-top: 10.256vw;
    margin-bottom: 12.821vw;
  }
}
.brand-introduction.kind--accc {
  margin-block: var(--space-80);
}
@media only screen and (max-width: 767px) {
  .brand-introduction.kind--accc {
    margin-block: var(--space-40);
  }
}
.brand-introduction__inner {
  margin-inline: auto;
  width: var(--container-width-pc);
}
@media only screen and (max-width: 767px) {
  .brand-introduction__inner {
    width: var(--container-width-sp);
  }
}
.brand-introduction__content.type--text {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: min(2.083vw, 30px);
}
@media only screen and (max-width: 767px) {
  .brand-introduction__content.type--text {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    gap: 7.692vw;
  }
}
.brand-introduction__description {
  justify-self: start;
  font-family: var(--family-jp);
  font-size: var(--size-18px);
  font-weight: var(--weight-regular);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .brand-introduction__description {
    font-size: var(--size-18px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .brand-introduction__description {
    font-family: var(--family-jp);
    font-size: var(--size-16px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .brand-introduction__description {
    font-size: var(--size-16px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
.brand-introduction__button {
  justify-self: end;
}

.brand.kind--all, .brand.kind--liquor {
  margin-bottom: var(--space-100);
}
@media only screen and (max-width: 767px) {
  .brand.kind--all, .brand.kind--liquor {
    margin-bottom: var(--space-60);
  }
}
.brand.kind--accc {
  margin-bottom: var(--space-120);
}
@media only screen and (max-width: 767px) {
  .brand.kind--accc {
    margin-bottom: var(--space-80);
  }
}
.brand.kind--accc .brand__category-item {
  gap: var(--space-40);
}
@media only screen and (max-width: 767px) {
  .brand.kind--accc .brand__category-item {
    gap: var(--space-20);
  }
}
.brand__inner {
  display: flex;
  flex-direction: column;
  gap: var(--space-120);
  margin-inline: auto;
  width: var(--container-width-pc);
}
@media only screen and (max-width: 767px) {
  .brand__inner {
    gap: var(--space-80);
    width: var(--container-width-sp);
  }
}
.brand__content {
  display: flex;
  flex-direction: column;
}
.brand__content.kind--line-up {
  gap: var(--space-80);
}
@media only screen and (max-width: 767px) {
  .brand__content.kind--line-up {
    gap: var(--space-80);
  }
}
.brand__content.kind--related-links {
  gap: var(--space-40);
}
@media only screen and (max-width: 767px) {
  .brand__content.kind--related-links {
    gap: var(--space-20);
  }
}
.brand__content.kind--liquor {
  gap: var(--space-80);
}
@media only screen and (max-width: 767px) {
  .brand__content.kind--liquor {
    gap: var(--space-80);
  }
}
.brand__relation {
  display: flex;
  flex-direction: column;
  gap: var(--space-60);
}
@media only screen and (max-width: 767px) {
  .brand__relation {
    gap: var(--space-40);
  }
}
.brand__relation-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -moz-column-gap: var(--space-20);
       column-gap: var(--space-20);
  row-gap: var(--space-60);
}
@media only screen and (max-width: 767px) {
  .brand__relation-list {
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: var(--space-15);
         column-gap: var(--space-15);
    row-gap: 7.692vw;
  }
}
.brand__sns {
  overflow: hidden;
  display: grid;
  grid-template-columns: min(10.833vw, 156px) 1fr;
  width: var(--container-width-pc);
  height: min(7.708vw, 111px);
  border-radius: min(1.042vw, 15px);
  border: solid 1px var(--line-light_gray);
}
@media only screen and (max-width: 767px) {
  .brand__sns {
    grid-template-columns: 1fr;
    width: var(--container-width-sp);
    height: auto;
    border-radius: 3.846vw;
  }
}
.brand__sns-header {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--text-black);
  background: var(--background-light_gray);
  font-family: var(--family-jp);
  font-size: var(--size-18px);
  font-weight: var(--weight-bold);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .brand__sns-header {
    font-size: var(--size-18px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .brand__sns-header {
    font-family: var(--family-jp);
    font-size: var(--size-16px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .brand__sns-header {
    font-size: var(--size-16px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .brand__sns-header {
    padding: 2.564vw 0 3.846vw;
  }
}
.brand__sns-content {
  display: flex;
  align-items: center;
  gap: var(--space-40);
  padding-inline: var(--space-40);
}
@media only screen and (max-width: 767px) {
  .brand__sns-content {
    flex-direction: column;
    gap: var(--space-20);
    padding: var(--space-20) var(--space-40);
  }
}
.brand__sns-item {
  display: flex;
  gap: var(--space-40);
}
@media only screen and (max-width: 767px) {
  .brand__sns-item {
    align-items: center;
    flex-direction: column;
    gap: 3.59vw;
    width: 100%;
  }
}
.brand__sns-name {
  position: relative;
  display: block;
  color: var(--text-gray);
  text-align: center;
  font-family: var(--family-jp);
  font-size: var(--size-16px);
  font-weight: var(--weight-bold);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .brand__sns-name {
    font-size: var(--size-16px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .brand__sns-name {
    font-family: var(--family-jp);
    font-size: var(--size-14px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .brand__sns-name {
    font-size: var(--size-14px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) {
  .brand__sns-name {
    padding-bottom: 1.282vw;
    width: 100%;
  }
}
.brand__sns-name::after {
  position: absolute;
  display: inline-block;
  content: "";
  top: 50%;
  right: max(-1.389vw, -20px);
  width: 1px;
  height: min(1.667vw, 24px);
  background: var(--line-light_gray);
  transform: translate(0, -50%);
}
@media only screen and (max-width: 767px) {
  .brand__sns-name::after {
    top: auto;
    right: auto;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    transform: translate(0, 0);
  }
}
.brand__sns-list {
  display: flex;
  gap: var(--space-20);
}
.brand__sns-list-item a {
  display: inline-block;
}
.brand__sns-icon {
  display: inline-block;
}
.brand__sns-icon.facebook {
  width: min(1.667vw, 24px);
  height: min(1.667vw, 24px);
  background-image: url("/assets/img/component/icon/service/facebook.svg");
  background-position: center;
  background-size: min(1.667vw, 24px) min(1.667vw, 24px);
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .brand__sns-icon.facebook {
    width: 6.154vw;
    height: 6.154vw;
    background-size: 6.154vw 6.154vw;
  }
}
.brand__sns-icon.instagram {
  width: min(1.667vw, 24px);
  height: min(1.667vw, 24px);
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  -webkit-mask-image: url("/assets/img/component/icon/service/instagram.svg");
          mask-image: url("/assets/img/component/icon/service/instagram.svg");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: min(1.667vw, 24px) min(1.667vw, 24px);
          mask-size: min(1.667vw, 24px) min(1.667vw, 24px);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .brand__sns-icon.instagram {
    width: 6.154vw;
    height: 6.154vw;
    background-size: 6.154vw 6.154vw;
    -webkit-mask-size: 6.154vw 6.154vw;
            mask-size: 6.154vw 6.154vw;
  }
}
.brand__sns-icon.x {
  width: min(1.667vw, 24px);
  height: min(1.667vw, 24px);
  background-image: url("/assets/img/component/icon/service/x.svg");
  background-position: center;
  background-size: min(1.667vw, 24px) min(1.667vw, 24px);
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .brand__sns-icon.x {
    width: 6.154vw;
    height: 6.154vw;
    background-size: 6.154vw 6.154vw;
  }
}
.brand__sns-icon.youtube {
  width: min(2.431vw, 35px);
  height: min(1.667vw, 24px);
  background-image: url("/assets/img/component/icon/service/youtube.svg");
  background-position: center;
  background-size: min(2.431vw, 35px) min(1.667vw, 24px);
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .brand__sns-icon.youtube {
    width: 8.974vw;
    height: 6.154vw;
    background-size: 8.974vw 6.154vw;
  }
}
.brand .c-layout_line {
  margin-block: var(--space-40);
}
.brand__category-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--space-40);
}
.brand__category {
  display: flex;
  flex-direction: column;
  gap: var(--space-80);
}
.brand__category-item {
  display: flex;
  flex-direction: column;
  gap: var(--space-40);
}
.brand__introduction {
  display: flex;
  flex-direction: column;
}
.brand__introduction:has(.c-layout_productfeatures) {
  gap: var(--space-30);
}
.brand__introduction:has(.c-description) {
  gap: var(--space-10);
}
.brand__product {
  display: grid;
  grid-template-columns: auto min(38.194vw, 550px);
  -moz-column-gap: var(--space-60);
       column-gap: var(--space-60);
}
@media only screen and (max-width: 767px) {
  .brand__product {
    grid-template-columns: 1fr;
    -moz-column-gap: 0;
         column-gap: 0;
    row-gap: var(--space-20);
  }
}
.brand__product-slider-wrapper {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: var(--space-10);
}
.brand__product-slider {
  width: min(34.028vw, 490px);
  height: min(26.389vw, 380px);
}
@media only screen and (max-width: 767px) {
  .brand__product-slider {
    width: 84.615vw;
    height: 63.333vw;
  }
}
.brand__product-slider-image {
  overflow: hidden;
  width: 100%;
  height: min(26.389vw, 380px);
}
@media only screen and (max-width: 767px) {
  .brand__product-slider-image {
    height: 63.333vw;
  }
}
.brand__product-slider-thumbnail-list {
  display: flex;
  justify-content: start;
  gap: var(--space-10);
}
.brand__product-slider-thumbnail {
  position: relative;
  overflow: hidden;
  width: min(8.194vw, 118px);
  height: min(6.181vw, 89px);
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .brand__product-slider-thumbnail {
    width: 19.231vw;
    height: 14.872vw;
  }
}
.brand__product-slider-thumbnail::after {
  position: absolute;
  display: inline-block;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  opacity: 1;
  transition: all var(--ease-in-out-300);
}
.brand__product-slider-thumbnail:hover::after {
  background: rgba(0, 0, 0, 0.2);
}
.brand__product-slider-thumbnail[aria-selected=true]::after {
  opacity: 0;
}
.brand__product-image {
  display: block;
  width: min(34.028vw, 490px);
  height: min(26.389vw, 380px);
}
@media only screen and (max-width: 767px) {
  .brand__product-image {
    width: 84.615vw;
    height: 63.333vw;
  }
}
.brand__product-description {
  margin-bottom: var(--space-20);
  font-family: var(--family-jp);
  font-size: var(--size-16px);
  font-weight: var(--weight-regular);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .brand__product-description {
    font-size: var(--size-16px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .brand__product-description {
    font-family: var(--family-jp);
    font-size: var(--size-14px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .brand__product-description {
    font-size: var(--size-14px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
.brand__product-table-wrapper {
  margin-bottom: var(--space-10);
}
.brand__product-table {
  border: 1px solid var(--line-light_gray);
  border-collapse: collapse;
}
.brand__product-table th, .brand__product-table td {
  color: var(--text-black);
  border: 1px solid var(--line-light_gray);
}
.brand__product-table th {
  padding: var(--space-15);
  width: min(12.5vw, 180px);
  background: var(--background-light_gray);
  font-family: var(--family-jp);
  font-size: var(--size-16px);
  font-weight: var(--weight-bold);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .brand__product-table th {
    font-size: var(--size-16px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .brand__product-table th {
    font-family: var(--family-jp);
    font-size: var(--size-14px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .brand__product-table th {
    font-size: var(--size-14px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) {
  .brand__product-table th {
    width: 28.205vw;
    vertical-align: middle;
  }
}
.brand__product-table td {
  padding: var(--space-15);
  width: min(25.694vw, 370px);
  font-family: var(--family-jp);
  font-size: var(--size-16px);
  font-weight: var(--weight-regular);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .brand__product-table td {
    font-size: var(--size-16px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .brand__product-table td {
    font-family: var(--family-jp);
    font-size: var(--size-14px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .brand__product-table td {
    font-size: var(--size-14px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .brand__product-table td {
    width: 56.41vw;
  }
}
.brand__purchase {
  display: grid;
  align-items: center;
  justify-items: center;
  grid-template-columns: auto 1fr;
  gap: min(2.431vw, 35px);
  margin-top: var(--space-80);
  padding: min(3.333vw, 48px) var(--space-60);
  width: 100%;
  border-radius: min(1.042vw, 15px);
  background: var(--background-light_gray);
}
@media only screen and (max-width: 767px) {
  .brand__purchase {
    grid-template-columns: 1fr;
    gap: var(--space-15);
    padding: var(--space-20);
    border-radius: 3.846vw;
  }
}
.brand__purchase .c-title.type--secondary {
  width: -moz-fit-content;
  width: fit-content;
}
.brand__purchase-button {
  display: flex;
  justify-content: end;
  gap: var(--space-10);
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .brand__purchase-button {
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .brand__purchase-button .c-button.type--primary.theme--red.kind--blank {
    width: 100%;
  }
}
.brand__purchase-button .c-button.type--primary.theme--red.kind--blank .c-button__text {
  padding-right: var(--space-20);
}
.brand__purchase-button span.setting {
  font-family: var(--family-jp);
  font-size: var(--size-12px);
  font-weight: var(--weight-regular);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .brand__purchase-button span.setting {
    font-size: var(--size-12px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .brand__purchase-button span.setting {
    font-family: var(--family-jp);
    font-size: var(--size-10px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .brand__purchase-button span.setting {
    font-size: var(--size-10px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
.brand__specifications {
  display: flex;
  flex-direction: column;
  gap: var(--space-20);
  margin-bottom: var(--space-40);
}
.brand__specifications dt {
  display: inline-block;
  padding-inline: var(--space-10);
  padding-block: min(0.139vw, 2px);
  border: solid 1px var(--line-light_gray);
  border-radius: min(0.347vw, 5px);
  font-family: var(--family-jp);
  font-size: var(--size-16px);
  font-weight: var(--weight-bold);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .brand__specifications dt {
    font-size: var(--size-16px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .brand__specifications dt {
    font-family: var(--family-jp);
    font-size: var(--size-14px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .brand__specifications dt {
    font-size: var(--size-14px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) {
  .brand__specifications dt {
    padding-block: 0.513vw;
    border-radius: 1.282vw;
  }
}
.brand__specifications dd {
  font-family: var(--family-jp);
  font-size: var(--size-16px);
  font-weight: var(--weight-regular);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .brand__specifications dd {
    font-size: var(--size-16px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .brand__specifications dd {
    font-family: var(--family-jp);
    font-size: var(--size-14px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .brand__specifications dd {
    font-size: var(--size-14px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
.brand__specifications-item {
  display: flex;
  align-items: start;
  flex-direction: column;
  gap: var(--space-5);
}
.brand__annotation {
  display: block;
  padding: var(--space-40);
  border: solid 1px var(--line-light_gray);
  border-radius: min(0.694vw, 10px);
  margin-bottom: var(--space-100);
}
@media only screen and (max-width: 767px) {
  .brand__annotation {
    padding: var(--space-20);
    margin-bottom: var(--space-60);
    border-radius: 2.564vw;
  }
}
.brand__relation-product {
  display: flex;
  flex-direction: column;
  gap: var(--space-40);
}
.brand__relation-product.kind--accc {
  margin-bottom: var(--space-120);
}
@media only screen and (max-width: 767px) {
  .brand__relation-product.kind--accc {
    margin-bottom: var(--space-80);
  }
}
.brand__relation-product-introduction {
  display: flex;
  flex-direction: column;
  gap: var(--space-20);
}
.brand__relation-product-button {
  display: grid;
  justify-content: center;
  margin-top: var(--space-20);
}
@media only screen and (max-width: 767px) {
  .brand__relation-product-button {
    margin-top: 0;
  }
}

.brand-information {
  padding: min(4.167vw, 60px) 0 min(4.167vw, 60px);
  width: auto;
  max-width: 100%;
  border-top: solid 1px var(--line-light_gray);
}
@media only screen and (max-width: 767px) {
  .brand-information {
    padding: 10.256vw 0 15.385vw;
  }
}
.brand-information__inner {
  margin: 0 auto;
  width: var(--container-width-pc);
}
@media only screen and (max-width: 767px) {
  .brand-information__inner {
    width: var(--container-width-sp);
  }
}
.brand-information__content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-40);
}
@media only screen and (max-width: 767px) {
  .brand-information__content {
    grid-template-columns: 1fr;
    gap: var(--space-20);
  }
}
.brand-information__item {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: min(1.181vw, 17px);
  padding-block: var(--space-40);
  border-radius: min(1.042vw, 15px);
  background: var(--background-light_gray);
}
@media only screen and (max-width: 767px) {
  .brand-information__item {
    gap: 3.077vw;
    padding: var(--space-20);
    border-radius: 3.846vw;
  }
}
.brand-information__title {
  color: var(--text-black);
  font-family: var(--family-jp);
  font-size: var(--size-22px);
  font-weight: var(--weight-bold);
  line-height: var(--line-height-150);
}
@media only screen and (max-width: 767px) {
  .brand-information__title {
    font-size: var(--size-22px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) {
  .brand-information__title {
    font-family: var(--family-jp);
    font-size: var(--size-18px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .brand-information__title {
    font-size: var(--size-18px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}/*# sourceMappingURL=product.css.map */