@charset "UTF-8";
/* ==========================================================================

	LOOKBOOK 2020 FW 02 WINTER
	
========================================================================== */
.fadein {
  opacity: 0;
  transform: translate(0, 5px);
  transition: .8s linear; }

.fadein.scrollin {
  opacity: 1;
  transform: translate(0, 0); }

.delay-100 {
  transition-delay: 100ms; }

.delay-200 {
  transition-delay: 200ms; }

.delay-300 {
  transition-delay: 300ms; }

.delay-400 {
  transition-delay: 400ms; }

.display-none {
  display: none; }

.opacity-0 {
  opacity: 0; }

.css-fade1 {
  animation-name: fade-in1;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  animation-delay: 0.6s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards; }

@keyframes fade-in1 {
  0% {
    opacity: 0;
    transform: translate(0, 0px); }
  100% {
    opacity: 1;
    transform: translate(0, 0); } }
.css-fadein1 {
  animation-name: fade-in2;
  animation-duration: 0.6s;
  animation-timing-function: ease-out;
  animation-delay: 1.5s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards; }

@keyframes fade-in2 {
  0% {
    opacity: 0;
    transform: translate(0, 20px); }
  100% {
    opacity: 1;
    transform: translate(0, 0); } }
.css-fadein2 {
  animation-name: fade-in2;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  animation-delay: 1.5s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards; }

.css-fade2 {
  animation-name: fade-in1;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  animation-delay: 2s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards; }

.css-fade3 {
  animation-name: fade-in1;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  animation-delay: 3s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards; }

.mask {
  opacity: 0; }

.mask_scroll {
  opacity: 0; }

.isPlay {
  animation-name: play;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.96, 0, 0.07, 1);
  position: relative;
  opacity: 1 !important; }

.isPlay:before {
  animation-name: maskOut;
  animation-duration: 0.6s;
  animation-delay: 0.8s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.96, 0, 0.07, 1);
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #d33d2c; }

@keyframes play {
  from {
    transform: translateX(-100%); }
  to {
    transform: translateX(0); } }
@keyframes maskOut {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(101%); } }
@keyframes scrollanime {
  0% {
    top: -100%; }
  35% {
    top: 0; }
  65% {
    top: 0; }
  to {
    top: 100%; } }
@keyframes pageTopBarLoop2 {
  0% {
    top: 100%; }
  35% {
    top: 0; }
  65% {
    top: 0; }
  to {
    top: 100%; } }
@keyframes stylingBtnAnimat {
  0% {
    left: -100%; }
  35% {
    left: 0; }
  65% {
    left: 0; }
  to {
    left: 100%; } }
@keyframes scroll_btn_anim01 {
  30% {
    bottom: 0;
    height: 100%; }
  55% {
    bottom: 100%;
    height: 0; } }
@keyframes bg_grd_anim {
  0% {
    background-position: 0 50%; }
  50% {
    background-position: 100% 50%; }
  to {
    background-position: 0 50%; } }
/* ==========================================================

    loading

========================================================== */
/* itemimg animation */
#lookbook21ss_2 .item_img {
  display: block;
  line-height: 0;
  overflow: hidden; }

#lookbook21ss_2 .item_img img {
  width: 100%;
  transition: -webkit-transform 2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 2s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 2s cubic-bezier(0.23, 1, 0.32, 1); }

#lookbook21ss_2 .item_img:hover {
  opacity: 1; }

@media screen and (min-width: 768px) {
  #lookbook21ss_2 .item_img:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05); } }
@media screen and (max-width: 767px) {
  #lookbook21ss_2 .item_img {
    text-align: center; } }
#lookbook21ss_2 .credit_lead_txt {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6; }
  @media screen and (max-width: 767px) {
    #lookbook21ss_2 .credit_lead_txt {
      font-size: 11px;
      line-height: 1.8;
      letter-spacing: 1px; } }

/* credit */
#lookbook21ss_2 .credit {
  margin: 10px 0 0; }

#lookbook21ss_2 .credit li {
  position: relative;
  line-height: 1;
  margin: 0 0 2px; }

#lookbook21ss_2 .credit li .credit_txt {
  display: inline-block;
  font-size: 1.1rem;
  font-weight: bold;
  letter-spacing: 0;
  z-index: 2;
  position: relative;
  color: #404236;
  font-family: europa, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", sans-serif; }

@media screen and (min-width: 768px) {
  #lookbook21ss_2 .credit li .credit_txt:after {
    position: absolute;
    bottom: 0px;
    left: 0;
    content: '';
    width: 100%;
    height: 2px;
    background: #333;
    transform: scale(0, 1);
    transform-origin: left top;
    transition: transform .3s; }

  #lookbook21ss_2 .credit li .credit_txt:hover::after {
    transform: scale(1, 1); }

  #lookbook21ss_2 .itemarea_01 .credit li .credit_txt:after {
    background: #fff; }

  #lookbook21ss_2 .item05_area .credit li .credit_txt:after {
    background: #fff; }

  #lookbook21ss_2 .item12_area .credit li .credit_txt:after {
    background: #fff; }

  #lookbook21ss_2 .item13_14_15_area .credit li .credit_txt:after {
    background: #fff; } }
