@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"); }

@media only screen and (min-width: 768px) and (max-width: 1400px){
html {
    font-size: calc(10* (100vw / 1400))!important;
}
}

.sp_only {
  display: none !important; }

.cateList {
  width: 1100px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
  display: flex;
  height: 50px;
  line-height: 50px;
  font-size: 12px;
  margin: 20px auto;
  color: #000;
}
.cateList li {
  margin-left: 2px;
  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: 140rem;
    margin: auto;
    font-family: 'EB Garamond', serif;
    font-size: 1.4rem;
    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_pc.jpg);
    width: 100%;
    height: 100%;
}
#LOOKBOOKknit img,
#LOOKBOOKknit video{
  opacity: 0.2;
}*/
#LOOKBOOKknit img{
  width: 100%;
}
#LOOKBOOKknit a,
#LOOKBOOKknit video{
  display: block;
}

#LOOKBOOKknit .mv{
    width: 108.5rem;
    margin: 0 auto 13.5rem;
}
#LOOKBOOKknit .sec{
  position: relative;
  margin-bottom: 16rem;
}
#LOOKBOOKknit .sec .look_ttl,
#LOOKBOOKknit .sec .box{
  position: absolute;
}
#LOOKBOOKknit .credit{
  margin-bottom: -0.3rem;
}


/*sec01*/
#LOOKBOOKknit .sec01{
  height: 109rem;
}
#LOOKBOOKknit .sec01 h3{
    width: 29rem;
    top: -3.3rem;
    left: 0;
}
#LOOKBOOKknit .sec01 .box._01{
    width: 57.5rem;
    top: 0;
    left: 5rem;
}
#LOOKBOOKknit .sec01 .box._02{
    bottom: 0;
    right: 10rem;
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;
    text-align: right;
}
#LOOKBOOKknit .sec01 .box._02 video{
    width: 50rem;
    margin-left: 2rem;
}

/*sec02*/
#LOOKBOOKknit .sec02{
  height: 163rem;
}
#LOOKBOOKknit .sec02 h3{
    width: 29.7rem;
    top: 74rem;
    right: 27.6rem;
}
#LOOKBOOKknit .sec02 .box._01{
    width: 60rem;
    right: 0;
    left: 0;
    margin: auto;
}
#LOOKBOOKknit .sec02 .box._02{
    bottom: 0;
    left: 20rem;
    display: flex;
    align-items: flex-end;
}
#LOOKBOOKknit .sec02 .box._02 video{
    width: 45rem;
    margin-right: 2rem;
}

/*sec03*/
#LOOKBOOKknit .sec03{
  height: 95rem;
}
#LOOKBOOKknit .sec03 h3 {
  width: 4.4rem;
  bottom: 0;
  left: 8rem;
}
#LOOKBOOKknit .sec03 .box._01{
  width: 55rem;
  bottom: 0;
  left: 11.5rem;
}
#LOOKBOOKknit .sec03 .box._02{
  width: 60rem;
  top: 0;
  right: 11.5rem;
  text-align: right;
}
#LOOKBOOKknit .sec03 .box._02 .credit{
  margin-top: 1.5rem;
}


/*sec04*/
#LOOKBOOKknit .sec04{
  height: 119.5rem;
}
#LOOKBOOKknit .sec04 h3 {
    width: 4.34rem;
    top: 0;
    right: 12.6rem;
}
#LOOKBOOKknit .sec04 .box._01{
    width: 44rem;
    right: 16rem;
}
#LOOKBOOKknit .sec04 .box._02{
    width: 50rem;
    right: 0;
    bottom: 0;
}
#LOOKBOOKknit .sec04 .box._03{
    top: 11rem;
    left: 0;
}
#LOOKBOOKknit .sec04 .box._03 video{
    width: 55rem;
    margin-bottom: 1.5rem;
}
#LOOKBOOKknit .sec04 .box._03 .credit{
    display: flex;
    flex-wrap: wrap;
    width: 34rem;
}
#LOOKBOOKknit .sec04 .box._03 .credit a{
    margin-right: 0.4rem;
}

