@charset "UTF-8";
@font-face {
  font-family: "zen-kaku-gothic-new";
  src: url("path-to-font.woff2") format("woff2");
  unicode-range: U+0000-FFFF;
}
/* color
===================================================== */
/* 共通
===================================================== */
html,
body {
  font-family: YakuHanJPs, zen-kaku-gothic-new, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: 400;
  font-style: normal;
  width: 100%;
  font-size: 16px;
  letter-spacing: 0.08em;
  margin: 0 auto;
  transition: all 1s ease 1s;
  background-color: transparent;
  color: #000000;
  background-color: #ffffff;
  position: relative;
}

body {
  overflow-x: hidden;
  position: relative;
}

img,
video {
  width: 100%;
  display: block;
}

button {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

@media screen and (min-width: 769px) {
  .spNone {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .spNone {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .pcNone {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .pcNone {
    display: block;
  }
}
/* vw計算(pc用)
===================================================== */
/* vw変換(SP用)
===================================================== */
/* a
===================================================== */
a {
  display: block;
  text-decoration: none;
  transition: all 0.6s;
  color: #000000;
}

a:hover {
  transition: all 0.6s;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  a:hover {
    opacity: 0.6;
  }
}

a[href=""] {
  pointer-events: none;
}

/* font
===================================================== */
.en_1 {
  font-family: "ff-din-paneuropean", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.ja_1 {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
  font-weight: 500;
  font-style: normal;
}

/* loading
===================================================== */
.speed1,
.speed2,
.speed3 {
  opacity: 0;
  visibility: hidden;
}

.visited .loading {
  display: none !important;
}

.loading {
  position: fixed;
  inset: 0;
  z-index: 1000;
  width: 100%;
  height: 100svh;
  background-color: #ffffff;
  overflow: hidden;
}
.loading .loading-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.6vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -40%);
}
@media screen and (min-width: 769px) {
  .loading .loading-logo {
    gap: 0.5555555556vw;
  }
}
.loading {
  /* ── メインロゴ ── */
}
.loading .main-logo {
  width: 53.3333333333vw;
}
@media screen and (min-width: 769px) {
  .loading .main-logo {
    width: 20.8333333333vw;
  }
}
.loading .main-logo svg {
  display: block;
  overflow: visible;
  shape-rendering: geometricPrecision;
}
.loading {
  /* スライドアニメーション */
}
.loading .slide-up {
  animation: slideUp 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  transform: translateY(115%);
  will-change: transform;
}
.loading .slide-down {
  animation: slideDown 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  transform: translateY(-115%);
  will-change: transform;
}
@keyframes slideUp {
  from {
    transform: translateY(115%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes slideDown {
  from {
    transform: translateY(-115%);
  }
  to {
    transform: translateY(0);
  }
}
.loading {
  /* ── 上段 B - D A Y ── */
}
.loading .g-B .slide-up {
  animation-delay: 0.35s;
}
.loading .g-D1 .slide-down {
  animation-delay: 0.05s;
}
.loading .g-D .slide-down {
  animation-delay: 0.25s;
}
.loading .g-A .slide-up {
  animation-delay: 0.55s;
}
.loading .g-Y .slide-down {
  animation-delay: 0.15s;
}
.loading {
  /* ── 下段 S T O R E ── */
}
.loading .g-S .slide-up {
  animation-delay: 0.45s;
}
.loading .g-T .slide-down {
  animation-delay: 0.1s;
}
.loading .g-O .slide-up {
  animation-delay: 0s;
}
.loading .g-R .slide-down {
  animation-delay: 0.3s;
}
.loading .g-E .slide-up {
  animation-delay: 0.2s;
}
.loading {
  /* ── 枠線 ── */
}
.loading .frame {
  fill: none;
  stroke: #000000;
  stroke-width: 1.6vw;
  stroke-dasharray: 1900;
  stroke-dashoffset: 1900;
  stroke-linecap: square;
  stroke-linejoin: miter;
  shape-rendering: crispEdges;
  visibility: hidden;
  animation: drawFrame 1.1s ease-out forwards;
  animation-delay: 1.2s;
}
@media screen and (min-width: 769px) {
  .loading .frame {
    stroke-width: min(0.7272727273vw, 8px);
  }
}
@keyframes drawFrame {
  0% {
    visibility: visible;
    stroke-dashoffset: 1900;
  }
  100% {
    visibility: visible;
    stroke-dashoffset: 0;
  }
}
.loading {
  /* ── サブロゴ ── */
}
.loading .sub-logo {
  width: 21.3333333333vw;
  opacity: 0;
  transform: translateY(50%);
  animation: fadeUp 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  animation-delay: 2.55s;
}
@media screen and (min-width: 769px) {
  .loading .sub-logo {
    width: 8.4375vw;
  }
}
.loading .sub-logo svg {
  display: block;
  shape-rendering: geometricPrecision;
}
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(50%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 共通
===================================================== */
.line1 {
  width: 100%;
  background-color: #000000;
  height: 1px;
}

/* fv
===================================================== */
.fv {
  position: relative;
  width: 100%;
  height: 100svh;
  overflow-x: hidden;
}
@media screen and (min-width: 769px) {
  .fv {
    height: 100%;
  }
}
.fv ul,
.fv li {
  height: 100svh;
}
@media screen and (min-width: 769px) {
  .fv ul,
  .fv li {
    height: 100%;
  }
}
.fv .fv_img {
  display: block;
  object-position: center;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 769px) {
  .fv .fv_img {
    object-fit: fill;
    height: auto;
  }
}
.fv .fv_logo {
  width: 53.3333333333vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -40%);
  z-index: 1000;
}
@media screen and (min-width: 769px) {
  .fv .fv_logo {
    width: 20.8333333333vw;
    left: auto;
    right: 18.75vw;
    transform: translate(0, -50%);
  }
}

.fv .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.06);
  transition: transform 1.6s ease;
}
.fv .swiper-slide-active img {
  transform: scale(1);
  transition: transform 1.6s ease;
}

/* lead
===================================================== */
.lead {
  overflow-x: hidden;
  text-align: center;
  padding: 22.9333333333vw 0 10.6666666667vw;
}
@media screen and (min-width: 769px) {
  .lead {
    padding: min(14.5454545455vw, 160px) 0 min(5.4545454545vw, 60px);
  }
}
.lead h2 {
  font-size: 4.8vw;
  position: relative;
  width: fit-content;
  margin: 0 auto 10.6666666667vw;
  letter-spacing: 0.26em;
}
@media screen and (min-width: 769px) {
  .lead h2 {
    font-size: min(2.5454545455vw, 28px);
    margin: 0 auto min(5.4545454545vw, 60px);
  }
}
.lead h2::before, .lead h2::after {
  content: "";
  position: absolute;
  width: 2.4vw;
  height: 4vw;
  border: 1px solid #000;
}
@media screen and (min-width: 769px) {
  .lead h2::before, .lead h2::after {
    width: min(1.2727272727vw, 14px);
    height: min(2.1818181818vw, 24px);
  }
}
.lead h2::before {
  top: 0vw;
  left: -8vw;
  border-right: none;
  border-bottom: none;
  transform: translateY(-50%);
}
@media screen and (min-width: 769px) {
  .lead h2::before {
    left: max(-3.4545454545vw, -38px);
  }
}
.lead h2::after {
  bottom: -4.2666666667vw;
  right: -6.9333333333vw;
  border-left: none;
  border-top: none;
  transform: translateY(-50%);
}
@media screen and (min-width: 769px) {
  .lead h2::after {
    bottom: max(-1.4545454545vw, -16px);
    right: max(-2.7272727273vw, -30px);
  }
}
.lead .lead_txt {
  font-size: 3.2vw;
  line-height: 2.1666666667;
  transform: translateX(0.5333333333vw);
  letter-spacing: 0.1em;
}
@media screen and (min-width: 769px) {
  .lead .lead_txt {
    font-size: min(1.2727272727vw, 14px);
    transform: translateX(0.1388888889vw);
  }
}
.lead .lead_txt p + p {
  margin-top: 4.2666666667vw;
}
@media screen and (min-width: 769px) {
  .lead .lead_txt p + p {
    margin-top: 0;
  }
}

/* main
===================================================== */
main {
  /* common
  ===================================================== */
}
main .content {
  padding-bottom: 32vw;
}
@media screen and (min-width: 769px) {
  main .content {
    padding-bottom: min(21.8181818182vw, 240px);
  }
}
main .all_btn {
  display: block;
  font-size: 4vw;
  width: 64vw;
  line-height: 13.8666666667vw;
  margin: 0 auto;
  background: #000;
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 769px) {
  main .all_btn {
    font-size: min(1.3636363636vw, 15px);
    line-height: min(5.0909090909vw, 56px);
    width: min(25.4545454545vw, 280px);
  }
}
main {
  /* タブ
  ===================================================== */
}
main .tab-wrapper {
  position: sticky;
  inset: 0;
  z-index: 100;
}
main .tab-container {
  background-color: #fff;
  padding: 3.7333333333vw 0;
  margin-bottom: 16vw;
  transition: all 0.3s ease;
}
@media screen and (min-width: 769px) {
  main .tab-container {
    padding: min(1.8181818182vw, 20px) 0;
    margin-bottom: min(9.0909090909vw, 100px);
  }
}
main .tab-list {
  display: flex;
  justify-content: center;
  gap: 5.8666666667vw;
}
@media screen and (min-width: 769px) {
  main .tab-list {
    gap: min(6.3636363636vw, 70px);
  }
}
main .tab-button {
  cursor: pointer;
  position: relative;
  transition: all 0.6s ease;
  opacity: 1;
  width: 19.7333333333vw;
}
@media screen and (min-width: 769px) {
  main .tab-button {
    width: min(8.7272727273vw, 96px);
  }
}
main .tab-button img {
  height: 3.0666666667vw;
  padding: 2.1333333333vw 0;
}
@media screen and (min-width: 769px) {
  main .tab-button img {
    height: min(1.1818181818vw, 13px);
    padding: min(0.9090909091vw, 10px) 0;
  }
}
main .tab-button::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  border: 1px solid #000;
  opacity: 0;
  transform: scaleX(0) translate(-2%, -2%);
  transition: all 0.3s ease;
}
main .tab-button.active::after {
  opacity: 1;
  transition: all 0.3s ease;
  transform: scaleX(1) translate(-2%, -2%);
}
main .tab-button {
  position: relative;
  background: none;
  transition: all 0.3s ease;
}
@media screen and (min-width: 769px) {
  main .tab-button:hover {
    opacity: 0.6;
  }
}
main .tab-button:hover {
  transition: all 0.6s ease;
}
main {
  /* タブコンテンツエリア */
}
main .tab-content {
  display: none;
  opacity: 0;
}
main .tab-content.active {
  display: block;
  opacity: 1;
}
main {
  /* 画像指定
  ===================================================== */
}
main .tab-content {
  width: 100%;
  overflow-x: hidden;
}
@media screen and (min-width: 769px) {
  main .tab-content {
    width: min(94.5454545455vw, 1040px);
    margin: 0 auto;
    overflow: visible;
  }
}
main .tab-content .style-wrap {
  position: relative;
  margin-bottom: 26.6666666667vw;
}
@media screen and (min-width: 769px) {
  main .tab-content .style-wrap {
    margin-bottom: min(21.8181818182vw, 240px);
  }
}
main .tab-content .style-wrap .img-1,
main .tab-content .style-wrap .img-2,
main .tab-content .style-wrap .img-3 {
  position: relative;
  z-index: 10;
}
main .tab-content .style-wrap.style-wrap:last-of-type {
  margin-bottom: 21.3333333333vw;
}
@media screen and (min-width: 769px) {
  main .tab-content .style-wrap.style-wrap:last-of-type {
    margin-bottom: min(12.7272727273vw, 140px);
  }
}
main .tab-content .credit {
  font-size: 2.9333333333vw;
  z-index: 10;
}
@media screen and (min-width: 769px) {
  main .tab-content .credit {
    font-size: min(1.1818181818vw, 13px);
  }
}
main .tab-content .credit a {
  position: relative;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1em;
  line-height: 1;
  box-sizing: border-box;
  padding-right: 3.8em;
}
main .tab-content .credit p.item_name {
  font-family: "source-han-sans-cjk-ja", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.92em;
}
main .tab-content .credit p.item_price {
  text-align: right;
}
main .tab-content .credit a:after {
  content: "BUY";
  font-size: 2.6666666667vw;
  border: solid #000 1px;
  color: #000;
  margin-left: 2.6666666667vw;
  padding: 0.5333333333vw 1.0666666667vw 0.9333333333vw;
  transition: all 0.6s ease;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 769px) {
  main .tab-content .credit a:after {
    font-size: min(1.0454545455vw, 11.5px);
    margin-left: min(1.2727272727vw, 14px);
    padding: min(0.2727272727vw, 3px) min(0.6363636364vw, 7px) min(0.4090909091vw, 4.5px);
  }
}
main .tab-content .credit li + li {
  margin-top: 4.2666666667vw;
}
@media screen and (min-width: 769px) {
  main .tab-content .credit li + li {
    margin-top: min(2.1818181818vw, 24px);
  }
}
main .tab-content .style-bg {
  position: absolute;
  z-index: 0;
}
main .tab-content .style1 .img-1 {
  width: 89.3333333333vw;
  margin: 0 auto 8vw;
}
@media screen and (min-width: 769px) {
  main .tab-content .style1 .img-1 {
    width: min(60.9090909091vw, 670px);
    margin: 0 auto min(7.2727272727vw, 80px);
  }
}
main .tab-content .style1 .img-2 {
  width: 50.6666666667vw;
  margin: 0 5.3333333333vw -8vw auto;
  z-index: 15;
}
@media screen and (min-width: 769px) {
  main .tab-content .style1 .img-2 {
    width: min(34.5454545455vw, 380px);
    margin: 0 min(8.1818181818vw, 90px) max(-19.8181818182vw, -218px) auto;
  }
}
main .tab-content .style1 .img-3 {
  width: 53.3333333333vw;
  margin: 0 auto 8vw 5.3333333333vw;
}
@media screen and (min-width: 769px) {
  main .tab-content .style1 .img-3 {
    width: min(36.3636363636vw, 400px);
    margin: 0 auto 0 min(8.1818181818vw, 90px);
  }
}
main .tab-content .style1 .credit {
  position: relative;
  margin: 0 auto;
  width: fit-content;
}
@media screen and (min-width: 769px) {
  main .tab-content .style1 .credit {
    position: absolute;
    right: min(14.5454545455vw, 160px);
    bottom: min(0.9090909091vw, 10px);
  }
}
main .tab-content .style2 {
  padding-top: 21.3333333333vw;
}
@media screen and (min-width: 769px) {
  main .tab-content .style2 {
    padding-top: min(12.7272727273vw, 140px);
  }
}
main .tab-content .style2 .style-bg {
  width: 74.6666666667vw;
  top: 0;
  left: 0;
}
@media screen and (min-width: 769px) {
  main .tab-content .style2 .style-bg {
    width: min(50.9090909091vw, 560px);
    left: min(8.1818181818vw, 90px);
  }
}
main .tab-content .style2 .img-1 {
  width: 76.5333333333vw;
  margin: 0 5.3333333333vw 8vw auto;
}
@media screen and (min-width: 769px) {
  main .tab-content .style2 .img-1 {
    width: min(52.1818181818vw, 574px);
    margin: 0 min(10.9090909091vw, 120px) min(7.2727272727vw, 80px) auto;
  }
}
main .tab-content .style2 .img-2 {
  width: 51.2vw;
  margin: 0 auto -28.8vw 0;
}
@media screen and (min-width: 769px) {
  main .tab-content .style2 .img-2 {
    width: min(34.9090909091vw, 384px);
    margin: 0 auto max(-19.6363636364vw, -216px) min(13.2727272727vw, 146px);
  }
}
main .tab-content .style2 .img-3 {
  width: 37.8666666667vw;
  margin: 0 5.3333333333vw 8vw auto;
}
@media screen and (min-width: 769px) {
  main .tab-content .style2 .img-3 {
    width: min(25.8181818182vw, 284px);
    margin: 0 min(16.9090909091vw, 186px) 0 auto;
  }
}
main .tab-content .style2 .credit {
  position: relative;
  margin: 0 auto;
  width: fit-content;
}
@media screen and (min-width: 769px) {
  main .tab-content .style2 .credit {
    position: absolute;
    left: min(13.2727272727vw, 146px);
    bottom: min(0.9090909091vw, 10px);
  }
}
main .tab-content .style3 .img-1 {
  width: 85.8666666667vw;
  margin: 0 0 8vw auto;
}
@media screen and (min-width: 769px) {
  main .tab-content .style3 .img-1 {
    width: min(58.5454545455vw, 644px);
    margin: 0 min(3.6363636364vw, 40px) min(5.4545454545vw, 60px) auto;
  }
}
main .tab-content .style3 .img-2 {
  width: 85.8666666667vw;
  margin: 0 auto 8vw 0;
}
@media screen and (min-width: 769px) {
  main .tab-content .style3 .img-2 {
    width: min(58.5454545455vw, 644px);
    margin: 0 auto min(5.4545454545vw, 60px) min(3.6363636364vw, 40px);
  }
}
main .tab-content .style3 .credit {
  position: relative;
  width: fit-content;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  main .tab-content .style3 .credit {
    position: absolute;
    right: min(5.4545454545vw, 60px);
    bottom: min(0.9090909091vw, 10px);
  }
}
main .tab-content .style4 .style-bg,
main .tab-content .style8 .style-bg {
  width: 100vw;
  top: 32vw;
  left: 0;
  aspect-ratio: 375/477;
}
@media screen and (min-width: 769px) {
  main .tab-content .style4 .style-bg,
  main .tab-content .style8 .style-bg {
    aspect-ratio: auto;
    width: min(94.5454545455vw, 1040px);
    top: min(21.8181818182vw, 240px);
  }
}
main .tab-content .style4 .style-bg img,
main .tab-content .style8 .style-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
main .tab-content .style4 .img-1,
main .tab-content .style8 .img-1 {
  width: 81.3333333333vw;
  margin: 0 auto 8vw;
}
@media screen and (min-width: 769px) {
  main .tab-content .style4 .img-1,
  main .tab-content .style8 .img-1 {
    width: min(55.4545454545vw, 610px);
    margin: 0 auto min(7.2727272727vw, 80px);
  }
}
main .tab-content .style4 .img-2,
main .tab-content .style8 .img-2 {
  width: 51.7333333333vw;
  margin: 0 auto 8vw;
}
@media screen and (min-width: 769px) {
  main .tab-content .style4 .img-2,
  main .tab-content .style8 .img-2 {
    width: min(35.2727272727vw, 388px);
    margin: 0 auto min(3.6363636364vw, 40px);
  }
}
main .tab-content .style4 .credit,
main .tab-content .style8 .credit {
  position: relative;
  width: fit-content;
  margin: 0 auto;
}
main .tab-content .style5 {
  padding-top: 21.3333333333vw;
}
@media screen and (min-width: 769px) {
  main .tab-content .style5 {
    padding-top: min(12.7272727273vw, 140px);
  }
}
main .tab-content .style5 .style-bg {
  width: 74.6666666667vw;
  top: 0;
  right: 0;
}
@media screen and (min-width: 769px) {
  main .tab-content .style5 .style-bg {
    width: min(50.9090909091vw, 560px);
    right: min(8.1818181818vw, 90px);
  }
}
main .tab-content .style5 .img-1 {
  width: 76.5333333333vw;
  margin: 0 auto 8vw 5.3333333333vw;
}
@media screen and (min-width: 769px) {
  main .tab-content .style5 .img-1 {
    width: min(52.1818181818vw, 574px);
    margin: 0 auto min(7.2727272727vw, 80px) min(8.1818181818vw, 90px);
  }
}
main .tab-content .style5 .img-2 {
  width: 51.2vw;
  margin: 0 0 -28.8vw auto;
  z-index: 15;
}
@media screen and (min-width: 769px) {
  main .tab-content .style5 .img-2 {
    width: min(34.9090909091vw, 384px);
    margin: 0 min(15.0909090909vw, 166px) max(-19.6363636364vw, -216px) auto;
  }
}
main .tab-content .style5 .img-3 {
  width: 37.8666666667vw;
  margin: 0 auto 8vw 5.3333333333vw;
}
@media screen and (min-width: 769px) {
  main .tab-content .style5 .img-3 {
    width: min(25.8181818182vw, 284px);
    margin: 0 auto 0 min(15.0909090909vw, 166px);
  }
}
main .tab-content .style5 .credit {
  position: relative;
  margin: 0 auto;
  width: fit-content;
}
@media screen and (min-width: 769px) {
  main .tab-content .style5 .credit {
    position: absolute;
    right: min(15.0909090909vw, 166px);
    bottom: min(0.9090909091vw, 10px);
  }
}
main .tab-content .style6 .img-1 {
  width: 76.5333333333vw;
  margin: 0 0 8vw auto;
}
@media screen and (min-width: 769px) {
  main .tab-content .style6 .img-1 {
    width: min(52.1818181818vw, 574px);
    margin: 0 min(8.1818181818vw, 90px) min(7.2727272727vw, 80px) auto;
  }
}
main .tab-content .style6 .img-2 {
  width: 51.2vw;
  margin: 0 auto -28.8vw 0;
}
@media screen and (min-width: 769px) {
  main .tab-content .style6 .img-2 {
    width: min(34.9090909091vw, 384px);
    margin: 0 auto max(-19.6363636364vw, -216px) min(11.4545454545vw, 126px);
  }
}
main .tab-content .style6 .img-3 {
  width: 37.8666666667vw;
  margin: 0 5.3333333333vw 8vw auto;
}
@media screen and (min-width: 769px) {
  main .tab-content .style6 .img-3 {
    width: min(25.8181818182vw, 284px);
    margin: 0 min(18.7272727273vw, 206px) 0 auto;
  }
}
main .tab-content .style6 .credit {
  position: relative;
  margin: 0 auto;
  width: fit-content;
}
@media screen and (min-width: 769px) {
  main .tab-content .style6 .credit {
    position: absolute;
    left: min(11.4545454545vw, 126px);
    bottom: min(0.9090909091vw, 10px);
  }
}
main .tab-content .style7 {
  padding-top: 21.3333333333vw;
}
@media screen and (min-width: 769px) {
  main .tab-content .style7 {
    padding-top: min(12.7272727273vw, 140px);
  }
}
main .tab-content .style7 .style-bg {
  width: 74.6666666667vw;
  top: 0;
  right: 0;
}
@media screen and (min-width: 769px) {
  main .tab-content .style7 .style-bg {
    width: min(50.9090909091vw, 560px);
    right: min(8.1818181818vw, 90px);
  }
}
main .tab-content .style7 .img-1 {
  width: 76.5333333333vw;
  margin: 0 auto 8vw 0;
}
@media screen and (min-width: 769px) {
  main .tab-content .style7 .img-1 {
    width: min(52.1818181818vw, 574px);
    margin: 0 auto min(7.2727272727vw, 80px) min(8.1818181818vw, 90px);
  }
}
main .tab-content .style7 .img-2 {
  width: 44.5333333333vw;
  margin: 0 5.3333333333vw -14.1333333333vw auto;
  z-index: 15;
}
@media screen and (min-width: 769px) {
  main .tab-content .style7 .img-2 {
    width: min(34.9090909091vw, 384px);
    margin: 0 min(11.4545454545vw, 126px) max(-19.6363636364vw, -216px) auto;
  }
}
main .tab-content .style7 .img-3 {
  width: 53.3333333333vw;
  margin: 0 auto 8vw 5.3333333333vw;
}
@media screen and (min-width: 769px) {
  main .tab-content .style7 .img-3 {
    width: min(25.8181818182vw, 284px);
    margin: 0 auto 0 min(18.7272727273vw, 206px);
  }
}
main .tab-content .style7 .credit {
  position: relative;
  margin: 0 auto;
  width: fit-content;
}
@media screen and (min-width: 769px) {
  main .tab-content .style7 .credit {
    position: absolute;
    right: min(11.4545454545vw, 126px);
    bottom: min(0.9090909091vw, 10px);
  }
}
main .tab-content#men .style3 .img-2 {
  width: 85.8666666667vw;
  margin: 0 auto 8vw 0;
}
@media screen and (min-width: 769px) {
  main .tab-content#men .style3 .img-2 {
    width: min(45.4545454545vw, 500px);
    margin: 0 auto min(5.4545454545vw, 60px) min(3.6363636364vw, 40px);
  }
}
main .tab-content#men .style4 .img-2 {
  width: 81.3333333333vw;
  margin: 0 auto 8vw;
}
@media screen and (min-width: 769px) {
  main .tab-content#men .style4 .img-2 {
    width: min(55.4545454545vw, 610px);
    margin: 0 auto min(3.6363636364vw, 40px);
  }
}

