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

.mb5p{ margin-bottom: 5% !important;}
.mb10p{ margin-bottom: 10% !important;}
.mb15p{ margin-bottom: 15% !important;}
.mb20p{ margin-bottom: 20% !important;}

  .mb100 { margin-bottom: 100px !important;}
  .mb60 { margin-bottom: 60px !important;}
  .mb30 { margin-bottom: 30px !important;}
  .mb20 { margin-bottom: 20px !important;}
  .mb15 { margin-bottom: 15px !important;}
  .mb10 { margin-bottom: 10px !important;}
  .mb8 { margin-bottom: 8px !important;}
  .mb0 { margin-bottom: 0px !important;}
  .center { text-align: center;}
.left { text-align: left !important;}

  @media screen and (max-width: 767px) {
    .mb100 { margin-bottom: 20% !important;}
    .mb60 { margin-bottom: 25% !important;}
    .mb30 { margin-bottom: 10% !important;}
    .mb20 { margin-bottom: 8% !important;}
    .mb15 { margin-bottom: 3% !important;}
    .mb10 { margin-bottom: 2% !important;}
    .mb8 { margin-bottom: 1% !important;}
    .sp_mb10 { margin-bottom: 10px !important;}
    .sp_mb30 { margin-bottom: 6% !important;}
	.sp_mb50 { margin-bottom: 10% !important;}
    .sp_mb60 { margin-bottom: 18% !important;}
	.sp-left { text-align: left !important;}
	  }

  /*col-set*/
  .col-set {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% + 30px);
    -webkit-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .col1-2 { width: calc(50% - 30px);}
  .col1-3 { width: calc(33.33333333% - 30px);}
  .col2-3 { width: calc(66.66666666% - 30px);}
  .col1-4 { width: calc(25% - 30px);}
  .col3-4 { width: calc(75% - 30px);}
  .col1-5 { width: calc(20% - 30px);}
  .col1-6 { width: calc(16.66666666% - 30px);}
  .col1000-2618 { width: calc(38.2% - 30px);}
  .col1618-2618 { width: calc(61.8% - 30px);}

  .col1-2,
  .col1-3,
  .col2-3,
  .col1-4,
  .col3-4,
  .col1-5,
  .col1-6,
  .col1000-2618,
  .col1618-2618 {
    margin-right: 30px;
  }

  @media screen and (max-width: 767px) {
    .col-set {
      width: calc(100% + 5px);
    }

    .col1-2,
    .col1-3,
    .col2-3,
    .col1-4,
    .col3-4,
    .col1-5,
    .col1-6,
    .col1000-2618,
    .col1618-2618 {
      width: calc(100% - 5px);
      margin-right: 5px;
    }

    .sp-col1-2 {
      width: calc(50% - 5px);
    }
	  
    .sp-col1-3 {
      width: calc(33.333% - 5px);
    } 
  }


.col_center{ display: flex; justify-content: center;}

.fade-in {
  opacity: 0;
  transform: translateY(10px);
  visibility: hidden;
  transition: opacity 0.6s ease-out, transform 1.2s ease-out;
  will-change: opacity, visibility;
}

.fade-in.is-visible {
  opacity: 1;
  transform: none;
  visibility: visible;
}
.fade-in.--2 {
  transition-delay: 300ms;
}
.fade-in.--3 {
  transition-delay: 500ms;
}

.page_13 * {
  font-family: "Noto Sans JP", sans-serif;
}

.page_13 {
 color: #000000;
	background: #d6c9b680;
/*  padding-top: 120px;*/
}

