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

@font-face {
  font-family: 'EBGaramond';
  src: url("../../font/EBGaramond-Regular.woff"); }

@font-face {
  font-family: 'yumin';
  src: url("../../font/yumin.woff"); }

@font-face {
  font-family: 'yuminl';
  src: url("../../font/yuminl.woff"); }
  
.pc_only {
  display: none !important; }

#breadcrumb .cateList {
  line-height: calc(40 *(100vw / 750));
  font-size: calc(20 *(100vw / 750));
  margin: 0 auto 10px!important;
  color: #000000;
  width: 92%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
  display: flex;
    flex-wrap: wrap;
}
#breadcrumb .cateList li{
  margin-right: 5px;
}


/* fade */
.fade_up{
  transform: translateY(50px);
    opacity: 0;
}
.fade_up.active{
    transition: transform 1.5s, opacity 1.5s;
    transform: translateY(0);
    opacity: 1;
}

#LOOKBOOKknit{
    width: 100%;
    margin: auto;
    font-family: 'EB Garamond', serif;
    font-size: calc(24 *(100vw / 750));
    letter-spacing: 0.07em;
    line-height: 1.5;
    color: #58595b;
    position: relative;
}
/*#LOOKBOOKknit::before{
    content: "";
    position: absolute;
    background-size: 100%;
    background-image: url(/page/feature/211210_LOOKBOOKknit/img/bg_sp.jpg);
    width: 100%;
    height: 100%;
    top: calc(-10 *(100vw / 750));
}
#LOOKBOOKknit img,
#LOOKBOOKknit video{
  opacity: 0.2;
}*/
#LOOKBOOKknit img,
#LOOKBOOKknit video{
  width: 100%;
}
#LOOKBOOKknit a,
#LOOKBOOKknit video{
  display: block;
}

#LOOKBOOKknit .mv{
    width: calc(730 *(100vw / 750));
    margin: 0 auto calc(190 *(100vw / 750));
    padding-top: calc(10 *(100vw / 750));
}
#LOOKBOOKknit .sec{
  position: relative;
  margin-bottom: calc(194 *(100vw / 750));
}
#LOOKBOOKknit .sec .look_ttl{
  position: absolute;
}
#LOOKBOOKknit .credit {
    margin-top: calc(40 *(100vw / 750));
    /*width: calc(635 *(100vw / 750));*/
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(50 *(100vw / 750));
    line-height: 1.7;
}
#LOOKBOOKknit .credit a{
    margin-right: calc(6 *(100vw / 750));
}

/*sec01*/
#LOOKBOOKknit .sec01 h3{
    width: calc(332 *(100vw / 750));
    top: calc(-40 *(100vw / 750));
    left: calc(30 *(100vw / 750));
}
#LOOKBOOKknit .sec01 .box._01 {
    width: calc(600 *(100vw / 750));
    margin: calc(40 *(100vw / 750)) 0 calc(60 *(100vw / 750));
}
#LOOKBOOKknit .sec01 .box._02 video{
    width: calc(550 *(100vw / 750));
    margin: 0 0 0 auto;
}

/*sec02*/
#LOOKBOOKknit .sec02 h3 {
    width: calc(340 *(100vw / 750));
    top: calc(813 *(100vw / 750));
    right: calc(30 *(100vw / 750));
}
#LOOKBOOKknit .sec02 .box._01 {
    width: calc(660 *(100vw / 750));
    margin: 0 auto calc(140 *(100vw / 750));
}
#LOOKBOOKknit .sec02 .box._02 video{
    width: calc(520 *(100vw / 750));
    margin: 0 auto 0 0;
}

/*sec03*/
#LOOKBOOKknit .sec03 h3 {
    width: calc(50 *(100vw / 750));
    top: calc(1143 *(100vw / 750));
    left: calc(47 *(100vw / 750));
}
#LOOKBOOKknit .sec03 .box._01 {
    width: calc(660 *(100vw / 750));
    margin: 0 0 calc(60 *(100vw / 750)) auto;
}
#LOOKBOOKknit .sec03 .box._02 > a{
    width: calc(600 *(100vw / 750));
    margin: 0 auto 0 calc(90 *(100vw / 750));
}
#LOOKBOOKknit .sec03 .box._02 .credit {
    margin-left: calc(90 *(100vw / 750));
}