/* footer
===================================================== */
footer {
  position: relative;
  z-index: 5;
  padding: 0vw 0 13.3333333333vw;
}
@media screen and (min-width: 769px) {
  footer {
    padding: min(0vw, 0px) 0 min(5.9090909091vw, 65px);
  }
}
footer .gallery {
  margin-bottom: 21.3333333333vw;
}
@media screen and (min-width: 769px) {
  footer .gallery {
    margin-bottom: min(9.0909090909vw, 100px);
  }
}
footer .staff-credit {
  font-size: 2.9333333333vw;
  line-height: 2.1818181818;
  text-align: center;
  letter-spacing: 0.06em;
  margin-bottom: 21.3333333333vw;
}
@media screen and (min-width: 769px) {
  footer .staff-credit {
    font-size: min(1.1818181818vw, 13px);
    margin-bottom: min(7.2727272727vw, 80px);
  }
}
footer .staff-credit .model p:nth-child(1) {
  line-height: 1.1;
}
footer .staff-credit .model p:nth-child(2) {
  margin-bottom: 1.3333333333vw;
}
@media screen and (min-width: 769px) {
  footer .staff-credit .model p:nth-child(2) {
    margin-bottom: min(0.7272727273vw, 8px);
  }
}
footer .staff-credit .small {
  font-size: 0.8em;
  display: block;
  line-height: 1;
  font-family: "ff-din-paneuropean", dnp-shuei-gothic-gin-std, sans-serif;
  letter-spacing: 0.02em;
}
footer .staff-credit .colon {
  position: relative;
  top: -0.5333333333vw;
  padding: 0 0.5333333333vw;
}
@media screen and (min-width: 769px) {
  footer .staff-credit .colon {
    top: max(-0.1818181818vw, -2px);
    padding: 0 min(0.1818181818vw, 2px);
  }
}
footer .staff-credit div + div {
  margin-top: 3.2vw;
}
@media screen and (min-width: 769px) {
  footer .staff-credit div + div {
    margin-top: min(1.4545454545vw, 16px);
  }
}
footer .footer_sns {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6.6666666667vw;
  margin: 0 auto 14.9333333333vw;
}
@media screen and (min-width: 769px) {
  footer .footer_sns {
    gap: 40px;
    margin: 0 auto 60px;
  }
}
footer .footer_sns li:nth-child(1) {
  width: 6.1333333333vw;
}
@media screen and (min-width: 769px) {
  footer .footer_sns li:nth-child(1) {
    width: 28px;
  }
}
footer .footer_sns li:nth-child(2) {
  width: 5.3333333333vw;
}
@media screen and (min-width: 769px) {
  footer .footer_sns li:nth-child(2) {
    width: 24px;
  }
}
footer .footer_sns li:nth-child(3) {
  width: 7.4666666667vw;
}
@media screen and (min-width: 769px) {
  footer .footer_sns li:nth-child(3) {
    width: 36px;
  }
}
footer .footer_logo {
  width: 33.8666666667vw;
  margin: 0 auto 10.6666666667vw;
}
@media screen and (min-width: 769px) {
  footer .footer_logo {
    width: 160px;
    margin: 0 auto 50px;
  }
}
footer .copyright {
  color: #000000;
  font-size: 2.4vw;
  letter-spacing: 0.04em;
  text-align: center;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  footer .copyright {
    font-size: 10px;
    margin: 0 auto;
  }
}

/* 共通
===================================================== */
.slide1,
.slide2,
.slide3 {
  overflow: hidden;
}

.slide1 .swiper-slide {
  overflow: hidden;
}

.slide1 .swiper-wrapper {
  width: 100% !important;
}

.slide2 .swiper-wrapper {
  height: auto !important;
  transition-timing-function: linear !important;
}

.fade_scale {
  overflow: hidden;
}

.skewAnim {
  transform-origin: center;
  will-change: transform;
}

/* totop
===================================================== */
.totop {
  width: 2.6666666667vw;
  position: fixed;
  bottom: 4.8vw;
  right: 4.2666666667vw;
  z-index: 100;
  opacity: 1;
  transition: all 0.6s;
  mix-blend-mode: multiply;
}
@media screen and (min-width: 769px) {
  .totop {
    width: min(0.9090909091vw, 10px);
    bottom: min(2.7272727273vw, 30px);
    right: min(2.7272727273vw, 30px);
  }
}

/* 下矢印
===================================================== */
/* animation
===================================================== */
.swiper-slide .credit1 {
  opacity: 0;
  transition: 0.5s;
}

.swiper-slide-visible .credit1 {
  opacity: 1;
  transition: 0.5s;
}/*# sourceMappingURL=style.css.map */