@media screen and (min-width: 768px) {
  #lookbook21ss_2 .credit li:hover .credit_txt::after {
    transform: scale(1, 1); } }
@media screen and (max-width: 767px) {
  #lookbook21ss_2 .credit li .credit_txt {
    font-size: 1rem;
    font-weight: 400; } }
#lookbook21ss_2 {
  width: 100%;
  background: #f9f9f9; }
  #lookbook21ss_2 .page_inner {
    width: 100%;
    margin: 0 auto;
    max-width: 1280px;
    position: relative; }
  #lookbook21ss_2 .main_bg {
    background: #edede6;
    max-width: 1480px;
    margin: 0 auto;
    padding: 0 0 180px; }
    @media screen and (max-width: 767px) {
      #lookbook21ss_2 .main_bg {
        padding: 0 0 100px; } }

/* ==========================================================

    hero_area

========================================================== */
#lookbook21ss_2 .top_slider {
  margin: 0 auto;
  width: 100%;
  position: relative;
  z-index: 15;
  background-color: rgba(255, 255, 255, 0); }
  @media screen and (max-width: 767px) {
    #lookbook21ss_2 .top_slider {
      height: 340px; } }
  #lookbook21ss_2 .top_slider:focus {
    outline: none; }
  #lookbook21ss_2 .top_slider .slick-list {
    overflow: visible; }
  #lookbook21ss_2 .top_slider .top_slider_01 {
    width: 100%;
    position: relative; }
    #lookbook21ss_2 .top_slider .top_slider_01 .photo {
      opacity: 0;
      transition: 2s;
      z-index: 20; }
    #lookbook21ss_2 .top_slider .top_slider_01 .slider_inner {
      position: relative; }
      #lookbook21ss_2 .top_slider .top_slider_01 .slider_inner .photo_A {
        z-index: 10 !important;
        width: 67%;
        position: relative; }
        @media screen and (max-width: 767px) {
          #lookbook21ss_2 .top_slider .top_slider_01 .slider_inner .photo_A {
            width: 87%;
            margin: 3% 0 0 0; } }
        #lookbook21ss_2 .top_slider .top_slider_01 .slider_inner .photo_A img {
          z-index: 10;
          position: relative; }
      #lookbook21ss_2 .top_slider .top_slider_01 .slider_inner .photo_B {
        z-index: 10;
        width: 19%;
        margin: 7% 0% 0 9%;
        position: relative; }
        @media screen and (max-width: 767px) {
          #lookbook21ss_2 .top_slider .top_slider_01 .slider_inner .photo_B {
            width: 32%;
            margin: -12% 0% 0 auto; } }
        #lookbook21ss_2 .top_slider .top_slider_01 .slider_inner .photo_B img {
          z-index: 10;
          position: relative; }
      #lookbook21ss_2 .top_slider .top_slider_01 .slider_inner .bg01 {
        position: absolute; }
        @media screen and (max-width: 767px) {
          #lookbook21ss_2 .top_slider .top_slider_01 .slider_inner .bg01 {
            background: #fffbef;
            position: absolute;
            z-index: 5;
            width: 85%;
            height: 50%;
            left: 15%;
            top: 27%; } }
      #lookbook21ss_2 .top_slider .top_slider_01 .slider_inner .bg02 {
        position: absolute;
        z-index: 5;
        width: 19%;
        height: 60%;
        left: 72%;
        top: 25%;
        background: #fffbef; }
        @media screen and (max-width: 767px) {
          #lookbook21ss_2 .top_slider .top_slider_01 .slider_inner .bg02 {
            display: none; } }
  #lookbook21ss_2 .top_slider .top_slider_02 {
    width: 100%;
    position: relative; }
    #lookbook21ss_2 .top_slider .top_slider_02 .photo {
      opacity: 0;
      transition: 2s; }
    #lookbook21ss_2 .top_slider .top_slider_02 .bg {
      opacity: 0;
      transition: 2s; }
    #lookbook21ss_2 .top_slider .top_slider_02 .slider_inner {
      position: relative; }
      #lookbook21ss_2 .top_slider .top_slider_02 .slider_inner .photo_A {
        z-index: 10;
        width: 61%;
        margin: 5% 0 0 0;
        position: relative; }
        @media screen and (max-width: 767px) {
          #lookbook21ss_2 .top_slider .top_slider_02 .slider_inner .photo_A {
            width: 87%;
            margin: 3% 0 0 auto; } }
        #lookbook21ss_2 .top_slider .top_slider_02 .slider_inner .photo_A img {
          z-index: 10;
          position: relative; }
      #lookbook21ss_2 .top_slider .top_slider_02 .slider_inner .photo_B {
        z-index: 10;
        width: 20%;
        margin: 2% 15% 0 0;
        position: relative; }
        @media screen and (max-width: 767px) {
          #lookbook21ss_2 .top_slider .top_slider_02 .slider_inner .photo_B {
            width: 25%;
            margin: -18% 15% 0 0; } }
        #lookbook21ss_2 .top_slider .top_slider_02 .slider_inner .photo_B img {
          z-index: 10;
          position: relative; }
      #lookbook21ss_2 .top_slider .top_slider_02 .slider_inner .photo_C {
        position: absolute;
        top: 50%;
        left: 15%;
        z-index: 10;
        width: 14%; }
        @media screen and (max-width: 767px) {
          #lookbook21ss_2 .top_slider .top_slider_02 .slider_inner .photo_C {
            top: 82%;
            left: 14%;
            z-index: 10;
            width: 18%; } }
      #lookbook21ss_2 .top_slider .top_slider_02 .slider_inner .bg01 {
        background: #fffbef;
        position: absolute;
        height: 51%;
        width: 44%;
        left: 15%;
        top: 27%;
        z-index: 5; }
        @media screen and (max-width: 767px) {
          #lookbook21ss_2 .top_slider .top_slider_02 .slider_inner .bg01 {
            height: 60%;
            width: 69%;
            left: 4%; } }
  #lookbook21ss_2 .top_slider .top_slider_03 {
    width: 100%;
    position: relative; }
    #lookbook21ss_2 .top_slider .top_slider_03 .slider_inner {
      position: relative; }
      #lookbook21ss_2 .top_slider .top_slider_03 .slider_inner .photo {
        opacity: 0;
        transition: 2s; }
      #lookbook21ss_2 .top_slider .top_slider_03 .slider_inner .bg {
        opacity: 0;
        transition: 2s; }
      #lookbook21ss_2 .top_slider .top_slider_03 .slider_inner .photo_A {
        z-index: 10;
        width: 32%;
        margin: 18% 3% 0 0;
        position: relative; }
        #lookbook21ss_2 .top_slider .top_slider_03 .slider_inner .photo_A img {
          z-index: 11;
          position: relative; }
        @media screen and (max-width: 767px) {
          #lookbook21ss_2 .top_slider .top_slider_03 .slider_inner .photo_A {
            position: absolute;
            top: 105%;
            left: 46%;
            z-index: 15;
            width: 51%;
            margin: 0; } }
      #lookbook21ss_2 .top_slider .top_slider_03 .slider_inner .photo_B {
        z-index: 10;
        width: 28%;
        margin: 4% 3% 0 0;
        position: relative; }
        @media screen and (max-width: 767px) {
          #lookbook21ss_2 .top_slider .top_slider_03 .slider_inner .photo_B {
            width: 40%;
            margin: 4% 19% 0 0; } }
        #lookbook21ss_2 .top_slider .top_slider_03 .slider_inner .photo_B img {
          z-index: 10;
          position: relative; }
      #lookbook21ss_2 .top_slider .top_slider_03 .slider_inner .photo_C {
        z-index: 10;
        width: 28%;
        margin: 4% 1.5% 0 0;
        position: relative; }
        @media screen and (max-width: 767px) {
          #lookbook21ss_2 .top_slider .top_slider_03 .slider_inner .photo_C {
            width: 40%;
            margin: 4% 2% 0 0; } }
        #lookbook21ss_2 .top_slider .top_slider_03 .slider_inner .photo_C img {
          z-index: 10;
          position: relative; }
      #lookbook21ss_2 .top_slider .top_slider_03 .slider_inner .bg01 {
        background: #fffbef;
        position: absolute;
        z-index: 9;
        height: 42%;
        width: 19%;
        left: 70%;
        top: 52%;
        z-index: 5; }
        @media screen and (max-width: 767px) {
          #lookbook21ss_2 .top_slider .top_slider_03 .slider_inner .bg01 {
            display: none; } }
      #lookbook21ss_2 .top_slider .top_slider_03 .slider_inner .bg02 {
        background: #fffbef;
        position: absolute;
        z-index: 9;
        height: 98%;
        width: 44%;
        left: 0%;
        top: 0%;
        z-index: 5; }
        @media screen and (max-width: 767px) {
          #lookbook21ss_2 .top_slider .top_slider_03 .slider_inner .bg02 {
            background: #fffbef;
            position: absolute;
            z-index: 9;
            height: 92%;
            width: 91%;
            left: 12%;
            top: 33%; } }
  #lookbook21ss_2 .top_slider .top_slider_01.slick-current .photo {
    opacity: 1;
    transition: 1s; }
  #lookbook21ss_2 .top_slider .top_slider_02.slick-current .photo {
    opacity: 1;
    transition: 1s; }
  #lookbook21ss_2 .top_slider .top_slider_02.slick-current .bg {
    opacity: 1;
    transition: 1s; }
  #lookbook21ss_2 .top_slider .top_slider_02.slick-current .photo.is-1st {
    transition-delay: 2s; }
  #lookbook21ss_2 .top_slider .top_slider_02.slick-current .photo.is-2nd {
    transition-delay: 3s; }
  #lookbook21ss_2 .top_slider .top_slider_02.slick-current .photo.is-3rd {
    transition-delay: 3.8s; }
  #lookbook21ss_2 .top_slider .top_slider_02.slick-current .bg01 {
    transition-delay: 4.8s; }
  #lookbook21ss_2 .top_slider .top_slider_03.slick-current .photo {
    opacity: 1;
    transition: 1s; }
  #lookbook21ss_2 .top_slider .top_slider_03.slick-current .bg {
    opacity: 1;
    transition: 1s; }
  #lookbook21ss_2 .top_slider .top_slider_03.slick-current .photo.is-1st {
    transition-delay: 2s; }
  #lookbook21ss_2 .top_slider .top_slider_03.slick-current .photo.is-2nd {
    transition-delay: 4s; }
  #lookbook21ss_2 .top_slider .top_slider_03.slick-current .photo.is-3rd {
    transition-delay: 3s; }
  #lookbook21ss_2 .top_slider .top_slider_03.slick-current .bg01 {
    transition-delay: 2.5s; }
  #lookbook21ss_2 .top_slider .top_slider_03.slick-current .bg02 {
    transition-delay: 3.5s; }

