@charset "UTF-8";

html{
  font-size: 10px;
  scroll-behavior: smooth;
}

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;
}

.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));
}

/*******************************
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);
}

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

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

/*******************************
共通
*******************************/
.feature .c-btn,
.feature .question__selection-text:hover{
  cursor: pointer;
}

.feature .c-btn{
  align-items: center;
  background: #fceded;
  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.05em;
  line-height: 1;
  margin: 0 auto;
  padding: 0 0 0 calc(86 *(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 .c-btn::before{
  background: url(../img/arrow02.svg) top left / contain no-repeat;
  content: "";
  margin: auto;
  top: calc(4 *(100vw / 1400) * 0.656);
  bottom: 0;
  right: calc(92 *(100vw / 1400) * 0.656);
  position: absolute;
  height: calc(33.46 *(100vw / 1400) * 0.656);
  width: calc(33.46 *(100vw / 1400) * 0.656);
}

/*******************************
chart
*******************************/

.feature .chart{
  background: #fff9f8;
  margin: 0 auto;
  padding: calc(100 *(100vw / 1400) * 0.656) 0 calc(0 *(100vw / 1400) * 0.656);
}

.feature .chart__ttl{
  color: #3e3a39;
  font-size: calc(36 *(100vw / 1400) * 0.656);
  letter-spacing: 0.05em;
  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;
  text-align: center;
}
.feature .chart__text{
  color: #3e3a39;
  font-size: calc(31 *(100vw / 1400) * 0.656);
  line-height: 1.9354;
  margin: calc(36 *(100vw / 1400) * 0.656) auto 0;
  width: calc(690 *(100vw / 1400) * 0.656);
}

.feature .chart__img{
  margin: calc(135 *(100vw / 1400) * 0.656) auto 0;
  width: calc(685 *(100vw / 1400) * 0.656);
}

/*******************************
question
*******************************/

.feature .question{
  background: #fff9f8;
  padding: calc(100 *(100vw / 1400) * 0.656) 0;
  scroll-margin-top: 80px;
}

.feature .question__start{
  left: calc(4 *(100vw / 1400) * 0.656);
}

.feature .question__list{
  opacity: 0;
  background: #fff;
  border: calc(1 *(100vw / 1400) * 0.656) solid #ddd;
  border-radius: calc(15 *(100vw / 1400) * 0.656);
  color: #3e3a39;
  margin: 0 auto;
  pointer-events: none;
  transition: opacity 0.5s;
  height: 0;
  width: calc(685 *(100vw / 1400) * 0.656);
}
.feature .question__list.on{
  opacity: 1;
  padding: calc(78 *(100vw / 1400) * 0.656) 0 calc(84 *(100vw / 1400) * 0.656);
  pointer-events: all;
  height: auto;
}

.feature .question__selection{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  left: calc(2 *(100vw / 1400) * 0.656);
  margin: 0 auto;
  position: relative;
  width: calc(554 *(100vw / 1400) * 0.656);
}
.feature .question__selection:not(:first-of-type){
  display: none;
}

.feature .question__selection-num{
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-weight: 500;
  font-size: calc(35 *(100vw / 1400) * 0.656);
  text-align: center;
  width: 100%;
}
.feature .question__selection-ttl{
  font-size: calc(36 *(100vw / 1400) * 0.656);
  margin: calc(12 *(100vw / 1400) * 0.656) auto 0;
  -webkit-text-stroke: calc(1 *(100vw / 1400) * 0.656) #3e3a39;
  text-stroke: calc(1 *(100vw / 1400) * 0.656) #3e3a39;
  text-align: center;
  width: 100%;
}
.feature .question__selection-text{
  align-items: center;
  background: #fff;
  border: calc(1 *(100vw / 1400) * 0.656) solid #808080;
  display: flex;
  font-size: calc(30 *(100vw / 1400) * 0.656);
  justify-content: center;
  line-height: 1.241;
  margin: calc(60 *(100vw / 1400) * 0.656) 0 0;
  -webkit-text-stroke: calc(1 *(100vw / 1400) * 0.656) #3e3a39;
  text-stroke: calc(1 *(100vw / 1400) * 0.656) #3e3a39;
  text-align: center;
  height: calc(215 *(100vw / 1400) * 0.656);
  width: calc(265 *(100vw / 1400) * 0.656);
}

.feature .question .js-start{
  opacity: 1;
}
.feature .question .js-start.on{
  opacity: 0;
  pointer-events: none;
  height: 0;
}
.feature .question .js-reset{
  display: none;
  margin: calc(100 *(100vw / 1400) * 0.656) auto 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s;
}
.feature .question .js-reset.on{
  display: flex;
  opacity: 1;
  pointer-events: all;
}

.feature .question__type{
  background: #fffcf5;
  border: calc(1.2 *(100vw / 1400) * 0.656) solid #fccba9;
  border-radius: calc(15 *(100vw / 1400) * 0.656);
  display: none;
  margin: calc(-5*(100vw / 1400) * 0.656) auto 0;
  padding: calc(100 *(100vw / 1400) * 0.656) 0 calc(100 *(100vw / 1400) * 0.656);
  width: calc(685 *(100vw / 1400) * 0.656);
}
.feature .question__type.on{
  display: block;
}

.feature .question__result{
  display: none;
  flex-wrap: wrap;
}
.feature .question__result.on{
  display: flex;
}

.feature .question__result-ttl{
  color: #3e3a39;
  font-size: calc(36 *(100vw / 1400) * 0.656);
  line-height: 1;
  margin: 0 auto;
  -webkit-text-stroke: calc(0.75 *(100vw / 1400) * 0.656) #3e3a39;
  text-stroke: calc(0.75 *(100vw / 1400) * 0.656) #3e3a39;
  text-align: center;
  width: 100%;
}

.feature .question__result-img{
  margin: calc(24 *(100vw / 1400) * 0.656) 0 0 calc(70 *(100vw / 1400) * 0.656);
  width: calc(192 *(100vw / 1400) * 0.656);
}
.feature .question__result:nth-of-type(8) .question__result-img{
  margin-top: calc(70 *(100vw / 1400) * 0.656);
}

.feature .question__result-text{
  font-feature-settings: normal;
  font-size: calc(24 *(100vw / 1400) * 0.656);
  line-height: 1.5;
  margin: calc(82 *(100vw / 1400) * 0.656) calc(52 *(100vw / 1400) * 0.656) 0 auto;
  width: calc(326 *(100vw / 1400) * 0.656);
}
.feature .question__result:nth-of-type(6) .question__result-text{
  margin-top: calc(62 *(100vw / 1400) * 0.656);
}
.feature .question__result:nth-of-type(8) .question__result-text{
  margin-top: calc(50 *(100vw / 1400) * 0.656);
}

.feature .question__result-page{
  justify-content: center;
  margin: calc(30 *(100vw / 1400) * 0.656) auto 0;
  padding: 0;
}
.feature .question__result-item{
  justify-content: center;
  margin: calc(28 *(100vw / 1400) * 0.656) auto 0;
  padding: 0;
}

.feature .question__result-page a,
.feature .question__result-item a{
  align-items: center;
  box-sizing: border-box;
  color: #e27976;
  display: flex;
  font-size: calc(28 *(100vw / 1400) * 0.656);
  letter-spacing: 0.02em;
  line-height: 1.0157;
  padding: 0 calc(60 *(100vw / 1400) * 0.656) 0 0;
  text-align: center;
  height: 100%;
  width: fit-content;
}

.feature .question__result-item::before,
.feature .question__result-page::before{
  top: 0;
  right: calc(30 *(100vw / 1400) * 0.656);
  transform: rotate(30deg);
}

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

.feature .item{
  background: #fffaf0;
  padding: calc(40 *(100vw / 1400) * 0.656) 0 calc(150 *(100vw / 1400) * 0.656);
  scroll-margin-top: 80px;
}

.feature .item__slide{
  margin: 0 auto;
  position: relative;
  width: calc(632 *(100vw / 1400) * 0.656);
}

.feature .item__slide-box{
  position: relative;
}
.feature .item__slide-img{
  margin: 0 auto;
  width: calc(270 *(100vw / 1400) * 0.656);
}
.feature .item__slide-text{
  color: #000;
  font-feature-settings: normal;
  font-size: calc(26 *(100vw / 1400) * 0.656);
  line-height: 1.8461;
  margin: calc(30 *(100vw / 1400) * 0.656) auto 0;
  width: 100%;
}

.feature .item__type{
  background: #f4f4f4;
  box-sizing: border-box;
  margin: calc(-67 *(100vw / 1400) * 0.656) auto 0;
  height: calc(225 *(100vw / 1400) * 0.656);
  width: calc(628 *(100vw / 1400) * 0.656);
}
.feature .item__type.on{
  margin-top: calc(40 *(100vw / 1400) * 0.656);
}

.feature .item__type .slick-track{
  border: calc(1*(100vw / 750) * 0.656) solid #3e3a39;
  border-radius: calc(15 *(100vw / 1400) * 0.656);
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  gap: calc(16 *(100vw / 1400) * 0.656) calc(33.5 *(100vw / 1400) * 0.656);
  padding: calc(30 *(100vw / 1400) * 0.656) calc(15 *(100vw / 1400) * 0.656);
  width: fit-content !important;
}
.feature .item__type .slick-track::before{
  content: none;
}

.feature .item__type-text{
  color: #808080;
  border: calc(1.58 *(100vw / 1400) * 0.656) solid transparent;
  border-radius: calc(22.5 *(100vw / 1400) * 0.656);
  box-sizing: border-box;
  font-size: calc(30 *(100vw / 1400) * 0.656);
  line-height: 1;
  margin: 0;
  padding: calc(7 *(100vw / 1400) * 0.656) calc(13 *(100vw / 1400) * 0.656);
  text-wrap: nowrap;
  height: calc(45 *(100vw / 1400) * 0.656);
  width: fit-content !important;
}
.feature .item__type-text.cute{
  letter-spacing: -0.1em;
}
.feature .item__type-text.activecute,
.feature .item__type-text.coolcasual{
  letter-spacing: -0.02em;
}
.feature .item__type-text.fresh{
  letter-spacing: -0.09em;
}
.feature .item__type-text.feminine{
  letter-spacing: 0.055em;
}

.feature .item__type-text.slick-current{
  background: #fff;
  color: #3e3a39;
  -webkit-text-stroke: calc(1 *(100vw / 1400) * 0.656) #3e3a39;
  text-stroke: calc(1 *(100vw / 1400) * 0.656) #3e3a39;
}

.feature .item__type-text.slick-current.cute{
  border-color: #e29f98;
}
.feature .item__type-text.slick-current.activecute{
  border-color: #dbb35d;
}
.feature .item__type-text.slick-current.fresh{
  border-color: #83b5b5;
}
.feature .item__type-text.slick-current.coolcasual{
  border-color: #668e88;
}
.feature .item__type-text.slick-current.feminine{
  border-color: #dd97c4;
}
.feature .item__type-text.slick-current.cool{
  border-color: #5978aa;
}
.feature .item__type-text.slick-current.softelegant{
  border-color: #ae86b7;
}
.feature .item__type-text.slick-current.elegant{
  border-color: #8c73c9;
}

.feature .item__brand-ttl{
  background: #fff;
  border-radius: calc(30 *(100vw / 1400) * 0.656);
  box-sizing: border-box;
  color: #3e3a39;
  font-size: calc(30 *(100vw / 1400) * 0.656);
  letter-spacing: 0.01em;
  line-height: 1;
  margin: calc(52 *(100vw / 1400) * 0.656) auto 0;
  padding: calc(16 *(100vw / 1400) * 0.656) calc(80 *(100vw / 1400) * 0.656);
  -webkit-text-stroke: calc(1 *(100vw / 1400) * 0.656) #3e3a39;
  text-stroke: calc(1 *(100vw / 1400) * 0.656) #3e3a39;
  text-align: center;
  height: calc(60 *(100vw / 1400) * 0.656);
  width: fit-content;
}

.feature .item__brand-list{
  display: none;
  flex-wrap: wrap;
  gap: calc(21 *(100vw / 1400) * 0.656) calc(80 *(100vw / 1400) * 0.656);
  justify-content: center;
  margin: calc(38 *(100vw / 1400) * 0.656) auto 0;
  width: calc(670 *(100vw / 1400) * 0.656);
}
.feature .item__brand-list.on{
  display: flex;
}
.feature .item__brand-list .item__brand-text{
  align-items: center;
  display: flex;
  flex-direction: column;
}
.feature .item__brand-list .item__brand-text a{
  color: #3e3a39;
  font-size: calc(20 *(100vw / 1400) * 0.656);
  line-height: 1;
  text-align: center;
  height: fit-content;
}
.feature .item__brand-list .item__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;
}

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

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

.feature .item__panel{
  display: none;
}
.feature .item__panel.on{
  display: block;
}

.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-color: #727171;
  margin: calc(55 *(100vw / 1400) * 0.656) auto 0;
  padding: 0;
  -webkit-text-stroke: calc(0.5*(100vw / 1400) * 0.656) #727171;
  text-stroke: calc(0.5*(100vw / 1400) * 0.656) #727171;
}
.feature .item__panel .item__panel-btn::before{
  background: url(../img/arrow03.svg) top left / contain no-repeat;
  top: calc(7 *(100vw / 1400) * 0.656);
  right: calc(140 *(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(148 *(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-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(5),
.feature .face__list .face__list-box:nth-of-type(6){
  margin-top: calc(-2 *(100vw / 1400) * 0.656);
}
.feature .face__list .face__list-box:nth-of-type(7),
.feature .face__list .face__list-box:nth-of-type(8){
  margin-top: calc(-6 *(100vw / 1400) * 0.656);
}

.feature .face__list .face__list-box:nth-of-type(even) .face__list-btn{
  left: calc(20 *(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;
}

/*******************************
slick
*******************************/

.feature .item__slide .slick-arrow{
  top: calc(202 *(100vw / 1400) * 0.656);
  z-index: 10;
}

.feature .item__slide .slick-next{
  right: 0;
  height: calc(20 *(100vw / 1400));
  width: calc(14 *(100vw / 1400));
}
.feature .item__slide .slick-prev{
  left: 0;
  height: calc(20 *(100vw / 1400));
  width: calc(14 *(100vw / 1400));
}

.feature .item__slide .slick-arrow:before{
  border-style: solid;
  border-top: calc(14 *(100vw / 1400)) solid transparent;
  border-bottom: calc(14 *(100vw / 1400)) solid transparent;
  border-left: calc(20 *(100vw / 1400)) solid #e29f98;
  border-right: 0;
  content: "";
  font-size: inherit;
  opacity: 1;
}
.feature .item__slide .slick-prev:before{
  border-left: 0;
  border-right: calc(20 *(100vw / 1400)) solid #e29f98;
}

.feature .item__slide .slick-arrow.slick-next.cute:before{
  border-left-color: #e29f98;
}
.feature .item__slide .slick-arrow.slick-prev.cute:before{
  border-right-color: #e29f98;
}
.feature .item__slide .slick-arrow.slick-next.activecute:before{
  border-left-color: #dbb35d;
}
.feature .item__slide .slick-arrow.slick-prev.activecute:before{
  border-right-color: #dbb35d;
}
.feature .item__slide .slick-arrow.slick-next.fresh:before{
  border-left-color: #83b5b5;
}
.feature .item__slide .slick-arrow.slick-prev.fresh:before{
  border-right-color: #83b5b5;
}
.feature .item__slide .slick-arrow.slick-next.coolcasual:before{
  border-left-color: #668e88;
}
.feature .item__slide .slick-arrow.slick-prev.coolcasual:before{
  border-right-color: #668e88;
}
.feature .item__slide .slick-arrow.slick-next.feminine:before{
  border-left-color: #dd97c4;
}
.feature .item__slide .slick-arrow.slick-prev.feminine:before{
  border-right-color: #dd97c4;
}
.feature .item__slide .slick-arrow.slick-next.cool:before{
  border-left-color: #5978aa;
}
.feature .item__slide .slick-arrow.slick-prev.cool:before{
  border-right-color: #5978aa;
}
.feature .item__slide .slick-arrow.slick-next.softelegant:before{
  border-left-color: #ae86b7;
}
.feature .item__slide .slick-arrow.slick-prev.softelegant:before{
  border-right-color: #ae86b7;
}
.feature .item__slide .slick-arrow.slick-next.elegant:before{
  border-left-color: #8c73c9;
}
.feature .item__slide .slick-arrow.slick-prev.elegant:before{
  border-right-color: #8c73c9;
}


/*******************************
fade
*******************************/

.l-container #feature .target[data-fade="fade"]{
  filter: blur(5px);
  opacity: 0;
  transition: opacity 1.1s ease, filter 1.1s ease;
}

.l-container #feature .target[data-fade="fade"][data-is-active="true"]{
  filter: blur(0);
  opacity: 1;
}

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

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