@charset "UTF-8";

html{
  font-size: 10px;
}

html{
  font-size: calc(10 * (100vw / 1200));
}

body{
  overflow-x: clip;
}

.l-container{
  background: #fff4f3;
  color: #000;
  font-feature-settings: "palt";
  font-family: "yu-gothic-pr6n", sans-serif;
  font-weight: 400;
  margin: 0 auto;
  width: 100%;
}
.l-container a{
  color: #000;
  display: block;
  text-decoration: none;
}

.l-container a:hover{
  cursor: pointer;
}

.wf-loading{
  opacity: 0;
}
.wf-active{
  opacity: 1;
	transition: opacity 0.3s ease;
}

.l-container #feature a::after{
  /* content: ""; */
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
  transition: all 0.4s;
}
.l-container #feature a:hover::after{
  opacity: 1;
  transition: 0.4s;
}

.l-container img{
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.l-container .default-img{
  display: block;
  height: auto;
  width: 100%; 
}

.l-container .feature{
  display: flex;
  margin: 0 auto;
  width: 100%;
}

.l-container #sp-only{
  display: none !important;
}

/*******************************
sticky
*******************************/

.feature .sticky{
  background: #fff4f3;
  box-sizing: border-box;
  position: sticky;
  top: 0;
  height: fit-content;
  width: calc(700 *(100vw / 1400));
}

/*******************************
main
*******************************/

.feature .main{
  width: calc(700 *(100vw / 1400));
}

/*******************************
hero
*******************************/

.feature .hero{
  background: #fff4f3;
  padding: calc(100 *(100vw / 1400)) 0;
}

.feature .hero__ttl{
  left: calc(-6 *(100vw / 1400) * 0.7058);
  margin: 0 auto;
  position: relative;
  width: calc(592 *(100vw / 1400) * 0.7058);
}

.feature .hero__link{
  display: flex;
  flex-wrap: wrap;
  gap: calc(36 *(100vw / 1400) * 0.7058) 0;
  justify-content: space-between;
  margin: calc(30 *(100vw / 1400) * 0.7058) auto 0;
  width: calc(525 *(100vw / 1400));
}
.feature .hero__link-face{
  width: calc(120 *(100vw / 1400));
}

.feature .hero__start{
  background: #e27976;
  box-sizing: border-box;
  border-radius: calc(100 *(100vw / 1400) * 0.666);
  margin: calc(60 *(100vw / 1400)) auto 0;
  position: relative;
  -webkit-text-stroke: calc(1 *(100vw / 1400) * 0.666) #fff;
  text-stroke: calc(1 *(100vw / 1400) * 0.666) #fff;
  height: calc(110 *(100vw / 1400) * 0.666);
  width: calc(530 *(100vw / 1400) * 0.666);
}
.feature .hero__start a{
  align-items: center;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-size: calc(36 *(100vw / 1400) * 0.666);
  letter-spacing: 0.05em;
  line-height: 1;
  padding: calc(6 *(100vw / 1400) * 0.666) 0 0 calc(90 *(100vw / 1400) * 0.666);
  height: 100%;
  width: 100%;
}
.feature .hero__start::before{
  background: url(../img/arrow01.svg) top left / contain no-repeat;
  content: "";
  margin: auto;
  top: calc(4 *(100vw / 1400) * 0.666);
  bottom: 0;
  right: calc(88 *(100vw / 1400) * 0.666);
  position: absolute;
  height: calc(33.46 *(100vw / 1400) * 0.666);
  width: calc(33.46 *(100vw / 1400) * 0.666);
}

/*******************************
共通
*******************************/

.feature .c-ttl{
  color: #e88a80;
  font-size: calc(60 * (100vw / 1400) * 0.656);
  line-height: 1.2;
  -webkit-text-stroke: calc(2 * (100vw / 1400) * 0.656) #e88a80;
  text-stroke: calc(2 * (100vw / 1400) * 0.656) #e88a80;
  text-align: center;
}
.feature .c-ttl span{
  display: block;
  font-family: "ivymode", sans-serif;
  font-weight: 300;
  font-style: italic;
  font-size: calc(40 * (100vw / 1400) * 0.656);
  letter-spacing: 0.08em;
  -webkit-text-stroke: transparent;
  text-stroke: transparent;
}

/*******************************
mv
*******************************/

.feature .mv{
  background: #fffbf8;
  padding: calc(102 *(100vw / 1400) * 0.7058) 0 calc(90 *(100vw / 1400) * 0.7058);
}

.feature .mv .mv__type{
  color: #3e3a39;
  font-size: calc(36 * (100vw / 1400) * 0.656);
  line-height: 1;
  margin: 0 auto;
  -webkit-text-stroke: calc(1 * (100vw / 1400) * 0.656) #3e3a39;
  text-stroke: calc(1 * (100vw / 1400) * 0.656) #3e3a39;
  width: fit-content;
}