#lookbook21ss_2 .top_leadbox {
  width: 96%;
  margin: 3% auto 5%;
  padding: 7% 7% 5%;
  background: #fff;
  position: relative;
  z-index: 5; }
  @media screen and (max-width: 767px) {
    #lookbook21ss_2 .top_leadbox {
      width: calc(100% - 40px);
      padding: 15% 7% 10%;
      margin: -9% auto 5%; } }
  #lookbook21ss_2 .top_leadbox .left {
    width: 38%;
    padding: 0 6% 0 0; }
    @media screen and (max-width: 767px) {
      #lookbook21ss_2 .top_leadbox .left {
        width: 87%;
        padding: 0; } }
    #lookbook21ss_2 .top_leadbox .left .theme {
      width: 100%; }
    #lookbook21ss_2 .top_leadbox .left .lookbook {
      width: 45%;
      margin: 5% 0 0; }
  #lookbook21ss_2 .top_leadbox .right {
    width: 62%; }
    @media screen and (max-width: 767px) {
      #lookbook21ss_2 .top_leadbox .right {
        width: 100%;
        margin: 30px 0 0; } }
  #lookbook21ss_2 .top_leadbox .scroll_line {
    position: absolute;
    top: calc(100% - 1rem);
    left: 50%;
    overflow: hidden;
    width: 1px;
    height: 40px;
    transform: translateX(-50%);
    z-index: 1;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-font-smoothing: antialiased; }
    @media screen and (max-width: 767px) {
      #lookbook21ss_2 .top_leadbox .scroll_line {
        left: 50%;
        height: 23px;
        transform: none; } }
    #lookbook21ss_2 .top_leadbox .scroll_line:before {
      position: absolute;
      display: block;
      content: "";
      width: 1px;
      height: 100%;
      background: #000;
      animation: scrollanime 1.5s ease-out 0s infinite;
      backface-visibility: hidden;
      -webkit-backface-visibility: hidden;
      -webkit-font-smoothing: antialiased; }

