@charset "UTF-8";
@import url('https://fonts.cdnfonts.com/css/optima');
@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 {
  overflow: hidden;
  width: 100vw;
  background-image: url(https://crosset.onward.co.jp/feature/nave_bestinnerwear/assets/images/24sm_bestinnerwear_croppedcamisole_styling.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.main_content h2,
.main_content p,
.main_content span,
.main_content a {
  font-family: '游明朝', YuMincho, 'Hiragino Mincho ProN W3',
    'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝',
    'ＭＳ 明朝', 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 .contents_wrap {
  max-width: calc(100% - 8.205vw);
  width: 100%;
  margin: 0 auto;
  padding-bottom: 16.41vw;
  background: #fff;
}
.main_content .contents_wrap section {
  max-width: calc(100% - 8.205vw);
  width: 100%;
  margin: 0 auto 14.35898vw;
}
.main_content .contents_wrap section .head_wrap {
  position: relative;
  margin-bottom: 8.205vw;
  padding: 2.05125vw 0;
  text-align: center;
}
.main_content .contents_wrap section .head_wrap:before,
.main_content .contents_wrap section .head_wrap:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 4px;
  border-top: 1px solid #212121;
  border-bottom: 1px solid #212121;
}
.main_content .contents_wrap section .head_wrap:before {
  top: 0;
  left: 0;
}
.main_content .contents_wrap section .head_wrap:after {
  bottom: 0;
  left: 0;
}
.main_content .contents_wrap section .head_wrap .sub_head {
  position: relative;
  margin-bottom: 2.05125vw;
  font-family: 'Optima', sans-serif;
  font-size: 18px;
}
.main_content .contents_wrap section .head_wrap .sub_head.borderExtend:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0;
  height: 1px;
  transition: width 1.6s cubic-bezier(0.5, 1, 0.5, 1);
  background: #212121;
}
.main_content
  .contents_wrap
  section
  .head_wrap
  .sub_head.borderExtend.active:before {
  width: 18px;
}
.main_content .contents_wrap section .head_wrap .head {
  font-family: 'Optima', sans-serif;
  font-size: 24px;
}
.main_content .contents_wrap section .img_wrap {
  max-width: calc(100% - 16.41vw);
  width: 100%;
  margin: 0 auto 8.205vw;
}
.main_content .contents_wrap section .item_introduction {
  max-width: calc(100% - 16.41vw);
  width: 100%;
  margin: 0 auto 8.205vw;
}
.main_content .contents_wrap section .item_introduction:first-of-type {
  margin-bottom: 6.15375vw;
}
.main_content .contents_wrap section .item_introduction .head {
  margin-bottom: 3.076875vw;
  padding: 0.5128125vw 0;
  font-family: 'Optima', sans-serif;
  text-align: center;
  background: #6d7380;
  color: #fff;
}
.main_content .contents_wrap section .link_wrap {
  max-width: calc(100% - 16.41vw);
  width: 100%;
  margin: 0 auto;
}
.main_content .contents_wrap section .link_wrap .item_credit a {
  display: flex;
  margin-bottom: 8px;
}
.main_content .contents_wrap section .link_wrap .item_credit a span {
  font-family: 'Optima', sans-serif;
  font-size: 10px;
}
.main_content .contents_wrap section .link_wrap .item_credit a .item {
  max-width: 120px;
  width: 100%;
  margin-right: 24px;
}
.main_content .contents_wrap section .link_wrap .item_credit a .price {
  max-width: 70px;
  width: 100%;
  margin-right: 16px;
}
.main_content .contents_wrap section .link_wrap .item_credit a .buy {
  display: block;
  max-width: 70px;
  width: 100%;
  border: 1px solid #212121;
  text-align: center;
  transition: 0.4s cubic-bezier(0.37, 0, 0.63, 1);
}
.main_content .contents_wrap section .link_wrap .item_credit a .buy:hover {
  background: #212121;
  color: #fff;
  letter-spacing: 0.15em;
}
.main_content .contents_wrap section.main_description {
  margin-bottom: 16.41vw;
  padding-top: 8.205vw;
}
.main_content .contents_wrap section.main_description .text_wrap {
  margin: 0 auto 8.205vw;
  text-align: center;
}
.main_content .contents_wrap section.main_description .text_wrap .sub_title {
  margin-bottom: 2.05125vw;
  font-size: 14px;
}
.main_content .contents_wrap section.main_description .text_wrap .title {
  margin-bottom: 4.1025vw;
  font-size: 24px;
}
.main_content .contents_wrap section.main_description .profile {
  max-width: calc(100% - 8.205vw);
  width: 100%;
  margin: 0 auto;
}
.main_content .contents_wrap section.main_description .profile .upper_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4.1025vw;
}
.main_content
  .contents_wrap
  section.main_description
  .profile
  .upper_row
  .thumb_nail {
  width: 22.566vw;
}
.main_content
  .contents_wrap
  section.main_description
  .profile
  .upper_row
  .thumb_nail
  img {
  border-radius: 50%;
}
.main_content
  .contents_wrap
  section.main_description
  .profile
  .upper_row
  .name {
  max-width: calc(100% - 22.566vw - 4.1025vw);
  width: 100%;
}
.main_content
  .contents_wrap
  section.main_description
  .profile
  .upper_row
  .name
  .kanji {
  color: #666;
  margin-bottom: 1.025625vw;
}
.main_content
  .contents_wrap
  section.main_description
  .profile
  .upper_row
  .name
  .english {
  margin-bottom: 4.1025vw;
  font-size: 24px;
  font-family: 'Optima', sans-serif;
  border-bottom: 2px solid #212121;
}
.main_content
  .contents_wrap
  section.main_description
  .profile
  .upper_row
  .name
  .instagram {
  display: flex;
  align-items: center;
}
.main_content
  .contents_wrap
  section.main_description
  .profile
  .upper_row
  .name
  .instagram
  img {
  width: 4.1025vw;
  height: 4.1025vw;
  margin-right: 2.05125vw;
}
.main_content
  .contents_wrap
  section.main_description
  .profile
  .upper_row
  .name
  .instagram
  .account_id {
  font-size: 10px;
  font-family: 'Optima', sans-serif;
}
.main_content .contents_wrap section.bodysuits_tanktop_styling,
.main_content .contents_wrap section.cropped_camisole_styling,
.main_content .contents_wrap section.bandeau_styling {
  position: relative;
}
.main_content .contents_wrap section.bodysuits_tanktop_styling:before,
.main_content .contents_wrap section.cropped_camisole_styling:before,
.main_content .contents_wrap section.bandeau_styling:before {
  position: absolute;
  min-width: 145vw;
  width: 100%;
  font-family: 'Optima', sans-serif;
  font-size: 48px;
  color: #6d7380;
}
.main_content .contents_wrap section.bodysuits_tanktop_styling .catch_copy,
.main_content .contents_wrap section.cropped_camisole_styling .catch_copy,
.main_content .contents_wrap section.bandeau_styling .catch_copy {
  margin-bottom: 8.205vw;
  font-family: '游明朝', YuMincho, 'Hiragino Mincho ProN W3',
    'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝',
    'ＭＳ 明朝', serif;
  font-size: 16px;
  text-align: center;
}
.main_content .contents_wrap section.bodysuits_tanktop_styling:before {
  content: 'BODDY SUITS TANK TOP';
  top: 63vw;
  left: 13vw;
  transform: rotate(90deg);
}
.main_content .contents_wrap section.cropped_camisole_styling:before {
  content: 'CROPPED CAMISOLE';
  top: 37vw;
  right: 13vw;
  transform: rotate(-90deg);
}
.main_content .contents_wrap section.bandeau_styling:before {
  content: 'BANDEAU';
  top: 63.5vw;
  left: 13vw;
  transform: rotate(90deg);
}

