@charset "UTF-8";
/*---------------------------------------------
00. reset
01. common
02. layout
03. page-opening
04. page-temp
05. page-men
06. page-women
---------------------------------------------*/
/*---------------------------------------------
00. reset
---------------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/*---------------------------------------------
01. common
---------------------------------------------*/
a {
  color: #6B6B6B;
  text-decoration: none; }

img {
  width: 100%;
  height: auto;
  vertical-align: baseline; }
  img.object-fit-img {
    object-fit: cover;
    object-position: center top;
    font-family: 'object-fit:cover;object-position:center top;'; }
  img.object-fit-img2 {
    object-fit: contain;
    object-position: center top;
    font-family: 'object-fit:contain;object-position:center top;'; }

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none; }

::selection {
  background: #002C57;
  color: #fff; }

::-moz-selection {
  background: #002C57;
  color: #fff; }

.view_pc {
  display: none !important; }
  @media only screen and (min-width: 769px) {
    .view_pc {
      display: block !important; } }

.view_sp {
  display: none !important; }
  @media only screen and (max-width: 768px) {
    .view_sp {
      display: block !important; } }

.slidesWrap {
  vertical-align: top;
  position: relative; }

.slidesWrap .slides {
  position: relative; }

.slidesWrap .slides .slide {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0; }

/* border__link */
.border__link {
  position: relative; }

.border__link::after {
  position: absolute;
  bottom: -0.6rem;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #fff;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .3s; }

.border__link:hover::after {
  transform-origin: left top;
  transform: scale(1, 1); }

/* effectBtn */
.effectBtn {
  overflow: hidden;
  position: relative;
  z-index: 1; }
  .effectBtn::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: #000; }
  .effectBtn::after {
    transition: all 0.45s cubic-bezier(0.215, 0.61, 0.325, 1) 0s;
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 1;
    background-color: #606060; }
  .effectBtn:hover::after {
    left: 0%;
    right: auto;
    width: 100%; }
  .effectBtn > a, .effectBtn > span {
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    transition: all 0.45s cubic-bezier(0.215, 0.61, 0.325, 1) 0s; }

/* scrollview */
.scrollview {
  position: relative;
  overflow: hidden;
  display: block; }
  .scrollview::after {
    content: '';
    transition: all 1.2s 0s ease;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: #fff; }
  .scrollview.view::after {
    transform: translateX(100%); }
  .scrollview.vertical.view::after {
    transform: translateY(100%); }
  .scrollview.delay01::after {
    transition: all 1.2s 0.5s ease; }
  .scrollview.delay02::after {
    transition: all 1.2s 1s ease; }

/* modal */
.modal {
  visibility: hidden;
  overflow: hidden;
  height: 0; }

#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  z-index: 9999;
  transform: translate(-50%, -50%);
  width: 100% !important;
  height: 100% !important; }

#cboxWrapper {
  display: flex;
  justify-content: center;
  align-items: center; }

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.95); }

#colorbox {
  outline: 0; }
  #colorbox #cboxWrapper #cboxTopLeft,
  #colorbox #cboxWrapper #cboxTopCenter,
  #colorbox #cboxWrapper #cboxTopRight,
  #colorbox #cboxWrapper #cboxMiddleLeft,
  #colorbox #cboxWrapper #cboxMiddleRight,
  #colorbox #cboxWrapper #cboxBottomLeft,
  #colorbox #cboxWrapper #cboxBottomCenter,
  #colorbox #cboxWrapper #cboxBottomRight,
  #colorbox #cboxWrapper #cboxTitle {
    display: none !important; }
  #colorbox #cboxWrapper #cboxContent {
    position: relative; }
    #colorbox #cboxWrapper #cboxContent .modal-btn {
      position: fixed;
      top: 50%;
      z-index: 9;
      transform: translateY(-50%);
      width: 5.6rem;
      height: 5.0rem;
      background-color: #000;
      display: flex;
      justify-content: center;
      align-items: center; }
      #colorbox #cboxWrapper #cboxContent .modal-btn .svg {
        width: 1.6rem;
        height: 0.4rem; }
      #colorbox #cboxWrapper #cboxContent .modal-btn.prev {
        left: 0; }
      #colorbox #cboxWrapper #cboxContent .modal-btn.next {
        right: 0; }
    #colorbox #cboxWrapper #cboxContent #cboxPrevious,
    #colorbox #cboxWrapper #cboxContent #cboxNext {
      opacity: 1 !important; }
  @media only screen and (max-width: 768px) {
    #colorbox #cboxWrapper #cboxContent .modal-btn {
      top: 50%;
      transform: translateY(-50%);
      width: 3.0rem;
      height: 3.0rem; }
      #colorbox #cboxWrapper #cboxContent .modal-btn .svg {
        width: 1.2rem;
        height: 0.4rem; } }