#lookbook21ss_2 .lookbook_contents {
  position: relative; }
  #lookbook21ss_2 .lookbook_contents .style_list {
    width: 78%;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      #lookbook21ss_2 .lookbook_contents .style_list {
        width: calc(100% - 60px);
        margin: 30px auto;
        padding: 0; } }
    #lookbook21ss_2 .lookbook_contents .style_list .style_list_li {
      position: relative;
      width: calc(50% - 20px); }
      @media screen and (max-width: 767px) {
        #lookbook21ss_2 .lookbook_contents .style_list .style_list_li {
          width: 100%; }
          #lookbook21ss_2 .lookbook_contents .style_list .style_list_li:not(:last-child) {
            margin-bottom: 40px; } }
      #lookbook21ss_2 .lookbook_contents .style_list .style_list_li .number {
        position: absolute;
        width: 65px;
        left: -13px;
        top: -10px; }
        @media screen and (max-width: 1030px) {
          #lookbook21ss_2 .lookbook_contents .style_list .style_list_li .number {
            width: 40px; } }
        @media screen and (max-width: 767px) {
          #lookbook21ss_2 .lookbook_contents .style_list .style_list_li .number {
            width: 50px;
            left: 0px;
            top: 0px; } }
  #lookbook21ss_2 .lookbook_contents .link_box {
    background: #000;
    border: 3px solid #000;
    align-items: center;
    padding: 10px 5.4rem;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    z-index: 10;
    position: relative;
    width: 90%;
    margin: 20px 0 0 0;
    text-align: center;
    font-family: europa, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", sans-serif; }
    @media only screen and (max-width: 768px) {
      #lookbook21ss_2 .lookbook_contents .link_box {
        width: 100%; } }
    @media only screen and (min-width: 735px) {
      #lookbook21ss_2 .lookbook_contents .link_box:hover {
        background-color: #fff;
        color: #000; } }

#lookbook21ss_2 .contents_01 .contents_01_slider {
  width: 100%; }