.page_13 p{ word-break: break-all; color: #000000;}

.flex{display: flex;}

@media (max-width: 767px) {
.page_13 {
    padding-top: 0px;
	min-width: 360px;
  }
}
	
.mvSec {
  padding-bottom: 50px;
	background: #ffffff;
}
.mvSec p {
  font-family: "Noto Sans JP", sans-serif;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 2.5;
  margin-top: 31px;
    letter-spacing: 0.03rem;
    margin-bottom: 8%;
}
	
.mvSec p.h1 {
font-family: "Noto Sans JP", sans-serif;
font-weight: normal;
line-height: 1.5;
text-align: center;
margin-top: 10%;
margin-bottom: 20px;
letter-spacing: 0.1rem;
    font-size: 3rem;
    font-weight: 300;
}
@media (max-width: 767px) {
.mvSec p.h1 {
    font-size: 18px;
    text-align: center;
    margin-top: 24px;
    margin-bottom: 13px;
  }
}
	
	
@media (max-width: 767px) {
.mvSec .img01 {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: 100vw;
    max-width: 100vw;
  }
}
	

@media (max-width: 767px) {
  .mvSec {
    margin-bottom: 47px;
  }
  .mvSec .container {
    padding: 0;
  }
  .mvSec p {
    margin-top: 21px;
  }
}
	
.container-min {
  max-width: 1000px;
  margin: auto;
}
.container-mid {
  max-width: 900px;
  margin: auto;
}
.section_tit {
  font-size: 22px;
  font-weight: 400;
  line-height: 31.86px;
  text-align: left;
  padding-top: 18px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .container-min {
    padding: 0 8vw;
  }
  .container-mid {
    padding: 0 15px;
  }
  .section_tit {
    padding-top: 0;
    margin-bottom: 20px;
  }
}

.conceptSec {
  margin-bottom: 100px;
	margin-top: 10%;
}
.conceptbox {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
.conceptbox .conceptbox_l {
   padding: 0px 50px 0 0;
    width: 90%;
}

.conceptbox .conceptbox_r p {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 2;
  text-align: left;
    letter-spacing: 0.03rem;
	 color: #000000;
}


	
.conceptbox .conceptbox_r {
  width: 100%;
    display: flex;
    align-items: flex-end;
}
.conceptSec p {
  font-family: "Noto Sans JP", sans-serif;
}
@media (max-width: 767px) {
  .conceptSec {
    margin-bottom: 50px;
  }
  .conceptSec p {
    font-size: 12px;
  }
  .conceptbox {
    margin-bottom: 33px;
  }
  .conceptbox .conceptbox_r {
	  
  }

  .conceptbox .conceptbox_r p {
	 font-size: 1.2rem;
    /*font-size: 12px;*/
    line-height: 1.8;
  }
  .conceptbox .conceptbox_l {
            width: 80%;
	      padding: 0px 30px 0 0;
  }
	
	
}

@media (max-width: 320px) {
  .conceptbox .conceptbox_r h3 { font-size: 15px; margin-bottom: 10px; line-height: 1;}
  .conceptbox .conceptbox_r p { font-size: 10px; line-height: 1.3;}
}


div#campaign{ background: #ffffff; padding: 10% 0;}
div#campaign .container-min { max-width: 1000px; margin: auto; padding: 0 20px;}
div#campaign h3{font-family: "Noto Serif JP", serif; margin-bottom: 8%; font-size: 120%; letter-spacing: 1px;}
div#campaign div.col-set div.col1-3{ background: #dbbb838c; padding: 30px 8px; position: relative; display: table;}
div#campaign div.col-set div.col1-3 span{ color: #000000; position: absolute; top: 3%; line-height: 1; font-size: 1.5rem; font-family: "Noto Serif JP", serif;}
div#campaign h4{  font-weight: 400; font-size: 16px; line-height: 1.6; text-align: center; display: table-header-group;}
div#campaign div.col-set div.col1-3 p{text-align: center; display: table-cell; vertical-align: middle; width: 100%;}
.ao_bg{ background: #8BB6D4!important;}

@media (max-width: 767px) {
div#campaign div.col-set div.col1-3{margin-bottom: 40px;}	
}

/* 共通 */
ul.flex_menu { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; padding: 0; margin: 0; width: 100%;}
ul.flex_menu li { width: calc((100% - 50px) / 6); box-sizing: border-box;}
ul.flex_menu li a { display: block; text-align: center; position: relative; text-decoration: none; color: inherit;}
ul.flex_menu img { width: 100%; height: auto; display: block;}
ul.flex_menu p{ text-align: center; line-height: 1.5;}
ul.flex_menu li a::after { content: "∨"; display: block; margin-top: 4px; font-size: 14px; line-height: 0.6; text-align: center; color: #6b615a; transform: scaleX(3); transform-origin: center;}
@media screen and (max-width: 768px) {
  ul.flex_menu li {
    width: calc((100% - 20px) / 3); /* 3個横並び（10px×2） */
  }

}

div#makeup_lineup{ background: #ffffff; padding-bottom: 1%;}
div#makeup_lineup hr{ border-bottom: 1px solid #2C1B1B; margin-bottom: 13%;}
div#makeup_lineup div.c01 h5{ font-size: 2rem; font-weight: 400; margin-bottom: 10px;}
div#makeup_lineup div.c01 h6{ font-size: 1.4rem; color: #5D5D5D; margin-bottom: 10px;}
div#makeup_lineup div.c01 h6 span{ font-size: 80%;}
div#makeup_lineup div.c01 h6 + p{ font-size: 1.8rem; line-height: 1.5;}


div#makeup_lineup div.c01 div.col-set div.col1-3 h4 + p{ font-size: 1.25rem; color: #2C1B1B;}

ul#c_lineup{ background: #82765D; display: flex; margin-bottom: 8%;}
ul#c_lineup a:hover{ opacity: 0.6; text-decoration: none;}
ul#c_lineup li{ width: 50%;}
ul#c_lineup li a{ color: #ffffff; padding: 3% 0; display: block; text-align: center; text-decoration: none;}
ul#c_lineup li:first-child{ border-right: #ffffff solid 1px;}

.cam_btn { position: relative; border: none; border-bottom: 1px solid #666; width: 200px; max-width: 90%; float: right;}
.cam_btn::before { content: ""; display: block; width: 30px; height: 1px; background: #666; rotate: 40deg; position: absolute; right: -3px; bottom: 9px;}

div.container-min p.icon{ background: #d0ad70; font-size: 12px; color: #ffffff; display: inline-block; width: 18%; text-align: center; max-width: 250px; margin-bottom: 10px;}


div#makeup_lineup02 p.newpro{ background: #149FC9; font-size: 12px; color: #ffffff; width: 40%; text-align: center; max-width: 400px; margin:0 auto 8%; padding: 5px;}
div#makeup_lineup02 hr{ border-bottom: 1px solid #2C1B1B; margin-bottom: 13%;}
div.newpro h5{ font-size: 2rem;}
div.newpro h6{ font-size: 1.4rem; color: #7D6E6E;}
div.newpro h6 span{ font-size: 80%;}
div.newpro h6 + p{ font-size: 1.8rem; line-height: 1.5;}

div#makeup_lineup02 h5{ font-size: 2rem; margin-bottom: 1%;}
div#makeup_lineup02 h6{ font-size: 1.4rem; color: #7D6E6E; margin-bottom: 8%;}
div#makeup_lineup02 p.newpro_text{font-family: "Noto Serif JP", serif; font-size: 1.8rem; line-height: 1.5;}

div#makeup_lineup02 div.col-set div.col1-3 h4 + p{ font-size: 1.25rem; color: #2C1B1B;}



dl.accordion { margin: 0; display: table-cell; vertical-align: middle; font-size: 106%;}

dl.accordion dt { position: relative; padding:10px 30px 10px 15px; cursor: pointer; border-top: 1px solid #000000;}
dl.accordion dt span{ padding-right: 10px; font-size: 80%;}
dl.accordion dt:first-child{ border: none;}
dl.accordion dt::after {
  content: "＋";
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  line-height: 1;
font-weight: 200;
}

dl.accordion dt.is-open::after { content: "−";}

dl.accordion dd {
  display: none;
  margin: 10px 0 20px;
padding:0 30px 0 15px;
}




div.c01 .col-set.color_set .col1-2 { display: flex; gap: 10px; align-items: flex-start;}
div.c01 .col-set.color_set .col1-2 .photo_item { flex: 0 0 33.333%;}
div.c01 .col-set.color_set .col1-2 div.text{ flex: 1; margin: 0 0 8px;}
div.c01 .col-set.color_set .col1-2 img { width: 100%; height: auto; display: block;}
div.c01 .col-set.color_set .col1-2 div.text h4{ font-size: 1.3rem;}
div.c01 .col-set.color_set .col1-2 div.text p{ font-size: 1.2rem; line-height: 1.5;}

div.c01 .col-set.color_set .col1-2{ width: calc(50% - 10px); margin-right: 10px;}




div.c01 .chart{max-width: 500px; margin: 0 auto; position: relative;}
div.c01 .chart ul li{ position: absolute; width: 23%;}
div.c01 .chart ul li:nth-of-type(1){ top: 7%; left: 26%;}
div.c01 .chart ul li:nth-of-type(2){ top: 5%; left: 55%;}
div.c01 .chart ul li:nth-of-type(3){ top: 48%; left: 17%;}
div.c01 .chart ul li:nth-of-type(4){ top: 54%; left: 45%;}
div.c01 .chart ul li:nth-of-type(5){ top: 44%; left: 72%;}


div.camp{ background: #ffffff;}
div.camp h3,
div.look h3{ font-family: "Noto Serif JP", serif; margin-bottom: 8%; font-size: 120%; letter-spacing: 1px;}
div.camp h4{ font-family: "Noto Serif JP", serif; font-size: 120%; letter-spacing: 1px; font-weight: 300; margin-bottom: 20px;}
div.camp h5{ font-size: 2.5rem; font-weight: 400; line-height: 1.5;}
div.camp h5 span{ font-size: 70%;}
div.camp h6{ font-size: 1.5rem; letter-spacing: 1px; line-height: 1.8;}
div.camp h6 span{ font-size: 160%; font-weight: 300;}
div.camp div.block{ background: #E5EFF6; padding: 10% 6vw; margin-bottom: 7%; text-align: center;}
div.camp div.block p{ text-align: center; font-size: 1.6rem; font-weight: 300;}
div.camp div.block hr{ border-bottom: 1px solid #000; width: 80%; margin: 0 auto 30px;}

div.camp div.block dl dt{font-weight: 500; margin-top: 20px; font-size: 1.6rem; font-weight: 400;}
div.camp div.block dl dd{ font-size: 1.6rem; font-weight: 300;}
div.camp div.block p.photo{ width: 80%; margin: 5% auto;}
div.camp div.block p.morebtn_wrap a{ background: #e5eff6; color: #000000; border: 1px solid #000000;}

/*look*/
div.look { padding: 10% 0 0 0;}
div.look h3 {font-family: "Noto Serif JP", serif; font-size: 1.8rem;}
div.look h4 {font-family: "Noto Serif JP", serif;  color: #8BB6D4;}
div.look p.photo{ display: flex; padding: 0 20% 5% 20%;}
div.look p.photo span{ writing-mode: vertical-rl; font-family: "Noto Serif JP", serif; color: #82765D; font-size: 32px; line-height: 1.5;}
div.look a{ text-decoration: none;}

div.look p{ font-size: 80%; line-height: 1.5; font-weight: 300;}

.lineupSec {
  font-family: 'Noto Sans JP', '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 22px;
  font-weight: 350;
  line-height: 31.86px;
  text-align: left;
}
.lineupSec_row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}
.lineupSec_row.reverse {
  flex-direction: row-reverse;
}
.lineupSec_row .lineupSec_row_l {
    width: calc(50% - 60px);
}
.lineupSec_row .lineupSec_row_r {
    width: 50%;
}
@media (max-width: 767px) {
  .lineupSec {
    font-size: 16px;
  }
  .lineupSec_row {
    display: block;
    margin-bottom: 50px;
  }
  .lineupSec_row .lineupSec_row_l {
      width: 100%;
  }
  .lineupSec_row .lineupSec_row_r {
      width: 100%;
  }
}

.samplerow {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}
.row-col2 {
    width: calc((100% - 16px) / 2);
}
.row-col3 {
    width: calc((100% - 60px) / 3);
}
@media (max-width: 767px) {
  .row-col2 {
      width: calc((100% - 10px) / 2);
  }
  .row-col3 {
      width: 100%;
  }
}

.morebtn_wrap {
    margin-top: 30px;
}
.morebtn_wrap a {
    background: #CFAD70;
    color: #fff;
    display: inline-block;
    width: 100%;
    padding: 15px 0;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.1em;
    text-align: center;
    text-decoration: none;
	max-width: 250px;
}

.morebtn_wrap.btn_soon a{ background: #6b605a70; pointer-events: none;}

div.makeup,
div.footer_Sec{ background: #ffffff;}
div.makeup{ padding: 18% 0 15% 0;}
div.footer_Sec{ background: #ffffff; padding: 10% 3% 0 3%;}

.item_ex_wrap { background-color: transparent; position: relative;}

.item_ex_wrap::before { content: ''; display: block; position: sticky; top: 0; left: 0; width: 100%; height: 100vh;
 background-image: linear-gradient(#e7d1cb 20%, #f2e0dc 40%, #dce1e8 60%, #c6e1f2 80%); background-image: -webkit-linear-gradient(#e7d1cb 20%, #f2e0dc 40%, #dce1e8 60%, #c6e1f2 80%);}

.model_img_wrap { margin: 0 auto; max-width: 500px; position: relative;}

.model_img { background-color: #E8E2D5; padding: 4%;}
div.makeup .tap { width: 100px; height: 100px; line-height: 100px; border: 2px solid #E8E2D5; border-radius: 50%; color: #82765D; text-align: center; font-size: 2.2rem; position: absolute; top: -10%; left: -5%; font-family: "Noto Serif JP", serif;}


div.makeup .use_text { position: absolute; bottom: 0%; font-size: 1rem; right: 3%; line-height: 1; margin: 0; padding: 0;}

@media (max-width: 767px) {
div.makeup .tap { width: 80px; height: 80px; line-height: 80px; left: -3%; font-size: 1.5rem;}
	
	
div.camp h4 { font-size: 100%;}
div.camp h5 { font-size: 1.75rem;}
div.camp h6 { font-size: 1.25rem;}
div.camp h6 span { font-size: 120%;}
div.camp div.block p,
div.camp div.block dl dt,
div.camp div.block dl dd{ font-size: 1.2rem;}
}


@media (max-width: 767px) {
  .item_title {
      font-size: 16px;
      margin-bottom: 20px;
  }
  .item_title span {
      font-size: 13px;
      padding-top: 4px;
  }

  .item_text {
      font-size: 13px;
  }
  .item_text strong {
      font-size: 13px;
      line-height: 22px;
      margin-bottom: 10px;
  }

  .morebtn_wrap {
      margin-top: 20px;
	  text-align: center;
  }
  .morebtn_wrap a {
      width: 80%;
	  max-width: inherit;
      padding: 15px 0;
  }
	div.c01 .col-set.color_set .col1-2 div.text h4{}
	.col-set.color_set .col1-2 .col1-3{ width: 80%!important; margin: 0 auto 10px;}
}

.yourcolorSec{
    max-width: 1000px;
    margin: 0 auto;
}

.yourcolorSec .container-min { margin: 8% auto 0; }

.yourcolorSec .conceptbox .conceptbox_l {
  padding: 33px 27px 0 0;
}
@media (max-width: 767px) {
	.yourcolorSec{ border: none;}
	
  .yourcolorSec .container-min {
    padding: 0;
	  margin: 0;
  }
  .yourcolorSec .conceptbox {
    display: flex;
    flex-direction: column-reverse;
  }
  .yourcolorSec .conceptbox .conceptbox_r {
    position: static;
    width: 100%;
  }
  .yourcolorSec .conceptbox .conceptbox_l {
    width: 100%;
    max-width: none;
    padding: 20px 15px 0;
  }
  .yourcolorSec .conceptbox .conceptbox_l p {
    font-size: 13px;
    font-weight: 300;
    line-height: 26px;
  }
}

.profileSec {
  max-width: 1000px;
  margin: 0 auto 60px;
  padding: 57px 70px;
  background: #DBBB83;
  display: flex;
}
.profileSec .img {
  flex: 0 0 160px;
}
.profileSec .text {
  padding-left: 44px;
}
.profileSec .text h2 {
  margin-bottom: 23px;
  color: #ffffff;
  font-family: Lato;
  font-size: 24px;
  font-weight: 400;
  line-height: 28.8px;
  text-align: left;
  text-indent: -.5em;
}
.profileSec .text h3 {
  color: #ffffff;
  margin-bottom: 9px;
  font-family: Lato;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
}
.profileSec .text h3 a {
  display: inline-block;
  margin-left: 20px;
  vertical-align: bottom;
}
.profileSec .text h3 a img {
  width: 16px;
}
.profileSec .text h4 {
  margin-bottom: 19px;
  color: #fff;
  font-family: Lato;
  font-size: 15px;
  font-weight: 300;
  line-height: 18px;
  text-align: left;
}
.profileSec .text p {
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 300;
  line-height: 24px;
  text-align: left;
  color: #fff;
}

@media (max-width: 767px) {
  .profileSec {
    padding: 40px 15px;
    margin-bottom: 30px;
    display: block;
  }
  .profileSec .img {
    width: 140px;
    margin: 0 auto 20px;
  }
  .profileSec .text {
    padding: 0;
  }
  .profileSec .text h2 {
    margin-bottom: 13px;
    font-size: 18px;
    line-height: 21px;
  }
  .profileSec .text h3 {
    margin-bottom: 7px;
    font-size: 16px;
    line-height: 19px;
  }
  .profileSec .text h4 {
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 14px;
  }
  .profileSec .text p {
    font-size: 12px;
    line-height: 19px;
  }
}

.bnrSec {
  margin-bottom: 60px;
}
.bnrSec h3 {
  font-size: 18px;
  font-weight: 300;
  line-height: 26.06px;
  text-align: left;
  margin-bottom: 20px;
}
.bnrSec ul li + li {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .bnrSec {
    margin-bottom: 30px;
  }
  .bnrSec h3 {
    font-size: 14px;
    margin-bottom: 15px;
  }
}

.sec-look {
    margin-bottom: 30px;
}

.sec-look + section {
  margin-bottom: 70px;
}

.sec-look__group {
    display: flex;
    flex-wrap: wrap;
    gap: 43px;
}

.sec-look__left {
    width: calc(40.91% - 21.5px);
}

.sec-look__right {
    width: calc(59.09% - 21.5px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sec-look__title {
    font-size: 22px;
    line-height: 31.86px;
    margin-bottom: 20px;
}

.sec-look__heading {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;
    margin-bottom: 0;
}

.sec-look__box:nth-of-type(n + 2) .sec-look__heading {
    margin-top: 5px;
}

.sec-look__box p {
    margin-bottom: 0;
}

.sec-look__box a {
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;

}

.sec-look__group__reverse {
    flex-direction: row-reverse;
}

.sec-look__title__reverse {
    text-align: right;
}

.lookSec {
  margin-bottom: 100px;
  padding-bottom: 30px;
  border-bottom: solid #546A8A 1px;
}

@media (max-width: 768px) {
  .sec-look + section {
    margin-bottom: 50px;
  }
  .sec-look + section .container {
    padding-right: 0;
  }
    .sec-look__left {
        width: 86.67%;
    }

    .sec-look__right {
        width: 100%;
        padding: 0 15px;
    }

    .sec-look__heading {
        font-size: 14px;
        font-weight: 400;
        line-height: 16.8px;
    }

    .sec-look__box a {
        font-size: 13px;
        font-weight: 400;
        line-height: 16.8px;
    }

    .sec-look__title {
      padding: 0 10px;
        margin-bottom: 20px;
        font-size: 22px;
        line-height: 31px;
    }

    .sec-look__group {
        gap: 15px;
    }

    .sec-look .container {
        padding: 0;
        max-width: 100%;
    }
    .lookSec {
      margin-bottom: 50px;
      padding-bottom: 0px;
      border-bottom: none;
    }
}

.sec-concept__box {
    display: flex;
    flex-wrap: wrap;
    gap: 27px;
    justify-content: space-between;
}

.sec-concept__left {
    width: 100%;
    max-width: 343px;
}

.sec-concept__right {
    width: calc(100% - 393px);
    /* 343px + 27px */
}

.sec-concept__title {
    font-size: 14px;
    font-weight: 300;
    line-height: 16.94px;
    color: #9A9A9A;
}

.sec-concept__subtitle {
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
    color: #474747;
    margin-top: 30px;

}

.sec-concept__text {
    font-size: 15px;
    font-weight: 300;
    line-height: 30px;
    color: #474747;
    margin-top: 30px;

}



.col-set.color_set .col1-2 .col1-3,.col-set.color_set .col1-2 .col2-3{ margin-right: 10px;}
.col-set.color_set .col1-2 .col1-3 { width: calc(33.33333333% - 10px);}

@media (max-width: 767px) {
    .sec-concept__box {
        flex-direction: column;
    }

    .sec-concept__left {
        max-width: 100%;
    }

    .sec-concept__right {
        width: 100%;
    }

    .sec-concept__title {
        font-size: 14px;
        font-weight: 300;
        line-height: 16.8px;
        color: #9A9A9A;

    }

    .sec-concept__subtitle {
        font-size: 18px;
        font-weight: 300;
        line-height: 26px;

    }

    .sec-concept__text {
        font-size: 15px;
        font-weight: 300;
        line-height: 26px;
    }
}

.multiGrid {
  display: grid;
  overflow-x: scroll;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
  gap: 10px;
  grid-auto-flow: column;
  margin-bottom: 0;
}
.multiGrid > * {
  width: 192px;
  flex-shrink: 0;
  isolation: isolate;
  grid-template-columns: repeat(5, 1fr);
}
.lightSlider {
  position: relative;
}
.multiGrid::-webkit-scrollbar-thumb, .multiGrid::-webkit-scrollbar-track {
  border-radius: 92px;
}

.multiGrid::-webkit-scrollbar-thumb {
  background: #fff;
}

.multiGrid::-webkit-scrollbar-track {
  background: #fff;
}

.multiGrid::-webkit-resizer {
  width: 90%;
}

.multiGrid::-webkit-scrollbar {
  height: 11px;
}

.leftBtn,
.rightBtn {
  font-size: 26px;
  position: absolute;
  top: 30%;
  background-color: #fff;
  color: #000;
  padding: 20px 10px;
}

.leftBtn {
  left: 0;
  border-radius: 0 3px 3px 0;
  box-shadow: 1px 1px 1px #888;
}

.rightBtn {
  right: 0;
  border-radius: 3px 0 0 3px;
  box-shadow: -1px 1px 1px #888;
}

@media (max-width: 767px) {
  .multiGrid {
    gap: 10px;
    padding-right: 15px;
  }
  .multiGrid > * {
    grid-template-columns: repeat(2, 1fr);
    width: 192px;
  }
}
.nextBtn,
.prevBtn,
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 35%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}

.nextBtn:hover, .nextBtn:focus,
.prevBtn:hover,
.prevBtn:focus,
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  color: transparent;
}

.nextBtn:hover:before, .nextBtn:focus:before,
.prevBtn:hover:before,
.prevBtn:focus:before,
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.nextBtn.slick-disabled:before,
.prevBtn.slick-disabled:before,
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 1;
}

.nextBtn:before,
.prevBtn:before,
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.contentsSlider .slick-arrow,
.lightSlider .prevBtn,
.lightSlider .nextBtn {
  transform-origin: top left top left;
  z-index: 2;
  margin: 0;
  display: block;
  width: 20px;
  height: 20px;
  transform-origin: top;
}

.contentsSlider .slick-arrow:before,
.lightSlider .prevBtn:before,
.lightSlider .nextBtn:before {
  content: none;
}

.lightSlider .nextBtn,
.contentsSlider .slick-next {
  transform: rotate(45deg) translate(0, -50%);
  border-top: #1b1b1b 1px solid;
  border-right: #1b1b1b 1px solid;
}

.lightSlider .prevBtn,
.contentsSlider .slick-prev {
  transform: rotate(45deg) translate(0, -50%);
  border-bottom: #1b1b1b 1px solid;
  border-left: #1b1b1b 1px solid;
}

.lightSlider .prevBtn {
  left: -20px;
}

.lightSlider .nextBtn {
  right: -20px;
}

@media (max-width: 1240px) {
  .lightSlider .nextBtn {
    width: 20px;
    height: 20px;
    transform-origin: top;
  }
  .lightSlider .nextBtn {
    right: 10px;
  }
  .lightSlider .prevBtn {
    left: 0px;
  }
}

.itemList__unit .itemName {
  color: #000000;
  margin-bottom: 0;
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 10px;
  text-align: left;
}
.itemList__unit .itemPrice {
  color: #000000;
  font-size: 14px;
  line-height: 17px;
  font-family: "Lato", sans-serif;
  margin-bottom: 0;
}
.itemList__unit .itemPrice small {
  font-size: 8px;
}
a.itemWrap {
    display: block;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}
a.itemWrap:before {
    content: "";
    display: block;
    padding-top: 100%;
}
a.itemWrap .itemImg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
@media (max-width: 767px) {
  .itemList__unit .itemPrice {
    font-size: 10px;
  }
  .itemList__unit .itemName {
    font-size: 10px;
    line-height: 14px;
  }
}

@media (max-width: 767px) {
  .pcOnly{
      display: none !important;
    }
}
@media (min-width: 767px) {
  .spOnly{
    display: none !important;
  }
}

    /* ボタン */
    .open-btn {
        cursor: pointer;
		padding: 0 10px;
    }

    .close-btn {
        position: absolute;
        top: 10px;
        right: 15px;
        font-size: 3rem;
        background: transparent;
        border: none;
        cursor: pointer;
        transition: transform 0.3s ease;
		    outline: none;
    }

.close-btn.under_btn{ font-size: 1.5rem; border: 1px solid #2C1B1B; padding: 10px 30px; line-height: 1; margin: 0 auto; display: block; position: inherit;}







.page_13 button { color: #2C1B1B; outline: none;}

    /* アニメーション*/
    .modal.active .modal-content {
        animation: fadeInScale 0.4s ease forwards;
    }

    @keyframes fadeInScale {
        0% {
            opacity: 0;
            transform: scale(0.8);
        }
        100% {
            opacity: 1;
            transform: scale(1);
        }
    }


@media (max-width: 767px) {
.mvSec .mv_date h3{ font-size: 1.5rem;}
.mvSec .mv_date ul { font-size: 1.2rem;}
div#campaign div.col-set div.col1-3{ padding: 30px 3vw;}
div#campaign h4,
div.days p{ font-size: 1.5rem;}
.page_13 p{  font-size: 1.25rem;}
ul#c_lineup{ font-size: 1.35rem;}
p.photo{ padding: 0 9vw;}
	
/*div#makeup_lineup div.col-set div.col1-2 img{ margin-bottom: 10px;}*/
/*div#makeup_lineup div.col-set div.col1-2 + div.col1-2{ padding: 0 11vw;}*/
div.container-min p.icon{ margin-bottom: 10px;}
div#makeup_lineup div.c01 h5,
div#makeup_lineup02 h5{ font-size: 1.5rem; margin-bottom: 10px;}	
div#makeup_lineup div.c01 h6,
div#makeup_lineup02 h6{ font-size: 1.2rem; margin-bottom: 10px;}
div#makeup_lineup div.c01 h6 + p,
div#makeup_lineup02 p.newpro_text{ font-size: 1.3rem;}
div#makeup_lineup div.c01 div.col-set div.col1-3 h4,
div#makeup_lineup02 div.col-set div.col1-3 h4{ font-size: 1.3rem;}
div#makeup_lineup div.c01 div.col-set div.col1-3 h4 + p ,
div#makeup_lineup02 div.col-set div.col1-3 h4 + p{ font-size: 1.2rem;}
.sp-col1-2 { width: calc(50% - 20px); margin-right: 20px; display: flex; flex-direction: column; justify-content: space-between;}
.sp-col1-2 .morebtn_wrap { margin-top: auto;}
div.look p.photo span{ font-size: 14px;}
.container-min.banner_b{ padding: 0 !important;}
	
img.sp_w60{ width: 60%;}
	

}


@media (max-width: 500px) {
    .conceptbox .conceptbox_r h3 { margin-bottom: 5px;}
    .conceptbox .conceptbox_r p { font-size: 1rem; line-height: 1.5;}
    .conceptbox { margin-bottom: 10px;}
    .conceptSec p.spOnly { font-size: 1rem; line-height: 1.5;}
.cam_btn { width: 140px; max-width: 60%;}
div.makeup .tap { left: -10%; top: -18%;}
div.makeup .use_text { font-size: 0.8rem;}
	
#wapper { padding-top: 0px !important; }
}

div.novelty_photo { overflow: hidden; position: relative; aspect-ratio: 3 / 2;}
div.novelty_photo img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; animation-duration: 6s; animation-iteration-count: infinite; animation-timing-function: ease-in-out;}
.img1 { animation: fadeImg1 4s infinite;}
.img2 { animation: fadeImg2 4s infinite;}

@keyframes fadeImg1 {
  0%   { opacity: 1; }
  45%  { opacity: 1; }
  55%  { opacity: 0; }
  100% { opacity: 0; }
}

@keyframes fadeImg2 {
  0%   { opacity: 0; }
  45%  { opacity: 0; }
  55%  { opacity: 1; }
  100% { opacity: 1; }
}




.photo_fade { position: relative; width: 100%; max-width: 600px; aspect-ratio: 4 / 7; overflow: hidden;}
.photo_fade img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; animation: fadeLoop 12s infinite ease-in-out;}
.photo_fade img:nth-child(1) { animation-delay: 0s; }
.photo_fade img:nth-child(2) { animation-delay: 4s; }
.photo_fade img:nth-child(3) { animation-delay: 8s; }

@keyframes fadeLoop { 
  0%   { opacity: 0; }
  10%  { opacity: 1; }   /* フェードイン */
  40%  { opacity: 1; }   /* 表示キープ */
  60%  { opacity: 0; }   /* フェードアウト */
  100% { opacity: 0; }
}
@media (max-width: 767px) {
.photo_fade { max-width: none;}
.sp_center{ text-align: center;}
}