@charset "utf-8";
/* CSS Document */

/* base
-----------------------------------------------*/
/* ========== base style ========== */

/* common parts
-----------------------------------------------*/
/* ========== text ========== */
/* ========== border ========== */
/* ========== float ========== */
/* ========== display ========== */
/* ========== position ========== */
/* ========== overflow ========== */
/* ========== width ========== */
/* ========== margin ========== */
/* ========== background ========== */
/* ========== device displaying ========== */
/* ========== animation for ScrollTrigger.min.js  ========== */

/* other style
-----------------------------------------------*/



/* base
-----------------------------------------------*/
picture {
display: block;
}

/* ========== base style ========== */
.allwrapper,
.modal {
width: 100%;
min-height: 100vh;
color: #000;
font-family: freightbigcmp-pro, serif;
font-style: normal;
font-weight: 300;
font-size: 3.73333333vw;
line-height: 100%;
font-feature-settings: "palt";
letter-spacing: 0;
background: #fff;
animation-delay: 0.75s;
}
.modal {
min-height: auto;
}
.allwrapper *,
.modal * {
box-sizing: border-box;
}
.allwrapper a:link,
.allwrapper a:visited,
.allwrapper .acordion_btn {
color: #000;
text-decoration: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
.allwrapper a:hover,
.allwrapper a:hover img,
.allwrapper button:hover img {
opacity: 0.80;
filter: alpha(opacity=80);
}
.allwrapper ol,
.allwrapper ul {
list-style:none;
}
.allwrapper img, 
.allwrapper video,
.allwrapper button {
width: 100%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
@media (min-width:768px){
	.allwrapper {
	width: 100vw;
	}
	.allwrapper,
	.modal {
	font-size: 17.5px;
	}
}

/* common parts
-----------------------------------------------*/
/* ========== text ========== */
/* align */
.al_left { text-align: left; }
.al_center { text-align: center; }
.al_right { text-align: right; }

/* size */
.fs8 { font-size: 2.133333vw; }
.fs9 { font-size: 2.4vw; }
.fs10 { font-size: 2.666666vw; }
.fs11 { font-size: 2.933333vw; }
.fs11_5 { font-size: 3.066666vw; }
.fs12 { font-size: 3.2vw; }
.fs12_5 { font-size: 3.33333333vw; }
.fs13 { font-size: 3.466666vw; }
.fs13_5 { font-size: 3.6vw; }
.fs14 { font-size: 3.733333vw; }
.fs15 { font-size: 4vw; }
.fs16 { font-size: 4.266666vw; }
.fs17 { font-size: 4.533333vw; }
.fs18 { font-size: 4.8vw; }
.fs19 { font-size: 5.066666vw; }
.fs20 { font-size: 5.333333vw; }
@media (min-width:768px){
	.fs11 { font-size: 11px; }
	.fs14 { font-size: 14px; }
}

/* weight */
.fw200 { font-weight: 200 !important; }
.fw300 { font-weight: 300 !important; }
.fw400 { font-weight: 400 !important; }
.fw500 { font-weight: 500 !important; }
.fw600 { font-weight: 600 !important; }
.fw700 { font-weight: 700 !important; }

/* line height */
.lh100 { line-height: 100%; }
.lh110 { line-height: 110%; }
.lh120 { line-height: 120%; }
.lh130 { line-height: 130%; }
.lh140 { line-height: 140%; }
.lh150 { line-height: 150%; }
.lh160 { line-height: 160%; }
.lh170 { line-height: 170%; }
.lh180 { line-height: 180%; }
.lh190 { line-height: 190%; }
.lh200 { line-height: 200%; }
.lh210 { line-height: 210%; }

/* letter space */
.ltrspace0 { letter-spacing: 0; }
.ltrspace0025 { letter-spacing: 0.025em; }
.ltrspace005 { letter-spacing: 0.05em; }
.ltrspace0075 { letter-spacing: 0.075em; }
.ltrspace01 { letter-spacing: 0.1em; }
.ltrspace0125 { letter-spacing: 0.125em; }
.ltrspace015 { letter-spacing: 0.15em; }


/* ========== float ========== */
/* clearfix */
.clearfix:before,
.clearfix:after {
display: table;
content: " ";
}
.clearfix:after { clear: both; }

/* float */
.float_left { float: left; }
.float_right { float: right; }


/* ========== display ========== */
.disp_block { display: block !important; }
.disp_iblock { display: inline-block !important; }
.disp_inline { display: inline !important; }
.disp_none { display: none; }
.disp_flex { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }


/* ========== position ========== */
.posi_relative { position: relative !important; }
.posi_absolute { position: absolute !important; }
.posi_fixed { position: fixed !important; }


/* ========== overflow ========== */
.overflow_hidden { overflow: hidden !important; }


/* ========== margin ========== */
/* margin-auto */
.mx_auto { margin-left: auto; margin-right: auto; }


/* ========== device displaying ========== */
.sp_none{ display: none; }
img.sp_none{ display: none; }
.sp_only{ display: block; }
img.sp_only{ display: block; }
@media (min-width:768px){
	.sp_none{display: block;}
	img.sp_none{display: block;}
	.tab_none { display: none; }
	img.tab_none { display: none; }
	.sp_only{display: none;}
	img.sp_only{display: none;}
	.sp_only{display: none;}
	img.sp_only{display: none;}
}
.spc_none{ display: block; }
@media (min-width:1099px){.pc_none{display: block;}}
.pc_only{ display: none; }
@media (min-width:1100px){.pc_none{display: none;}
.pc_only{display: block;}
.tab_none{ display: block; }
}


/* ========== animation for ScrollTrigger.min.js  ========== */
.invisible {
transition: opacity 1s ease;
opacity: 0.0;
}
.visible {
transition: opacity 1s ease;
opacity: 1.0;
}


/* other style
-----------------------------------------------*/
.anime-a {
opacity: 0;
-webkit-transition: 1.2s all 0s ease;
-moz-transition: 1.2s all 0s ease;
-o-transition: 1.2s all 0s ease;
transition: 1.2s all 0s ease;
filter: blur(10px);
}
.visible.anime-a{
opacity: 1;
filter: blur(0);
}
.anime-b {
opacity: 0;
-webkit-transform: translate(0, 20px);
transform: translate(0, 20px);
-webkit-transition: 1.8s all 0s ease;
-moz-transition: 1.8s all 0s ease;
-o-transition: 1.8s all 0s ease;
transition: 1.8s all 0s ease;
}
.visible.anime-b{
opacity: 1;
-webkit-transform: translate(0);
transform: translate(0);
}
.anime-d {
opacity: 1;
-webkit-transition: 5s all 1.8s ease;
-moz-transition: 5s all 1.8s ease;
-o-transition: 5s all 1.8s ease;
transition: 5s all 1.8s ease;
filter: grayscale(100%);
}
.visible.anime-d{
opacity: 1;
filter: grayscale(0%);
}
@keyframes dgray {
  0% {
    filter: grayscale(100%);
  }
  100% {
    filter: grayscale(0%);
  }
}
.anime-c{position:relative;}
.anime-c__content2-1,
.anime-c__content2-2,
.anime-c__content3-1,
.anime-c__content3-2,
.anime-c__content3-3{
position:absolute;
top:0;
left:0;
}
.visible.anime-c .anime-c__content2-1{
opacity:0;
animation: c2-1 10s 0s infinite;
}
.visible.anime-c .anime-c__content2-2{
opacity:0;
animation: c2-2 10s 0s infinite;
}
.visible.anime-c .anime-c__content3-1{
position:relative;
opacity:0;
animation: c3-1 15s 0s infinite;
}
.visible.anime-c .anime-c__content3-2{
position:relative;
opacity:0;
animation: c3-2 15s 0s infinite;
}
.visible.anime-c .anime-c__content3-3{
position:relative;
opacity:0;
animation: c3-3 15s 0s infinite;
}
@keyframes cfadein {
  0% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
}
@keyframes cfadeout {
  0% {
      opacity: 1;
  }
  100% {
      opacity: 0;
  }
}
@keyframes c2-1 {
	0% {
    z-index:800;
	  opacity: 1;
    pointer-events: auto;
	}
	30% {
    z-index:800;
	  opacity: 1;
    pointer-events: auto;
	}
	50% {
    z-index:800;
	  opacity: 1;
    pointer-events: auto;
	}
	80% {
    z-index:800;
	  opacity: 0;
    pointer-events: none;
	}
	100% {
    z-index:900;
	  opacity: 1;
    pointer-events: auto;
	}
}
@keyframes c2-2 {
	0% {
    z-index:900;
	  opacity: 0;
    pointer-events: none;
	}
	30% {
    z-index:900;
	  opacity: 0;
    pointer-events: none;
	}
	50% {
    z-index:900;
	  opacity: 1;
    pointer-events: auto;
	}
	80% {
    z-index:800;
	  opacity: 1;
    pointer-events: auto;
	}
	100% {
    z-index:800;
	  opacity: 1;
    pointer-events: auto;
	}
}
@keyframes c3-1 {
    0% {
    z-index:900;
	  opacity: 1;
    pointer-events: auto;
    }
    20% {
    z-index:800;
	  opacity: 1;
    pointer-events: auto;
    }
    33.33% {
    z-index:800;
	  opacity: 1;
    pointer-events: auto;
    }
    53.33% {
    z-index:800;
	  opacity: 0;
    pointer-events: none;
    }
    66.67% {
    z-index:900;
	  opacity: 0;
    pointer-events: none;
    }
    86.67% {
    z-index:900;
	  opacity: 0;
    pointer-events: none;
    }
    100% {
    z-index:900;
	  opacity: 1;
    pointer-events: auto;
    }
}
@keyframes c3-2 {
    0% {
    z-index:900;
	  opacity: 0;
    pointer-events: none;
    }
    20% {
    z-index:900;
	  opacity: 0;
    pointer-events: none;
    }
    33.33% {
    z-index:900;
	  opacity: 1;
    pointer-events: auto;
    }
    53.33% {
    z-index:800;
	  opacity: 1;
    pointer-events: auto;
    }
    66.67% {
    z-index:800;
	  opacity: 1;
    pointer-events: auto;
    }
    86.67% {
    z-index:800;
	  opacity: 0;
    pointer-events: none;
    }
    100% {
    z-index:900;
	  opacity: 0;
    pointer-events: none;
    }
}
@keyframes c3-3 {
    0% {
    z-index:900;
	  opacity: 0;
    pointer-events: none;
    }
    20% {
    z-index:900;
	  opacity: 0;
    pointer-events: none;
    }
    33.33% {
    z-index:900;
	  opacity: 0;
    pointer-events: none;
    }
    53.33% {
    z-index:900;
	  opacity: 0;
    pointer-events: none;
    }
    66.67% {
    z-index:900;
	  opacity: 1;
    pointer-events: auto;
    }
    86.67% {
    z-index:800;
	  opacity: 1;
    pointer-events: auto;
    }
    100% {
    z-index:800;
	  opacity: 1;
    pointer-events: auto;
    }
}
.anime-e{display:flex;}
.visible.anime-e .anime-e__content3-1{
animation: e3-1 15s 0s infinite;
}
.visible.anime-e .anime-e__content3-2{
animation: e3-2 15s 0s infinite;
}
.visible.anime-e .anime-e__content3-3{
animation: e3-3 15s 0s infinite;
}
@keyframes e3-1 {
    0% {
      filter: grayscale(0%);
    }
    20% {
      filter: grayscale(0%);
    }
    33.33% {
      filter: grayscale(100%);
    }
    53.33% {
      filter: grayscale(100%);
    }
    66.67% {
      filter: grayscale(100%);
    }
    86.67% {
      filter: grayscale(100%);
    }
    100% {
      filter: grayscale(0%);
    }
}
@keyframes e3-2 {
    0% {
      filter: grayscale(100%);
    }
    20% {
      filter: grayscale(100%);
    }
    33.33% {
      filter: grayscale(0%);
    }
    53.33% {
      filter: grayscale(0%);
    }
    66.67% {
      filter: grayscale(100%);
    }
    86.67% {
      filter: grayscale(100%);
    }
    100% {
      filter: grayscale(100%);
    }
}
@keyframes e3-3 {
    0% {
      filter: grayscale(100%);
    }
    20% {
      filter: grayscale(100%);
    }
    33.33% {
      filter: grayscale(100%);
    }
    53.33% {
      filter: grayscale(100%);
    }
    66.67% {
      filter: grayscale(0%);
    }
    86.67% {
      filter: grayscale(0%);
    }
    100% {
      filter: grayscale(100%);
    }
}

body{margin:0;}
body.is-modal-active{
  overflow:hidden;
}

/* スクリーンサイズが767px以下の場合に適用 */
@media screen and (max-width: 767px) {
  .modal img{
    display:block;
  }
  .modal_open {
    cursor: pointer;
  }
  .modal {
    z-index: 200;
  }
  .modal__container{
    z-index:9000;
    position: fixed;
    top: -150vh;
    left: 0;
    width: 100%;
    height: 101%;
    text-align: center;
    background: rgba(255,255,255,90%);
    padding: 55px 0 32.27vw;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    box-sizing: border-box;
  }
  .modal__container.is-active{
    visibility: visible;
    top: 0;
  }
  .modal__close-btn {
    position: fixed;
    top: 6vw;
    right: 3.7vw;
    width:5.6vw;
    height:6vw;
    cursor: pointer;
  }
  img.modal__close-btn-img {
    width: 100%;
    height: auto;
  }
  .modal__content{
    text-align: left;
    color: #000;
  }
  .modal-card + .modal-card{
    margin-top:12vw;
  }
  .modal-card__image{
    margin:0 0 2.67vw;
  }
  .modal-card__image-item{
    margin:0 auto 0;
    width:93.33vw;
    height:133.33vw;
  }
  .modal-card__info{
    display: table;
    margin:0 auto 0;
    padding:0;
    width:93.33vw;
    border-collapse: collapse;
  }
  .modal-card__info-item{
    width: 100%;
    display: table-row;
    border-bottom: 1px solid #000;
  }
  .modal-card__info-item:last-child {
    border-bottom: none;
  }
  .modal-card__product-name{
    display: table-cell;
    width:1%;
    white-space: nowrap;
    font-family: yu-gothic-pr6n, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size:3.33vw;
    line-height:4.53vw;
    letter-spacing:0;
    padding:1.33vw 0;
  }
  .modal-card__wrapper{
    display: flex;
    width:100%;
    justify-content: space-between;
    padding:1.33vw 0;
  }
  .modal-card__product-price{
    font-family: yu-gothic-pr6n, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size:3.33vw;
    line-height:4.53vw;
    letter-spacing:0;
    margin:0 0 0 6.67vw;
  }
  .modal-card__buy-btn{
    width:11.6vw;
    text-align:right;
  }
  .modal-card__buy-btn-link{
    display:inline-block;
    width:11.6vw;
    height:4.53vw;
    text-decoration:none;
    background:#000;
    color:#fff;
    font-family: aktiv-grotesk, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size:3.33vw;
    line-height:4.53vw;
    letter-spacing:0.04em;
    text-align:center;
  }

	.main img{
    display:block;
  }
  .itemlist-btn{
    width:68vw;
    margin:0 auto;
  }
  .itemlist-btn-link{
    display:block;
    align-content: center;
    width:68vw;
    padding:4vw 0;
    background:#000;
    border-radius: 1.33vw;
    color:#fff;
    text-align:center;
    text-decoration:none;
    font-family: yu-gothic-pr6n, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size:5.07vw;
    line-height:1;
    letter-spacing:0.025em;
  }
  .wearitem-btn{
    margin:0;
  }
  .wearitem-btn__link{
    color:#000;
    border:1px solid #000;
    padding:0.93vw 1.33vw;
    text-align:center;
    font-family: yu-gothic-pr6n, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size:3.73vw;
    line-height:1;
    letter-spacing:0.025em;
  }
  .wearitem-btn.--white .wearitem-btn__link{
    color:#fff;
    border:1px solid #fff;
  }
  .main-visual{
    background: #000;
    margin:0 0 14.67vw;
  }
  .main-visual__img{
    margin:0;
  }
  .main-visual__img-item{
    width:100vw;
    height:140.53vw;
  }
  .eyecatch{
    margin:0 0 13.33vw;
  }
  .eyecatch__video{
    display:block;
    width:66.67vw;
    margin:0 auto 13.33vw;
  }
  .intro{
    margin:0 0 22.67vw;
  }
  .intro__title{
    margin:0 auto 5.6vw;
    width:53.33vw;
  }
  .intro__title-img{
    width:53.33vw;
    height:6.67vw;
  }
  .intro__lead{
    text-align:center;
    font-family: yu-gothic-pr6n, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size:3.73vw;
    line-height:7.33vw;
    letter-spacing:0;
  }
  .lineup{
    margin:0 0 21.33vw;
  }
  .lineup__title{
    margin:0 auto 3.47vw;
    width:32vw;
  }
  .lineup__title-img{
    width:32vw;
    height:6.67vw;
  }
  .lineup-list{
    margin:0 0 13.33vw;
    padding:0;
  }
  .lineup-list__item{
    list-style:none;
    margin:0;
    padding:0;
  }
  .lineup-list__item + .lineup-list__item{
    margin-top:6.67vw;
  }
  .lineup-card{
    width:88vw;
    margin:0 auto;
    padding:0;
  }
  .lineup-card__image{
    margin:0;
    padding:0;
  }
  .lineup-card__image-item{
    width:88vw;
    height:65.33vw;
  }
  .lineup-card__box{
    display:flex;
    align-items:center;
    margin:0;
    padding:2vw 2.67vw;
    background:#000;
  }
  .lineup-card__title,
  .lineup-card__product-name,
  .lineup-card__product-price,
  .lineup-card__btn-link{
    display:inline-block;
    margin:0;
    padding:0;
    color:#fff;
    font-family: aktiv-grotesk, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size:4.13vw;
    line-height:1;
    letter-spacing:0;
    vertical-align:bottom;
  }
  .lineup-card__title{
    margin:0 6vw 0 0; 
  }
  .lineup-card__product-name{
    margin:0 2.13vw 0 0;
  }
  .lineup-card__detail{
    margin:0 auto 0 0;
    line-height:1;
  }
  .lineup-card__btn{
    margin:0 0 0 auto;
    line-height:1;
  }
  .look01__wrapper{
    position:relative;
    margin:0 0 4vw;
  }
  .look01__content01-img{
    width:100vw;
    height:133.33vw;
  }
  .look01__content02{
    z-index:1000;
    position:absolute;
    top:0;
    left:0;
  }
  .look01__content02-item{
    position:absolute;
    top:0;
    left:0;
    padding:6.67vw;
  }
  .look01__content02-img{
    width:86.67vw;
    height:120vw;
  }
  .look01__content02-item .wearitem-btn{
    position:absolute;
    bottom:9.33vw;
    right:9.33vw;
  }
  /* orignal_anime */
  .look01__content01-item {
    -webkit-transition: 5s all 2s ease;
    -moz-transition: 5s all 2s ease;
    -o-transition: 5s all 2s ease;
    transition: 5s all 2s ease;
    filter: grayscale(0%);
  }
  .look01__content01.anime-b.visible .look01__content01-item{
    filter: grayscale(100%);
  }
  .look01__content02.visible.anime-c .anime-c__content2-1{
    pointer-events: none;
    animation: cfadein 1s 2s forwards, c2-1 10s 3s infinite;
  }
  .look01__content02.visible.anime-c .anime-c__content2-2{
    pointer-events: none;
    animation: c2-2 10s 3s infinite;
  }
  /* orignal_anime */
  .look01__content03-img{
    width:100vw;
    height:66.67vw;
  }
  .look02{
    background:#000;
    margin:0 0 33.33vw;
    padding:9.33vw 0 2vw;
  }
  .look02__wrapper02{
    margin:0 0 4vw;
    height:66.67vw;
  }
  /* orignal_anime */
  .look02__content01.visible.anime-c .anime-c__content2-1{
    opacity:1;
    animation: c2-1 10s 2s infinite;
  }
  .look02__content01.visible.anime-c .anime-c__content2-2{
    animation: c2-2 10s 2s infinite;
  }
  /* orignal_anime */
  .look02__content01-img{
    width:100vw;
    height:66.67vw;
  }
  .look02__wrapper03{
    display:flex;
    margin:0 0 6.67vw;
  }
  .look02__wrapper04{
    margin:4.4vw 0 0 6.4vw;
  }
  .look02__content02-img{
    width:39.73vw;
    height:59.6vw;
  }
  .look02__content03{
    margin:0 0 0 auto;
  }
  .look02__content03-img{
    width:51.33vw;
    height:77.33vw;
  }
  .look02__wrapper05{
    position:relative;
  }
  .look02__wrapper06{
    position: absolute;
    top:0;
    left:0;
    z-index:2000;
  }
  .look02__content04-img{
    width:36.93vw;
    height:51.47vw;
  }
  .look02__wrapper07{
    background:url("../images/bg_cimarron_sp.png");
    background-position:top 5.33vw right 6vw;
    background-size:51.73vw 6vw;
    background-repeat:no-repeat;
  }
  .look02__content05-item{
    width:100vw;
    padding:20vw 0 0;
  }
  .look02__content05-item .wearitem-btn{
    text-align:right;
    margin-right:2.67vw;
  }
  .look02__content05-img{
    margin:0 0 1.87vw auto;
    width:69.07vw;
    height:108.66vw;
  }
  .look02__content0502{
    position:absolute;
    top:0;
    left:0;
    z-index:1000;
  }
  .look02__content0502-item01,
  .look02__content0502-item02,
  .look02__content0502-item03{
    opacity:0;
    width:100vw;
    padding:20vw 0 0;
    position:absolute;
    top:0;
    left:0;
  }
  .look02__content0502-item01 .wearitem-btn,
  .look02__content0502-item02 .wearitem-btn,
  .look02__content0502-item03 .wearitem-btn{
    text-align:right;
    margin-right:2.67vw;
  }
  .look02__content0502-img{
    margin:0 0 1.87vw auto;
    width:69.07vw;
    height:108.66vw;
  }
  /* orignal_anime */
  .look02__wrapper05 .look02__wrapper06{
    opacity: 0;
    -webkit-transform: translate(0, 20px);
    transform: translate(0, 20px);
    -webkit-transition: 1.8s all 0s ease;
    -moz-transition: 1.8s all 0s ease;
    -o-transition: 1.8s all 0s ease;
    transition: 1.8s all 0s ease;
  }
  .is-active.look02__wrapper05 .look02__wrapper06{
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  .look02__wrapper05 .look02__content05{
    opacity: 0;
    -webkit-transition: 1.2s all 0s ease;
    -moz-transition: 1.2s all 0s ease;
    -o-transition: 1.2s all 0s ease;
    transition: 1.2s all 0s ease;
    filter: blur(10px);
  }
  .is-active.look02__wrapper05 .look02__content05{
    opacity: 1;
    filter: blur(0);
  }
  .is-active.look02__wrapper05 .look02__content04-item01{
    filter: grayscale(100%);
    animation: dgray 1s 3s forwards, e3-1 15s 4s infinite;
  }
  .is-active.look02__wrapper05 .look02__content04-item02{
    filter: grayscale(100%);
    animation: e3-2 15s 4s infinite;
  }
  .is-active.look02__wrapper05 .look02__content04-item03{
    filter: grayscale(100%);
    animation: e3-3 15s 4s infinite;
  }
  .is-active.look02__wrapper05 .look02__content05-item01{
    animation: cfadeout 0.5s 4s forwards;
  }
  .is-active.look02__wrapper05 .look02__content0502-item01{
    opacity:0;
    pointer-events: none;
    animation: cfadein 1s 3s forwards, c3-1 15s 4s infinite;
  }
  .is-active.look02__wrapper05 .look02__content0502-item02{
    opacity:0;
    pointer-events: none;
    animation: c3-2 15s 4s infinite;
  }
  .is-active.look02__wrapper05 .look02__content0502-item03{
    opacity:0;
    pointer-events: none;
    animation: c3-3 15s 4s infinite;
  }
  /* orignal_anime */
  .look03{
    position:relative;
    margin:0 auto 17.33vw;
    width:89.6vw;
  }
  .look03__content01-img{
    width:89.6vw;
    height:119.2vw;
  }
  .look03__content02{
    z-index:1000;
    position:absolute;
    top:0;
    left:0;
  }
  .look03__content02-item{
    position:absolute;
    top:0;
    left:0;
    padding:6.67vw 7.2vw;
  }
  .look03__content02-img{
    width:76.27vw;
    height:104.8vw;
  }
  .look03 .wearitem-btn{
    text-align:right;
    margin-top:2.67vw;
  }
  /* orignal_anime */
  .look03__content02.visible.anime-c .anime-c__content2-1{
    animation: cfadein 1s 3s forwards, c2-1 10s 4s infinite;
  }
  .look03__content02.visible.anime-c .anime-c__content2-2{
    animation: c2-2 10s 4s infinite;
  }
  /* orignal_anime */
  .look04__content01{
    margin:0 0 4.67vw;
  }
  .look04__content01-img{
    width:100vw;
    height:66.67vw;
  }
  .look04__wrapper02{
    margin:0 0 4vw;
  }
  .look04__content02{
    transition-timing-function: linear !important;
  }
  .look04__content02-img{
    width:100%;
    height:auto;
  }
  .look04__wrapper03{
    margin:0 0 17.33vw;
  }
  .look04__content03-item{
    width:100vw;
  }
  .look04__content03-item .wearitem-btn{
    text-align:right;
    margin-top:2.67vw;
    margin-right:2.67vw;
  }
  .look04__content03-item.anime-c__content2-1{
    position:relative;
    top:auto;
    left:auto;
  }
  .look04__content03-img{
    width:85.6vw;
    height:121.47vw;
    margin:0 0 1.33vw auto;
  }
  .look05{
    padding:8vw 0 29.33vw;
    background:#000 url("../images/bg_look05_sp.png");
    background-position:top 87.2vw right 0;
    background-size:91.73vw 123.87vw;
    background-repeat:no-repeat;
  }
  .look05__content01{
    margin:0 0 3.33vw;
  }
  .look05__content01-item{
    position:relative;
    width:81.47vw;
    height:112.93vw;
  }
  .look05__content01-item .wearitem-btn{
    position:absolute;
    bottom:2.67vw;
    right:2.67vw;
  }
  .look05__content01-img{
    width:81.47vw;
    height:112.93vw;
  }
  .look05__content02-img{
    width:44.8vw;
    height:65.2vw;
    margin:0 0 0 auto;
  }
  .look06{
    padding:0 0 17.33vw;
    background:#000;
  }
  .look06__content01{
    margin:0 0 2.67vw;
  }
  .look06__content01-item{
    position:relative;
    width:81.47vw;
    height:112.93vw;
    margin:0 0 0 auto;
  }
  .look06__content01-item .wearitem-btn{
    position:absolute;
    bottom:2.67vw;
    right:2.67vw;
  }
  .look06__content01-img{
    width:81.47vw;
    height:112.93vw;
  }
  .look06__wrapper02{
    display:flex;
    flex-direction:row-reverse;
    justify-content: space-between;
  }
  .look06__content02-img{
    width:37.87vw;
    height:52.67vw;
    margin:0 2vw 0 auto;
  }
  .look06__content03-img{
    width:58.67vw;
    height:48.53vw;
    margin:18.67vw 0 0 auto;
  }
  .outro{
    padding:16vw 0 10vw;
  }
  .outro .itemlist-btn{
    margin-bottom:18.67vw;
  }
  .outro__logo{
    margin:0 0 5.33vw;
  }
  .outro__logo-img{
    margin:0 auto;
    width:13.33vw;
    height: 4.8vw;
  }
  .outro__copy{
    color:#3e3c3c;
    text-align:center;
    font-family: yu-gothic-pr6n, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size:2.5vw;
    line-height:1;
    letter-spacing:0.06em;
    margin:0;
    padding:0;
  }
  .rolelist{
    margin:0 0 21.33vw;
    padding:0;
  }
  .rolelist__item{
    list-style:none;
    text-align:center;
  }
  .role-list__role,
  .role-list__name{
    font-family: aktiv-grotesk, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size:2.93vw;
    line-height:1;
    letter-spacing:0.025em;
  }
  .role-list__role::after{
    display:inline-block;
    content:"/";
    margin:0 0.93vw 0;
  }
}/* スクリーンサイズが767px以下の場合に適用 */

/* スクリーンサイズが768px以上の場合に適用 */
@media screen and (min-width: 768px) {
  .modal img{
    display:block;
  }
  .modal_open {
    cursor: pointer;
  }
  .modal {
    z-index: 200;
  }
  .modal__container{
    z-index:9000;
    position: fixed;
    top: -150vh;
    left: 0;
    width: 100%;
    height: 101%;
    text-align: center;
    background: rgba(255,255,255,90%);
    padding: 55px 0 55px;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    box-sizing: border-box;
  }
  .modal__container.is-active{
    visibility: visible;
    top: 0;
  }
  .modal__wrapper{
    position:relative;
    max-width:1100px;
    margin:0 auto;
  }
  .modal__close-btn {
    position: fixed;
    top: 45px;
    right: 50px;
    width:20.5px;
    height:22px;
    cursor: pointer;
  }
  img.modal__close-btn-img {
    width: 100%;
    height: auto;
  }
  .modal__content{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width:730px;
    margin:0 auto;
  }
  .modal-card{
    padding:0 0 67.5px;
  }
  .modal-card__image{
    margin:0 0 10px;
  }
  .modal-card__image-item{
    margin:0 auto 0;
    width:350px;
    height:auto;
  }
  .modal-card__info{
    display: table;
    margin:0 auto 0;
    padding:0;
    width:350px;
    border-collapse: collapse;
  }
  .modal-card__info-item{
    width:350px;
    display: table-row;
    border-bottom: 1px solid #000;
  }
  .modal-card__info-item:last-child {
    border-bottom: none;
  }
  .modal-card__product-name{
    display: table-cell;
    width:1%;
    white-space: nowrap;
    font-family: yu-gothic-pr6n, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size:18px;
    line-height:20px;
    letter-spacing:0;
    padding:5px 0;
    text-align:left;
  }
  .modal-card__wrapper{
    display: flex;
    width:100%;
    justify-content: space-between;
    padding:5px 0;
  }
  .modal-card__product-price{
    font-family: yu-gothic-pr6n, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size:18px;
    line-height:20px;
    letter-spacing:0;
    margin:0 0 0 25px;
  }
  .modal-card__buy-btn{
    width:52px;
    text-align:right;
  }
  .modal-card__buy-btn-link{
    display:inline-block;
    width:52px;
    height:20px;
    text-decoration:none;
    background:#000;
    color:#fff;
    font-family: aktiv-grotesk, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size:15px;
    line-height:20px;
    letter-spacing:0.04em;
    text-align:center;
  }

  .main img{
    display:block;
  }
  .itemlist-btn{
    width:237.5px;
    margin:0 auto;
  }
  .itemlist-btn-link{
    display:block;
    align-content: center;
    width:237.5px;
    padding:15px 0;
    background:#000;
    border-radius: 5px;
    color:#fff;
    text-align:center;
    text-decoration:none;
    font-family: yu-gothic-pr6n, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size:16.5px;
    line-height:1;
    letter-spacing:0.025em;
    -webkit-transition: 1s all 0s ease;
    -moz-transition: 1s all 0s ease;
    -o-transition: 1s all 0s ease;
    transition: 1s all 0s ease;
  }
  .itemlist-btn-link:hover{
    opacity:0.8;
  }
  .wearitem-btn{
    margin:0;
  }
  .wearitem-btn__link{
    color:#000;
    border:1px solid #000;
    padding:4px;
    text-align:center;
    font-family: yu-gothic-pr6n, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size:15px;
    line-height:1;
    letter-spacing:0.025em;
  }
  .wearitem-btn.--white .wearitem-btn__link{
    color:#fff;
    border:1px solid #fff;
  }
  .main-visual{
    background: #000;
    margin:0 0 92.5px;
    width:100%;
  }
  .main-visual__img{
    margin:0 auto;
    max-width:1250px;
  }
  .main-visual__img-item{
    width:100%;
    height:auto;
  }
  .intro__wrapper{
    display:flex;
    max-width:1100px;
    margin:0 auto 60px;
    align-items:center;
    justify-content:center;
  }
  .eyecatch{
    margin:0;
  }
  .eyecatch__video{
    display:block;
    width:250px;
    margin:0 77px 0 0;
  }
  .intro{
    margin:0;
  }
  .intro__title{
    margin:0 auto 20px;
    width:217.5px;
  }
  .intro__title-img{
    width:217.5px;
    height:26px;
  }
  .intro__lead{
    text-align:center;
    font-family: yu-gothic-pr6n, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size:15px;
    line-height:28.5px;
    letter-spacing:0;
  }
  .lineup{
    margin:0 0 100px;
  }
  .lineup__title{
    margin:0 auto 20px;
    width:135px;
  }
  .lineup__title-img{
    width:135px;
    height:auto;
  }
  .lineup-list{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 45px;
    width:585px;
    margin:0 auto 50px;
    padding:0;
  }
  .lineup-list__item{
    list-style:none;
  }
  .lineup-card{
    width:270px;
    margin:0 auto;
    padding:0;
  }
  .lineup-card__image{
    margin:0;
    padding:0;
  }
  .lineup-card__image-item{
    width:270px;
    height:auto;
  }
  .lineup-card__box{
    display:flex;
    align-items:center;
    margin:0;
    padding:6.5px 8.5px;
    background:#000;
  }
  .lineup-card__title,
  .lineup-card__product-name,
  .lineup-card__product-price,
  .lineup-card__btn-link{
    display:inline-block;
    margin:0;
    padding:0;
    color:#fff;
    font-family: aktiv-grotesk, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size:13px;
    line-height:13px;
    letter-spacing:0;
    vertical-align:bottom;
  }
  .lineup-card__title{
    margin:0 18px 0 0; 
  }
  .lineup-card__product-name{
    margin:0 5px 0 0;
  }
  .lineup-card__detail{
    margin:0 auto 0 0;
    line-height:13px;
  }
  .lineup-card__btn{
    margin:0 0 0 auto;
    line-height:13px;
  }
  .lineup-card__btn-link:hover{
    text-decoration:none;
  }
  .look01{}
  .look01__wrapper{
    display:flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    width:865px;
    margin:0 auto 18px;
  }
  .look01__content01{}
  .look01__content01-img{
    width:450px;
    height:auto;
  }
  .look01__content02{
    position:relative;
  }
  .look01__content02-item{
    position:absolute;
    top:0;
    left:0;
    padding:30px 0 0;
    width:391px;
  }
  .look01__content02-img{
    width:391px;
    height:auto;
  }
  .look01__content02-item .wearitem-btn{
    position:absolute;
    bottom:10px;
    right:10px;
  }
  .look01__content03{
    max-width:1100px;
    margin:0 auto -159px;
  }
  .look01__content03-img{
    width:450px;
    height:auto;
    margin:0 0 0 195px;
  }
  /* orignal_anime */
  .look01__content01-item {
    -webkit-transition: 5s all 4.2s ease;
    -moz-transition: 5s all 4.2s ease;
    -o-transition: 5s all 4.2s ease;
    transition: 5s all 4.2s ease;
    filter: grayscale(0%);
  }
  .look01__content01.anime-b.visible .look01__content01-item{
    filter: grayscale(100%);
  }
  .look01__content02 .anime-c__content2-1{
    opacity: 0;
    -webkit-transition: 1.2s all 0s ease;
    -moz-transition: 1.2s all 0s ease;
    -o-transition: 1.2s all 0s ease;
    transition: 1.2s all 0s ease;
    filter: blur(10px);
  }
  .look01__content02.visible.anime-c .anime-c__content2-1{
    opacity:1;
    filter: blur(0);
    pointer-events: none;
    animation: c2-1 10s 1.2s infinite;
  }
  .look01__content02.visible.anime-c .anime-c__content2-2{
    pointer-events: none;
    animation: c2-2 10s 1.2s infinite;
  }
  /* orignal_anime */
  .look02{
    background:#000;
    width:100%;
    padding:183.5px 0 19px;
    margin:0 0 137px;
  }
  .look02__wrapper{
    display:flex;
    flex-direction: row-reverse;
    justify-content: center;
    margin:0 0 71.5px;
  }
  .look02__content01{
    width:450px;
  }
  .look02__content01-img{
    width:450px;
    height:auto;
  }
  .look02__wrapper03{
    display:flex;
  }
  .look02__content02{
    margin:87px 12px 0 0;
  }
  .look02__content02-img{
    width:179px;
    height:auto;
  }
  .look02__content03{
    margin:67.5px 18px 0 0;
  }
  .look02__content03-img{
    width:231px;
    height:auto;
  }
  .look02__wrapper05{
    position:relative;
    width:450px;
    margin:0 auto;
  }
  .look02__wrapper06{
    position: absolute;
    top:0;
    left:0;
    z-index:2000;
  }
  .look02__content04-img{
    width:166.5px;
    height:auto;
  }
  .look02__wrapper07{
    background:url("../images/bg_cimarron_sp.png");
    background-position:top 23.5px right 22.5px;
    background-size:233px 26.5px;
    background-repeat:no-repeat;
  }
  .look02__content05-item{
    width:450px;
    padding:90px 0 0;
  }
  .look02__content05-item .wearitem-btn{
    text-align:right;
  }
  .look02__content05-img{
    margin:0 0 10px auto;
    width:310px;
    height:auto;
  }
  .look02__content0502{
    position:absolute;
    top:0;
    left:0;
    z-index:1000;
  }
  .look02__content0502-item01,
  .look02__content0502-item02,
  .look02__content0502-item03{
    opacity:0;
    width:450px;
    padding:90px 0 0;
    position:absolute;
    top:0;
    left:0;
  }
  .look02__content0502-item01 .wearitem-btn,
  .look02__content0502-item02 .wearitem-btn,
  .look02__content0502-item03 .wearitem-btn{
    text-align:right;
  }
  .look02__content0502-img{
    margin:0 0 10px auto;
    width:310px;
    height:auto;
  }
  /* orignal_anime */
  .look02__wrapper05 .look02__wrapper06{
    opacity: 0;
    -webkit-transform: translate(0, 20px);
    transform: translate(0, 20px);
    -webkit-transition: 1.8s all 0s ease;
    -moz-transition: 1.8s all 0s ease;
    -o-transition: 1.8s all 0s ease;
    transition: 1.8s all 0s ease;
  }
  .is-active.look02__wrapper05 .look02__wrapper06{
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  .look02__wrapper05 .look02__content05{
    opacity: 0;
    -webkit-transition: 1.2s all 0s ease;
    -moz-transition: 1.2s all 0s ease;
    -o-transition: 1.2s all 0s ease;
    transition: 1.2s all 0s ease;
    filter: blur(10px);
  }
  .is-active.look02__wrapper05 .look02__content05{
    opacity: 1;
    filter: blur(0);
  }
  .is-active.look02__wrapper05 .look02__content04-item01{
    filter: grayscale(100%);
    animation: dgray 1s 3s forwards, e3-1 15s 4s infinite;
  }
  .is-active.look02__wrapper05 .look02__content04-item02{
    filter: grayscale(100%);
    animation: e3-2 15s 4s infinite;
  }
  .is-active.look02__wrapper05 .look02__content04-item03{
    filter: grayscale(100%);
    animation: e3-3 15s 4s infinite;
  }
  .is-active.look02__wrapper05 .look02__content05-item01{
    animation: cfadeout 1s 4s forwards;
  }
  .is-active.look02__wrapper05 .look02__content0502-item01{
    opacity:0;
    pointer-events: none;
    animation: cfadein 1s 3s forwards, c3-1 15s 4s infinite;
  }
  .is-active.look02__wrapper05 .look02__content0502-item02{
    opacity:0;
    pointer-events: none;
    animation: c3-2 15s 4s infinite;
  }
  .is-active.look02__wrapper05 .look02__content0502-item03{
    opacity:0;
    pointer-events: none;
    animation: c3-3 15s 4s infinite;
  }
  /* orignal_anime */
  .look03{
    display:flex;
    justify-content: center;
    margin:0 0 88px;
  }
  .look03__content01{
    width:403.5px;
    margin:0 25px 0 0;
  }
  .look03__content01 .wearitem-btn{
    text-align:right;
    margin-top:10px;
  }
  .look03__content01-img{
    width:403.5px;
    height:auto;
  }
  .look03__content02{
    width:343px;
    margin:111px 0 0;
  }
  .look03__content02-img{
    width:343px;
    height:auto;
  }
  /* orignal_anime */
  .look03__content02 .anime-c__content2-1{
    opacity: 0;
    -webkit-transition: 1.2s all 0s ease;
    -moz-transition: 1.2s all 0s ease;
    -o-transition: 1.2s all 0s ease;
    transition: 1.2s all 0s ease;
    filter: blur(10px);
  }
  .look03__content02.visible.anime-c .anime-c__content2-1{
    opacity: 1;
    filter: blur(0);
    animation: c2-1 10s 1.2s infinite;
  }
  .look03__content02.visible.anime-c .anime-c__content2-2{
    animation: c2-2 10s 1.2s infinite;
  }
  /* orignal_anime */
  .look04{
    margin:0 0 74px;
  }
  .look04__wrapper{
    display:flex;
    justify-content: center;
    margin:0 0 20px;
  }
  .look04__content01{
    width:450px;
    margin:0 20px 0 0;
  }
  .look04__content01-img{
    width:450px;
    height:auto;
  }
  .look04__wrapper02{
    width:505px;
    margin:97px 0 0;
  }
  .look04__content02{
    transition-timing-function: linear !important;
  }
  .look04__content02-img{
    width:100%;
    height:auto;
  }
  .look04__content03{
    display:flex;
    justify-content: center;
    gap:22px;
  }
  .look04__content03-item{
    position:relative;
    top:auto;
    left:auto;
  }
  .look04__content03-item .wearitem-btn{
    text-align:right;
    margin-top:10px;
  }
  .look04__content03-img{
    width:385px;
    height:auto;
  }
  /* orignal_anime */
  .look04__content03.visible.anime-c .anime-c__content2-1{
    opacity:1;
    animation: none;
  }
  .look04__content03.visible.anime-c .anime-c__content2-2{
    opacity:1;
    animation: none;
  }
  .look04__content03 .look04__content03-img {
    opacity: 1;
    -webkit-transition: 5s all 1.8s ease;
    -moz-transition: 5s all 1.8s ease;
    -o-transition: 5s all 1.8s ease;
    transition: 5s all 1.8s ease;
    filter: grayscale(100%);
  }
  .look04__content03.visible.anime-c .look04__content03-img {
    opacity: 1;
    filter: grayscale(0%);
  }
  /* orignal_anime */
  .look05{
    background:#000;
    width:100%;
    padding:35px 0 107px;
  }
  .look05__wrapper{
    display:flex;
    flex-direction: row-reverse;
    max-width:1100px;
    margin:0 auto;
    background:#000 url("../images/bg_look05.png");
    background-position:top 70px right 540px;
    background-size:413.5px 557px;
    background-repeat:no-repeat;
  }
  .look05__content01{
    width:367px;
    margin:0 145px 0 0;
  }
  .look05__content01-img{
    width:367px;
    height:auto;
  }
  .look05__content01-item{
    position:relative;
  }
  .look05__content01-item .wearitem-btn{
    position:absolute;
    bottom:10px;
    right:10px;
  }
  .look05__content02{
    width:201.5px;
    margin:70px 27.5px 0 0;
    padding:169px 12.5px 95px 200px;
  }
  .look05__content02-img{
    width:201.5px;
    height:auto;
  }
  .look06{
    background:#000;
    width:100%;
    margin:0 0 75px;
    padding:0 0 77.5px;
  }
  .look06__wrapper{
    display:flex;
    justify-content: center;
  }
  .look06__content01{
    margin:0 20px 0 0;
  }
  .look06__content01-item{
    position:relative;
  }
  .look06__content01-item .wearitem-btn{
    position:absolute;
    bottom:10px;
    right:10px;
  }
  .look06__content01-img{
    width:366.5px;
    height:auto;
  }
  .look06__wrapper02{
    display:flex;
    flex-direction: row-reverse;
  }
  .look06__content02{
    margin:100px 0 0 0;
  }
  .look06__content02-img{
    width:170px;
    height:auto;
  }
  .look06__content03{
    margin:185px 10px 0 0;
  }
  .look06__content03-img{
    width:303px;
    height:auto;
  }
  .outro{
    padding:0 0 30px;
  }
  .outro .itemlist-btn{
    margin-bottom:70px;
  }
  .outro__logo{
    margin:0 0 22px;
  }
  .outro__logo-img{
    margin:0 auto;
    width:71px;
    height:25.5px;
  }
  .outro__copy{
    color:#3e3c3c;
    text-align:center;
    font-family: yu-gothic-pr6n, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size:12px;
    line-height:1;
    letter-spacing:0.06em;
    margin:0;
    padding:0;
  }
  .rolelist{
    margin:0 0 95px;
    padding:0;
  }
  .rolelist__item{
    list-style:none;
    text-align:center;
  }
  .role-list__role,
  .role-list__name{
    font-family: aktiv-grotesk, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size:12px;
    line-height:1;
    letter-spacing:0.025em;
  }
  .role-list__role::after{
    display:inline-block;
    content:"/";
    margin:0 3px 0;
  }
}/* スクリーンサイズが768px以上の場合に適用 */