#lookbook21ss_2 .contents_01 .contents_inner {
  width: 90%;
  margin: 0 auto; }
  @media screen and (max-width: 767px) {
    #lookbook21ss_2 .contents_01 .contents_inner {
      width: 100%; } }
  #lookbook21ss_2 .contents_01 .contents_inner .title_box {
    width: 48%;
    padding: 7% 4%;
    background: #fff; }
    @media screen and (max-width: 767px) {
      #lookbook21ss_2 .contents_01 .contents_inner .title_box {
        width: calc(100% - 40px);
        margin: 0 auto;
        padding: 10% 7%; } }
    #lookbook21ss_2 .contents_01 .contents_inner .title_box .title {
      width: 64%;
      margin: 0 0 30px; }
      @media screen and (max-width: 767px) {
        #lookbook21ss_2 .contents_01 .contents_inner .title_box .title {
          width: 80%;
          margin: 0 0 20px; } }
    #lookbook21ss_2 .contents_01 .contents_inner .title_box .txt {
      width: 78%;
      margin-left: 22%;
      font-size: 13px;
      font-weight: 400;
      line-height: 2;
      letter-spacing: 0.6px; }
      @media screen and (max-width: 767px) {
        #lookbook21ss_2 .contents_01 .contents_inner .title_box .txt {
          width: 100%;
          margin-left: 0%;
          font-size: 12px; } }
    #lookbook21ss_2 .contents_01 .contents_inner .title_box .credit_box {
      margin-left: 22%;
      margin-top: 20px; }
      @media screen and (max-width: 767px) {
        #lookbook21ss_2 .contents_01 .contents_inner .title_box .credit_box {
          width: 100%;
          margin-left: 0%; } }
  #lookbook21ss_2 .contents_01 .contents_inner .photo_box {
    width: 52%;
    padding: 6% 4% 10% 6%; }
    @media screen and (max-width: 767px) {
      #lookbook21ss_2 .contents_01 .contents_inner .photo_box {
        width: calc(100% - 60px);
        margin: 30px auto;
        padding: 0; } }
    #lookbook21ss_2 .contents_01 .contents_inner .photo_box .photo01 {
      margin: 0 auto 26px; }
      @media screen and (max-width: 767px) {
        #lookbook21ss_2 .contents_01 .contents_inner .photo_box .photo01 {
          margin: 0 auto 10px; } }
#lookbook21ss_2 .contents_01 .style_title {
  width: 17%;
  margin: -10% 0 0 10%; }
  @media screen and (max-width: 767px) {
    #lookbook21ss_2 .contents_01 .style_title {
      width: 42%;
      margin: 40px 0 0 30px; } }
#lookbook21ss_2 .contents_01 .style_list {
  margin: 6% auto 0; }
  #lookbook21ss_2 .contents_01 .style_list li .credit_box {
    position: relative;
    margin: 20px 0 0 50px; }
    #lookbook21ss_2 .contents_01 .style_list li .credit_box .credit {
      margin: 0; }
    #lookbook21ss_2 .contents_01 .style_list li .credit_box .txt {
      width: 30px;
      position: absolute;
      left: -50px;
      top: 5px; }

