@charset "UTF-8";
@font-face {
  font-family: "HelveticaNeueLTStd-LtCn";
  src: url("../../font/HelveticaNeueLTStd-LtCn.woff"); 
}

.pc_only {
  display: none !important; 
}

#vintage {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
  
  background-image: url(/Page/feature/vintage/200302/img/sp/bg_2.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
        margin-bottom: calc(200 * (100vw / 750));
    padding-bottom: calc(200 * (100vw / 750));
}



#vintage .fade {
    opacity: 0;
    transition: all 300ms ease 0ms;}
    #vintage .fade.onView {
      opacity: 1;
      /*-webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);*/ }
  #vintage .txtFade {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    opacity: 0; }
    #vintage .txtFade::after {
      -webkit-transition-duration: .5s;
      -o-transition-duration: .5s;
      transition-duration: .5s; }
    #vintage .txtFade.onView {
      opacity: 1; }
      #vintage .txtFade.onView::after {
        width: 0 !important; }







#vintage .mv{
  /*margin-left: calc(50 * (100vw / 750));*/
    padding-top: calc(60 * (100vw / 750));
}
/*
#vintage .mv img{
  width: calc(643 * (100vw / 750));
}
*/
#vintage .mv h2{
  font-size: calc(88 * (100vw / 750));
  font-family: fino, serif;
font-weight: 400;
font-style: normal;
text-align: center;
letter-spacing: 0.03em;
}

#vintage .sec01 .first img{
   width: calc(673 * (100vw / 750));
    margin-left: calc(36 * (100vw / 750));
    margin-top: calc(79 * (100vw / 750));
}
#vintage .sec01 .first2 img{
  width: calc(412 * (100vw / 750));
  margin-left: calc(37 * (100vw / 750));
  margin-top: calc(47 * (100vw / 750));
}
#vintage .sec01 .product1 img{
  width: calc(256 * (100vw / 750));
    margin-left: calc(451 * (100vw / 750));
    margin-top: calc(-154 * (100vw / 750));
}
#vintage .sec01 .credit2{
  font-feature-settings: "palt";
    font-family: "Open Sans", sans-serif;
    font-size: calc(24 * (100vw / 750));
    line-height: calc(42 * (100vw / 750));
    letter-spacing: 0.1em;
    text-align: center;
    margin-top: calc(27 * (100vw / 750));
    margin-left: calc(425 * (100vw / 750));
}