/*sec04*/
#LOOKBOOKknit .sec04 h3{
    width: calc(50 *(100vw / 750));
    top: calc(2 *(100vw / 750));
    right: calc(160 *(100vw / 750));
}
#LOOKBOOKknit .sec04 .box._01 {
    width: calc(500 *(100vw / 750));
    margin: 0 calc(200 *(100vw / 750)) calc(63 *(100vw / 750)) auto;
}
#LOOKBOOKknit .sec04 .box._02 {
    width: calc(600 *(100vw / 750));
    margin: 0 0 calc(60 *(100vw / 750)) auto;
}
#LOOKBOOKknit .sec04 .box._03 video{
    width: calc(660 *(100vw / 750));
    margin: 0 auto 0 0;
}
#LOOKBOOKknit .sec04 .box._03 .credit{
    width: 80%;
}


/*sec05*/
#LOOKBOOKknit .sec05 h3{
    width: calc(342 *(100vw / 750));
    left: calc(30 *(100vw / 750));
}
#LOOKBOOKknit .sec05 .box._01 {
    width: calc(600 *(100vw / 750));
    margin: 0 0 calc(60 *(100vw / 750)) auto;
    padding-top: calc(42 *(100vw / 750));
}
#LOOKBOOKknit .sec05 .box._02 > a{
    width: 100%;
}


/*sec06*/
#LOOKBOOKknit .sec06 h3{
    width: calc(344 *(100vw / 750));
    right: calc(30 *(100vw / 750));
}
#LOOKBOOKknit .sec06 .box._01 {
    width: calc(600 *(100vw / 750));
    margin: 0 calc(50 *(100vw / 750)) calc(60 *(100vw / 750)) auto;
    padding-top: calc(43 *(100vw / 750));
}
#LOOKBOOKknit .sec06 .box._02 video{
    width: calc(460 *(100vw / 750));
    margin: 0 auto 0 0;
}
#LOOKBOOKknit .sec06 .box._02 .credit {
    margin-top: calc(54 *(100vw / 750));
}

/*sec07*/
#LOOKBOOKknit .sec07 h3{
    width: calc(52 *(100vw / 750));
    top: calc(486 *(100vw / 750));
    left: calc(50 *(100vw / 750));
}
#LOOKBOOKknit .sec07 .box._01 > a {
    width: calc(660 *(100vw / 750));
    margin: 0 0 0 auto;
}
#LOOKBOOKknit .sec07 .credit{
    margin-left: calc(90 *(100vw / 750));
}



/*sec08*/
#LOOKBOOKknit .sec08 h3{
    width: calc(344 *(100vw / 750));
    top: calc(520 *(100vw / 750));
    right: calc(72 *(100vw / 750));
}
#LOOKBOOKknit .sec08 .box._01 {
    width: calc(660 *(100vw / 750));
    margin: 0 auto calc(143 *(100vw / 750)) 0;
}
#LOOKBOOKknit .sec08 .box._02 > a{
    width: 100%;
}
#LOOKBOOKknit .sec08 .box._02 .credit{
    width: 88%;
}

/*sec09*/
#LOOKBOOKknit .sec09 h3 {
    width: calc(342 *(100vw / 750));
    left: calc(30 *(100vw / 750));
    top: calc(2 *(100vw / 750));
}
#LOOKBOOKknit .sec09 .box._01 > a {
    width: calc(660 *(100vw / 750));
    margin: 0 auto 0;
    padding-top: calc(44 *(100vw / 750));
}
#LOOKBOOKknit .sec09 .box._01 .credit{
    width: 88%;
}

/*sec10*/
#LOOKBOOKknit .sec10 h3{
    width: calc(52 *(100vw / 750));
    top: 0;
    right: calc(50 *(100vw / 750));
}
#LOOKBOOKknit .sec10 .box._01 {
    width: calc(560 *(100vw / 750));
    margin: 0 calc(90 *(100vw / 750)) calc(60 *(100vw / 750)) auto;
}
#LOOKBOOKknit .sec10 .box._02 > a{
    width: calc(660 *(100vw / 750));
    margin: 0 auto 0 0;
}
#LOOKBOOKknit .sec10 {
  margin-bottom: calc(140 *(100vw / 750));
}

#LOOKBOOKknit .sec10 .credit{
    width: 70%;
}

/*bottom*/
#LOOKBOOKknit .bottom {
    margin: calc(135* (100vw / 750)) 0 0;
    border-bottom: 1px solid #fff;
    line-height: 1.7;
    letter-spacing: 0.03em;
    width: 100%;
    text-align: center;
}
#LOOKBOOKknit .bottom a {
    border-bottom: double 3px #cacaca;
    padding-bottom: calc(3* (100vw / 750));
    font-size: calc(36* (100vw / 750));
    letter-spacing: 0.02em;
    color: #000;
    display: inline-block;
}
#LOOKBOOKknit .bottom p {
    margin-top: calc(148* (100vw / 750));
    line-height: 2;
    font-size: calc(26* (100vw / 750));
    margin-bottom: calc(145* (100vw / 750));
}