#lookbook21ss_2 .contents_02 .contents_top {
  margin: 8% auto 6%;
  width: 100%;
  background: #fff;
  padding: 5%; }
  @media screen and (max-width: 767px) {
    #lookbook21ss_2 .contents_02 .contents_top {
      margin: 15% auto 3%;
      padding: 40px 20px 40px; } }
  #lookbook21ss_2 .contents_02 .contents_top .photo {
    width: 50%; }
    @media screen and (max-width: 767px) {
      #lookbook21ss_2 .contents_02 .contents_top .photo {
        width: 100%;
        margin: 0 auto; } }
  #lookbook21ss_2 .contents_02 .contents_top .title_box {
    width: 50%;
    margin: 0 0 0 0;
    padding: 0 20px 0 0; }
    @media screen and (max-width: 767px) {
      #lookbook21ss_2 .contents_02 .contents_top .title_box {
        width: 90%;
        margin: 20px auto 0;
        padding: 0 0; } }
    #lookbook21ss_2 .contents_02 .contents_top .title_box .title {
      width: 55%;
      margin: 0 0 30px; }
      @media screen and (max-width: 767px) {
        #lookbook21ss_2 .contents_02 .contents_top .title_box .title {
          width: 80%;
          margin: 0 0 30px; } }
    #lookbook21ss_2 .contents_02 .contents_top .title_box .txt {
      width: 61%;
      font-size: 13px;
      font-weight: 400;
      line-height: 2;
      letter-spacing: 0.6px;
      margin: 0 0 0 21%; }
      @media screen and (max-width: 767px) {
        #lookbook21ss_2 .contents_02 .contents_top .title_box .txt {
          width: 100%;
          font-size: 12px;
          margin: 0; } }
  #lookbook21ss_2 .contents_02 .contents_top .price_number {
    width: 100%;
    margin: 20px auto 0; }
    @media screen and (max-width: 767px) {
      #lookbook21ss_2 .contents_02 .contents_top .price_number {
        width: 300px; } }
    #lookbook21ss_2 .contents_02 .contents_top .price_number .left {
      width: 110px;
      margin-right: 15px; }
      @media screen and (max-width: 767px) {
        #lookbook21ss_2 .contents_02 .contents_top .price_number .left {
          width: 35%;
          margin-right: 5%;
          margin-top: 4px; } }
    #lookbook21ss_2 .contents_02 .contents_top .price_number .right {
      width: calc(100% - 125px); }
      @media screen and (max-width: 767px) {
        #lookbook21ss_2 .contents_02 .contents_top .price_number .right {
          width: 60%;
          margin: 0; } }
      #lookbook21ss_2 .contents_02 .contents_top .price_number .right .credit_box {
        width: 50%;
        min-width: 200px; }
        @media screen and (max-width: 767px) {
          #lookbook21ss_2 .contents_02 .contents_top .price_number .right .credit_box {
            width: 100%; } }
        #lookbook21ss_2 .contents_02 .contents_top .price_number .right .credit_box .credit {
          margin: 0; }
          #lookbook21ss_2 .contents_02 .contents_top .price_number .right .credit_box .credit li .credit_txt {
            width: 197px; }
#lookbook21ss_2 .contents_02 .tee_list {
  width: 90%;
  margin: 0 auto; }
  @media screen and (max-width: 767px) {
    #lookbook21ss_2 .contents_02 .tee_list {
      width: 90%; } }
  #lookbook21ss_2 .contents_02 .tee_list .tee_item {
    position: relative;
    width: 33.333333%;
    margin-bottom: 20px;
    padding: 0 10px 40px; }
    @media screen and (max-width: 767px) {
      #lookbook21ss_2 .contents_02 .tee_list .tee_item {
        width: 50%;
        padding: 0 10px 20px; } }
    #lookbook21ss_2 .contents_02 .tee_list .tee_item .credit_box {
      width: 100%;
      text-align: center; }
      #lookbook21ss_2 .contents_02 .tee_list .tee_item .credit_box li {
        width: 100%; }
    #lookbook21ss_2 .contents_02 .tee_list .tee_item:nth-child(1)::before {
      border-bottom: 1px dotted #3F3F3F;
      position: absolute;
      display: block;
      content: "";
      width: 94%;
      height: 1px;
      bottom: 0;
      left: 2%; }
    #lookbook21ss_2 .contents_02 .tee_list .tee_item:nth-child(1)::after {
      border-right: 1px dotted #3F3F3F;
      position: absolute;
      display: block;
      content: "";
      width: 1px;
      height: 86%;
      top: 6%;
      right: 0; }
    #lookbook21ss_2 .contents_02 .tee_list .tee_item:nth-child(2)::before {
      border-bottom: 1px dotted #3F3F3F;
      position: absolute;
      display: block;
      content: "";
      width: 94%;
      height: 1px;
      bottom: 0;
      left: 4%; }
    #lookbook21ss_2 .contents_02 .tee_list .tee_item:nth-child(2)::after {
      border-right: 1px dotted #3F3F3F;
      position: absolute;
      display: block;
      content: "";
      width: 1px;
      height: 86%;
      top: 6%;
      right: 0; }
      @media screen and (max-width: 767px) {
        #lookbook21ss_2 .contents_02 .tee_list .tee_item:nth-child(2)::after {
          display: none; } }
    #lookbook21ss_2 .contents_02 .tee_list .tee_item:nth-child(3)::before {
      border-bottom: 1px dotted #3F3F3F;
      position: absolute;
      display: block;
      content: "";
      width: 94%;
      height: 1px;
      bottom: 0;
      left: 4%; }
    @media screen and (max-width: 767px) {
      #lookbook21ss_2 .contents_02 .tee_list .tee_item:nth-child(3)::after {
        border-right: 1px dotted #3F3F3F;
        position: absolute;
        display: block;
        content: "";
        width: 1px;
        height: 86%;
        top: 6%;
        right: 0; } }
    @media screen and (max-width: 767px) {
      #lookbook21ss_2 .contents_02 .tee_list .tee_item:nth-child(4)::before {
        border-bottom: 1px dotted #3F3F3F;
        position: absolute;
        display: block;
        content: "";
        width: 94%;
        height: 1px;
        bottom: 0;
        left: 4%; } }
    #lookbook21ss_2 .contents_02 .tee_list .tee_item:nth-child(4)::after {
      border-right: 1px dotted #3F3F3F;
      position: absolute;
      display: block;
      content: "";
      width: 1px;
      height: 86%;
      top: 0%;
      right: 0; }
      @media screen and (max-width: 767px) {
        #lookbook21ss_2 .contents_02 .tee_list .tee_item:nth-child(4)::after {
          display: none; } }
    #lookbook21ss_2 .contents_02 .tee_list .tee_item:nth-child(5)::after {
      border-right: 1px dotted #3F3F3F;
      position: absolute;
      display: block;
      content: "";
      width: 1px;
      height: 86%;
      top: 0%;
      right: 0; }