#vintage .sec02 .second img{
  width: calc(639 * (100vw / 750));
    margin-left: calc(38 * (100vw / 750));
    margin-top: calc(110 * (100vw / 750));
}
#vintage .sec02 .credit4{
  font-feature-settings: "palt";
    font-family: "Open Sans", sans-serif;
    font-size: calc(24 * (100vw / 750));
    line-height: calc(42 * (100vw / 750));
    letter-spacing: 0.1em;
    margin-top: calc(32 * (100vw / 750));
    margin-left: calc(38 * (100vw / 750));
}
#vintage .sec02 .first3 img{
      width: calc(450 * (100vw / 750));
    margin-left: calc(300 * (100vw / 750));
    margin-top: calc(73 * (100vw / 750));
}
#vintage .sec02 .product2 img{
        width: calc(184 * (100vw / 750));
    margin-left: calc(59 * (100vw / 750));
    margin-top: calc(-185 * (100vw / 750));
}
#vintage .sec02 .credit3{
  font-feature-settings: "palt";
    font-family: "Open Sans", sans-serif;
    font-size: calc(24 * (100vw / 750));
    line-height: calc(42 * (100vw / 750));
    letter-spacing: 0.1em;
    margin-top: calc(32 * (100vw / 750));
    margin-left: calc(38 * (100vw / 750));
}
#vintage .sec03 .third img{
        width: calc(676 * (100vw / 750));
    margin-left: calc(38 * (100vw / 750));
    margin-top: calc(117 * (100vw / 750));

}
#vintage .sec03 .first4 img{
    width: calc(525 * (100vw / 750));
    margin-left: calc(187 * (100vw / 750));
    margin-top: calc(72 * (100vw / 750));
}
#vintage .sec03 .credit5{
  font-feature-settings: "palt";
    font-family: "Open Sans", sans-serif;
    font-size: calc(24 * (100vw / 750));
    line-height: calc(42 * (100vw / 750));
    letter-spacing: 0.1em;
    margin-top: calc(32 * (100vw / 750));
    margin-left: calc(38 * (100vw / 750));
}
#vintage .sec03 .product3 img{
    width: calc(161 * (100vw / 750));
    margin-left: calc(87 * (100vw / 750));
    margin-top: calc(-275 * (100vw / 750));
}
#vintage .sec03 .credit6{
  font-feature-settings: "palt";
    font-family: "Open Sans", sans-serif;
    font-size: calc(24 * (100vw / 750));
    line-height: calc(42 * (100vw / 750));
    letter-spacing: 0.1em;
    margin-top: calc(5 * (100vw / 750));
    margin-left: calc(38 * (100vw / 750))
}
#vintage .sec04 .first5 img{
  width: calc(525 * (100vw / 750));
    margin-left: calc(187 * (100vw / 750));
    margin-top: calc(173 * (100vw / 750));
}
#vintage .sec04 .fourth img{
  width: calc(562 * (100vw / 750));
    margin-left: calc(38 * (100vw / 750));
    margin-top: calc(42 * (100vw / 750));
}
#vintage .sec04 .credit7{
  font-feature-settings: "palt";
    font-family: "Open Sans", sans-serif;
    font-size: calc(24 * (100vw / 750));
    line-height: calc(42 * (100vw / 750));
    letter-spacing: 0.1em;
    margin-top: calc(30 * (100vw / 750));
    margin-left: calc(38 * (100vw / 750))
}
#vintage .sec04 .product4 img{
    width: calc(193 * (100vw / 750));
    margin-left: calc(115 * (100vw / 750));
    margin-top: calc(5 * (100vw / 750));
}
#vintage .sec04 .product5 img{
    width: calc(250 * (100vw / 750));
    margin-left: calc(76 * (100vw / 750));
    margin-top: calc(5 * (100vw / 750));
}
#vintage .sec04 .container4{
  width: calc(560 * (100vw / 750));
  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: calc(90 * (100vw / 750));
}
#vintage .sec04 .credit8{
  font-feature-settings: "palt";
    font-family: "Open Sans", sans-serif;
    font-size: calc(24 * (100vw / 750));
    line-height: calc(42 * (100vw / 750));
    letter-spacing: 0.1em;
   margin-top: calc(24 * (100vw / 750));
    margin-left: calc(57 * (100vw / 750));
}
#vintage .sec04 .credit9{
  font-feature-settings: "palt";
    font-family: "Open Sans", sans-serif;
    font-size: calc(24 * (100vw / 750));
    line-height: calc(42 * (100vw / 750));
    letter-spacing: 0.1em;
   margin-top: calc(16 * (100vw / 750));
    margin-left: calc(100 * (100vw / 750));
    width: calc(350 * (100vw / 750));
}
#vintage .sec05 .product6 img{
    width: calc(280 * (100vw / 750));
    margin-left: calc(235 * (100vw / 750));
    margin-top: calc(324 * (100vw / 750));
}
#vintage .sec05 .credit10{
  font-feature-settings: "palt";
    font-family: "Open Sans", sans-serif;
    font-size: calc(24 * (100vw / 750));
    line-height: calc(42 * (100vw / 750));
    letter-spacing: 0.1em;
        margin-top: calc(65 * (100vw / 750));
    margin-left: calc(245 * (100vw / 750));
    width: calc(350 * (100vw / 750));
}
#vintage .sec05 .wrap{
  -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: flex;
    margin-top: calc(90 * (100vw / 750));
     width: calc(750 * (100vw / 750));
     margin: 0 auto;
     justify-content: space-between;
}
#vintage .sec05 .product7 img{
    width: calc(213 * (100vw / 750));
    margin-left: calc(108 * (100vw / 750));
    margin-top: calc(170 * (100vw / 750));
}
#vintage .sec05 .product8 img{
        width: calc(300 * (100vw / 750));
    margin-left: calc(-50 * (100vw / 750));
    margin-top: calc(40 * (100vw / 750));
}
#vintage .sec05 .credit11{
  font-feature-settings: "palt";
    font-family: "Open Sans", sans-serif;
    font-size: calc(24 * (100vw / 750));
    line-height: calc(42 * (100vw / 750));
    letter-spacing: 0.1em;
        margin-top: calc(55 * (100vw / 750));
    margin-left: calc(80 * (100vw / 750)); 
    width: calc(350 * (100vw / 750));
}
#vintage .sec05 .credit12{
  font-feature-settings: "palt";
    font-family: "Open Sans", sans-serif;
    font-size: calc(24 * (100vw / 750));
    line-height: calc(42 * (100vw / 750));
    letter-spacing: 0.1em;
    margin-top: calc(-11 * (100vw / 750));
    margin-left: calc(-25 * (100vw / 750));
    width: calc(350 * (100vw / 750));
}
#vintage .sec06 .container6{
  -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: flex;
    margin-top: calc(90 * (100vw / 750));
     width: calc(750 * (100vw / 750));
     margin: 0 auto;
     justify-content: space-between;
}

#vintage .sec06 .product9 img{
    width: calc(300 * (100vw / 750));
    margin-left: calc(68 * (100vw / 750));
    margin-top: calc(30 * (100vw / 750));
}
#vintage .sec06 .product10 img{
    width: calc(200 * (100vw / 750));
    margin-left: calc(0 * (100vw / 750));
    margin-top: calc(160 * (100vw / 750));
}
#vintage .sec06 .credit13{
  font-feature-settings: "palt";
    font-family: "Open Sans", sans-serif;
    font-size: calc(24 * (100vw / 750));
    line-height: calc(42 * (100vw / 750));
    letter-spacing: 0.1em;
    margin-top: calc(-5 * (100vw / 750));
    margin-left: calc(85 * (100vw / 750));
    width: calc(350 * (100vw / 750));
}
#vintage .sec06 .credit14{
  font-feature-settings: "palt";
    font-family: "Open Sans", sans-serif;
    font-size: calc(24 * (100vw / 750));
    line-height: calc(42 * (100vw / 750));
    letter-spacing: 0.1em;
        margin-top: calc(47 * (100vw / 750));
    margin-left: calc(-25 * (100vw / 750));
    width: calc(350 * (100vw / 750));
}

/*#vintage .btn img{
  width: calc(675 * (100vw / 750));
    margin-left: calc(38 * (100vw / 750));
    margin-top: calc(282 * (100vw / 750));
}*/




#vintage .credit{
  font-feature-settings: "palt";
    font-family: "Open Sans", sans-serif;
    font-size: calc(24 * (100vw / 750));
    line-height: calc(42 * (100vw / 750));
    letter-spacing: 0.1em;
    text-align: center;
    margin-top: calc(35 * (100vw / 750));
}

#vintage .btn {
      font-size: calc(48 * (100vw / 750));
    font-family: fino, serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    letter-spacing: 0.05em;
    margin-top: calc(281 * (100vw / 750));
}
#vintage .btn a{
  display: flex;
    justify-content: center;
    align-items: center;
    width: calc(675 * (100vw / 750));
    height: calc(160 / 750 * 100vw);
    margin: 0 auto;
    border: 1px solid #000;
    
}