@charset "UTF-8";
#content div,
#content span,
#content object,
#content iframe,
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#content p,
#content blockquote,
#content pre,
#content abbr,
#content address,
#content cite,
#content code,
#content del,
#content dfn,
#content em,
#content img,
#content ins,
#content kbd,
#content q,
#content samp,
#content small,
#content strong,
#content sub,
#content sup,
#content var,
#content b,
#content i,
#content dl,
#content dt,
#content dd,
#content ol,
#content ul,
#content li,
#content fieldset,
#content form,
#content label,
#content legend,
#content table,
#content caption,
#content tbody,
#content tfoot,
#content thead,
#content tr,
#content th,
#content td,
#content article,
#content aside,
#content canvas,
#content details,
#content figcaption,
#content figure,
#content footer,
#content header,
#content hgroup,
#content menu,
#content nav,
#content section,
#content summary,
#content time,
#content mark,
#content audio,
#content video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: normal;
  color: #333;
  font-family: "Shippori Mincho", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
}
#content #wrapper {
  container-type: inline-size;
  max-width: 1366px;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  #content .sp {
    display: none !important;
  }
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .pc {
    display: none !important;
  }
}
#content .fv {
  background: #f4f4e2;
  width: min(100cqw, 1366px);
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .fv {
    width: max(89.8666666667cqw, 337px);
    background: none;
  }
  #content .fv::before {
    content: "";
    position: absolute;
    top: 0;
    left: min(-5.3333333333cqw, -20px);
    width: max(100cqw, 375px);
    height: max(41.3333333333cqw, 155px);
    background: #f4f4e2;
    z-index: -1;
  }
}
#content .fv__inner {
  display: flex;
  align-items: center;
  gap: min(4.0995607613cqw, 56px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .fv__inner {
    flex-direction: column;
  }
}
#content .fv__title {
  width: min(13.7628111274cqw, 188px);
  position: absolute;
  z-index: 2;
  top: min(3.0014641288cqw, 41px);
  left: min(12.5915080527cqw, 172px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .fv__title {
    position: absolute;
    top: max(9.8666666667cqw, 37px);
    left: max(4.8cqw, 18px);
    width: max(37.3333333333cqw, 140px);
  }
}
#content .fv__photo {
  width: min(32.7964860908cqw, 448px);
  margin-left: min(16.7642752562cqw, 229px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .fv__photo {
    width: max(89.8666666667cqw, 337px);
    margin-left: 0;
    margin-top: max(20.8cqw, 78px);
  }
}
#content .fv__lead {
  text-align: center;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .fv__lead {
    text-align: left;
    padding-left: max(4.8cqw, 18px);
    padding-right: max(4.8cqw, 18px);
  }
}
#content .fv__label-img {
  width: min(29.5021961933cqw, 403px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .fv__label-img {
    width: max(65.0666666667cqw, 244px);
    position: relative;
    top: min(-3.2cqw, -12px);
  }
}
#content .fv__copy {
  margin-top: min(1.756954612cqw, 24px);
  font-size: min(2.635431918cqw, 36px);
  line-height: 130%;
  color: #000;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .fv__copy {
    margin-top: 0;
    font-size: max(5.8666666667cqw, 22px);
  }
}
#content .fv__text {
  margin-top: min(2.5622254758cqw, 35px);
  font-size: min(1.1713030747cqw, 16px);
  line-height: min(2.196193265cqw, 30px);
  color: #000;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .fv__text {
    margin-top: max(8.2666666667cqw, 31px);
    font-size: max(3.4666666667cqw, 13px);
    line-height: max(6.4cqw, 24px);
  }
  #content .fv__text br {
    display: none;
  }
}
#content .coord {
  padding-top: min(7.3206442167cqw, 100px);
  padding-bottom: min(5.6368960469cqw, 77px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .coord {
    padding-top: max(19.4666666667cqw, 73px);
    padding-bottom: max(20.5333333333cqw, 77px);
  }
}
#content .coord__inner {
  max-width: 756px;
  margin: 0 auto;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .coord__inner {
    padding-left: max(10.6666666667cqw, 40px);
    padding-right: max(10.6666666667cqw, 40px);
  }
}
#content .coord__list {
  display: flex;
  gap: min(2.0497803807cqw, 28px);
  justify-content: center;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .coord__list {
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: max(4.5333333333cqw, 17px);
  }
}
#content .coord__item {
  width: min(12.298682284cqw, 168px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .coord__item {
    width: max(37.8666666667cqw, 142px);
  }
}
#content .coord__title {
  margin-top: min(0.7320644217cqw, 10px);
  text-align: center;
  font-size: min(1.0980966325cqw, 15px);
  line-height: min(1.5373352855cqw, 21px);
  color: #000;
  font-weight: 500;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .coord__title {
    font-weight: normal;
  }
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .coord__title {
    margin-top: max(2.1333333333cqw, 8px);
    font-size: max(3.4666666667cqw, 13px);
    line-height: max(4.8cqw, 18px);
  }
}
#content .scroll {
  display: flex;
  justify-content: center;
}
#content .scroll__line {
  position: relative;
  width: 1px;
  height: min(7.3206442167cqw, 100px);
  overflow: hidden;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .scroll__line {
    height: max(21.3333333333cqw, 80px);
  }
}
#content .scroll__line::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #000;
  animation: scrollLine 1.8s cubic-bezier(0.65, 0, 0.35, 1) infinite;
}
@keyframes scrollLine {
  0% {
    transform: scaleY(0);
    transform-origin: top;
  }
  45% {
    transform: scaleY(1);
    transform-origin: top;
  }
  45.1% {
    transform: scaleY(1);
    transform-origin: bottom;
  }
  90%, 100% {
    transform: scaleY(0);
    transform-origin: bottom;
  }
}
#content .detail {
  padding-top: min(5.8565153734cqw, 80px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail {
    padding-top: max(21.3333333333cqw, 80px);
  }
}
#content .detail__inner {
  width: min(60.6881405564cqw, 829px);
  margin: 0 auto;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__inner {
    width: auto;
  }
}
#content .detail__head {
  margin-left: min(17.4963396779cqw, 239px);
}
#content .detail__head img {
  width: min(12.1522693997cqw, 166px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__head {
    margin-left: max(8.5333333333cqw, 32px);
  }
  #content .detail__head img {
    width: max(36cqw, 135px);
  }
}
#content .detail__lead {
  margin-top: min(1.4641288433cqw, 20px);
  text-align: center;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__lead {
    margin-top: max(4.2666666667cqw, 16px);
  }
}
#content .detail__lead-text {
  font-size: min(1.4641288433cqw, 20px);
  color: #000;
  font-weight: 500;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__lead-text {
    font-weight: normal;
  }
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__lead-text {
    font-size: max(3.7333333333cqw, 14px);
  }
}
#content .detail__lead-label {
  display: inline-block;
  margin-top: min(1.0980966325cqw, 15px);
}
#content .detail__lead-label img {
  height: min(2.1229868228cqw, 29px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__lead-label {
    margin-top: max(2.1333333333cqw, 8px);
  }
  #content .detail__lead-label img {
    height: max(5.8666666667cqw, 22px);
  }
}
#content .detail__hero {
  width: min(38.0673499268cqw, 520px);
  margin: 0 auto;
  margin-top: min(3.7335285505cqw, 51px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__hero {
    width: max(100cqw, 375px);
    margin-top: max(8.5333333333cqw, 32px);
  }
}
#content .detail__comment {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: min(7.3206442167cqw, 100px);
  gap: min(10.2489019034cqw, 140px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__comment {
    display: block;
    margin-top: max(11.2cqw, 42px);
    padding-left: max(5.3333333333cqw, 20px);
    padding-right: max(5.3333333333cqw, 20px);
  }
}
#content .detail__comment-body {
  width: min(22.4011713031cqw, 306px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__comment-body {
    width: 100%;
  }
}
#content .detail__comment-text {
  width: min(20.2049780381cqw, 276px);
  padding-bottom: min(1.4641288433cqw, 20px);
  border-bottom: min(0.0732064422cqw, 1px) solid #000;
  font-size: min(0.878477306cqw, 12px);
  line-height: min(1.756954612cqw, 24px);
  color: #000;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__comment-text {
    width: max(73.6cqw, 276px);
    font-size: max(3.2cqw, 12px);
    line-height: max(6.4cqw, 24px);
    margin: 0 auto;
    margin-top: max(11.2cqw, 42px);
    padding-bottom: max(5.3333333333cqw, 20px);
    border-bottom: max(0.2666666667cqw, 1px) solid #000;
  }
}
#content .detail__comment-name {
  margin-top: min(1.4641288433cqw, 20px);
  font-size: min(0.878477306cqw, 12px);
  color: #000;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__comment-name {
    font-size: max(3.2cqw, 12px);
    margin-top: max(5.3333333333cqw, 20px);
  }
}
#content .detail__comment-name .detail__from {
  position: relative;
  bottom: min(0.0732064422cqw, 1px);
  margin-right: min(0.9516837482cqw, 13px);
  font-size: min(0.5856515373cqw, 8px);
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  color: #000;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__comment-name .detail__from {
    font-size: max(2.1333333333cqw, 8px);
    margin-left: max(8cqw, 30px);
    margin-right: max(3.4666666667cqw, 13px);
    bottom: max(0.2666666667cqw, 1px);
  }
}
#content .detail__comment-photo {
  width: min(22.4011713031cqw, 306px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__comment-photo {
    width: max(46.6666666667cqw, 175px);
    margin-right: auto;
  }
}
#content .detail__sub {
  width: min(17.2767203514cqw, 236px);
  margin-top: min(3.0014641288cqw, 41px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__sub {
    width: max(57.6cqw, 216px);
    margin-top: max(11.2cqw, 42px);
    margin-left: max(35.2cqw, 132px);
  }
}
#content .detail__point {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: min(7.3206442167cqw, 100px);
  gap: min(4.39238653cqw, 60px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__point {
    flex-direction: column;
    margin-top: max(11.2cqw, 42px);
  }
}
#content .detail__point-body {
  width: min(20.2049780381cqw, 276px);
  text-align: center;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__point-body {
    width: 100%;
    padding-left: max(5.3333333333cqw, 20px);
    padding-right: max(5.3333333333cqw, 20px);
  }
}
#content .detail__point-ttl {
  display: flex;
  justify-content: center;
}
#content .detail__point-ttl img {
  width: min(10.541727672cqw, 144px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__point-ttl img {
    width: max(30.4cqw, 114px);
  }
}
#content .detail__point-text {
  margin-top: min(3.074670571cqw, 42px);
  font-size: min(0.878477306cqw, 12px);
  line-height: min(1.756954612cqw, 24px);
  text-align: start;
  color: #4b4b4b;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__point-text {
    width: max(73.6cqw, 276px);
    font-size: max(3.2cqw, 12px);
    margin: 0 auto;
    margin-top: max(6.4cqw, 24px);
    line-height: max(6.4cqw, 24px);
  }
}
#content .detail__point-photo {
  width: min(30.6002928258cqw, 418px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__point-photo {
    width: 100%;
    margin-top: max(6.9333333333cqw, 26px);
  }
}
#content .detail__pickup {
  margin-top: min(8.78477306cqw, 120px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__pickup {
    margin-top: max(13.6cqw, 51px);
  }
}
#content .detail__pickup-ttl {
  display: flex;
  justify-content: center;
}
#content .detail__pickup-ttl img {
  width: min(9.9560761347cqw, 136px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__pickup-ttl img {
    width: max(28.8cqw, 108px);
  }
}
#content .detail__pickup-body {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-top: min(2.9282576867cqw, 40px);
  gap: min(4.0995607613cqw, 56px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__pickup-body {
    display: block;
    margin-top: max(6.4cqw, 24px);
  }
}
#content .detail__pickup-photo {
  width: min(33.1625183016cqw, 453px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__pickup-photo {
    width: 100%;
    padding-left: max(13.3333333333cqw, 50px);
    padding-right: max(13.3333333333cqw, 50px);
  }
}
#content .detail__pickup-text {
  width: min(23.1332357247cqw, 316px);
  margin-top: min(6.2957540264cqw, 86px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__pickup-text {
    width: max(84.2666666667cqw, 316px);
    margin: 0 auto;
    margin-top: max(6.4cqw, 24px);
  }
}
#content .detail__pickup-desc {
  font-size: min(0.878477306cqw, 12px);
  line-height: min(1.9033674963cqw, 26px);
  width: min(20.2049780381cqw, 276px);
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  margin: 0 auto;
  color: #4b4b4b;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__pickup-desc {
    width: max(73.6cqw, 276px);
    font-size: max(3.2cqw, 12px);
    line-height: max(6.4cqw, 24px);
  }
}
#content .detail__credit {
  margin-top: min(1.756954612cqw, 24px);
  border-top: 1px solid #b4b4b4;
  border-bottom: 1px solid #b4b4b4;
}
#content .detail__credit.is-open {
  border-bottom-color: transparent;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__credit {
    margin-top: max(11.2cqw, 42px);
  }
}
#content .detail__credit-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-top: min(1.756954612cqw, 24px);
  padding-bottom: min(1.756954612cqw, 24px);
  border: 0;
  background: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  font-family: "Shippori Mincho", serif;
  font-size: min(0.9516837482cqw, 13px);
  letter-spacing: 0.2em;
  color: #b4b4b4;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__credit-head {
    padding-top: max(6.4cqw, 24px);
    padding-bottom: max(6.4cqw, 24px);
    font-size: max(3.2cqw, 12px);
  }
}
#content .detail__credit-label {
  color: #b4b4b4;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-size: min(0.878477306cqw, 12px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__credit-label {
    font-size: max(3.2cqw, 12px);
  }
}
#content .detail__credit-icon {
  position: relative;
  display: block;
  flex-shrink: 0;
  width: min(2.196193265cqw, 30px);
  height: min(0.9516837482cqw, 13px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__credit-icon {
    width: max(8cqw, 30px);
  }
}
#content .detail__credit-icon::before, #content .detail__credit-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #b4b4b4;
}
#content .detail__credit-icon::before {
  width: min(2.196193265cqw, 30px);
  height: 1px;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__credit-icon::before {
    width: max(8cqw, 30px);
  }
}
#content .detail__credit-icon::after {
  width: 1px;
  height: min(2.196193265cqw, 30px);
  transition: opacity 0.2s;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__credit-icon::after {
    height: max(8cqw, 30px);
  }
}
#content .detail__credit-head.is-open .detail__credit-icon::after {
  opacity: 0;
}
#content .detail__credit-body {
  display: none;
}
#content .detail__credit-cat {
  padding-bottom: min(1.1713030747cqw, 16px);
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-size: min(0.878477306cqw, 12px);
  color: #000;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__credit-cat {
    padding-bottom: max(4.2666666667cqw, 16px);
    font-size: max(3.2cqw, 12px);
  }
}
#content .detail__credit-item {
  display: flex;
  align-items: start;
  justify-content: space-between;
  padding-bottom: min(1.1713030747cqw, 16px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__credit-item {
    padding-bottom: max(4.2666666667cqw, 16px);
  }
}
#content .detail__credit-info {
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-size: min(0.878477306cqw, 12px);
  color: #000;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__credit-info {
    font-size: max(3.2cqw, 12px);
  }
}
#content .detail__credit-name {
  font-family: "Zen Kaku Gothic Antique", sans-serif;
}
#content .detail__credit-price {
  margin-top: min(0.2928257687cqw, 4px);
  font-family: "Zen Kaku Gothic Antique", sans-serif;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__credit-price {
    margin-top: max(1.0666666667cqw, 4px);
  }
}
#content .detail__credit-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(7.3206442167cqw, 100px);
  height: min(1.2445095168cqw, 17px);
  background: #000;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-size: min(0.7320644217cqw, 10px);
  color: #fff;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail__credit-btn {
    width: max(26.6666666667cqw, 100px);
    height: max(4.5333333333cqw, 17px);
    font-size: max(2.6666666667cqw, 10px);
    padding-bottom: max(0.5333333333cqw, 2px);
  }
}
#content .detail--02 .detail__comment {
  margin-top: min(0cqw, 0px);
}
#content .detail--02 .detail__comment-photo {
  width: min(17.2767203514cqw, 236px);
  margin-top: min(15.6661786237cqw, 214px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail--02 .detail__comment-photo {
    width: 64%;
    margin-left: auto;
    margin-top: max(6.4cqw, 24px);
  }
}
#content .detail--02 .detail__comment-body {
  position: relative;
  top: min(-4.6852122987cqw, -64px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail--02 .detail__comment-body {
    top: min(0cqw, 0px);
  }
}
#content .detail--03 .detail__comment {
  justify-content: start;
  margin-top: min(0cqw, 0px);
  gap: min(12.5183016105cqw, 171px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail--03 .detail__comment-text {
    margin-top: max(45.6cqw, 171px);
  }
}
#content .detail--03 .detail__comment-photo {
  position: relative;
  left: min(5.270863836cqw, 72px);
  width: min(17.2767203514cqw, 236px);
  margin-top: max(-4.9048316252cqw, -67px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail--03 .detail__comment-photo {
    margin-top: max(11.2cqw, 42px);
    margin-left: max(48cqw, 180px);
    width: max(46.6666666667cqw, 175px);
    left: auto;
  }
}
#content .detail--03 .detail__comment-body {
  margin-top: min(20.4245973646cqw, 279px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail--03 .detail__comment-body {
    margin-top: auto;
  }
}
#content .detail--03 .detail__sub {
  width: min(22.4011713031cqw, 306px);
  margin-top: min(15.8125915081cqw, 216px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail--03 .detail__sub {
    width: max(67.2cqw, 252px);
    margin-top: max(11.2cqw, 42px);
    margin-left: min(-5.3333333333cqw, -20px);
  }
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail--03 .detail__comment-text {
    margin-top: max(11.2cqw, 42px);
  }
}
#content .detail--04 .detail__comment-photo {
  position: relative;
  left: min(5.270863836cqw, 72px);
  width: min(17.2767203514cqw, 236px);
  margin-top: max(-4.9048316252cqw, -67px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .detail--04 .detail__comment-photo {
    margin-top: max(11.2cqw, 42px);
    margin-left: max(48cqw, 180px);
    width: max(46.6666666667cqw, 175px);
    left: auto;
  }
}
#content .outro {
  padding-top: min(8.78477306cqw, 120px);
  padding-bottom: min(8.78477306cqw, 120px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .outro {
    padding-top: max(21.3333333333cqw, 80px);
    padding-bottom: max(21.3333333333cqw, 80px);
  }
}
#content .outro__inner {
  width: min(24.5973645681cqw, 336px);
  margin: 0 auto;
  text-align: center;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .outro__inner {
    width: 100%;
  }
}
#content .outro__list-link {
  display: block;
  width: min(24.5973645681cqw, 336px);
  margin: 0 auto;
  background: #f4f4e2;
  padding-top: min(1.0980966325cqw, 15px);
  padding-bottom: min(1.1713030747cqw, 16px);
  font-family: "Shippori Mincho", serif;
  font-size: min(1.0248901903cqw, 14px);
  line-height: min(1.756954612cqw, 24px);
  font-weight: 500;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .outro__list-link {
    font-weight: normal;
  }
}
#content .outro__list-link {
  color: #000;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .outro__list-link {
    width: max(89.6cqw, 336px);
    padding-top: max(4cqw, 15px);
    padding-bottom: max(4.2666666667cqw, 16px);
    font-size: max(3.7333333333cqw, 14px);
    line-height: max(6.4cqw, 24px);
  }
}
#content .outro__artist {
  margin-top: min(8.78477306cqw, 120px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .outro__artist {
    margin-top: max(21.3333333333cqw, 80px);
  }
}
#content .outro__artist-lead {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: min(0.7320644217cqw, 10px);
  font-weight: 500;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .outro__artist-lead {
    font-weight: normal;
  }
}
#content .outro__artist-lead {
  color: #000;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .outro__artist-lead {
    font-size: max(2.6666666667cqw, 10px);
  }
}
#content .outro__artist-lead img {
  width: min(1.1713030747cqw, 16px);
  position: relative;
  left: min(5.6368960469cqw, 77px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .outro__artist-lead img {
    width: max(4.2666666667cqw, 16px);
    left: max(20.5333333333cqw, 77px);
  }
}
#content .outro__artist-ttl {
  margin-top: min(1.2445095168cqw, 17px);
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .outro__artist-ttl {
    margin-top: max(4.5333333333cqw, 17px);
  }
}
#content .outro__artist-ttl img {
  width: min(9.0775988287cqw, 124px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .outro__artist-ttl img {
    width: max(33.0666666667cqw, 124px);
  }
}
#content .outro__artist-photo {
  width: min(13.9092240117cqw, 190px);
  margin-top: min(0.9516837482cqw, 13px);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .outro__artist-photo {
    width: max(50.6666666667cqw, 190px);
    margin-top: max(3.4666666667cqw, 13px);
  }
}
#content .outro__artist-name {
  margin-top: min(1.1713030747cqw, 16px);
  font-family: "Shippori Mincho", serif;
  font-size: min(1.1713030747cqw, 16px);
  color: #000;
  font-weight: 500;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .outro__artist-name {
    font-weight: normal;
  }
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .outro__artist-name {
    margin-top: max(4.2666666667cqw, 16px);
    font-size: max(4.2666666667cqw, 16px);
  }
}
#content .outro__artist-name span {
  font-size: min(0.7320644217cqw, 10px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .outro__artist-name span {
    font-size: max(2.6666666667cqw, 10px);
  }
}
#content .outro__artist-bio {
  width: min(20.2049780381cqw, 276px);
  margin-top: min(1.1713030747cqw, 16px);
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  font-size: min(0.878477306cqw, 12px);
  line-height: min(1.756954612cqw, 24px);
  color: #000;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .outro__artist-bio {
    width: max(73.6cqw, 276px);
    margin-top: max(4.2666666667cqw, 16px);
    font-size: max(3.2cqw, 12px);
    line-height: max(6.4cqw, 24px);
  }
}
#content .outro__staff {
  display: flex;
  justify-content: center;
  margin-top: min(8.78477306cqw, 120px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .outro__staff {
    margin-top: max(17.0666666667cqw, 64px);
  }
}
#content .outro__staff img {
  width: min(20.0585651537cqw, 274px);
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .outro__staff img {
    width: max(73.0666666667cqw, 274px);
  }
}
html {
  scroll-behavior: smooth;
}