/* modal__box */
.modal__box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%; }
  .modal__box .flex {
    overflow: hidden;
    position: relative;
    display: flex;
    width: 90.0rem;
    height: 58.0rem;
    background-color: #fff; }
    .modal__box .flex .close-modal {
      transition: .5s ease-out;
      position: absolute;
      top: 4.0rem;
      right: 4.0rem;
      z-index: 9;
      width: 4.5rem;
      height: 1.6rem;
      cursor: pointer; }
      .modal__box .flex .close-modal::before, .modal__box .flex .close-modal::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 4.8rem;
        height: 1px;
        background-color: #444; }
      .modal__box .flex .close-modal::before {
        transform: translate(-50%, -50%) rotate(20deg); }
      .modal__box .flex .close-modal::after {
        transform: translate(-50%, -50%) rotate(-20deg); }
      .modal__box .flex .close-modal:hover {
        opacity: .7; }
    .modal__box .flex .modal__slide {
      width: 50%; }
      .modal__box .flex .modal__slide .bx-wrapper {
        margin: 0;
        box-shadow: none;
        border: none;
        background: none; }
        .modal__box .flex .modal__slide .bx-wrapper .bx-controls .bx-pager {
          display: none; }
        .modal__box .flex .modal__slide .bx-wrapper .bx-controls .bx-controls-direction a {
          overflow: hidden;
          transform: translateY(-50%);
          width: 7.0rem;
          height: 1.7rem;
          margin: 0;
          font-size: 1.0rem;
          letter-spacing: 0.045em;
          color: #fff;
          text-indent: 0;
          cursor: pointer; }
          .modal__box .flex .modal__slide .bx-wrapper .bx-controls .bx-controls-direction a::after {
            content: '';
            transition: .3s ease-out;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 2px;
            background-color: #fff; }
          .modal__box .flex .modal__slide .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev {
            left: 0;
            background: none;
            text-align: right; }
            .modal__box .flex .modal__slide .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev:hover::after {
              left: -70%; }
          .modal__box .flex .modal__slide .bx-wrapper .bx-controls .bx-controls-direction a.bx-next {
            right: 0;
            background: none;
            text-align: left; }
            .modal__box .flex .modal__slide .bx-wrapper .bx-controls .bx-controls-direction a.bx-next:hover::after {
              left: 70%; }
      .modal__box .flex .modal__slide .bxslider .slider__item {
        text-align: center; }
        .modal__box .flex .modal__slide .bxslider .slider__item .img {
          display: block;
          width: auto;
          height: 58.0rem;
          margin: 0 auto; }
    .modal__box .flex .modal__meta {
      box-sizing: border-box;
      overflow: auto;
      width: 50%;
      height: 100%;
      padding: 4.0rem 4.0rem 2.0rem; }
      .modal__box .flex .modal__meta .ttl {
        font-size: 1.2rem;
        letter-spacing: 0.045em; }
        .modal__box .flex .modal__meta .ttl > em {
          font-size: 1.6rem;
          font-weight: 800; }
      .modal__box .flex .modal__meta .name {
        margin-top: 3.0rem;
        font-size: 2.1rem;
        font-weight: 600;
        letter-spacing: -0.03em; }
      .modal__box .flex .modal__meta .catch {
        margin-top: 2.0rem;
        font-size: 1.4rem;
        letter-spacing: 0.039em; }
      .modal__box .flex .modal__meta .details {
        margin-top: 2.5rem;
        font-size: 1.1rem;
        letter-spacing: 0.054em;
        line-height: calc(28 / 20);
        color: #6B6B6B !important; }
        .modal__box .flex .modal__meta .details a {
          text-decoration: underline; }
          .modal__box .flex .modal__meta .details a:hover {
            text-decoration: none; }
      .modal__box .flex .modal__meta .txt {
        margin-top: 2.5rem;
        font-size: 1.2rem;
        letter-spacing: 0.019em;
        line-height: calc(28 / 14);
        text-align: justify; }
      .modal__box .flex .modal__meta .btn {
        margin-top: 3.0rem;
        text-align: center; }
        .modal__box .flex .modal__meta .btn a,
        .modal__box .flex .modal__meta .btn span {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 28.0rem;
          height: 4.8rem;
          margin: 0 auto; }
          .modal__box .flex .modal__meta .btn a > img,
          .modal__box .flex .modal__meta .btn span > img {
            position: relative;
            z-index: 3;
            width: 13.6rem;
            height: 0.9rem; }
  @media only screen and (max-width: 768px) {
    .modal__box {
      height: auto; }
      .modal__box .flex {
        display: block; }
        .modal__box .flex .close-modal {
          position: fixed;
          top: 1.5rem;
          right: 1.5rem;
          width: 3.0rem;
          height: 1.8rem; }
          .modal__box .flex .close-modal::before, .modal__box .flex .close-modal::after {
            width: 3.0rem; }
        .modal__box .flex .modal__slide {
          width: 100%;
          height: 23.3rem; }
          .modal__box .flex .modal__slide .bx-wrapper {
            width: 100%; }
            .modal__box .flex .modal__slide .bx-wrapper .bx-controls .bx-controls-direction a {
              width: 4.5rem;
              height: 1.5rem;
              margin: 0;
              font-size: 0.9rem;
              color: #000; }
              .modal__box .flex .modal__slide .bx-wrapper .bx-controls .bx-controls-direction a::after {
                height: 1px;
                background-color: #000; }
          .modal__box .flex .modal__slide .bxslider {
            height: 23.3rem;
            background-color: #fff; }
            .modal__box .flex .modal__slide .bxslider .slider__item {
              text-align: center;
              height: 23.3rem; }
              .modal__box .flex .modal__slide .bxslider .slider__item .img {
                display: block;
                width: 18.0rem;
                height: 23.3rem;
                margin: 0 auto; }
        .modal__box .flex .modal__meta {
          width: 100%;
          height: auto;
          padding: 1.5rem; }
          .modal__box .flex .modal__meta .ttl {
            font-size: 0.7rem; }
            .modal__box .flex .modal__meta .ttl > em {
              font-size: 0.9rem; }
          .modal__box .flex .modal__meta .name {
            margin-top: 1.0rem;
            font-size: 1.5rem; }
          .modal__box .flex .modal__meta .catch {
            margin-top: 1.0rem;
            font-size: 1.0rem; }
          .modal__box .flex .modal__meta .details {
            margin-top: 1.5rem;
            font-size: 1.0rem;
            line-height: calc(24 / 16); }
            .modal__box .flex .modal__meta .details a {
              text-decoration: underline; }
          .modal__box .flex .modal__meta .txt {
            margin-top: 1.5rem;
            font-size: 0.85rem;
            line-height: calc(28 / 17); }
          .modal__box .flex .modal__meta .btn {
            margin-top: 1.5rem; }
            .modal__box .flex .modal__meta .btn a,
            .modal__box .flex .modal__meta .btn span {
              width: 19.0rem;
              height: 3.2rem; }
              .modal__box .flex .modal__meta .btn a img,
              .modal__box .flex .modal__meta .btn span img {
                width: 9.2rem;
                height: 0.6rem; } }

@keyframes AnimationName {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }
/*---------------------------------------------
02. layout
---------------------------------------------*/
html,
body {
  width: 100%;
  height: 100%; }

html {
  font-size: 0.83333vw; }
  @media only screen and (min-width: 1201px) {
    html {
      font-size: 10px; } }
  @media only screen and (max-width: 768px) {
    html {
      font-size: 3.125vw; } }

body {
  width: 100%;
  margin: 0;
  font-family: 'Spectral', 'Noto Serif JP', serif;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.05em;
  font-size: 1.4rem;
  color: #000;
  font-feature-settings: "palt";
  -webkit-text-size-adjust: 100%; }
  body.loading {
    opacity: 0; }
  body.loaded {
    opacity: 1; }
    body.loaded.page-opening .box .btn__link::before {
      height: 0; }
  body.fixed .header {
    transition: .3s ease-out;
    transform: translateY(0); }
  body.fixed.logo .bbb__logo {
    transition: .3s ease-out;
    opacity: 0;
    transform: translateY(-10%); }
  body.logo .bbb__logo {
    transition: .3s ease-out;
    opacity: 1;
    transform: translateY(0); }
  @media only screen and (max-width: 768px) {
    body {
      min-height: 100vh;
      font-size: 1.1rem; }
      body.loaded.page-opening .box .btn__link::before {
        width: 0;
        height: 100%; }
      body.fixed .header {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999; }
      body.fixed .opening {
        margin-bottom: 8.5rem; } }

/*** header ***/
.header {
  transition: .3s ease-out;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  transform: translateY(-110%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 9.0rem;
  background-color: #fff; }
  .header .bbb__logo {
    position: absolute;
    top: 50%;
    left: 5.0rem;
    transform: translateY(-50%); }
    .header .bbb__logo a {
      display: block; }
      .header .bbb__logo a img {
        width: 4.5rem;
        height: 6.2rem; }
  @media only screen and (max-width: 768px) {
    .header {
      width: 100%;
      height: 4.5rem; }
      .header.fixed {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999; }
      .header .bbb__logo {
        display: none; } }

/*** nav_gender ***/
.nav_gender {
  display: flex;
  justify-content: center; }
  .nav_gender .btn {
    box-sizing: border-box;
    margin: 3.0rem 4.0rem; }
    .nav_gender .btn__txt {
      position: relative;
      overflow: hidden;
      display: block;
      width: 10.0rem;
      padding-bottom: 1.0rem; }
      .nav_gender .btn__txt::before, .nav_gender .btn__txt::after {
        content: '';
        transition: .3s ease-out;
        position: absolute;
        bottom: 0;
        right: 0;
        display: block;
        width: 100%;
        height: 1px; }
      .nav_gender .btn__txt::before {
        background-color: black; }
      .nav_gender .btn__txt::after {
        background-color: rgba(0, 0, 0, 0.3); }
    .nav_gender .btn__link {
      display: block;
      font-size: 1.4rem;
      letter-spacing: -0.03em; }
    .nav_gender .btn.men {
      justify-content: flex-end; }
      .nav_gender .btn.men .btn__txt {
        text-align: right; }
      .nav_gender .btn.men .btn__link:hover .btn__txt::before {
        right: 100%; }
    .nav_gender .btn.women .btn__link:hover .btn__txt::before {
      right: -100%; }
  @media only screen and (max-width: 768px) {
    .nav_gender .btn {
      margin: 0 1.5rem; }
      .nav_gender .btn__txt {
        width: 7.0rem;
        padding-bottom: 1.0rem; }
      .nav_gender .btn__link {
        font-size: 1.2rem; } }

/*** footer ***/
.footer {
  margin-top: 9.0rem;
  text-align: center; }
  .footer__logo img {
    width: 12.2rem;
    height: 4.4rem; }
  .footer__sns {
    display: flex;
    justify-content: center;
    margin-top: 4.0rem; }
    .footer__sns > li:nth-of-type(2n) {
      margin: 0 5.0rem; }
      .footer__sns > li:nth-of-type(2n) > a .svg {
        fill: #000; }
    .footer__sns .facebook .svg {
      width: 0.8rem;
      height: 1.7rem; }
    .footer__sns .twitter .svg {
      width: 2.2rem;
      height: 1.5rem; }
    .footer__sns .instagram .svg {
      width: 1.7rem;
      height: 1.7rem; }
  .footer__copyright {
    margin-top: 4.0rem;
    font-size: 1.0rem;
    font-weight: 500;
    letter-spacing: 0.07em;
    line-height: 1; }
    .footer__copyright > em {
      font-size: 1.2rem; }
  @media only screen and (max-width: 768px) {
    .footer {
      margin-top: 5.0rem; }
      .footer__logo img {
        width: 8.65rem;
        height: 3.1rem; }
      .footer__sns {
        margin-top: 4.0rem; }
        .footer__sns > li:nth-of-type(2n) {
          margin: 0 3.5rem; }
        .footer__sns .facebook .svg {
          width: 0.6rem;
          height: 1.3rem; }
        .footer__sns .twitter .svg {
          width: 1.7rem;
          height: 1.2rem; }
        .footer__sns .instagram .svg {
          width: 1.3rem;
          height: 1.3rem; }
      .footer__copyright {
        margin-top: 2.5rem;
        font-size: 0.7rem; }
        .footer__copyright > em {
          font-size: 0.9rem; } }

.pagetop {
  position: fixed;
  bottom: 11.5rem;
  right: 4.0rem;
  z-index: 10; }
  .pagetop a {
    position: relative;
    display: block;
    width: 2.2rem;
    height: 14.0rem; }
    .pagetop a .txt {
      position: absolute;
      bottom: 0;
      right: 0;
      display: block;
      transform-origin: 100% 100%;
      transform: rotate(90deg) translate(0, 100%);
      white-space: nowrap;
      text-align: right;
      color: #000;
      font-size: 1.1rem; }
    .pagetop a .bar {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 0.2rem;
      height: 100%;
      background-color: #ddd;
      transform: rotate(180deg); }
      .pagetop a .bar i {
        display: block;
        position: absolute;
        width: 100%;
        background-color: #878787; }
  @media only screen and (max-width: 768px) {
    .pagetop {
      position: fixed;
      bottom: 5.0rem;
      right: 1.5rem; }
      .pagetop a {
        position: relative;
        display: block;
        width: 1.9rem;
        height: 9.0rem; }
        .pagetop a .txt {
          font-size: 0.9rem; } }

/*
.page {
	box-sizing: border-box;
	width: 100%;
}
*/
/*---------------------------------------------
03. page-opening
---------------------------------------------*/
.page-opening .main-contents {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0; }
.page-opening .opening {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%; }
  .page-opening .opening .bbb_logo {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    pointer-events: none; }
    .page-opening .opening .bbb_logo .svg {
      width: 24.1rem;
      height: 25.1rem;
      fill: #fff; }
  .page-opening .opening .box {
    z-index: 1;
    overflow: hidden;
    width: 50%;
    height: 100%; }
    .page-opening .opening .box .btn {
      position: relative;
      width: 100%;
      height: 100%; }
      .page-opening .opening .box .btn__link {
        transition: filter .3s ease-in-out;
        filter: grayscale(100%);
        display: flex;
        align-items: center;
        width: 100%;
        height: 100%;
        font-size: 1.6rem;
        letter-spacing: .02em;
        color: #fff; }
        .page-opening .opening .box .btn__link:hover {
          filter: grayscale(0); }
        .page-opening .opening .box .btn__link::before {
          content: '';
          transition: 1.0s ease-out;
          position: absolute;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: #fff; }
      .page-opening .opening .box .btn__txt {
        position: relative;
        z-index: 2;
        display: block;
        width: 18.0rem;
        padding-bottom: 1.0rem; }
        .page-opening .opening .box .btn__txt .bar {
          transition: .5s ease-in-out;
          overflow: hidden;
          position: absolute;
          bottom: -0.5rem;
          right: 0;
          display: block;
          width: 100%;
          height: 2px;
          background-color: #878787; }
          .page-opening .opening .box .btn__txt .bar i {
            display: block;
            position: absolute;
            height: 2px;
            background-color: #fff; }
      .page-opening .opening .box .btn .slider {
        position: absolute;
        top: 0;
        height: 100vh;
        z-index: 1;
        transform-style: preserve-3d;
        will-change: transform; }
        .page-opening .opening .box .btn .slider .slide {
          overflow: hidden;
          position: absolute;
          left: auto;
          right: 0;
          transform-style: preserve-3d;
          will-change: transform; }
          .page-opening .opening .box .btn .slider .slide .img {
            position: absolute;
            left: auto;
            right: 0;
            top: 0;
            height: 100vh;
            will-change: transform; }
    .page-opening .opening .box.men-area .btn__link::before {
      top: 0; }
    .page-opening .opening .box.men-area .btn__txt {
      text-align: right; }
    .page-opening .opening .box.men-area .btn .slider {
      left: 0;
      width: 50vw; }
      .page-opening .opening .box.men-area .btn .slider .slide {
        width: 0;
        height: 100vh; }
        .page-opening .opening .box.men-area .btn .slider .slide .img {
          width: 50vw; }
    .page-opening .opening .box.women-area .btn__link {
      justify-content: flex-end; }
      .page-opening .opening .box.women-area .btn__link::before {
        bottom: 0; }
    .page-opening .opening .box.women-area .btn__txt {
      text-align: left; }
      .page-opening .opening .box.women-area .btn__txt .bar {
        transform-origin: center center;
        transform: rotate(180deg); }
    .page-opening .opening .box.women-area .btn .slider {
      right: 0;
      width: 50vw; }
      .page-opening .opening .box.women-area .btn .slider .slide {
        width: 50vw;
        height: 0; }
        .page-opening .opening .box.women-area .btn .slider .slide .img {
          width: 50vw; }
@media only screen and (max-width: 768px) {
  .page-opening .opening {
    flex-direction: column; }
    .page-opening .opening .bbb_logo .svg {
      width: 12.0rem;
      height: 13.2rem; }
    .page-opening .opening .box {
      width: 100%;
      height: 50%; }
      .page-opening .opening .box .btn {
        width: 100%;
        height: 100%; }
        .page-opening .opening .box .btn__link {
          justify-content: flex-end;
          filter: grayscale(0);
          font-size: 1.1rem; }
          .page-opening .opening .box .btn__link::before {
            top: 0; }
        .page-opening .opening .box .btn__txt {
          width: 7.5rem;
          padding-bottom: 0.5rem; }
        .page-opening .opening .box .btn .slider {
          width: 100vw;
          height: 50vh; }
          .page-opening .opening .box .btn .slider .slide {
            position: absolute;
            left: auto;
            right: 0; }
            .page-opening .opening .box .btn .slider .slide .img {
              position: absolute;
              left: auto;
              right: 0;
              top: 0;
              height: 50vh; }
      .page-opening .opening .box.men-area .btn__link::before {
        left: auto;
        right: 0; }
      .page-opening .opening .box.men-area .btn__txt {
        text-align: left; }
      .page-opening .opening .box.men-area .btn .slider {
        right: 0;
        width: 100vw; }
        .page-opening .opening .box.men-area .btn .slider .slide {
          width: 0;
          height: 100vh; }
          .page-opening .opening .box.men-area .btn .slider .slide .img {
            width: 100vw;
            object-position: center top;
            font-family: "object-position:center top;"; }
      .page-opening .opening .box.women-area .btn__link {
        justify-content: flex-end; }
        .page-opening .opening .box.women-area .btn__link::before {
          right: 0; }
      .page-opening .opening .box.women-area .btn__txt .bar {
        transform: rotate(0); }
      .page-opening .opening .box.women-area .btn .slider {
        top: auto;
        bottom: 0;
        width: 100vw; }
        .page-opening .opening .box.women-area .btn .slider .slide {
          width: 100vw;
          height: 0; }
          .page-opening .opening .box.women-area .btn .slider .slide .img {
            width: 100vw;
            object-position: center top;
            font-family: "object-position:center top;"; } }

/*---------------------------------------------
04. page-temp
---------------------------------------------*/
body.page-temp .opening {
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  z-index: 9999;
  display: flex;
  width: 100vw;
  height: 100vh;
  margin-bottom: 10.0rem; }
  body.page-temp .opening .bbb_logo {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    pointer-events: none; }
    body.page-temp .opening .bbb_logo .svg {
      width: 24.1rem;
      height: 25.1rem;
      fill: #fff; }
  body.page-temp .opening__txt {
    position: absolute;
    bottom: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, 20rem); }
  body.page-temp .opening .nav_gender {
    position: absolute;
    top: 2.5rem;
    left: 50%;
    z-index: 9;
    transform: translateX(-50%); }
    body.page-temp .opening .nav_gender .btn {
      margin-top: 0; }
      body.page-temp .opening .nav_gender .btn__txt::before {
        background-color: #fff; }
      body.page-temp .opening .nav_gender .btn__txt::after {
        background-color: rgba(0, 0, 0, 0.3); }
      body.page-temp .opening .nav_gender .btn__link {
        color: #fff; }
  body.page-temp .opening__slide {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%; }
    body.page-temp .opening__slide .slider {
      position: absolute;
      top: 0;
      height: 100vh;
      transform-style: preserve-3d;
      will-change: transform; }
      body.page-temp .opening__slide .slider .slide {
        overflow: hidden;
        position: absolute;
        left: auto;
        right: 0;
        transform-style: preserve-3d;
        will-change: transform; }
        body.page-temp .opening__slide .slider .slide .img {
          position: absolute;
          left: auto;
          right: 0;
          top: 0;
          height: 100vh;
          will-change: transform; }
      body.page-temp .opening__slide .slider.opening_slider_left {
        left: 0;
        width: 50vw; }
        body.page-temp .opening__slide .slider.opening_slider_left .slide {
          width: 0;
          height: 100vh; }
          body.page-temp .opening__slide .slider.opening_slider_left .slide .img {
            width: 50vw; }
      body.page-temp .opening__slide .slider.opening_slider_right {
        right: 0;
        width: 50vw; }
        body.page-temp .opening__slide .slider.opening_slider_right .slide {
          width: 50vw;
          height: 0; }
          body.page-temp .opening__slide .slider.opening_slider_right .slide .img {
            width: 50vw; }
  body.page-temp .opening .scroll {
    position: absolute;
    bottom: 0;
    right: 6.0rem;
    z-index: 99;
    width: 2px;
    height: 15.0rem; }
    body.page-temp .opening .scroll .txt {
      position: absolute;
      top: 0;
      right: -7.7rem;
      display: block;
      transform: rotate(90deg);
      transform-origin: left top;
      font-size: 1.1rem;
      letter-spacing: 0.2em;
      font-weight: 600;
      line-height: 1;
      color: #fff; }
    body.page-temp .opening .scroll .bar {
      overflow: hidden;
      display: block;
      width: 2px;
      height: 100%;
      background-color: #878787; }
      body.page-temp .opening .scroll .bar i {
        display: block;
        position: absolute;
        width: 1px;
        background-color: #fff; }
body.page-temp .main-contents {
  padding-top: 0; }
  body.page-temp .main-contents .row {
    box-sizing: border-box;
    position: relative;
    display: flex;
    margin-top: 7.0rem; }
  body.page-temp .main-contents .inner {
    position: relative;
    max-width: 1200px;
    margin: 0 auto; }
  body.page-temp .main-contents .section {
    box-sizing: border-box; }
    body.page-temp .main-contents .section__imgarea {
      position: relative; }
    body.page-temp .main-contents .section__ttl {
      position: absolute;
      display: inline-block;
      font-size: 1.3rem;
      letter-spacing: 0.045em;
      font-weight: 500;
      line-height: 1; }
      body.page-temp .main-contents .section__ttl > em {
        display: inline-block;
        padding-left: 0.3em;
        font-size: 1.8rem;
        font-weight: 800; }
      body.page-temp .main-contents .section__ttl.left-pc {
        top: -2.0rem;
        left: -2.0rem;
        transform-origin: right bottom;
        transform: translateX(-100%) rotate(-90deg); }
      body.page-temp .main-contents .section__ttl.right-pc {
        top: -2.0rem;
        right: -2.0rem;
        transform-origin: left bottom;
        transform: translateX(100%) rotate(90deg); }
      body.page-temp .main-contents .section__ttl.left-bottom-pc {
        top: -2.0rem;
        left: -2.4rem;
        transform-origin: right bottom;
        transform: translateX(-100%) rotate(-90deg); }
      body.page-temp .main-contents .section__ttl.right-bottom-pc {
        bottom: 17.0rem;
        right: -2.0rem;
        transform-origin: left bottom;
        transform: translateX(100%) rotate(90deg); }
    body.page-temp .main-contents .section__meta {
      margin-top: 3.0rem; }
      body.page-temp .main-contents .section__meta .name {
        position: relative;
        display: inline-block;
        font-size: 2.4rem;
        font-weight: 600; }
      body.page-temp .main-contents .section__meta .catch {
        margin-top: 2.5rem;
        font-size: 1.4rem;
        font-weight: 600; }
      body.page-temp .main-contents .section__meta .txt {
        margin-top: 1.2em;
        font-size: 1.2rem;
        color: #6B6B6B;
        line-height: calc(20 / 12); }
        body.page-temp .main-contents .section__meta .txt > span > a {
          color: #6B6B6B;
          text-decoration: underline; }
          body.page-temp .main-contents .section__meta .txt > span > a:hover {
            text-decoration: none; }
        body.page-temp .main-contents .section__meta .txt > span > span {
          color: #6B6B6B;
          text-decoration: none; }
      body.page-temp .main-contents .section__meta .btn {
        display: inline-block;
        margin-top: 2.0rem; }
        body.page-temp .main-contents .section__meta .btn a,
        body.page-temp .main-contents .section__meta .btn span {
          padding: 1.0rem 2.0rem;
          color: #fff;
          font-size: 1.3rem;
          font-style: italic;
          cursor: pointer; }
  body.page-temp .main-contents .basiccollection {
    position: relative; }
    body.page-temp .main-contents .basiccollection__ttl {
      display: flex;
      flex-direction: column;
      align-items: center; }
      body.page-temp .main-contents .basiccollection__ttl .ttl__img01 {
        display: block; }
        body.page-temp .main-contents .basiccollection__ttl .ttl__img01 img {
          width: 41.6rem;
          height: 2.1rem; }
      body.page-temp .main-contents .basiccollection__ttl .ttl__img02 {
        display: block;
        margin-top: 2.5rem; }
        body.page-temp .main-contents .basiccollection__ttl .ttl__img02 img {
          width: 25.9rem;
          height: 2.1rem; }
    body.page-temp .main-contents .basiccollection__icon {
      position: absolute;
      top: 0;
      right: 8.0rem;
      z-index: 2; }
      body.page-temp .main-contents .basiccollection__icon img {
        width: 19.0rem;
        height: 19.0rem; }
    body.page-temp .main-contents .basiccollection .intro {
      box-sizing: border-box;
      position: relative;
      z-index: 1;
      margin: 0 30.0rem 0 38.5rem; }
      body.page-temp .main-contents .basiccollection .intro__txtarea {
        margin-top: 3.0rem; }
        body.page-temp .main-contents .basiccollection .intro__txtarea .txt {
          margin-top: 2.0rem;
          letter-spacing: 0.04em;
          line-height: calc(32 / 14); }
  body.page-temp .main-contents .bbbcollection {
    margin-top: 8.0rem; }
    body.page-temp .main-contents .bbbcollection__ttl {
      text-align: center; }
      body.page-temp .main-contents .bbbcollection__ttl img {
        width: 30.0rem;
        height: 1.8rem; }
      body.page-temp .main-contents .bbbcollection__ttl > p {
        margin-top: 2.0rem;
        font-size: 1.2rem;
        letter-spacing: .18em; }
    body.page-temp .main-contents .bbbcollection .swiper-container .slidebtn {
      display: none; }
    body.page-temp .main-contents .bbbcollection .item__area {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      margin-top: 8.0rem; }
      body.page-temp .main-contents .bbbcollection .item__area .section {
        width: 34.0rem;
        min-height: 72.0rem;
        margin: 0 6.0rem 9.0rem;
        padding-bottom: 6.0rem; }
        body.page-temp .main-contents .bbbcollection .item__area .section__ttl {
          position: relative;
          font-size: 1.3rem; }
          body.page-temp .main-contents .bbbcollection .item__area .section__ttl > em {
            font-size: 1.8rem; }
          body.page-temp .main-contents .bbbcollection .item__area .section__ttl.left-pc {
            top: 2.0rem;
            left: -2.0rem; }
          body.page-temp .main-contents .bbbcollection .item__area .section__ttl.right-pc {
            top: 2rem;
            right: -19rem; }
          body.page-temp .main-contents .bbbcollection .item__area .section__ttl.left-bottom-pc {
            top: -2.0rem;
            left: -2.4rem; }
          body.page-temp .main-contents .bbbcollection .item__area .section__ttl.right-bottom-pc {
            bottom: 17.0rem;
            right: -2.0rem; }
        body.page-temp .main-contents .bbbcollection .item__area .section__img {
          margin-top: 1.8rem; }
        body.page-temp .main-contents .bbbcollection .item__area .section__meta .name {
          font-size: 2.0rem;
          white-space: nowrap; }
        body.page-temp .main-contents .bbbcollection .item__area .section__meta .catch {
          margin-top: 2.0rem;
          font-size: 1.3rem;
          white-space: nowrap; }
        body.page-temp .main-contents .bbbcollection .item__area .section__meta .btn {
          position: absolute;
          bottom: 0;
          left: 0; }
        body.page-temp .main-contents .bbbcollection .item__area .section.col-3 {
          box-sizing: border-box;
          position: relative;
          width: 23.0rem;
          min-height: 58.0rem;
          margin: 0 5.0rem 6.0rem; }
          body.page-temp .main-contents .bbbcollection .item__area .section.col-3 .section__ttl {
            position: relative;
            font-size: 1.1rem; }
            body.page-temp .main-contents .bbbcollection .item__area .section.col-3 .section__ttl > em {
              font-size: 1.4rem; }
          body.page-temp .main-contents .bbbcollection .item__area .section.col-3 .section__img {
            margin-top: 1.8rem; }
          body.page-temp .main-contents .bbbcollection .item__area .section.col-3 .section__meta .name {
            font-size: 1.6rem;
            letter-spacing: -0.03em; }
          body.page-temp .main-contents .bbbcollection .item__area .section.col-3 .section__meta .catch {
            font-size: 1.2rem; }
          body.page-temp .main-contents .bbbcollection .item__area .section.col-3 .section__meta .txt {
            font-size: 1.0rem; }
  body.page-temp .main-contents .extra {
    margin-bottom: 8.0rem; }
    body.page-temp .main-contents .extra__btn {
      width: 54.0rem;
      height: 6.8rem;
      margin: 6.0rem auto 0; }
      body.page-temp .main-contents .extra__btn > a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        color: #fff; }
        body.page-temp .main-contents .extra__btn > a > span {
          position: relative;
          z-index: 9; }
          body.page-temp .main-contents .extra__btn > a > span .svg {
            fill: #fff;
            width: 11.5rem;
            height: 1.1rem; }
    body.page-temp .main-contents .extra__sns {
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 6.0rem 0 0 0; }
      body.page-temp .main-contents .extra__sns .sns_list {
        position: relative;
        display: flex;
        align-items: center; }
        body.page-temp .main-contents .extra__sns .sns_list > li {
          margin: 0 2.0rem; }
          body.page-temp .main-contents .extra__sns .sns_list > li > a {
            transition: .5s ease-out;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 4.2rem;
            height: 4.2rem;
            border-radius: 50%;
            background-color: #B2B2B2; }
            body.page-temp .main-contents .extra__sns .sns_list > li > a .svg {
              width: 0.7rem;
              height: 1.6rem;
              fill: #fff; }
            body.page-temp .main-contents .extra__sns .sns_list > li > a:hover {
              background-color: #262626; }
              body.page-temp .main-contents .extra__sns .sns_list > li > a:hover .svg {
                fill: #fff; }
          body.page-temp .main-contents .extra__sns .sns_list > li.txt {
            position: absolute;
            top: 50%;
            left: -70%;
            transform: translateY(-50%);
            font-size: 1.6rem;
            font-style: italic;
            font-weight: 400; }
          body.page-temp .main-contents .extra__sns .sns_list > li.facebook > a .svg {
            width: 0.7rem;
            height: 1.6rem; }
          body.page-temp .main-contents .extra__sns .sns_list > li.twitter > a .svg {
            width: 2.0rem;
            height: 1.4rem; }
          body.page-temp .main-contents .extra__sns .sns_list > li.line {
            display: none; }
    body.page-temp .main-contents .extra__credit {
      margin-top: 6.0rem;
      text-align: center;
      font-size: 1.1rem;
      line-height: calc(19 / 11); }
  body.page-temp .main-contents .more-contents {
    margin-top: 8.0rem; }
    body.page-temp .main-contents .more-contents__ttl {
      position: relative;
      text-align: center; }
      body.page-temp .main-contents .more-contents__ttl > img {
        width: 29.8rem;
        height: 1.8rem; }
      body.page-temp .main-contents .more-contents__ttl:before, body.page-temp .main-contents .more-contents__ttl:after {
        content: "";
        position: absolute;
        top: 0.6rem;
        width: 13.0rem;
        height: 1px;
        background-color: #ccc; }
      body.page-temp .main-contents .more-contents__ttl:before {
        right: 22.0rem; }
      body.page-temp .main-contents .more-contents__ttl:after {
        left: 22.0rem; }
    body.page-temp .main-contents .more-contents .list {
      margin-top: 7.0rem;
      display: flex;
      justify-content: center; }
      body.page-temp .main-contents .more-contents .list__item {
        box-sizing: border-box;
        margin: 0 3.0rem; }
      body.page-temp .main-contents .more-contents .list__link {
        display: block;
        text-align: center;
        line-height: 1.2; }
        body.page-temp .main-contents .more-contents .list__link .ttl {
          margin-top: 3.0rem;
          font-size: 1.6rem;
          letter-spacing: -0.03em; }
        body.page-temp .main-contents .more-contents .list__link .txt {
          margin-top: 2.0rem;
          font-size: 1.2rem;
          letter-spacing: 0.079em; }
        body.page-temp .main-contents .more-contents .list__link .mask_img .mask {
          box-sizing: padding-box;
          position: relative;
          display: block;
          padding: 0 2.5rem 2.5rem 0; }
          body.page-temp .main-contents .more-contents .list__link .mask_img .mask .bg {
            position: absolute;
            bottom: 0;
            right: 0;
            z-index: 1;
            display: block;
            width: 42.0rem;
            height: 23.7rem;
            background: linear-gradient(45deg, #ace0f9, #fff1eb, #ace0f9);
            background-size: 600% 600%;
            animation: AnimationName 4s ease-in-out infinite;
            transform-style: preserve-3d;
            will-change: transform;
            -webkit-transition: clip-path 1s cubic-bezier(0.55, 0.05, 0.22, 0.99);
            transition: clip-path 1s cubic-bezier(0.55, 0.05, 0.22, 0.99);
            transition-delay: 0.0s;
            -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
            clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); }
          body.page-temp .main-contents .more-contents .list__link .mask_img .mask .img {
            -webkit-transition: clip-path 1s cubic-bezier(0.55, 0.05, 0.22, 0.99);
            transition: clip-path 1s cubic-bezier(0.55, 0.05, 0.22, 0.99);
            transition-delay: 0.5s;
            box-sizing: border-box;
            position: relative;
            z-index: 2;
            display: block;
            width: 42.0rem;
            height: 23.7rem;
            transform-style: preserve-3d;
            will-change: transform;
            -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
            clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); }
        body.page-temp .main-contents .more-contents .list__link .mask_img.view .mask .bg {
          -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }
        body.page-temp .main-contents .more-contents .list__link .mask_img.view .mask .img {
          -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }
@media only screen and (max-width: 768px) {
  body.page-temp .opening {
    flex-direction: row;
    margin-bottom: 0; }
    body.page-temp .opening .bbb_logo .svg {
      width: 12.0rem;
      height: 12.5rem; }
    body.page-temp .opening__txt {
      transform: translate(-50%, 11rem); }
    body.page-temp .opening .nav_gender {
      top: 2.0rem; }
      body.page-temp .opening .nav_gender .btn {
        margin-top: 0; }
    body.page-temp .opening__slide .slider .slide {
      position: absolute;
      left: auto;
      right: 0; }
      body.page-temp .opening__slide .slider .slide .img {
        position: absolute;
        left: auto;
        right: 0;
        top: 0;
        height: 100vh; }
    body.page-temp .opening__slide .slider.opening_slider_left {
      right: 0;
      width: 80vw; }
      body.page-temp .opening__slide .slider.opening_slider_left .slide {
        width: 0;
        height: 100vh; }
        body.page-temp .opening__slide .slider.opening_slider_left .slide .img {
          width: 80vw; }
    body.page-temp .opening__slide .slider.opening_slider_right {
      top: 0;
      width: 20vw; }
      body.page-temp .opening__slide .slider.opening_slider_right .slide {
        width: 20vw;
        height: 0; }
        body.page-temp .opening__slide .slider.opening_slider_right .slide .img {
          width: 20vw;
          object-position: left top;
          font-family: "object-position:left top;"; }
    body.page-temp .opening .scroll {
      right: 3.0rem;
      height: 9.5rem; }
      body.page-temp .opening .scroll .txt {
        right: -5.5rem;
        font-size: 0.8rem;
        letter-spacing: 0.045em; }
  body.page-temp .main-contents {
    overflow: hidden;
    padding-bottom: 5.0rem; }
    body.page-temp .main-contents .row {
      display: block;
      margin-top: 7.0rem; }
    body.page-temp .main-contents .section {
      box-sizing: border-box; }
      body.page-temp .main-contents .section .inner {
        max-width: none;
        margin: 0 auto; }
      body.page-temp .main-contents .section__imgarea {
        position: relative; }
      body.page-temp .main-contents .section__ttl {
        z-index: 9;
        font-size: 0.9rem; }
        body.page-temp .main-contents .section__ttl > em {
          font-size: 1.2rem; }
        body.page-temp .main-contents .section__ttl.left-sp {
          top: -1.0rem;
          left: -1.2rem;
          right: auto;
          bottom: auto;
          transform-origin: right bottom;
          transform: translateX(-100%) rotate(-90deg); }
        body.page-temp .main-contents .section__ttl.right-sp {
          top: -2.0rem;
          right: -1.3rem;
          left: auto;
          bottom: auto;
          transform-origin: left bottom;
          transform: translateX(100%) rotate(90deg); }
        body.page-temp .main-contents .section__ttl.right-sp2 {
          top: 1.0rem;
          right: 2.5rem;
          left: auto;
          bottom: auto;
          transform-origin: left bottom;
          transform: translateX(100%) rotate(90deg);
          color: #fff; }
      body.page-temp .main-contents .section__meta {
        margin-top: 2.0rem; }
        body.page-temp .main-contents .section__meta .name {
          font-size: 1.4rem; }
        body.page-temp .main-contents .section__meta .catch {
          margin-top: 1.5rem;
          font-size: 1.1rem; }
        body.page-temp .main-contents .section__meta .txt {
          margin-top: 1.5rem;
          font-size: 0.9rem;
          line-height: calc(32 / 18); }
        body.page-temp .main-contents .section__meta .btn > a {
          padding: 0.7rem 0.8rem !important;
          font-size: 1.0rem !important; }
        body.page-temp .main-contents .section__meta .btn > span > a, body.page-temp .main-contents .section__meta .btn > span > span {
          padding: 0.4rem 0.8rem !important;
          font-size: 1.1rem !important; }
    body.page-temp .main-contents .basiccollection {
      margin-top: 5.0rem; }
      body.page-temp .main-contents .basiccollection__ttl .ttl__img01 img {
        width: 27.0rem;
        height: auto; }
      body.page-temp .main-contents .basiccollection__ttl .ttl__img02 {
        margin-top: 1.5rem; }
        body.page-temp .main-contents .basiccollection__ttl .ttl__img02 img {
          width: 17rem;
          height: auto; }
      body.page-temp .main-contents .basiccollection__icon {
        top: 37.0rem;
        right: 50%;
        transform: translateX(50%); }
        body.page-temp .main-contents .basiccollection__icon img {
          width: 9.2rem;
          height: 9.2rem; }
      body.page-temp .main-contents .basiccollection .intro {
        margin: 2.5rem 2.0rem 0;
        padding-bottom: 6.0rem; }
        body.page-temp .main-contents .basiccollection .intro__txtarea {
          margin-top: 0;
          margin-bottom: 3.7rem; }
          body.page-temp .main-contents .basiccollection .intro__txtarea .txt {
            margin-top: 1.5rem;
            letter-spacing: 0.04em;
            line-height: calc(45 / 22);
            text-align: justify; }
    body.page-temp .main-contents .bbbcollection {
      margin-top: 8.0rem; }
      body.page-temp .main-contents .bbbcollection__ttl img {
        width: 20.0rem;
        height: 1.25rem; }
      body.page-temp .main-contents .bbbcollection__ttl > p {
        margin-top: 1.2rem;
        font-size: 0.9rem; }
      body.page-temp .main-contents .bbbcollection .swiper-container {
        width: 100vw;
        margin-bottom: 5.0rem; }
        body.page-temp .main-contents .bbbcollection .swiper-container .swiper-slide .section__meta {
          transition: .5s ease-out;
          opacity: 0; }
          body.page-temp .main-contents .bbbcollection .swiper-container .swiper-slide .section__meta .name::after {
            transform: translateX(0); }
        body.page-temp .main-contents .bbbcollection .swiper-container .swiper-slide.swiper-slide-active .section__meta {
          opacity: 1; }
          body.page-temp .main-contents .bbbcollection .swiper-container .swiper-slide.swiper-slide-active .section__meta .name.view::after {
            transform: translateX(100%); }
        body.page-temp .main-contents .bbbcollection .swiper-container .slidebtn {
          overflow: hidden;
          position: absolute;
          top: 15.5rem;
          z-index: 9;
          display: block;
          width: 6.0rem;
          padding-bottom: 1.0rem;
          font-size: 0.8rem;
          font-weight: 600;
          letter-spacing: 0.045em;
          cursor: pointer; }
          body.page-temp .main-contents .bbbcollection .swiper-container .slidebtn::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background-color: #000; }
          body.page-temp .main-contents .bbbcollection .swiper-container .slidebtn__next {
            right: 0; }
          body.page-temp .main-contents .bbbcollection .swiper-container .slidebtn__prev {
            left: 0;
            text-align: right; }
      body.page-temp .main-contents .bbbcollection .item__area {
        flex-wrap: nowrap;
        justify-content: flex-start;
        margin-top: 3.0rem;
        padding: 0; }
        body.page-temp .main-contents .bbbcollection .item__area .section {
          position: relative;
          min-height: 45rem;
          margin: 0;
          padding-bottom: 4.0rem; }
          body.page-temp .main-contents .bbbcollection .item__area .section__ttl {
            position: relative;
            top: 0 !important;
            bottom: 0 !important;
            left: 0 !important;
            right: 0 !important;
            transform: none;
            font-size: 0.9rem; }
            body.page-temp .main-contents .bbbcollection .item__area .section__ttl > em {
              font-size: 1.2rem; }
          body.page-temp .main-contents .bbbcollection .item__area .section__img {
            margin-top: 1.58rem; }
            body.page-temp .main-contents .bbbcollection .item__area .section__img img {
              width: 17.0rem;
              height: 22.0rem;
              object-fit: contain;
              font-family: 'object-fit: contain;';
              /*IE対策*/ }
          body.page-temp .main-contents .bbbcollection .item__area .section__meta {
            margin-top: 1.0rem;
            line-height: 1.5; }
            body.page-temp .main-contents .bbbcollection .item__area .section__meta .name {
              font-size: 1.2rem;
              white-space: normal; }
            body.page-temp .main-contents .bbbcollection .item__area .section__meta .catch {
              margin-top: 1.0rem;
              font-size: 1.0rem;
              white-space: normal; }
            body.page-temp .main-contents .bbbcollection .item__area .section__meta .txt {
              margin-top: 1.0rem;
              line-height: 140%;
              font-size: 0.9rem; }
            body.page-temp .main-contents .bbbcollection .item__area .section__meta .btn {
              position: absolute;
              bottom: 0;
              left: 0; }
          body.page-temp .main-contents .bbbcollection .item__area .section.col-3 {
            min-height: 45rem;
            margin: 0;
            padding-bottom: 3.5rem; }
            body.page-temp .main-contents .bbbcollection .item__area .section.col-3 .section__ttl {
              font-size: 0.9rem; }
              body.page-temp .main-contents .bbbcollection .item__area .section.col-3 .section__ttl > em {
                font-size: 1.2rem; }
            body.page-temp .main-contents .bbbcollection .item__area .section.col-3 .section__meta .name {
              font-size: 1.2rem; }
            body.page-temp .main-contents .bbbcollection .item__area .section.col-3 .section__meta .catch {
              font-size: 1.0rem; }
            body.page-temp .main-contents .bbbcollection .item__area .section.col-3 .section__meta .txt {
              font-size: 0.9rem; }
            body.page-temp .main-contents .bbbcollection .item__area .section.col-3 .section__meta .btn {
              position: absolute;
              bottom: 0;
              left: 0; }
    body.page-temp .main-contents .extra {
      margin-bottom: 5.0rem; }
      body.page-temp .main-contents .extra__btn {
        width: 29.0rem;
        height: 4.4rem;
        margin: 3.0rem auto 0; }
        body.page-temp .main-contents .extra__btn > a > span .svg {
          width: 8.3rem;
          height: 0.8rem; }
      body.page-temp .main-contents .extra__sns {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 3.0rem 0 0 0; }
        body.page-temp .main-contents .extra__sns .sns_list > li {
          margin: 0 0.75rem; }
          body.page-temp .main-contents .extra__sns .sns_list > li > a {
            width: 3.3rem;
            height: 3.3rem; }
            body.page-temp .main-contents .extra__sns .sns_list > li > a .svg {
              fill: #fff; }
            body.page-temp .main-contents .extra__sns .sns_list > li > a:hover {
              background-color: #262626; }
              body.page-temp .main-contents .extra__sns .sns_list > li > a:hover .svg {
                fill: #fff; }
          body.page-temp .main-contents .extra__sns .sns_list > li.txt {
            left: -43%;
            font-size: 1.2rem; }
          body.page-temp .main-contents .extra__sns .sns_list > li.facebook > a .svg {
            width: 0.6rem;
            height: 1.2rem; }
          body.page-temp .main-contents .extra__sns .sns_list > li.twitter > a .svg {
            width: 1.6rem;
            height: 1.1rem; }
          body.page-temp .main-contents .extra__sns .sns_list > li.line {
            display: block; }
            body.page-temp .main-contents .extra__sns .sns_list > li.line > a .svg {
              width: 1.65rem;
              height: 1.57rem; }
      body.page-temp .main-contents .extra__credit {
        margin-top: 3.0rem;
        font-size: 0.8rem;
        letter-spacing: 0.01em;
        line-height: calc(27 / 16); }
    body.page-temp .main-contents .more-contents {
      margin-top: 5.0rem; }
      body.page-temp .main-contents .more-contents__ttl > img {
        width: 16.9rem;
        height: 1.0rem; }
      body.page-temp .main-contents .more-contents__ttl:before, body.page-temp .main-contents .more-contents__ttl:after {
        content: "";
        position: absolute;
        top: 0.6rem;
        width: 3.3rem;
        height: 1px;
        background-color: #ccc; }
      body.page-temp .main-contents .more-contents__ttl:before {
        right: 2.0rem; }
      body.page-temp .main-contents .more-contents__ttl:after {
        left: 2.0rem; }
      body.page-temp .main-contents .more-contents .list {
        margin-top: 3.0rem;
        flex-direction: column; }
        body.page-temp .main-contents .more-contents .list__item {
          box-sizing: border-box;
          margin: 0; }
          body.page-temp .main-contents .more-contents .list__item:last-of-type {
            margin-top: 3.0rem; }
        body.page-temp .main-contents .more-contents .list__link {
          display: block;
          text-align: center;
          margin: 0 2.0rem; }
          body.page-temp .main-contents .more-contents .list__link .ttl {
            margin-top: 2.0rem;
            font-size: 1.2rem; }
          body.page-temp .main-contents .more-contents .list__link .txt {
            margin-top: 1.5rem;
            font-size: 0.9rem; }
          body.page-temp .main-contents .more-contents .list__link .mask_img .mask {
            padding: 0 1.5rem 1.5rem 0; }
            body.page-temp .main-contents .more-contents .list__link .mask_img .mask .bg {
              width: 26.5rem;
              height: 15.0rem; }
            body.page-temp .main-contents .more-contents .list__link .mask_img .mask .img {
              width: 26.5rem;
              height: 15.0rem; } }

/*---------------------------------------------
05. page-men
---------------------------------------------*/
body.page-temp.men .opening__txt .svg {
  width: 10.0rem;
  height: 2.3rem; }
body.page-temp.men .main-contents {
  padding-top: 0; }
  body.page-temp.men .main-contents .nav_gender .btn.women .btn__link .btn__txt::before {
    right: 100%; }
  body.page-temp.men .main-contents .nav_gender .btn.women .btn__link:hover .btn__txt::before {
    right: 0; }
  body.page-temp.men .main-contents .row {
    box-sizing: border-box;
    position: relative;
    display: flex;
    margin-top: 7.0rem; }
    body.page-temp.men .main-contents .row__bbb01-02 {
      justify-content: center; }
      body.page-temp.men .main-contents .row__bbb01-02 > .bbb01 .section__img {
        display: flex; }
        body.page-temp.men .main-contents .row__bbb01-02 > .bbb01 .section__img img {
          width: 49.0rem;
          height: 73.0rem; }
      body.page-temp.men .main-contents .row__bbb01-02 > .bbb02 {
        margin-top: 10.0rem; }
        body.page-temp.men .main-contents .row__bbb01-02 > .bbb02 .section__img {
          display: flex; }
          body.page-temp.men .main-contents .row__bbb01-02 > .bbb02 .section__img img {
            width: 49.0rem;
            height: 73.0rem; }
    body.page-temp.men .main-contents .row__bbb03 {
      justify-content: flex-end;
      z-index: 2;
      margin-top: 7.0rem; }
      body.page-temp.men .main-contents .row__bbb03 > .bbb03 .section__img {
        display: flex; }
        body.page-temp.men .main-contents .row__bbb03 > .bbb03 .section__img img {
          width: 109.0rem;
          height: 70.0rem; }
    body.page-temp.men .main-contents .row__bbb04 {
      justify-content: space-between;
      z-index: 1;
      margin-top: -4rem;
      padding-right: 7.0rem; }
      body.page-temp.men .main-contents .row__bbb04 > .bbb04 {
        width: 100%; }
        body.page-temp.men .main-contents .row__bbb04 > .bbb04 .section__img {
          display: flex;
          justify-content: space-between;
          align-items: center; }
          body.page-temp.men .main-contents .row__bbb04 > .bbb04 .section__img .img01 {
            width: 46.0rem;
            height: 35.0rem; }
          body.page-temp.men .main-contents .row__bbb04 > .bbb04 .section__img .img02 {
            width: 52.0rem;
            height: 83.0rem; }
        body.page-temp.men .main-contents .row__bbb04 > .bbb04 .section__meta {
          margin-top: -21.0rem;
          margin-left: 5.0rem; }
    body.page-temp.men .main-contents .row__bbb05 {
      padding-right: 11.0rem; }
      body.page-temp.men .main-contents .row__bbb05 > .bbb05 .section__img {
        display: flex; }
        body.page-temp.men .main-contents .row__bbb05 > .bbb05 .section__img img {
          width: 54.5rem;
          height: 87.0rem; }
      body.page-temp.men .main-contents .row__bbb05 > .bbb05 .section__meta {
        margin-left: 12.0rem; }
    body.page-temp.men .main-contents .row__bbb06 {
      padding: 0 11.0rem; }
      body.page-temp.men .main-contents .row__bbb06 > .bbb06 {
        width: 100%; }
        body.page-temp.men .main-contents .row__bbb06 > .bbb06 .section__img {
          display: flex;
          justify-content: space-between; }
          body.page-temp.men .main-contents .row__bbb06 > .bbb06 .section__img img {
            width: 46.0rem;
            height: 71.0rem; }
        body.page-temp.men .main-contents .row__bbb06 > .bbb06 .section__meta {
          margin-left: 52.0rem; }
    body.page-temp.men .main-contents .row__bbb07 {
      padding: 0 31.5rem; }
      body.page-temp.men .main-contents .row__bbb07 > .bbb07 .section__img img {
        width: 61.4rem;
        height: 92.2rem; }
    body.page-temp.men .main-contents .row__bbb08-09 {
      padding: 0 6.0rem; }
      body.page-temp.men .main-contents .row__bbb08-09 > .bbb08 .section__img img {
        width: 54.0rem;
        height: 81.0rem; }
      body.page-temp.men .main-contents .row__bbb08-09 > .bbb09 .section__img img {
        width: 54.0rem;
        height: 81.0rem; }
    body.page-temp.men .main-contents .row__bbb10-11 {
      justify-content: space-between;
      padding: 0 14.0rem 0 0; }
      body.page-temp.men .main-contents .row__bbb10-11 > .bbb10 .section__img img {
        width: 52.0rem;
        height: 84.0rem; }
      body.page-temp.men .main-contents .row__bbb10-11 > .bbb10 .section__meta {
        margin-left: 5.0rem; }
      body.page-temp.men .main-contents .row__bbb10-11 > .bbb11 {
        margin-top: 10.0rem; }
        body.page-temp.men .main-contents .row__bbb10-11 > .bbb11 .section__img img {
          width: 40.0rem;
          height: 64.8rem; }
@media only screen and (max-width: 768px) {
  body.page-temp.men .opening__txt .svg {
    width: 6.0rem;
    height: 1.5rem; }
  body.page-temp.men .main-contents {
    padding-top: 0; }
    body.page-temp.men .main-contents .row {
      display: block;
      margin-top: 7.0rem; }
      body.page-temp.men .main-contents .row__bbb01-02 > .bbb01 {
        width: calc(570 / 640 * 100vw); }
        body.page-temp.men .main-contents .row__bbb01-02 > .bbb01 .section__ttl {
          top: -1.0rem; }
        body.page-temp.men .main-contents .row__bbb01-02 > .bbb01 .section__img img {
          width: 28.5rem;
          height: 42.5rem; }
        body.page-temp.men .main-contents .row__bbb01-02 > .bbb01 .section__meta {
          margin-left: 2.0rem; }
      body.page-temp.men .main-contents .row__bbb01-02 > .bbb02 {
        width: calc(570 / 640 * 100vw);
        margin-left: auto;
        margin-top: 3.0rem; }
        body.page-temp.men .main-contents .row__bbb01-02 > .bbb02 .section__img img {
          width: 28.5rem;
          height: 42.5rem; }
      body.page-temp.men .main-contents .row__bbb03 {
        margin-top: 3.0rem; }
        body.page-temp.men .main-contents .row__bbb03 > .bbb03 {
          width: 100%; }
          body.page-temp.men .main-contents .row__bbb03 > .bbb03 .section__img img {
            width: 32.0rem;
            height: 20.5rem; }
          body.page-temp.men .main-contents .row__bbb03 > .bbb03 .section__meta {
            margin-left: 2.0rem; }
      body.page-temp.men .main-contents .row__bbb04 {
        flex-direction: column;
        justify-content: flex-start;
        margin-top: 3.0rem;
        padding-right: 2.0rem; }
        body.page-temp.men .main-contents .row__bbb04 > .bbb04 {
          width: 100%; }
          body.page-temp.men .main-contents .row__bbb04 > .bbb04 .section__ttl {
            top: 21rem;
            left: 7rem;
            right: auto;
            transform-origin: right bottom;
            transform: translateX(-100%) rotate(-90deg); }
          body.page-temp.men .main-contents .row__bbb04 > .bbb04 .section__img {
            display: flex;
            flex-direction: column;
            justify-content: flex-start; }
            body.page-temp.men .main-contents .row__bbb04 > .bbb04 .section__img .img01 {
              order: 2;
              width: 25.0rem;
              height: 19.0rem;
              margin: 2.0rem auto 0 0; }
            body.page-temp.men .main-contents .row__bbb04 > .bbb04 .section__img .img02 {
              order: 1;
              width: 22.0rem;
              height: 35.3rem;
              margin: 0 0 0 auto; }
          body.page-temp.men .main-contents .row__bbb04 > .bbb04 .section__meta {
            margin: 2.0rem 0 0 2.0rem; }
      body.page-temp.men .main-contents .row__bbb05 {
        padding-right: 0; }
        body.page-temp.men .main-contents .row__bbb05 > .bbb05 .section__img img {
          width: 17.2rem;
          height: 25.8rem; }
        body.page-temp.men .main-contents .row__bbb05 > .bbb05 .section__meta {
          margin: 2.0rem 0 0 2.0rem; }
      body.page-temp.men .main-contents .row__bbb06 {
        padding: 0; }
        body.page-temp.men .main-contents .row__bbb06 > .bbb06 {
          box-sizing: border-box;
          width: 100%;
          padding-left: 2.0rem; }
          body.page-temp.men .main-contents .row__bbb06 > .bbb06 .section__ttl {
            top: -1.0rem;
            left: 7.5rem; }
          body.page-temp.men .main-contents .row__bbb06 > .bbb06 .section__img {
            display: flex;
            flex-direction: column; }
            body.page-temp.men .main-contents .row__bbb06 > .bbb06 .section__img.img > div:first-child {
              text-align: right; }
            body.page-temp.men .main-contents .row__bbb06 > .bbb06 .section__img.img .img01 {
              margin-left: auto; }
            body.page-temp.men .main-contents .row__bbb06 > .bbb06 .section__img.img .img02 {
              margin-top: 2.0rem; }
            body.page-temp.men .main-contents .row__bbb06 > .bbb06 .section__img.img img {
              width: 21.0rem;
              height: 32.4rem; }
          body.page-temp.men .main-contents .row__bbb06 > .bbb06 .section__meta {
            margin-left: 0; }
      body.page-temp.men .main-contents .row__bbb07 {
        padding: 0; }
        body.page-temp.men .main-contents .row__bbb07 > .bbb07 {
          width: auto; }
          body.page-temp.men .main-contents .row__bbb07 > .bbb07 .section__ttl {
            top: -1.8rem;
            left: 2.8rem; }
          body.page-temp.men .main-contents .row__bbb07 > .bbb07 .section__img {
            margin-left: 3.5rem; }
            body.page-temp.men .main-contents .row__bbb07 > .bbb07 .section__img img {
              width: 28.5rem;
              height: 45.5rem; }
          body.page-temp.men .main-contents .row__bbb07 > .bbb07 .section__meta {
            margin-left: 3.5rem; }
      body.page-temp.men .main-contents .row__bbb08-09 {
        padding: 0; }
        body.page-temp.men .main-contents .row__bbb08-09 > .bbb08 {
          width: auto; }
          body.page-temp.men .main-contents .row__bbb08-09 > .bbb08 .section__ttl {
            top: -1.5rem;
            right: 2.7rem; }
          body.page-temp.men .main-contents .row__bbb08-09 > .bbb08 .section__img {
            margin: 0 3.5rem; }
            body.page-temp.men .main-contents .row__bbb08-09 > .bbb08 .section__img img {
              width: 24.5rem;
              height: 36.7rem; }
          body.page-temp.men .main-contents .row__bbb08-09 > .bbb08 .section__meta {
            margin-left: 3.5rem; }
        body.page-temp.men .main-contents .row__bbb08-09 > .bbb09 {
          width: auto;
          margin-top: 2.3rem; }
          body.page-temp.men .main-contents .row__bbb08-09 > .bbb09 .section__ttl {
            left: 2.7rem; }
          body.page-temp.men .main-contents .row__bbb08-09 > .bbb09 .section__img {
            margin: 0 3.5rem; }
            body.page-temp.men .main-contents .row__bbb08-09 > .bbb09 .section__img img {
              width: 24.5rem;
              height: 36.7rem; }
          body.page-temp.men .main-contents .row__bbb08-09 > .bbb09 .section__meta {
            margin-left: 3.5rem; }
      body.page-temp.men .main-contents .row__bbb10-11 {
        flex-direction: column;
        padding: 0; }
        body.page-temp.men .main-contents .row__bbb10-11 > .bbb10 {
          padding-right: 7.0rem; }
          body.page-temp.men .main-contents .row__bbb10-11 > .bbb10 .section__ttl {
            top: -1.0rem;
            right: -1.5rem; }
          body.page-temp.men .main-contents .row__bbb10-11 > .bbb10 .section__img img {
            width: 25.0rem;
            height: 40.3rem; }
          body.page-temp.men .main-contents .row__bbb10-11 > .bbb10 .section__meta {
            margin-left: 2.0rem; }
        body.page-temp.men .main-contents .row__bbb10-11 > .bbb11 {
          margin-top: 3.0rem;
          padding: 0 2.0rem 0 8.0rem; }
          body.page-temp.men .main-contents .row__bbb10-11 > .bbb11 .section__img img {
            width: 22.0rem;
            height: 35.6rem; } }

/*---------------------------------------------
06. page-women
---------------------------------------------*/
body.page-temp.women .opening__txt {
  transform: translate(-50%, 20rem); }
  body.page-temp.women .opening__txt .svg {
    width: 13.6rem;
    height: 2.3rem; }
body.page-temp.women .main-contents {
  padding-top: 0; }
  body.page-temp.women .main-contents .nav_gender .btn.men .btn__link .btn__txt::before {
    right: 100%; }
  body.page-temp.women .main-contents .nav_gender .btn.men .btn__link:hover .btn__txt::before {
    right: 0; }
  body.page-temp.women .main-contents .row {
    box-sizing: border-box;
    position: relative;
    display: flex;
    margin-top: 7.0rem; }
    body.page-temp.women .main-contents .row__bbb01 {
      z-index: 2;
      padding-left: 11.0rem; }
      body.page-temp.women .main-contents .row__bbb01 > .bbb01 .section__img img {
        width: 109.0rem;
        height: 64.0rem; }
    body.page-temp.women .main-contents .row__bbb02 {
      z-index: 1;
      padding: 0 11.0rem; }
      body.page-temp.women .main-contents .row__bbb02 > .bbb02 {
        width: 100%;
        margin-top: -10.0rem; }
        body.page-temp.women .main-contents .row__bbb02 > .bbb02 .section__img {
          display: flex;
          width: 100%; }
          body.page-temp.women .main-contents .row__bbb02 > .bbb02 .section__img img {
            width: 49.0rem;
            height: 71.0rem; }
          body.page-temp.women .main-contents .row__bbb02 > .bbb02 .section__img .img01 {
            margin-top: 12.5rem; }
    body.page-temp.women .main-contents .row__bbb03 {
      justify-content: space-between;
      padding: 0 11.0rem; }
      body.page-temp.women .main-contents .row__bbb03 > .bbb03 {
        width: 100%; }
        body.page-temp.women .main-contents .row__bbb03 > .bbb03 .section__ttl {
          top: -17rem;
          right: -3rem; }
        body.page-temp.women .main-contents .row__bbb03 > .bbb03 .section__img {
          display: flex;
          justify-content: space-between;
          align-items: baseline;
          width: 100%; }
          body.page-temp.women .main-contents .row__bbb03 > .bbb03 .section__img .img01 {
            order: 2;
            margin-top: -16.0rem; }
            body.page-temp.women .main-contents .row__bbb03 > .bbb03 .section__img .img01 img {
              width: 52.0rem;
              height: 79.0rem; }
          body.page-temp.women .main-contents .row__bbb03 > .bbb03 .section__img .img02 {
            order: 1;
            transform: translateY(10rem); }
            body.page-temp.women .main-contents .row__bbb03 > .bbb03 .section__img .img02 img {
              width: 34.5rem;
              height: 51.5rem; }
        body.page-temp.women .main-contents .row__bbb03 > .bbb03 .section__meta {
          margin-left: 46.0rem; }
    body.page-temp.women .main-contents .row__bbb04-05 {
      display: flex;
      padding: 0 6.0rem; }
      body.page-temp.women .main-contents .row__bbb04-05 > .bbb04 {
        width: 50%; }
        body.page-temp.women .main-contents .row__bbb04-05 > .bbb04 .section__img img {
          width: 54.0rem;
          height: 70.0rem; }
      body.page-temp.women .main-contents .row__bbb04-05 > .bbb05 {
        width: 50%; }
        body.page-temp.women .main-contents .row__bbb04-05 > .bbb05 .section__img img {
          width: 54.0rem;
          height: 70.0rem; }
    body.page-temp.women .main-contents .row__bbb06 {
      padding: 0 0 0 13.0rem; }
      body.page-temp.women .main-contents .row__bbb06 > .bbb06 {
        width: 100%; }
        body.page-temp.women .main-contents .row__bbb06 > .bbb06 .section__img {
          display: flex; }
          body.page-temp.women .main-contents .row__bbb06 > .bbb06 .section__img .img01 img {
            width: 67.0rem;
            height: 52.0rem; }
          body.page-temp.women .main-contents .row__bbb06 > .bbb06 .section__img .img02 {
            padding-top: 8.5rem; }
            body.page-temp.women .main-contents .row__bbb06 > .bbb06 .section__img .img02 img {
              width: 39.5rem;
              height: 58.0rem; }
        body.page-temp.women .main-contents .row__bbb06 > .bbb06 .section__meta {
          margin-top: -11.0rem; }
    body.page-temp.women .main-contents .row__bbb07 {
      padding: 0 0 0 14.0rem; }
      body.page-temp.women .main-contents .row__bbb07 > .bbb07 {
        width: 100%; }
        body.page-temp.women .main-contents .row__bbb07 > .bbb07 .section__ttl {
          right: 47.5rem; }
        body.page-temp.women .main-contents .row__bbb07 > .bbb07 .section__img {
          display: flex;
          justify-content: space-between;
          align-items: flex-end; }
          body.page-temp.women .main-contents .row__bbb07 > .bbb07 .section__img .img01 {
            margin-bottom: 10.0rem; }
            body.page-temp.women .main-contents .row__bbb07 > .bbb07 .section__img .img01 img {
              width: 57.0rem;
              height: 87.0rem; }
          body.page-temp.women .main-contents .row__bbb07 > .bbb07 .section__img .img02 img {
            width: 39.5rem;
            height: 58.0rem; }
        body.page-temp.women .main-contents .row__bbb07 > .bbb07 .section__meta {
          margin-top: -7.0rem; }
    body.page-temp.women .main-contents .row__bbb08-09 {
      justify-content: space-between;
      padding: 0 17.5rem 0 23.0rem; }
      body.page-temp.women .main-contents .row__bbb08-09 > .bbb08 {
        width: 100%; }
        body.page-temp.women .main-contents .row__bbb08-09 > .bbb08 .section__img img {
          width: 34.0rem;
          height: 49.0rem; }
      body.page-temp.women .main-contents .row__bbb08-09 > .bbb09 {
        width: 100%; }
        body.page-temp.women .main-contents .row__bbb08-09 > .bbb09 .section__ttl {
          right: -1.5rem; }
        body.page-temp.women .main-contents .row__bbb08-09 > .bbb09 .section__img {
          margin-top: 10.0rem; }
          body.page-temp.women .main-contents .row__bbb08-09 > .bbb09 .section__img .img {
            display: flex;
            justify-content: flex-end; }
          body.page-temp.women .main-contents .row__bbb08-09 > .bbb09 .section__img img {
            width: 34.0rem;
            height: 49.0rem; }
        body.page-temp.women .main-contents .row__bbb08-09 > .bbb09 .section__meta {
          margin: 3rem 0 0 6rem; }
    body.page-temp.women .main-contents .row__bbb10 {
      padding: 0 5.5rem 0 6.5rem; }
      body.page-temp.women .main-contents .row__bbb10 > .bbb10 .section__ttl {
        top: 9rem; }
      body.page-temp.women .main-contents .row__bbb10 > .bbb10 .section__img {
        display: flex;
        width: 100%; }
        body.page-temp.women .main-contents .row__bbb10 > .bbb10 .section__img .img01 {
          margin-top: 12.0rem; }
        body.page-temp.women .main-contents .row__bbb10 > .bbb10 .section__img img {
          width: 54.0rem;
          height: 70.0rem; }
@media only screen and (max-width: 768px) {
  body.page-temp.women .opening__txt {
    transform: translate(-50%, 11rem); }
    body.page-temp.women .opening__txt .svg {
      width: 9.7rem;
      height: 1.5rem; }
  body.page-temp.women .opening .opening_slider_left {
    position: relative; }
    body.page-temp.women .opening .opening_slider_left > div {
      position: relative;
      z-index: 1; }
  body.page-temp.women .main-contents {
    overflow: hidden;
    padding-top: 0; }
    body.page-temp.women .main-contents .row {
      margin-top: 7.0rem; }
      body.page-temp.women .main-contents .row__bbb01 {
        padding-left: 0; }
        body.page-temp.women .main-contents .row__bbb01 > .bbb01 {
          width: 100%; }
          body.page-temp.women .main-contents .row__bbb01 > .bbb01 .section__img {
            display: block; }
            body.page-temp.women .main-contents .row__bbb01 > .bbb01 .section__img img {
              width: 100vw;
              height: 58.8vw; }
          body.page-temp.women .main-contents .row__bbb01 > .bbb01 .section__meta {
            margin: 2.5rem 0 0 2.5rem; }
      body.page-temp.women .main-contents .row__bbb02 {
        padding: 0 0 0 2.5rem; }
        body.page-temp.women .main-contents .row__bbb02 > .bbb02 {
          width: 100%;
          margin-top: 0; }
          body.page-temp.women .main-contents .row__bbb02 > .bbb02 .section__ttl {
            left: 7rem; }
          body.page-temp.women .main-contents .row__bbb02 > .bbb02 .section__img {
            display: block; }
            body.page-temp.women .main-contents .row__bbb02 > .bbb02 .section__img img {
              width: 21.4rem;
              height: 31.0rem; }
            body.page-temp.women .main-contents .row__bbb02 > .bbb02 .section__img .img01 {
              display: flex;
              justify-content: flex-end;
              margin-top: 0; }
            body.page-temp.women .main-contents .row__bbb02 > .bbb02 .section__img .img02 {
              margin-top: 2.0rem; }
      body.page-temp.women .main-contents .row__bbb03 {
        display: block;
        margin-top: 20.0rem;
        padding: 0 0 0 2.5rem; }
        body.page-temp.women .main-contents .row__bbb03 > .bbb03 {
          width: 100%; }
          body.page-temp.women .main-contents .row__bbb03 > .bbb03 .section__ttl {
            top: -1rem;
            left: -11rem;
            right: auto; }
          body.page-temp.women .main-contents .row__bbb03 > .bbb03 .section__img {
            display: block; }
            body.page-temp.women .main-contents .row__bbb03 > .bbb03 .section__img .img01 {
              order: 2;
              display: flex;
              justify-content: flex-end; }
              body.page-temp.women .main-contents .row__bbb03 > .bbb03 .section__img .img01 img {
                width: 25.3rem;
                height: 38.4rem; }
            body.page-temp.women .main-contents .row__bbb03 > .bbb03 .section__img .img02 {
              order: 1;
              margin-top: 4.0rem;
              transform: translateY(0); }
              body.page-temp.women .main-contents .row__bbb03 > .bbb03 .section__img .img02 img {
                width: 17.1rem;
                height: 26.3rem; }
          body.page-temp.women .main-contents .row__bbb03 > .bbb03 .section__meta {
            margin-left: 0; }
      body.page-temp.women .main-contents .row__bbb04-05 {
        display: block;
        padding: 0 4.0rem 0 2.5rem; }
        body.page-temp.women .main-contents .row__bbb04-05 > .bbb04 {
          width: 100%; }
          body.page-temp.women .main-contents .row__bbb04-05 > .bbb04 .section__ttl {
            top: -1.0rem; }
          body.page-temp.women .main-contents .row__bbb04-05 > .bbb04 .section__img img {
            width: 25.5rem;
            height: 33.0rem; }
        body.page-temp.women .main-contents .row__bbb04-05 > .bbb05 {
          width: 100%;
          margin-top: 5.0rem; }
          body.page-temp.women .main-contents .row__bbb04-05 > .bbb05 .section__ttl {
            left: -0.5rem; }
          body.page-temp.women .main-contents .row__bbb04-05 > .bbb05 .section__img img {
            width: 25.5rem;
            height: 33.0rem; }
      body.page-temp.women .main-contents .row__bbb06 {
        padding: 0; }
        body.page-temp.women .main-contents .row__bbb06 > .bbb06 {
          width: 100%; }
          body.page-temp.women .main-contents .row__bbb06 > .bbb06 .section__ttl {
            top: 23.0rem;
            left: 12rem; }
          body.page-temp.women .main-contents .row__bbb06 > .bbb06 .section__img {
            display: flex;
            flex-direction: column; }
            body.page-temp.women .main-contents .row__bbb06 > .bbb06 .section__img .img01 img {
              width: 27.8rem;
              height: 21.6rem; }
            body.page-temp.women .main-contents .row__bbb06 > .bbb06 .section__img .img02 {
              margin-top: 2.0rem;
              margin-left: auto;
              padding-top: 0; }
              body.page-temp.women .main-contents .row__bbb06 > .bbb06 .section__img .img02 img {
                width: 18.8rem;
                height: 27.5rem; }
          body.page-temp.women .main-contents .row__bbb06 > .bbb06 .section__meta {
            margin: 3.0rem 0 0 2.5rem; }
      body.page-temp.women .main-contents .row__bbb07 {
        padding: 0 0 0 2.5rem; }
        body.page-temp.women .main-contents .row__bbb07 > .bbb07 {
          width: 100%; }
          body.page-temp.women .main-contents .row__bbb07 > .bbb07 .section__ttl {
            top: 26rem;
            left: -0.7rem;
            right: auto; }
          body.page-temp.women .main-contents .row__bbb07 > .bbb07 .section__img {
            display: block; }
            body.page-temp.women .main-contents .row__bbb07 > .bbb07 .section__img .img01 {
              margin-bottom: 0;
              text-align: right; }
              body.page-temp.women .main-contents .row__bbb07 > .bbb07 .section__img .img01 img {
                width: 25.6rem;
                height: 39.0rem; }
            body.page-temp.women .main-contents .row__bbb07 > .bbb07 .section__img .img02 {
              margin-top: 3.0rem; }
              body.page-temp.women .main-contents .row__bbb07 > .bbb07 .section__img .img02 img {
                width: 17.8rem;
                height: 26.2rem; }
          body.page-temp.women .main-contents .row__bbb07 > .bbb07 .section__meta {
            margin-top: 3.0rem; }
      body.page-temp.women .main-contents .row__bbb08-09 {
        display: block;
        padding: 0 0 0 2.5rem; }
        body.page-temp.women .main-contents .row__bbb08-09 > .bbb08 {
          width: 100%; }
          body.page-temp.women .main-contents .row__bbb08-09 > .bbb08 .section__ttl {
            top: -1rem;
            right: 4rem; }
          body.page-temp.women .main-contents .row__bbb08-09 > .bbb08 .section__img .img img {
            width: 24.2rem;
            height: 36.3rem; }
        body.page-temp.women .main-contents .row__bbb08-09 > .bbb09 {
          width: auto;
          margin-top: 4.0rem;
          padding-left: 7.8rem; }
          body.page-temp.women .main-contents .row__bbb08-09 > .bbb09 .section__ttl {
            text-align: right; }
          body.page-temp.women .main-contents .row__bbb08-09 > .bbb09 .section__img {
            margin-top: 0; }
            body.page-temp.women .main-contents .row__bbb08-09 > .bbb09 .section__img .img img {
              width: 24.1rem;
              height: 34.8rem; }
          body.page-temp.women .main-contents .row__bbb08-09 > .bbb09 .section__meta {
            margin-top: 3.0rem;
            margin-left: 0; }
      body.page-temp.women .main-contents .row__bbb10 {
        padding: 0 2.5rem 0 0; }
        body.page-temp.women .main-contents .row__bbb10 > .bbb10 .section__ttl {
          top: -1.0rem;
          right: 7rem; }
        body.page-temp.women .main-contents .row__bbb10 > .bbb10 .section__img {
          display: block;
          width: 100%; }
          body.page-temp.women .main-contents .row__bbb10 > .bbb10 .section__img .img01 {
            margin-top: 0; }
            body.page-temp.women .main-contents .row__bbb10 > .bbb10 .section__img .img01 img {
              width: 24.5rem;
              height: 31.8rem; }
          body.page-temp.women .main-contents .row__bbb10 > .bbb10 .section__img .img02 {
            margin: 1.5rem 3.0rem 0 4.7rem; }
            body.page-temp.women .main-contents .row__bbb10 > .bbb10 .section__img .img02 img {
              width: 24.5rem;
              height: 31.8rem; }
        body.page-temp.women .main-contents .row__bbb10 > .bbb10 .section__meta {
          margin-left: 4.7rem; } }