#lookbook21ss_2 .contents_03 .contents_top {
  margin: 10% auto 6%;
  width: 100%; }
  @media screen and (max-width: 767px) {
    #lookbook21ss_2 .contents_03 .contents_top {
      margin: 0% auto 6%; } }
  #lookbook21ss_2 .contents_03 .contents_top .contents_03_slider {
    width: 60%; }
    @media screen and (max-width: 767px) {
      #lookbook21ss_2 .contents_03 .contents_top .contents_03_slider {
        width: 100%;
        margin: 0 auto; } }
  #lookbook21ss_2 .contents_03 .contents_top .photo {
    width: 35%;
    margin: 5% 0 0; }
    @media screen and (max-width: 767px) {
      #lookbook21ss_2 .contents_03 .contents_top .photo {
        width: 50%;
        margin: 12px 0px 0 auto; } }
#lookbook21ss_2 .contents_03 .contents_inner {
  width: 100%;
  margin: -12% auto 0; }
  @media screen and (max-width: 767px) {
    #lookbook21ss_2 .contents_03 .contents_inner {
      width: 100%;
      margin: -10% auto 0; } }
  #lookbook21ss_2 .contents_03 .contents_inner .title_box {
    width: 48%;
    padding: 6% 8% 8%;
    background: #fff;
    margin: -5% 0 0 5%; }
    @media screen and (max-width: 767px) {
      #lookbook21ss_2 .contents_03 .contents_inner .title_box {
        width: calc(100% - 20px);
        margin: 0 auto;
        padding: 12% 30px 15%; } }
    #lookbook21ss_2 .contents_03 .contents_inner .title_box .title {
      width: 64%;
      margin: 0 0 30px; }
    #lookbook21ss_2 .contents_03 .contents_inner .title_box .txt {
      width: 100%;
      font-size: 13px;
      font-weight: 400;
      line-height: 2;
      letter-spacing: 0.6px; }
  #lookbook21ss_2 .contents_03 .contents_inner .photo_box {
    width: 37%;
    padding: 0 0% 0% 6%;
    margin: 9% 0 0 0; }
    @media screen and (max-width: 767px) {
      #lookbook21ss_2 .contents_03 .contents_inner .photo_box {
        width: calc(100% - 80px);
        margin: -30px auto 0;
        padding: 0; } }
    #lookbook21ss_2 .contents_03 .contents_inner .photo_box .photo01 {
      margin: 0 auto 20px; }
#lookbook21ss_2 .contents_03 .style_title {
  width: 15%;
  margin: 5% 0 4% 10%; }
  @media screen and (max-width: 767px) {
    #lookbook21ss_2 .contents_03 .style_title {
      width: 42%;
      margin: 60px 0 30px 30px; } }
#lookbook21ss_2 .contents_03 .style_list {
  margin: 3% auto 0; }
  #lookbook21ss_2 .contents_03 .style_list li .credit_box {
    position: relative;
    margin: 20px 0 0 50px;
    width: 100%; }
    #lookbook21ss_2 .contents_03 .style_list li .credit_box .credit {
      margin: 0; }
      #lookbook21ss_2 .contents_03 .style_list li .credit_box .credit li {
        width: 100%; }
    #lookbook21ss_2 .contents_03 .style_list li .credit_box .txt {
      width: 30px;
      position: absolute;
      left: -50px;
      top: 5px; }

#lookbook21ss_2 .contents_04 .contents_top {
  margin: 10% auto 0;
  width: 100%;
  padding: 0; }
  @media screen and (max-width: 767px) {
    #lookbook21ss_2 .contents_04 .contents_top {
      margin: 15% auto 6%; } }
  #lookbook21ss_2 .contents_04 .contents_top .right {
    width: 65%; }
    @media screen and (max-width: 767px) {
      #lookbook21ss_2 .contents_04 .contents_top .right {
        width: 100%;
        margin: 0 auto; } }
  #lookbook21ss_2 .contents_04 .contents_top .left {
    width: 35%;
    padding: 0 2.4% 0 0; }
    @media screen and (max-width: 767px) {
      #lookbook21ss_2 .contents_04 .contents_top .left {
        width: 100%;
        padding: 0;
        margin: 12px 0 0 0;
        z-index: 10;
        position: relative; } }