.feature .mv .mv__face{
  margin: calc(40 * (100vw / 1400) * 0.656) auto 0;
}

.feature .mv .mv__text{
  color: #3e3a39;
  font-size: calc(32 * (100vw / 1400) * 0.656);
  line-height: 1.875;
  margin: calc(23 * (100vw / 1400) * 0.656) auto 0;
  text-align: center;
  width: calc(680 * (100vw / 1400) * 0.656);
}
.feature [data-type="fresh"] .mv .mv__text{
  width: calc(750 * (100vw / 1400) * 0.656);
}
.feature [data-type="cool"] .mv .mv__text{
  letter-spacing: -0.04em;
}

.feature .mv .mv__img{
  margin: calc(16 * (100vw / 1400) * 0.656) auto 0;
  width: calc(244 * (100vw / 1400) * 0.656);
}

.feature .mv .mv__keyword{
  font-size: calc(40 * (100vw / 1400) * 0.656);
  letter-spacing: 0.05em;
  line-height: 1.35;
  margin: calc(60 * (100vw / 1400) * 0.656) auto 0;
  -webkit-text-stroke-width: calc(1 * (100vw / 1400) * 0.656);
  text-stroke-width: calc(1 * (100vw / 1400) * 0.656);
}
.feature .mv .mv__keyword span{
  font-size: calc(30 * (100vw / 1400) * 0.656);
}

.feature .mv .mv__key{
  color: #3e3a39;
  font-size: calc(32 * (100vw / 1400) * 0.656);
  line-height: 1.5;
  margin: calc(32 * (100vw / 1400) * 0.656) auto 0;
  text-align: center;
}

/*******************************
fashion
*******************************/

.feature .fashion{
  background: #fff;
  margin: 0 auto;
}

.feature .fashion .fashion__index{
  background: #e5a39e;
  color: #fff;
  font-size: calc(45 * (100vw / 1400) * 0.656);
  letter-spacing: 0.1em;
  line-height: 1.2222;
  padding: calc(16 * (100vw / 1400) * 0.656) 0 calc(20 * (100vw / 1400) * 0.656);
  position: relative;
  -webkit-text-stroke: calc(1 * (100vw / 1400) * 0.656) #fff;
  text-stroke: calc(1 * (100vw / 1400) * 0.656) #fff;
  text-align: center;
}
.feature .fashion .fashion__index::before{
  border-style: solid;
  border-right: calc(22 * (100vw / 1400) * 0.656) solid transparent;
  border-left: calc(22 * (100vw / 1400) * 0.656) solid transparent;
  border-top: calc(26 * (100vw / 1400) * 0.656) solid #e5a39e;
  border-bottom: 0;
  content: "";
  margin: 0 auto;
  position: absolute;
  bottom: calc(-24 * (100vw / 1400) * 0.656);
  left: 0;
  right: 0;
  height: 0;
  width: 0;
}

.feature .fashion .fashion__ttl{
  font-size: calc(40 * (100vw / 1400) * 0.656);
  letter-spacing: 0.05em;
  -webkit-text-stroke-width: calc(1 * (100vw / 1400) * 0.656);
  text-stroke-width: calc(1 * (100vw / 1400) * 0.656);
}
.feature .fashion .fashion__ttl span{
  font-size: calc(30 * (100vw / 1400) * 0.656);
  letter-spacing: 0.115em;
}

.feature .fashion .fashion__ttl.ttl01{
  margin: calc(115 * (100vw / 1400) * 0.656) auto 0;
}
.feature .fashion .fashion__ttl.ttl02{
  line-height: 1.25;
  margin: calc(86 * (100vw / 1400) * 0.656) auto 0;
}
.feature .fashion .fashion__ttl.ttl03{
  line-height: 1.3;
  margin: calc(97 * (100vw / 1400) * 0.656) auto 0;
}
.feature .fashion .fashion__ttl.ttl04{
  line-height: 1.35;
  margin: calc(93 * (100vw / 1400) * 0.656) auto 0;
}
.feature .fashion .fashion__ttl.ttl05{
  line-height: 1.25;
  margin: calc(92 * (100vw / 1400) * 0.656) auto 0;
}
.feature .fashion .fashion__ttl.ttl06{
  line-height: 1.25;
  margin: calc(86 * (100vw / 1400) * 0.656) auto 0;
}
.feature .fashion .fashion__ttl.ttl07{
  line-height: 1.3;
  margin: calc(85 * (100vw / 1400) * 0.656) auto 0;
}