#content [id^=hairmakeup-jewelry] {
  scroll-margin-top: 60px;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content [id^=hairmakeup-jewelry] {
    scroll-margin-top: max(16cqw, 60px);
  }
}
#content .coord__link {
  display: block;
}
#content .coord__item {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.9s ease, transform 0.9s ease;
}
#content .coord__list.is-show .coord__item {
  opacity: 1;
  transform: translateY(0);
}
#content .coord__list.is-show .coord__item:nth-child(1) {
  transition-delay: 0s;
}
#content .coord__list.is-show .coord__item:nth-child(2) {
  transition-delay: 0.15s;
}
#content .coord__list.is-show .coord__item:nth-child(3) {
  transition-delay: 0.3s;
}
#content .coord__list.is-show .coord__item:nth-child(4) {
  transition-delay: 0.45s;
}
#content .fv__photo {
  opacity: 0;
  transition: opacity 0.7s ease;
}
#content .fv.is-load .fv__photo {
  opacity: 1;
}
#content .fv__title {
  clip-path: inset(0 100% 0 0);
  transition: clip-path 0.6s ease;
}
#content .fv.is-load .fv__title {
  clip-path: inset(0 0 0 0);
  transition-delay: 0.3s;
}
#content .fv__label,
#content .fv__copy,
#content .fv__text {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
#content .fv__lead.is-show .fv__label {
  opacity: 1;
  transform: none;
  transition-delay: 0.6s;
}
#content .fv__lead.is-show .fv__copy {
  opacity: 1;
  transform: none;
  transition-delay: 0.75s;
}
#content .fv__lead.is-show .fv__text {
  opacity: 1;
  transform: none;
  transition-delay: 0.9s;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  #content .fv__lead.is-show .fv__label {
    transition-delay: 1s;
  }
  #content .fv__lead.is-show .fv__copy {
    transition-delay: 1.15s;
  }
  #content .fv__lead.is-show .fv__text {
    transition-delay: 1.3s;
  }
}
#content .detail__hero,
#content .detail__comment-photo,
#content .detail__sub,
#content .detail__point-photo,
#content .detail__pickup-photo,
#content .outro__artist-photo,
#content .outro__staff {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 1s cubic-bezier(0.4, 0, 0.2, 1), transform 1s cubic-bezier(0.4, 0, 0.2, 1);
}
#content .detail__hero.is-show,
#content .detail__comment-photo.is-show,
#content .detail__sub.is-show,
#content .detail__point-photo.is-show,
#content .detail__pickup-photo.is-show,
#content .outro__artist-photo.is-show,
#content .outro__staff.is-show {
  opacity: 1;
  transform: none;
}
#content .js-fadeslide {
  position: relative;
}
#content .js-fadeslide .detail__fade2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 1.6s cubic-bezier(0.4, 0, 0.2, 1);
}
#content .js-fadeslide.is-on .detail__fade2 {
  opacity: 1;
}/*# sourceMappingURL=hairmake.css.map */