#lookbook21ss_2 .contents_04 .contents_inner {
  width: 90%;
  margin: 2% auto 0; }
  @media screen and (max-width: 767px) {
    #lookbook21ss_2 .contents_04 .contents_inner {
      width: 100%;
      margin: -25% auto 0;
      padding: 0; } }
  #lookbook21ss_2 .contents_04 .contents_inner .title_box {
    width: 48%;
    padding: 7% 7% 7%;
    background: #fff;
    position: relative; }
    @media screen and (max-width: 767px) {
      #lookbook21ss_2 .contents_04 .contents_inner .title_box {
        width: calc(100% - 20px);
        margin: 0 auto;
        padding: 30% 30px 15%; } }
    #lookbook21ss_2 .contents_04 .contents_inner .title_box .title {
      width: 70%;
      margin: 0 0 30px; }
    #lookbook21ss_2 .contents_04 .contents_inner .title_box .txt {
      width: 87%;
      font-size: 13px;
      font-weight: 400;
      line-height: 2;
      letter-spacing: 0.6px; }
      @media screen and (max-width: 767px) {
        #lookbook21ss_2 .contents_04 .contents_inner .title_box .txt {
          width: 100%; } }
  #lookbook21ss_2 .contents_04 .contents_inner .photo {
    width: 48%;
    margin: 8% 0 0 4%; }
    @media screen and (max-width: 767px) {
      #lookbook21ss_2 .contents_04 .contents_inner .photo {
        width: 76%;
        margin: -7% auto 0; } }
    #lookbook21ss_2 .contents_04 .contents_inner .photo .photo_sp {
      margin: 20px 0 0; }
#lookbook21ss_2 .contents_04 .style_title {
  width: 18%;
  margin: 7% 0 4% 10%; }
  @media screen and (max-width: 767px) {
    #lookbook21ss_2 .contents_04 .style_title {
      width: 42%;
      margin: 40px 0 30px 30px; } }
#lookbook21ss_2 .contents_04 .style_list {
  margin: 3% auto 0; }
  #lookbook21ss_2 .contents_04 .style_list li .credit_box {
    position: relative;
    margin: 20px 0 0 50px;
    width: 100%; }
    #lookbook21ss_2 .contents_04 .style_list li .credit_box .credit {
      margin: 0; }
      #lookbook21ss_2 .contents_04 .style_list li .credit_box .credit li {
        width: 100%; }
    #lookbook21ss_2 .contents_04 .style_list li .credit_box .txt {
      width: 30px;
      position: absolute;
      left: -50px;
      top: 5px; }
#lookbook21ss_2 .contents_04 .item_area {
  width: 90%;
  margin: 4% auto 0;
  background: #fff; }
  @media screen and (max-width: 767px) {
    #lookbook21ss_2 .contents_04 .item_area {
      width: 100%;
      margin: 10% auto 0;
      display: block; } }
  #lookbook21ss_2 .contents_04 .item_area .photo {
    width: 36%;
    position: relative;
    min-width: 300px; }
    @media screen and (max-width: 767px) {
      #lookbook21ss_2 .contents_04 .item_area .photo {
        width: 100%;
        padding: 0 30% 0 0; } }
    @media screen and (max-width: 767px) {
      #lookbook21ss_2 .contents_04 .item_area .photo .item_title {
        width: 20%;
        top: 49%;
        left: 70%;
        position: absolute; } }
  #lookbook21ss_2 .contents_04 .item_area .txtbox {
    width: 64%;
    padding: 0% 20px 0% 5%;
    max-width: 600px; }
    @media screen and (max-width: 767px) {
      #lookbook21ss_2 .contents_04 .item_area .txtbox {
        width: 100%;
        padding: 0 30px 60px;
        margin: 30px auto 0; } }
    #lookbook21ss_2 .contents_04 .item_area .txtbox .item_title {
      width: 15%;
      margin: 0 0 30px; }
      @media screen and (max-width: 767px) {
        #lookbook21ss_2 .contents_04 .item_area .txtbox .item_title {
          display: none; } }
    #lookbook21ss_2 .contents_04 .item_area .txtbox .number {
      width: 18px;
      margin: 5px 25px 0 0; }
    #lookbook21ss_2 .contents_04 .item_area .txtbox .credit_box {
      width: calc(100% - 43px); }
    #lookbook21ss_2 .contents_04 .item_area .txtbox .credit_lead_txt {
      margin: 5px 0 0;
      font-size: 11px; }
    #lookbook21ss_2 .contents_04 .item_area .txtbox li:not(:last-child) {
      margin-bottom: 10px; }
      @media screen and (max-width: 1030px) {
        #lookbook21ss_2 .contents_04 .item_area .txtbox li:not(:last-child) {
          margin-bottom: 0px; } }
      @media screen and (max-width: 767px) {
        #lookbook21ss_2 .contents_04 .item_area .txtbox li:not(:last-child) {
          margin-bottom: 10px; } }