.feature .fashion .fashion__text{
  color: #3e3a39;
  font-size: calc(32 * (100vw / 1400) * 0.656);
  line-height: 1.5;
  text-align: center;
  width: calc(680 * (100vw / 1400) * 0.656);
}
.feature .fashion .fashion__text.text01{
  margin: calc(34 * (100vw / 1400) * 0.656) auto 0;
}
.feature .fashion .fashion__text.text02{
  margin: calc(28 * (100vw / 1400) * 0.656) auto 0;
}
.feature .fashion .fashion__text.text03{
  letter-spacing: 0.025em;
  margin: calc(32 * (100vw / 1400) * 0.656) auto 0;
}
.feature .fashion .fashion__text.text04{
  margin: calc(34 * (100vw / 1400) * 0.656) auto 0;
  width: calc(600 * (100vw / 1400) * 0.656);
}
.feature .fashion .fashion__text.text05{
  margin: calc(32 * (100vw / 1400) * 0.656) auto 0;
  width: calc(600 * (100vw / 1400) * 0.656);
}
.feature .fashion .fashion__text.text06{
  margin: calc(32 * (100vw / 1400) * 0.656) auto 0;
  width: calc(600 * (100vw / 1400) * 0.656);
}

.feature .fashion .fashion__brand{
  display: flex;
  flex-wrap: wrap;
  gap: calc(20 * (100vw / 1400) * 0.656) calc(88 * (100vw / 1400) * 0.656);
  justify-content: center;
  margin: calc(46 * (100vw / 1400) * 0.656) auto 0;
  width: calc(690 * (100vw / 1400) * 0.656);
}

.feature .fashion .fashion__brand-text a{
  color: #3e3a39;
  font-size: calc(20 * (100vw / 1400) * 0.656);
  line-height: 1;
  text-align: center;
  height: fit-content;
}
.feature .fashion .fashion__brand-text span{
  border-bottom: calc(1 * (100vw / 1400) * 0.656) solid #3e3a39;
  display: block;
  font-size: calc(28 * (100vw / 1400) * 0.656);
  letter-spacing: -0.04em;
  margin: calc(5 * (100vw / 1400) * 0.656) auto 0;
  width: fit-content;
}

.feature .fashion .fashion__color{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: calc(15 * (100vw / 1400) * 0.656);
  margin: calc(40 * (100vw / 1400) * 0.656) auto 0;
  width: calc(688 * (100vw / 1400) * 0.656);
}

.feature .fashion .fashion__color-block{
  box-sizing: border-box;
  height: calc(160 * (100vw / 1400) * 0.656);
  width: calc(160 * (100vw / 1400) * 0.656);
}

.feature .fashion .fashion__pattern{
  display: flex;
  justify-content: space-between;
  margin: calc(50 * (100vw / 1400) * 0.656) auto 0;
  width: calc(688 * (100vw / 1400) * 0.656);
}
.feature .fashion .fashion__pattern-img{
  width: calc(215 * (100vw / 1400) * 0.656);
}

/*******************************
item
*******************************/

.feature .item{
  background: #fff;
  margin: 0 auto;
  padding-top: calc(92 * (100vw / 1400) * 0.656);
}

.feature .item .item__ttl{
  background: #e5a39e;
  color: #fff;
  font-size: calc(45 * (100vw / 1400) * 0.656);
  letter-spacing: 0.03em;
  line-height: 1;
  padding: calc(36 * (100vw / 1400) * 0.656) 0 calc(32 * (100vw / 1400) * 0.656);
  position: relative;
  -webkit-text-stroke: calc(1 * (100vw / 1400) * 0.656) #fff;
  text-stroke: calc(1 * (100vw / 1400) * 0.656) #fff;
  text-align: center;
}
.feature .item .item__ttl::before{
  border-style: solid;
  border-right: calc(22 * (100vw / 1400) * 0.656) solid transparent;
  border-left: calc(22 * (100vw / 1400) * 0.656) solid transparent;
  border-top: calc(26 * (100vw / 1400) * 0.656) solid #e5a39e;
  border-bottom: 0;
  content: "";
  margin: 0 auto;
  position: absolute;
  bottom: calc(-25 * (100vw / 1400) * 0.656);
  left: 0;
  right: 0;
  height: 0;
  width: 0;
}

/*******************************
panel
*******************************/

.feature .item__recommendation{
  margin: calc(76 * (100vw / 1400) * 0.656) auto 0;
  width: calc(690 * (100vw / 1400) * 0.656);
}

.feature .item__recommendation .recommendation-list ul{
  display: flex;
  flex-wrap: wrap;
  gap: calc(34 * (100vw / 1400) * 0.656) 0;
  justify-content: space-between;
}

.feature .item__recommendation .recommendation-list ul li{
  width: calc(216 * (100vw / 1400) * 0.656);
}