/*sec05*/
#LOOKBOOKknit .sec05{
  height: 117rem;
}
#LOOKBOOKknit .sec05 h3 {
    width: 29.9rem;
    top: 0;
    left: 0;
}
#LOOKBOOKknit .sec05 .box._01 {
    width: 57.5rem;
    top: 3.5rem;
    left: 15rem;
    z-index: 2;
}
#LOOKBOOKknit .sec05 .box._02 {
    bottom: 0;
    right: 6.5rem;
    text-align: right;
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;
}
#LOOKBOOKknit .sec05 .box._02 img{
    width: 66rem;
    margin-left: 2rem;
}

/*sec06*/
#LOOKBOOKknit .sec06{
  height: 71.4rem;
}
#LOOKBOOKknit .sec06 h3 {
    width: 30.1rem;
    top: 0;
    right: 19.2rem;
}
#LOOKBOOKknit .sec06 .box._01 {
    width: 50rem;
    top: 3.4rem;
    right: 24.5rem;
}
#LOOKBOOKknit .sec06 .box._02 {
    top: 3.4rem;
    left: 24.5rem;
}
#LOOKBOOKknit .sec06 .box._02 video{
    width: 35rem;
    margin-bottom: 2rem;
}
#LOOKBOOKknit .sec06 .box._02 .credit{
    display: flex;
    flex-wrap: wrap;
    width: 40rem;
}
#LOOKBOOKknit .sec06 .box._02 .credit a{
    margin-right: 0.4rem;
}


/*sec07*/
#LOOKBOOKknit .sec07{
  height: 75rem;
}
#LOOKBOOKknit .sec07 h3 {
    width: 4.4rem;
    bottom: 0;
    left: 31.6rem;
}
#LOOKBOOKknit .sec07 .box._01 {
    top: 0;
    left: 35rem;
    display: flex;
    align-items: flex-end;
}
#LOOKBOOKknit .sec07 .box._01 img {
    width: 60rem;
    margin-right: 2rem;
}


/*sec08*/
#LOOKBOOKknit .sec08{
  height: 102.3rem;
}
#LOOKBOOKknit .sec08 h3 {
    width: 30.1rem;
    top: 45rem;
    right: 3.6rem;
}
#LOOKBOOKknit .sec08 .box._01 {
    width: 57.5rem;
    top: 0;
    right: 5rem;
}
#LOOKBOOKknit .sec08 .box._02 {
    bottom: 0;
    left: 0;
    display: flex;
    align-items: flex-end;
}
#LOOKBOOKknit .sec08 .box._02 img{
    width: 66rem;
    margin-right: 2rem;
}

/*sec09*/
#LOOKBOOKknit .sec09{
  height: 80rem;
}
#LOOKBOOKknit .sec09 h3 {
    width: 29.9rem;
    top: 1.5rem;
    left: 33.4rem;
}
#LOOKBOOKknit .sec09 .box._01 {
    bottom: 0;
    left: 40rem;
    display: flex;
    align-items: flex-end;
}
#LOOKBOOKknit .sec09 .box._01 img {
    width: 60rem;
    margin-right: 2rem;
}


/*sec10*/
#LOOKBOOKknit .sec10{
  height: 125rem;
}
#LOOKBOOKknit .sec10 h3 {
    width: 4.34rem;
    top: 0;
    right: 16.6rem;
}
#LOOKBOOKknit .sec10 .box._01 {
    width: 50rem;
    top: 0;
    right: 20rem;
    z-index: 2;
}
#LOOKBOOKknit .sec10 .box._02 {
    bottom: 0;
    left: 9rem;
    display: flex;
    align-items: flex-end;
}
#LOOKBOOKknit .sec10 .box._02 img{
    width: 66rem;
    margin-right: 2rem;
}
#LOOKBOOKknit .sec10 {
  margin-bottom: 12.9rem;
}

/*bottom*/
#LOOKBOOKknit .bottom {
    margin: 0 auto;
    border-bottom: 1px solid #acacad;
    font-feature-settings: 'palt';
    text-align: center;
    line-height: 1.7;
    letter-spacing: 0.03em;
    width: 110rem;
}
#LOOKBOOKknit .bottom > a {
    border-bottom: double 3px #cacaca;
    /*padding-bottom: 0.4rem;*/
    font-size: 2rem;
    letter-spacing: 0.02em;
    color: #000;
    display: inline-block;
}
#LOOKBOOKknit .bottom p {
    font-size: 1.4rem;
    letter-spacing: 0.03em;
    line-height: 2.4rem;
    margin-top: 13.4rem;
    margin-bottom: 13.7rem;
}