.credit_wrap {
  width: 100%;
  padding: 14.35898vw 6.15375vw;
  background: #f7f7f7;
}
.credit_wrap .credit p {
  font-family: 'Optima', sans-serif;
  color: #212121;
}
.credit_wrap .credit p:not(:last-child) {
  margin-bottom: 1.025625vw;
}
.credit_wrap .credit .head {
  font-size: 16px;
}

.fadeUp {
  opacity: 0;
}
.fadeUp.active {
  transform: none;
  animation: fadeUp 1s ease-in-out forwards;
  will-change: transform, opacity;
}

@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;
  }
  body,
  h2,
  p,
  span,
  a {
    font-size: 14px;
  }
  .main_content .contents_wrap {
    max-width: calc(100% - 32.82vw);
    padding-bottom: 8.205vw;
  }
  .main_content .contents_wrap section {
    max-width: calc(100% - 16.41vw);
    margin: 0 auto 7.17949vw;
  }
  .main_content .contents_wrap section .head_wrap {
    margin-bottom: 4.1025vw;
    padding: 1.025625vw 0;
  }
  .main_content .contents_wrap section .head_wrap:before,
  .main_content .contents_wrap section .head_wrap:after {
    height: 6px;
  }
  .main_content .contents_wrap section .head_wrap .sub_head {
    margin-bottom: 1.025625vw;
    font-size: 20px;
  }
  .main_content .contents_wrap section .head_wrap .head {
    font-size: 26px;
  }
  .main_content .contents_wrap section .img_wrap {
    margin: 0 auto 4.1025vw;
  }
  .main_content .contents_wrap section .item_introduction {
    margin: 0 auto 4.1025vw;
  }
  .main_content .contents_wrap section .item_introduction .head {
    margin-bottom: 1.5384375vw;
    padding: 0.25640625vw 0;
  }
  .main_content .contents_wrap section .link_wrap .item_credit a {
    margin-bottom: 10px;
  }
  .main_content .contents_wrap section .link_wrap .item_credit a span {
    font-size: 12px;
  }
  .main_content .contents_wrap section.main_description {
    margin-bottom: 8.205vw;
    padding-top: 4.1025vw;
  }
  .main_content .contents_wrap section.main_description .text_wrap {
    margin: 0 auto 4.1025vw;
  }
  .main_content .contents_wrap section.main_description .text_wrap .sub_title {
    margin-bottom: 1.025625vw;
    font-size: 16px;
  }
  .main_content .contents_wrap section.main_description .text_wrap .title {
    margin-bottom: 2.05125vw;
    font-size: 26px;
  }
  .main_content .contents_wrap section.main_description .profile .upper_row {
    margin-bottom: 2.05125vw;
  }
  .main_content
    .contents_wrap
    section.main_description
    .profile
    .upper_row
    .thumb_nail {
    width: 11.283vw;
  }
  .main_content
    .contents_wrap
    section.main_description
    .profile
    .upper_row
    .name {
    max-width: calc(100% - 11.283vw - 2.05125vw);
  }
  .main_content
    .contents_wrap
    section.main_description
    .profile
    .upper_row
    .name
    .kanji {
    margin-bottom: 0.5128125vw;
  }
  .main_content
    .contents_wrap
    section.main_description
    .profile
    .upper_row
    .name
    .english {
    margin-bottom: 2.05125vw;
  }
  .main_content
    .contents_wrap
    section.main_description
    .profile
    .upper_row
    .name
    .instagram
    img {
    width: 2.05125vw;
    height: 2.05125vw;
    margin-right: 1.025625vw;
  }
  .main_content
    .contents_wrap
    section.main_description
    .profile
    .upper_row
    .name
    .instagram
    .account_id {
    font-size: 12px;
  }
  .main_content .contents_wrap section.bodysuits_tanktop_styling:before,
  .main_content .contents_wrap section.cropped_camisole_styling:before,
  .main_content .contents_wrap section.bandeau_styling:before {
    font-size: 64px;
  }
  .main_content .contents_wrap section.bodysuits_tanktop_styling .catch_copy,
  .main_content .contents_wrap section.cropped_camisole_styling .catch_copy,
  .main_content .contents_wrap section.bandeau_styling .catch_copy {
    margin-bottom: 4.1025vw;
    font-size: 18px;
  }
  .main_content .contents_wrap section.bodysuits_tanktop_styling:before {
    top: 70vw;
    left: -18vw;
  }
  .main_content .contents_wrap section.cropped_camisole_styling:before {
    top: -43vw;
    right: -18vw;
  }
  .main_content .contents_wrap section.bandeau_styling:before {
    top: 70vw;
    left: -18vw;
  }
  .credit_wrap {
    padding: 7.17949vw 3.076875vw;
  }
  .credit_wrap .credit p:not(:last-child) {
    margin-bottom: 0.5128125vw;
  }
}
@media screen and (744px <= width < 1366px) {
  .main_content .contents_wrap section.bodysuits_tanktop_styling:before {
    top: 68vw;
    left: -18vw;
  }
  .main_content .contents_wrap section.cropped_camisole_styling:before {
    top: 3vw;
    right: -18vw;
  }
  .main_content .contents_wrap section.bandeau_styling:before {
    top: 68vw;
    left: -18vw;
  }
} /*# sourceMappingURL=common.css.map */