@charset "UTF-8";
@import url(https://db.onlinewebfonts.com/c/4f23e5adf44a99020e63cd8ea791046e?family=Avenir+Next+W04+Regular);
@import url(https://db.onlinewebfonts.com/c/a3bedb01641c8ea21cbc762706b3fd7e?family=Avenir+Next+W06+Bold);
@media screen and (max-width: 743px) {
  .sp_hidden {
    display: none;
  }
}
.btn:not(.btn--text) span:not([class]) {
  color: #fff;
}

img {
  width: 100%;
  height: auto;
}

.first_view {
  position: relative;
  width: 100vw;
  height: auto;
  animation-name: fadeInAnime;
  animation-duration: 4s;
  animation-fill-mode: forwards;
  opacity: 0;
  overflow: hidden;
}
@keyframes fadeInAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.first_view img {
  animation-name: shrinkAnime;
  animation-duration: 4s;
}
@keyframes shrinkAnime {
  from {
    transform: scale(1.1);
  }
  to {
    transform: scale(1);
  }
}

.main_content {
  padding: 8.205vw 0 16.41vw;
  overflow: hidden;
}
.main_content h2,
.main_content p,
.main_content span,
.main_content a {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 12px;
  font-weight: 300;
  color: #212121;
  line-height: 1.5;
}
.main_content a:hover {
  opacity: 0.8;
  transition-duration: 0.8s;
}
.main_content .main_description {
  margin: 0 auto 16.41vw;
  text-align: center;
}
.main_content .main_head {
  max-width: calc(100% - 16.41vw);
  width: 100%;
  margin: 0 auto 8.205vw;
}
.main_content .main_head .logo_wrap {
  max-width: 30.7699vw;
  width: 100%;
  margin-bottom: 2.051283vw;
}
.main_content .main_head .logo_wrap img {
  margin-bottom: 2.051283vw;
}
.main_content .main_head .logo_wrap .text {
  font-family: 'Avenir Next W06 Bold', 'Noto Sans', sans-serif;
  font-size: 40px;
}
.main_content .main_head .catch_copy {
  font-size: 14px;
  text-align: center;
}
.main_content section {
  margin-bottom: 14.35898vw;
}
.main_content section .img_wrap {
  width: 100%;
  margin-bottom: 6.15375vw;
}
.main_content section .head_wrap {
  max-width: calc(100% - 16.41vw);
  width: 100%;
  margin: 0 auto;
}
.main_content section .head_wrap .sub_head {
  margin-bottom: 1.025625vw;
  font-family: 'Avenir Next W06 Bold', 'Noto Sans', sans-serif;
  font-size: 14px;
  color: #ded9c6;
}
.main_content section .head_wrap .head {
  margin-bottom: 4.1025vw;
  font-size: 18px;
  font-weight: 600;
}
.main_content section .description {
  max-width: calc(100% - 16.41vw);
  width: 100%;
  margin: 0 auto 6.15375vw;
}
.main_content section .link_wrap {
  max-width: calc(100% - 16.41vw);
  width: 100%;
  margin: 0 auto 6.15375vw;
}
.main_content section .link_wrap .item_credit a {
  display: flex;
  margin-bottom: 8px;
}
.main_content section .link_wrap .item_credit a span {
  font-size: 10px;
}
.main_content section .link_wrap .item_credit a .item {
  max-width: 120px;
  width: 100%;
  margin-right: 24px;
}
.main_content section .link_wrap .item_credit a .price {
  max-width: 70px;
  width: 100%;
  margin-right: 16px;
  font-family: 'Avenir Next', 'Avenir Next W04 Regular', 'Noto Sans', sans-serif;
}
.main_content section .link_wrap .item_credit a .buy {
  display: block;
  max-width: 70px;
  width: 100%;
  font-family: 'Avenir Next', 'Avenir Next W04 Regular', 'Noto Sans', sans-serif;
  border: 1px solid #212121;
  text-align: center;
  transition: 0.4s cubic-bezier(0.37, 0, 0.63, 1);
}
.main_content section .link_wrap .item_credit a .buy:hover {
  background: #212121;
  color: #fff;
  letter-spacing: 0.15em;
}
.main_content section .directors_comment {
  position: relative;
  max-width: calc(100% - 8.205vw);
  width: 100%;
  margin: 0 auto 8.205vw;
  padding: 4.1025vw;
  border: 1px solid #212121;
}
.main_content section .directors_comment:before {
  content: 'KUMI’S COMMENT';
  position: absolute;
  top: -2.4vw;
  left: 4.1025vw;
  padding: 0 2.051283vw;
  background: #fff;
}
.main_content section .styling {
  margin-bottom: 8.205vw;
}
.main_content section.function_tee .img_wrap:nth-of-type(1) {
  max-width: 67.18vw;
  margin: 0 auto 6.15375vw;
}
.main_content section.function_tee .styling.first .img_wrap:nth-of-type(1) {
  max-width: 67.18vw;
  margin: 0 auto 6.15375vw 0;
}
.main_content section.function_tee .styling.first .img_wrap:nth-of-type(2) {
  max-width: 34.36vw;
  margin: -46.5vw 4.1025vw 6.15375vw auto;
}
.main_content section.function_tee .styling.first .link_wrap {
  margin: 0 4.1025vw 8.205vw auto;
}
.main_content
  section.function_tee
  .styling.first
  .link_wrap
  .item_credit
  .price_link {
  justify-content: flex-end;
}
.main_content section.function_tee .styling.second {
  position: relative;
  z-index: 9999;
}
.main_content section.function_tee .styling.second .img_wrap:nth-of-type(1) {
  max-width: 50.77vw;
  margin: 0 auto 6.15375vw 8.205vw;
}
.main_content section.function_tee .styling.second .img_wrap:nth-of-type(2) {
  z-index: -9999;
  position: absolute;
  max-width: 91.795vw;
  top: 51vw;
  left: 0;
}
.main_content section.function_tee .styling.second .link_wrap {
  margin: 118.65375vw auto 0 6.15375vw;
}
.main_content section.function_tee_no_sleeve .img_wrap:nth-of-type(1) {
  max-width: 67.18vw;
  margin: 0 auto 6.15375vw;
}
.main_content section.function_tee_no_sleeve .styling.first {
  position: relative;
  z-index: 9999;
}
.main_content
  section.function_tee_no_sleeve
  .styling.first
  .img_wrap:nth-of-type(1) {
  max-width: 50.77vw;
  margin: 0 0 6.15375vw auto;
}
.main_content
  section.function_tee_no_sleeve
  .styling.first
  .img_wrap:nth-of-type(2) {
  z-index: -9999;
  position: absolute;
  max-width: 91.795vw;
  top: 53vw;
  left: 0;
}
.main_content section.function_tee_no_sleeve .styling.first .link_wrap {
  margin: 120.65375vw auto 8.205vw 6.15375vw;
}
.main_content
  section.function_tee_no_sleeve
  .styling.second
  .img_wrap:nth-of-type(1) {
  max-width: 91.795vw;
  margin: 0 auto 6.15375vw;
}
.main_content
  section.function_tee_no_sleeve
  .styling.second
  .img_wrap:nth-of-type(2) {
  max-width: 83.59vw;
  margin: 0 auto 6.15375vw;
}
.main_content section.function_tee_no_sleeve .styling.second .link_wrap {
  max-width: 83.59vw;
  margin: 0 auto;
}
.main_content
  section.function_tee_no_sleeve
  .styling.second
  .link_wrap
  .item_credit
  .price_link {
  justify-content: flex-end;
}
.main_content section.function_tee_dress {
  margin-bottom: 16.41vw;
}
.main_content section.function_tee_dress .img_wrap:nth-of-type(1) {
  max-width: 67.18vw;
  margin: 0 auto 6.15375vw;
}
.main_content section.function_tee_dress .styling.first {
  position: relative;
  z-index: 9999;
}
.main_content
  section.function_tee_dress
  .styling.first
  .img_wrap:nth-of-type(1) {
  max-width: 42.566vw;
  margin: 0 auto 6.15375vw 4.1025vw;
}
.main_content
  section.function_tee_dress
  .styling.first
  .img_wrap:nth-of-type(2) {
  z-index: -9999;
  position: absolute;
  max-width: 67.18vw;
  top: 32vw;
  right: 0;
}
.main_content section.function_tee_dress .styling.first .link_wrap {
  margin: 74.95375vw 4.1025vw 8.205vw auto;
}
.main_content
  section.function_tee_dress
  .styling.first
  .link_wrap
  .item_credit
  .price_link {
  justify-content: flex-end;
}
.main_content
  section.function_tee_dress
  .styling.second
  .img_wrap:nth-of-type(1) {
  max-width: 67.18vw;
  margin: 0 auto 6.15375vw;
}
.main_content
  section.function_tee_dress
  .styling.second
  .img_wrap:nth-of-type(2) {
  max-width: 50.77vw;
  margin: 0 auto 6.15375vw 0;
}
.main_content section.function_tee_dress .styling.second .link_wrap {
  max-width: 83.59vw;
  margin: 0 auto 0 4.1025vw;
}
.main_content section.french_sleeve_tee_introduction .img_wrap:nth-of-type(1) {
  max-width: 83.59vw;
  margin: 0 auto 6.15375vw;
}
.main_content section.french_sleeve_tee_introduction .directors_comment:before {
  content: 'AYAKO’S COMMENT';
}
.main_content section.white_styling .slider,
.main_content section.brown_styling .slider {
  width: 100%;
  margin: 0 auto;
}
.main_content section.white_styling .slider .slick-list.draggable,
.main_content section.brown_styling .slider .slick-list.draggable {
  padding: 0 !important;
}
.main_content section.white_styling .slider img,
.main_content section.brown_styling .slider img {
  width: 67.18vw; /*スライダー内の画像を60vwにしてレスポンシブ化*/
  height: auto;
}
.main_content section.white_styling .slider .description,
.main_content section.white_styling .slider .link_wrap,
.main_content section.brown_styling .slider .description,
.main_content section.brown_styling .slider .link_wrap {
  width: 67.18vw;
  margin: 6.15375vw auto 0 !important;
}
.main_content section.white_styling .slider .slick-slide,
.main_content section.brown_styling .slider .slick-slide {
  transform: scale(0.836); /*左右の画像のサイズを80%に*/
  transition: all 0.5s; /*拡大や透過のアニメーションを0.5秒で行う*/
  opacity: 0.5; /*透過50%*/
}
.main_content section.white_styling .slider .slick-slide.slick-center,
.main_content section.brown_styling .slider .slick-slide.slick-center {
  transform: scale(1); /*中央の画像のサイズだけ等倍に*/
  opacity: 1; /*透過なし*/
}

.credit_wrap {
  width: 100%;
  padding: 14.35898vw 6.15375vw;
  background: #f7f7f7;
}
.credit_wrap .credit p {
  font-family: 'Avenir Next', 'Avenir Next W04 Regular', 'Noto Sans', sans-serif;
  color: #212121;
}
.credit_wrap .credit p:not(:last-child) {
  margin-bottom: 1.025625vw;
}
.fadeUp {
  opacity: 0;
}
.fadeUp.active {
  transform: none;
  animation: fadeUp 1s ease-in-out forwards;
  will-change: transform, opacity;
}

.slick-slide {
    display: none;
    float: left;
    height: 120%!important;
    min-height: 1px;
}

@media (min-width: 1100px) {
    .slick-slide {
        float: left;
        height: 150%!important;
        min-height: 1px;
        max-height: 1260px!important;
    }
}

@keyframes fadeUp {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
@media screen and (min-width: 744px) {
  .pc_hidden {
    display: none;
  }
  .main_content {
    padding: 4.1025vw 0 8.205vw;
  }
  .main_content body,
  .main_content h2,
  .main_content p,
  .main_content span,
  .main_content a {
    font-size: 14px;
  }
  .main_content .main_description {
    margin: 0 auto 8.205vw;
  }
  .main_content .main_head {
    max-width: 33.59vw;
    margin: 0 auto 4.1025vw;
  }
  .main_content .main_head .logo_wrap {
    max-width: 12.5vw;
    margin-bottom: 0.833333vw;
  }
  .main_content .main_head .logo_wrap img {
    margin-bottom: 0.833333vw;
  }
  .main_content section {
    max-width: 50vw;
    margin: 0 auto 7.17949vw;
  }
  .main_content section .head_wrap {
    max-width: 33.59vw;
  }
  .main_content section .head_wrap .sub_head {
    margin-bottom: 0.5128125vw;
    font-size: 16px;
  }
  .main_content section .head_wrap .head {
    margin-bottom: 2.05125vw;
    font-size: 20px;
  }
  .main_content section .description {
    max-width: 33.59vw;
    margin: 0 auto 3.076875vw;
  }
  .main_content section .link_wrap {
    max-width: 33.59vw;
    margin: 0 auto 3.076875vw;
  }
  .main_content section .directors_comment {
    max-width: 33.59vw;
    margin: 0 auto 4.1025vw;
    padding: 2.05125vw;
  }
  .main_content section .directors_comment:before {
    top: -0.57vw;
    left: 2.05125vw;
    padding: 0 1.0256415vw;
  }
  .main_content section .styling {
    margin-bottom: 4.1025vw;
  }
  .main_content section.function_tee .img_wrap:nth-of-type(1) {
    max-width: 33.59vw;
    margin: 0 auto 3.076875vw;
  }
  .main_content section.function_tee .styling.first .img_wrap:nth-of-type(1) {
    max-width: 33.59vw;
    margin: 0 auto 3.076875vw 0;
  }
  .main_content section.function_tee .styling.first .img_wrap:nth-of-type(2) {
    max-width: 17.18vw;
    margin: -23.2vw 2.05125vw 3.076875vw auto;
  }
  .main_content section.function_tee .styling.first .link_wrap {
    margin: 0 2.05125vw 4.1025vw auto;
  }
  .main_content section.function_tee .styling.second .img_wrap:nth-of-type(1) {
    max-width: 25.385vw;
    margin: 0 auto 3.076875vw 4.1025vw;
  }
  .main_content section.function_tee .styling.second .img_wrap:nth-of-type(2) {
    top: 26vw;
    max-width: 45.8975vw;
  }
  .main_content section.function_tee .styling.second .link_wrap {
    margin: 59.826875vw auto 0 0;
  }
  .main_content section.function_tee_no_sleeve .img_wrap:nth-of-type(1) {
    max-width: 33.59vw;
    margin: 0 auto 3.076875vw;
  }
  .main_content
    section.function_tee_no_sleeve
    .styling.first
    .img_wrap:nth-of-type(1) {
    max-width: 25.385vw;
    margin: 0 0 3.076875vw auto;
  }
  .main_content
    section.function_tee_no_sleeve
    .styling.first
    .img_wrap:nth-of-type(2) {
    max-width: 45.8975vw;
    top: 27vw;
  }
  .main_content section.function_tee_no_sleeve .styling.first .link_wrap {
    margin: 60.816875vw auto 4.1025vw 0;
  }
  .main_content
    section.function_tee_no_sleeve
    .styling.second
    .img_wrap:nth-of-type(1) {
    max-width: 45.8975vw;
    margin: 0 auto 3.076875vw;
  }
  .main_content
    section.function_tee_no_sleeve
    .styling.second
    .img_wrap:nth-of-type(2) {
    max-width: 41.795vw;
    margin: 0 auto 3.076875vw;
  }
  .main_content section.function_tee_no_sleeve .styling.second .link_wrap {
    max-width: 41.795vw;
  }
  .main_content section.function_tee_dress {
    margin-bottom: 8.205vw;
  }
  .main_content section.function_tee_dress .img_wrap:nth-of-type(1) {
    max-width: 33.59vw;
    margin: 0 auto 3.076875vw;
  }
  .main_content
    section.function_tee_dress
    .styling.first
    .img_wrap:nth-of-type(1) {
    max-width: 21.283vw;
    margin: 0 auto 3.076875vw 2.05125vw;
  }
  .main_content
    section.function_tee_dress
    .styling.first
    .img_wrap:nth-of-type(2) {
    max-width: 33.59vw;
    top: 16vw;
  }
  .main_content section.function_tee_dress .styling.first .link_wrap {
    margin: 37.476875vw 0 4.1025vw auto;
  }
  .main_content
    section.function_tee_dress
    .styling.second
    .img_wrap:nth-of-type(1) {
    max-width: 33.59vw;
    margin: 0 auto 3.076875vw;
  }
  .main_content
    section.function_tee_dress
    .styling.second
    .img_wrap:nth-of-type(2) {
    max-width: 25.385vw;
    margin: 0 auto 3.076875vw 0;
  }
  .main_content section.function_tee_dress .styling.second .link_wrap {
    max-width: 25.385vw;
    margin: 0 auto 0 0;
  }
  .main_content
    section.french_sleeve_tee_introduction
    .img_wrap:nth-of-type(1) {
    max-width: 33.59vw;
    margin: 0 auto 3.076875vw;
  }
  .main_content section.white_styling .slider img,
  .main_content section.brown_styling .slider img {
    width: 33.59vw;
  }
  .main_content section.white_styling .slider .description,
  .main_content section.white_styling .slider .link_wrap,
  .main_content section.brown_styling .slider .description,
  .main_content section.brown_styling .slider .link_wrap {
    width: 33.59vw;
    margin: 3.076875vw auto 0 !important;
  }
  .credit_wrap {
    padding: 7.17949vw 3.076875vw;
  }
  .credit_wrap .credit p:not(:last-child) {
    margin-bottom: 0.5128125vw;
  }
} /*# sourceMappingURL=common.css.map */