.feature .item__recommendation .recommendation-list ul li .m-item-description{
  margin-top: calc(21 * (100vw / 1400) * 0.656);
}
.feature .item__recommendation .recommendation-list ul li .m-item-image img{
  height: auto;
  width: 100%;
}
.feature .item__recommendation .recommendation-list ul li .m-item-brand{
  font-size: calc(18 * (100vw / 1400) * 0.656);
  margin: 0;
}
.feature .item__recommendation .recommendation-list ul li .m-item-name{
  font-size: calc(17 * (100vw / 1400) * 0.656);
  margin: calc(4 * (100vw / 1400) * 0.656) 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.feature .item__recommendation .recommendation-list ul li .m-item-price{
  font-size: calc(18 * (100vw / 1400) * 0.656);
  margin: calc(5 * (100vw / 1400) * 0.656) 0 0;
}
.feature .item__recommendation .recommendation-list ul li .m-item-price span:nth-of-type(2){
  margin-left: calc(6 * (100vw / 1400) * 0.656);
}

.feature .item__panel .item__panel-btn{
  align-items: baseline;
  background: #fff;
  border-radius: calc(100* (100vw / 1400) * 0.656);
  border: calc(1* (100vw / 1400) * 0.656) solid #727171;
  box-sizing: border-box;
  display: flex;
  font-size: calc(36* (100vw / 1400) * 0.656);
  letter-spacing: 0.05em;
  line-height: 1;
  margin: calc(55 * (100vw / 1400) * 0.656) auto 0;
  padding: 0;
  position: relative;
  -webkit-text-stroke: calc(0.5* (100vw / 1400) * 0.656) #727171;
  text-stroke: calc(0.5* (100vw / 1400) * 0.656) #727171;
  height: calc(120* (100vw / 1400) * 0.656);
  width: calc(530* (100vw / 1400) * 0.656);
}
.feature .item__panel .item__panel-btn::before{
  background: url(../img/arrow03.svg) top left / contain no-repeat;
  content: "";
  margin: auto;
  position: absolute;
  top: calc(7 * (100vw / 1400) * 0.656);
  bottom: 0;
  right: calc(140 * (100vw / 1400) * 0.656);
  height: calc(33.46* (100vw / 1400) * 0.656);
  width: calc(33.46* (100vw / 1400) * 0.656);
}
.feature .item__panel .item__panel-btn a{
  box-sizing: border-box;
  color: #727171;
  padding: calc(42 *(100vw / 1400) * 0.656) 0 0 calc(146 *(100vw / 1400) * 0.656);
  height: 100%;
  width: 100%;
}

/*******************************
face
*******************************/

.feature .face{
  background: #fff;
  margin: 0 auto;
  padding-top: calc(300 * (100vw / 1400) * 0.656);
  padding-bottom: calc(66*(100vw / 1400));
}
.feature .face__ttl{
  color: #3e3a39;
  font-size: calc(36 * (100vw / 1400) * 0.656);
  letter-spacing: 0.05em;
  line-height: 1;
  -webkit-text-stroke: calc(1* (100vw / 1400) * 0.656) #3e3a39;
  text-stroke: calc(1* (100vw / 1400) * 0.656) #3e3a39;
  text-align: center;
}

.feature .face__btn{
  margin: calc(154 * (100vw / 1400) * 0.656) auto 0;
}

.feature .face__director{
  border: calc(1.6 * (100vw / 1400) * 0.656) solid #dcdcdc;
  border-radius: calc(15 * (100vw / 1400) * 0.656);
  box-sizing: border-box;
  color: #3f3a39;
  display: flex;
  justify-content: space-between;
  margin: calc(150 * (100vw / 1400) * 0.656) auto 0;
  padding: calc(38 * (100vw / 1400) * 0.656) calc(45 * (100vw / 1400) * 0.656) calc(42 * (100vw / 1400) * 0.656) calc(50 * (100vw / 1400) * 0.656);
  width: calc(690 * (100vw / 1400) * 0.656);
}
.feature .face__director-list{
  margin-top: calc(24 * (100vw / 1400) * 0.656);
}
.feature .face__director-img{
  width: calc(205 * (100vw / 1400) * 0.656);
}
.feature .face__director-name{
  font-size: calc(21 * (100vw / 1400) * 0.656);
  line-height: 1.714;
  margin-top: calc(21 * (100vw / 1400) * 0.656);
  text-align: center;
}
.feature .face__director-name span:nth-of-type(1){
  display: block;
  font-size: calc(18 * (100vw / 1400) * 0.656);
  margin-bottom: calc(5 * (100vw / 1400) * 0.656);
}
.feature .face__director-name span:nth-of-type(2){
  font-size: calc(14 * (100vw / 1400) * 0.656);
}
.feature .face__director-text{
  font-feature-settings: normal;
  font-size: calc(21 * (100vw / 1400) * 0.656);
  line-height: 1.714;
  width: calc(362 * (100vw / 1400) * 0.656);
}

.feature .face__list{
  display: flex;
  flex-wrap: wrap;
  gap: calc(34 * (100vw / 1400) * 0.656) 0;
  justify-content: space-between;
  margin: calc(36 * (100vw / 1400) * 0.656) auto 0;
  position: relative;
  width: calc(640 * (100vw / 1400) * 0.656);
}
.feature .face__list .face__list-box{
  width: calc(320 * (100vw / 1400) * 0.656);
}
.feature .face__list .face__list-img{
  width: calc(320 * (100vw / 1400) * 0.656);
}

.feature .face__list .face__list-box:nth-of-type(6),
.feature .face__list .face__list-box:nth-of-type(7){
  margin-top: calc(-2 * (100vw / 1400) * 0.656);
}
.feature .face__list .face__list-box:nth-of-type(8){
  margin-top: calc(-16 * (100vw / 1400) * 0.656);
}

.feature .face__list .face__list-btn{
  background: #e29f98;
  border-radius: calc(30 * (100vw / 1400) * 0.656);
  box-sizing: border-box;
  color: #fff;
  font-size: calc(22 * (100vw / 1400) * 0.656);
  left: calc(7 * (100vw / 1400) * 0.656);
  margin: calc(-1 * (100vw / 1400) * 0.656) auto 0;
  padding: calc(14 * (100vw / 1400) * 0.656) 0;
  position: relative;
  text-align: center;
  height: calc(54.5 * (100vw / 1400) * 0.656);
  width: calc(163 * (100vw / 1400) * 0.656);
}

.feature .face__list .face__list-box:nth-of-type(2) .face__list-btn{
  background: #dbb35d;
}
.feature .face__list .face__list-box:nth-of-type(3) .face__list-btn{
  background: #83b5b5;
}
.feature .face__list .face__list-box:nth-of-type(4) .face__list-btn{
  background: #668e88;
}
.feature .face__list .face__list-box:nth-of-type(5) .face__list-btn{
  background: #dd97c4;
}
.feature .face__list .face__list-box:nth-of-type(6) .face__list-btn{
  background: #ae86b7;
}
.feature .face__list .face__list-box:nth-of-type(7) .face__list-btn{
  background: #8c73c9;
}
.feature .face__list .face__list-box:nth-of-type(8) .face__list-btn{
  background: #5978aa;
}

.feature .face__btn{
  align-items: center;
  background: #fff;
  box-sizing: border-box;
  border: calc(1 * (100vw / 1400) * 0.656) solid #e27976;
  border-radius: calc(100 * (100vw / 1400) * 0.656);
  color: #e27976;
  display: flex;
  font-size: calc(36 * (100vw / 1400) * 0.656);
  letter-spacing: 0.02em;
  line-height: 1;
  margin: calc(155 * (100vw / 1400) * 0.656) auto 0;
  padding-left: calc(162 * (100vw / 1400) * 0.656);
  position: relative;
  -webkit-text-stroke: calc(1 * (100vw / 1400) * 0.656) #e27976;
  text-stroke: calc(1 * (100vw / 1400) * 0.656) #e27976;
  height: calc(120 * (100vw / 1400) * 0.656);
  width: calc(530 * (100vw / 1400) * 0.656);
}
.feature .face__btn::before{
  background: url(../img/arrow02.svg) top left / contain no-repeat;
  content: "";
  margin: auto;
  top: 0;
  bottom: 0;
  left: calc(80 * (100vw / 1400) * 0.656);
  position: absolute;
  transform: rotate(210deg);
  height: calc(33.46 * (100vw / 1400) * 0.656);
  width: calc(33.46 * (100vw / 1400) * 0.656);
}

/*******************************
cute
*******************************/

.feature [data-type="cute"] .fashion .fashion__color-block:nth-of-type(1){
  background: #fffff9;
  border: calc(1 * (100vw / 1400) * 0.656) solid #ddd;
}
.feature [data-type="cute"] .fashion .fashion__color-block:nth-of-type(2){
  background: #ffe4c4;
}
.feature [data-type="cute"] .fashion .fashion__color-block:nth-of-type(3){
  background: #e6ae7a;
}
.feature [data-type="cute"] .fashion .fashion__color-block:nth-of-type(4){
  background: #ffd5cc;
}
.feature [data-type="cute"] .fashion .fashion__color-block:nth-of-type(5){
  background: #e67a7a;
}
.feature [data-type="cute"] .fashion .fashion__color-block:nth-of-type(6){
  background: #e6f7ff;
  border: calc(1 * (100vw / 1400) * 0.656) solid #ddd;
}
.feature [data-type="cute"] .fashion .fashion__color-block:nth-of-type(7){
  background: #ffffcc;
  border: calc(1 * (100vw / 1400) * 0.656) solid #ddd;
}

.feature [data-type="cute"] .face__list .face__list-box:nth-of-type(even) .face__list-btn{
  left: calc(20 * (100vw / 1400) * 0.656);
}
.feature [data-type="cute"] .face__list .face__list-box:nth-of-type(odd) .face__list-btn{
  left: calc(10 * (100vw / 1400) * 0.656);
}

.feature [data-type="cute"] .face__list .face__list-box:nth-of-type(1){
  display: none;
}

/*******************************
activecute
*******************************/

.feature [data-type="activecute"] .c-ttl{
  color: #dbb35d;
  -webkit-text-stroke-color: #dbb35d;
  text-stroke-color: #dbb35d;
}
.feature [data-type="activecute"] .fashion__index,
.feature [data-type="activecute"] .item__ttl{
  background: #dbb35d;
}
.feature [data-type="activecute"] .fashion__index::before,
.feature [data-type="activecute"] .item__ttl::before{
  border-top: calc(26* (100vw / 1400) * 0.656) solid #dbb35d;
}

.feature [data-type="activecute"] .mv__face{
  -webkit-text-stroke-width: 0;
  text-stroke-width: 0;
}

.feature [data-type="activecute"] .fashion .fashion__color-block:nth-of-type(1){
  background: #fffff9;
  border: calc(1 * (100vw / 1400) * 0.656) solid #ddd;
}
.feature [data-type="activecute"] .fashion .fashion__color-block:nth-of-type(2){
  background: #cc6821;
}
.feature [data-type="activecute"] .fashion .fashion__color-block:nth-of-type(3){
  background: #1f1f99;
}
.feature [data-type="activecute"] .fashion .fashion__color-block:nth-of-type(4){
  background: #ea5549;
}
.feature [data-type="activecute"] .fashion .fashion__color-block:nth-of-type(5){
  background: #c3d825;
}
.feature [data-type="activecute"] .fashion .fashion__color-block:nth-of-type(6){
  background: #fff352;
  border: calc(1 * (100vw / 1400) * 0.656) solid #ddd;
}
.feature [data-type="activecute"] .fashion .fashion__color-block:nth-of-type(7){
  background: #c100e8;
}

.feature [data-type="activecute"] .face__list .face__list-box:nth-of-type(6),
.feature [data-type="activecute"] .face__list .face__list-box:nth-of-type(7){
  margin-top: calc(-2 * (100vw / 1400) * 0.656);
}
.feature [data-type="activecute"] .face__list .face__list-box:nth-of-type(8){
  margin-top: calc(-16 * (100vw / 1400) * 0.656);
}

.feature [data-type="activecute"] .face__list .face__list-box:nth-of-type(1) .face__list-btn{
  left: calc(8 * (100vw / 1400) * 0.656);
}
.feature [data-type="activecute"] .face__list .face__list-box:nth-of-type(even) .face__list-btn{
  left: calc(20 * (100vw / 1400) * 0.656);
}

.feature [data-type="activecute"] .face__list .face__list-box:nth-of-type(2){
  display: none;
}

/*******************************
fresh
*******************************/

.feature [data-type="fresh"] .c-ttl{
  color: #83b5b5;
  -webkit-text-stroke-color: #83b5b5;
  text-stroke-color: #83b5b5;
}
.feature [data-type="fresh"] .fashion__index,
.feature [data-type="fresh"] .item__ttl{
  background: #83b5b5;
}
.feature [data-type="fresh"] .fashion__index::before,
.feature [data-type="fresh"] .item__ttl::before{
  border-top: calc(26* (100vw / 1400) * 0.656) solid #83b5b5;
}

.feature [data-type="fresh"] .fashion .fashion__color-block:nth-of-type(1){
  background: #fffaf0;
  border: calc(1 * (100vw / 1400) * 0.656) solid #ddd;
}
.feature [data-type="fresh"] .fashion .fashion__color-block:nth-of-type(2){
  background: #042d80;
}
.feature [data-type="fresh"] .fashion .fashion__color-block:nth-of-type(3){
  background: #042d80;
}
.feature [data-type="fresh"] .fashion .fashion__color-block:nth-of-type(4){
  background: #ffa64d;
}
.feature [data-type="fresh"] .fashion .fashion__color-block:nth-of-type(5){
  background: #f5b2ac;
  border: calc(1 * (100vw / 1400) * 0.656) solid #ddd;
}
.feature [data-type="fresh"] .fashion .fashion__color-block:nth-of-type(6){
  background: #99ffdd;
  border: calc(1 * (100vw / 1400) * 0.656) solid #ddd;
}
.feature [data-type="fresh"] .fashion .fashion__color-block:nth-of-type(7){
  background: #6699ff;
  border: calc(1 * (100vw / 1400) * 0.656) solid #ddd;
}

.feature [data-type="fresh"] .face__list .face__list-box:nth-of-type(odd) .face__list-btn{
  left: calc(10 * (100vw / 1400) * 0.656);
}
.feature [data-type="fresh"] .face__list .face__list-box:nth-of-type(even) .face__list-btn{
  left: calc(20 * (100vw / 1400) * 0.656);
}
.feature [data-type="fresh"] .face__list .face__list-box:nth-of-type(1) .face__list-btn{
  left: calc(8 * (100vw / 1400) * 0.656);
}

.feature [data-type="fresh"] .face__list .face__list-box:nth-of-type(3){
  display: none;
}

/*******************************
coolcasual
*******************************/

.feature [data-type="coolcasual"] .c-ttl{
  color: #668e88;
  -webkit-text-stroke-color: #668e88;
  text-stroke-color: #668e88;
}
.feature [data-type="coolcasual"] .fashion__index,
.feature [data-type="coolcasual"] .item__ttl{
  background: #668e88;
}
.feature [data-type="coolcasual"] .fashion__index::before,
.feature [data-type="coolcasual"] .item__ttl::before{
  border-top: calc(26* (100vw / 1400) * 0.656) solid #668e88;
}

.feature [data-type="coolcasual"] .mv__face{
  -webkit-text-stroke-width: 0;
  text-stroke-width: 0;
}

.feature [data-type="coolcasual"] .fashion .fashion__color-block:nth-of-type(1){
  background: #f8f4e6;
  border: calc(1 * (100vw / 1400) * 0.656) solid #ddd;
}
.feature [data-type="coolcasual"] .fashion .fashion__color-block:nth-of-type(2){
  background: #b8860b;
}
.feature [data-type="coolcasual"] .fashion .fashion__color-block:nth-of-type(3){
  background: #666614;
}
.feature [data-type="coolcasual"] .fashion .fashion__color-block:nth-of-type(4){
  background: #999;
}
.feature [data-type="coolcasual"] .fashion .fashion__color-block:nth-of-type(5){
  background: #e6cf5c;
  border: calc(1 * (100vw / 1400) * 0.656) solid #ddd;
}
.feature [data-type="coolcasual"] .fashion .fashion__color-block:nth-of-type(6){
  background: #6bb3a5;
  border: calc(1 * (100vw / 1400) * 0.656) solid #ddd;
}
.feature [data-type="coolcasual"] .fashion .fashion__color-block:nth-of-type(7){
  background: #8ab8e6;
  border: calc(1 * (100vw / 1400) * 0.656) solid #ddd;
}

.feature [data-type="coolcasual"] .face__list .face__list-box:nth-of-type(2) .face__list-btn,
.feature [data-type="coolcasual"] .face__list .face__list-box:nth-of-type(6) .face__list-btn,
.feature [data-type="coolcasual"] .face__list .face__list-box:nth-of-type(8) .face__list-btn{
  left: calc(20 * (100vw / 1400) * 0.656);
}

.feature [data-type="coolcasual"] .face__list .face__list-box:nth-of-type(4){
  display: none;
}

/*******************************
feminine
*******************************/

.feature [data-type="feminine"] .c-ttl{
  color: #dd97c4;
  -webkit-text-stroke-color: #dd97c4;
  text-stroke-color: #dd97c4;
}
.feature [data-type="feminine"] .fashion__index,
.feature [data-type="feminine"] .item__ttl{
  background: #dd97c4;
}
.feature [data-type="feminine"] .fashion__index::before,
.feature [data-type="feminine"] .item__ttl::before{
  border-top: calc(26* (100vw / 1400) * 0.656) solid #dd97c4;
}

.feature [data-type="feminine"] .fashion .fashion__color-block:nth-of-type(1){
  background: #fffff9;
  border: calc(1 * (100vw / 1400) * 0.656) solid #ddd;
}
.feature [data-type="feminine"] .fashion .fashion__color-block:nth-of-type(2){
  background: #e6bea1;
  border: calc(1 * (100vw / 1400) * 0.656) solid #ddd;
}
.feature [data-type="feminine"] .fashion .fashion__color-block:nth-of-type(3){
  background: #b38662;
}
.feature [data-type="feminine"] .fashion .fashion__color-block:nth-of-type(4){
  background: #f5b1aa;
}
.feature [data-type="feminine"] .fashion .fashion__color-block:nth-of-type(5){
  background: #cfa1e6;
}
.feature [data-type="feminine"] .fashion .fashion__color-block:nth-of-type(6){
  background: #e68abf;
}
.feature [data-type="feminine"] .fashion .fashion__color-block:nth-of-type(7){
  background: #99374b;
}

.feature [data-type="feminine"] .face__list .face__list-box:nth-of-type(even) .face__list-btn{
  left: calc(20 * (100vw / 1400) * 0.656);
}

.feature [data-type="feminine"] .face__list .face__list-box:nth-of-type(5){
  display: none;
}

/*******************************
softelegant
*******************************/

.feature [data-type="softelegant"] .c-ttl{
  color: #ae86b7;
  -webkit-text-stroke-color: #ae86b7;
  text-stroke-color: #ae86b7;
}
.feature [data-type="softelegant"] .fashion__index,
.feature [data-type="softelegant"] .item__ttl{
  background: #ae86b7;
}
.feature [data-type="softelegant"] .fashion__index::before,
.feature [data-type="softelegant"] .item__ttl::before{
  border-top: calc(26* (100vw / 1400) * 0.656) solid #ae86b7;
}

.feature [data-type="softelegant"] .mv__face{
  -webkit-text-stroke-width: 0;
  text-stroke-width: 0;
}

.feature [data-type="softelegant"] .fashion .fashion__color-block:nth-of-type(1){
  background: #fff7f0;
  border: calc(1 * (100vw / 1400) * 0.656) solid #ddd;
}
.feature [data-type="softelegant"] .fashion .fashion__color-block:nth-of-type(2){
  background: #e6d6be;
  border: calc(1 * (100vw / 1400) * 0.656) solid #ddd;
}
.feature [data-type="softelegant"] .fashion .fashion__color-block:nth-of-type(3){
  background: #946c45;
}
.feature [data-type="softelegant"] .fashion .fashion__color-block:nth-of-type(4){
  background: #fbdac8;
}
.feature [data-type="softelegant"] .fashion .fashion__color-block:nth-of-type(5){
  background: #abced8;
}
.feature [data-type="softelegant"] .fashion .fashion__color-block:nth-of-type(6){
  background: #e6b8de;
}
.feature [data-type="softelegant"] .fashion .fashion__color-block:nth-of-type(7){
  background: #c97586;
}

.feature [data-type="softelegant"] .face__list .face__list-box:nth-of-type(even) .face__list-btn{
  left: calc(20 * (100vw / 1400) * 0.656);
}

.feature [data-type="softelegant"] .face__list .face__list-box:nth-of-type(6){
  display: none;
}

/*******************************
elegant
*******************************/

.feature [data-type="elegant"] .c-ttl{
  color: #8c73c9;
  -webkit-text-stroke-color: #8c73c9;
  text-stroke-color: #8c73c9;
}
.feature [data-type="elegant"] .fashion__index,
.feature [data-type="elegant"] .item__ttl{
  background: #8c73c9;
}
.feature [data-type="elegant"] .fashion__index::before,
.feature [data-type="elegant"] .item__ttl::before{
  border-top: calc(26* (100vw / 1400) * 0.656) solid #8c73c9;
}

.feature [data-type="elegant"] .mv__face{
  -webkit-text-stroke-width: 0;
  text-stroke-width: 0;
}

.feature [data-type="elegant"] .fashion .fashion__color-block:nth-of-type(1){
  background: #003566;
}
.feature [data-type="elegant"] .fashion .fashion__color-block:nth-of-type(2){
  background: #6c3524;
}
.feature [data-type="elegant"] .fashion .fashion__color-block:nth-of-type(3){
  background: #332c1f;
}
.feature [data-type="elegant"] .fashion .fashion__color-block:nth-of-type(4){
  background: #991414;
}
.feature [data-type="elegant"] .fashion .fashion__color-block:nth-of-type(5){
  background: #481180;
}
.feature [data-type="elegant"] .fashion .fashion__color-block:nth-of-type(6){
  background: #ffaa00;
}
.feature [data-type="elegant"] .fashion .fashion__color-block:nth-of-type(7){
  background: #991456;
}

.feature [data-type="elegant"] .face__list .face__list-box:nth-of-type(even) .face__list-btn{
  left: calc(20 * (100vw / 1400) * 0.656);
}

.feature [data-type="elegant"] .face__list .face__list-box:nth-of-type(7){
  display: none;
}

/*******************************
cool
*******************************/

.feature [data-type="cool"] .c-ttl{
  color: #5978aa;
  -webkit-text-stroke-color: #5978aa;
  text-stroke-color: #5978aa;
}
.feature [data-type="cool"] .fashion__index,
.feature [data-type="cool"] .item__ttl{
  background: #5978aa;
}
.feature [data-type="cool"] .fashion__index::before,
.feature [data-type="cool"] .item__ttl::before{
  border-top: calc(26* (100vw / 1400) * 0.656) solid #5978aa;
}

.feature [data-type="cool"] .mv__text{
  width: calc(800 * (100vw / 1400) * 0.656);
}

.feature [data-type="cool"] .fashion .fashion__color-block:nth-of-type(1){
  background: #622d18;
}
.feature [data-type="cool"] .fashion .fashion__color-block:nth-of-type(2){
  background: #002133;
}
.feature [data-type="cool"] .fashion .fashion__color-block:nth-of-type(3){
  background: #504946;
}
.feature [data-type="cool"] .fashion .fashion__color-block:nth-of-type(4){
  background: #6b1818;
}
.feature [data-type="cool"] .fashion .fashion__color-block:nth-of-type(5){
  background: #18336b;
}
.feature [data-type="cool"] .fashion .fashion__color-block:nth-of-type(6){
  background: #4d000e;
}
.feature [data-type="cool"] .fashion .fashion__color-block:nth-of-type(7){
  background: #231566;
}

.feature [data-type="cool"] .face__list .face__list-box:nth-of-type(7){
  margin-top: calc(-16 * (100vw / 1400) * 0.656);
}

.feature [data-type="cool"] .face__list .face__list-box:nth-of-type(even) .face__list-btn{
  left: calc(20 * (100vw / 1400) * 0.656);
}

.feature [data-type="cool"] .face__list .face__list-box:nth-of-type(8){
  display: none;
}

@media screen and (min-width: 1400px){
 
}

.pc-footer{
  margin: 0;
}
.l-footer{
  padding: 0;
}