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


.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:"Lato", 'Noto Sans JP', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

.page_13 {
  color: #6B605A;
	background: #E8E2D5;
  padding-top: 120px;
}

.page_13 p{ word-break: break-all;}

@media (max-width: 767px) {
.page_13 {
    padding-top: 0px;
	min-width: 360px;
  }
}
	
.mvSec {
  margin-bottom: 50px;
}
.mvSec p {
  font-family: "Lato", 'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin-top: 31px;
}
	
.mvSec p.h1 {
font-family: "Noto Serif JP", serif;
font-weight: normal;
font-size: 20px;
line-height: 1.5;
text-align: center;
  margin-top: 30px;
  margin-bottom: 20px;
	  letter-spacing: 0.1rem;
}
@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;
  }
}
	
.mvSec .mv_date h3 { background: #82765D; color: #fff; text-align: center; padding: 8px; margin: 0;}
.mvSec .mv_date ul{ display: flex; flex-wrap: nowrap; font-size: 1.5rem;}
.mvSec .mv_date ul li{ width: 50%; text-align: center; background: #fff; padding: 8px 0;}
.mvSec .mv_date ul li:first-child{ border-right: 1px solid #E8E2D5;}
.mvSec .mv_date ul li:last-child{ border-left: 1px solid #E8E2D5;}
.mvSec .mv_date span{ display: block;}

.mvSec .mv_date { width: 80%; margin: 13px auto 0; max-width: 500px;}
.mvSec .mv_date span {
  font-size: 14px;
  font-weight: 400;
  line-height: 1px;
  text-align: center;
  padding: 10px 0;
}
@media (max-width: 767px) {
  .mvSec {
    margin-bottom: 47px;
  }
  .mvSec .container {
    padding: 0;
  }
  .mvSec p {
    margin-top: 21px;
  }
  .mvSec .mv_date {
    margin-top: 10px;
  }
  .mvSec p:not(.mv_date) span {
    font-size: 10px;
    line-height: 14px;
  }
  .mvSec .mv_date span {
    padding: 5px 25px;
  }
}
	
.container-min {
  max-width: 820px;
  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 15px;
  }
  .container-mid {
    padding: 0 15px;
  }
  .section_tit {
    padding-top: 0;
    margin-bottom: 20px;
  }
}

.conceptSec {
  margin-bottom: 100px;
}
.conceptbox {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
.conceptbox .conceptbox_l {
   padding: 0px 50px 0 0;
    width: 90%;
}
.conceptbox .conceptbox_r h3 {
  font-family: 'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 34.49px;
  text-align: left;
  margin-bottom: 20px;
}
.conceptbox .conceptbox_r h3 small {
  display: block;
  margin-bottom: 30px;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.94px;
  text-align: left;
}
.conceptbox .conceptbox_r p {
  font-family: 'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  letter-spacing: 0;
	color: #6B605A;
}
.conceptbox .conceptbox_r p.sub{ font-size: 12px; padding-top: 15px; margin-top: 5px; border-top: 1px solid #777777;}

	
.conceptbox .conceptbox_r {
  width: 100%;
}
.conceptSec p {
  font-family: 'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
@media (max-width: 767px) {
  .conceptSec {
    margin-bottom: 50px;
  }
  .conceptSec p {
    font-size: 12px;
  }
  .conceptbox {
    margin-bottom: 33px;
  }
  .conceptbox .conceptbox_r {
  }
  .conceptbox .conceptbox_r h3 {
	          font-size: 4vw;
    /*font-size: 20px;*/
    margin-bottom: 20px;
  }
  .conceptbox .conceptbox_r h3 small {
    margin-bottom: 20px;
    padding: 0 10px;
  }
  .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: 5%; }
div#campaign div.col-set div.col1-3{ box-shadow: 4px 4px 4px 0px #00000040; border: 1px solid #E8E2D5; padding: 30px 8px; position: relative; display: table;}
div#campaign div.col-set div.col1-3 span{ color: #82765DCC; position: absolute; top: -9%; line-height: 1; font-size: 4rem; font-family: "Crimson Text", serif;}
div#campaign h4{ font-family: "Noto Sans JP", serif; font-weight: 900; 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%;}

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

div.days p{ margin-bottom: 2px; line-height: 1.5; color: #2C1B1B; font-size: 1.75rem;}
div.days span{ padding-right: 8px;}

div#makeup_lineup{ background: #ffffff; padding-bottom: 10%;}
div#makeup_lineup hr{ border-bottom: 1px solid #2C1B1B; margin-bottom: 13%;}
div#makeup_lineup div.c01 h5{ font-size: 2rem; margin-bottom: 8%;}
div#makeup_lineup div.c01 h6{ font-size: 1.4rem; color: #7D6E6E; margin-bottom: 8%;}
div#makeup_lineup div.c01 h6 span{ font-size: 80%;}
div#makeup_lineup div.c01 h6 + p{font-family: "Noto Serif JP", serif; font-size: 1.8rem; line-height: 1.5; color: #2C1B1B;}


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: #CC652B; font-size: 12px; color: #ffffff; display: inline-block; width: 30%; text-align: center; max-width: 250px; margin-bottom: 8%;}


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


/*look*/
div.look { padding: 10% 0 0 0;}
div.look h3 {font-family: "Noto Serif JP", serif; font-size: 1.8rem;}
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#makeup_lineup02 p.point_btn,
div.look div.container-min p.item_btn{ font-family: "Noto Serif JP", serif; font-size: 1.3rem; border: 1px solid #2C1B1B; padding: 15px 10px; text-align: center; color: #2C1B1B; line-height: 1; width: 250px; min-width: 250px; margin: 0 auto 20%;}
p.howto_btn{ font-family: "Noto Serif JP", serif; font-size: 1.3rem; border: 1px solid #2C1B1B; text-align: center; color: #2C1B1B; line-height: 1; width: 80%; max-width: 500px; margin: 5% auto;}
p.howto_btn a{ text-decoration:none; padding: 15px 10px; display: block;}
div.modal_look div.modal_cont_b div.col-set a{ text-decoration:none;}
div#makeup_lineup02 p.point_btn::after,
div.look div.container-min p.item_btn::after{ content: "+"; margin-left: 5px;}

.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: #6B605A;
    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;
}

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

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

.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 .tap_btn:hover { cursor: pointer;}
div.makeup .tap_btn li{ position: absolute; width: 9%; list-style-type:none;}
div.makeup .tap_btn li:nth-of-type(1) { top: 37%; left: 7%;}
div.makeup .tap_btn li:nth-of-type(2) { top: 60%; left: 18%;}
div.makeup .tap_btn li:nth-of-type(3) { bottom: 12%; right: 45%; top: auto;}
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;}
}

/*---------モーダルウィンドウ----------*/
.modal-window {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(224, 224, 224, 0.85);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
}

 .modal-wrap {
    width: 500px;
    position: relative;
}

 .modal-window-open {
  height: 100vh;
  overflow-y: hidden;
}

 .popup_slide_wrap {
  position: relative;
  margin-top: 10%;
}

 .close_position {
    position: absolute;
    top: 13%;
    z-index: 5;
    right: 4%;
}

 .slide_close {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    background: currentColor;
    border-radius: 0.1em;
    position: relative;
    transform: rotate(45deg);
    line-height: 1;
    width: 2.5em;
    height: 0.15em;
}

 .slide_close::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: inherit;
    border-radius: inherit;
    transform: rotate(90deg);
}

 .popup_slide_close p {
    font-size: 1.2rem;
	color: #fff;
}

 .slide_close:hover {
  opacity: 0.6;
  cursor: pointer;
}

.slider_01{
  padding: 0% 0% 0% 0%;
  position: relative;
}

.slider_01 li {
    display: none;
}
.slider_01 li.active {
    display: block;
}

/* 矢印ボタン */
.slide-prev, .slide-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
        background: none;
    color: #ffffff!important;
    border: none;
    padding: 8px 12px;
    cursor: pointer;
    font-size: 20px;
    z-index: 10;
	transform: scale(1, 3);
}
 .modal-wrap button{outline: none;}
.slide-prev {
    left: 10px;
}
.slide-next {
    right: 10px;
}

@media screen and (max-width:767px){
 .modal-wrap {
width: 80%;
}
}


.slider_01 li {
    display: none;
}

.slider_01 li.active {
    display: block;
}

/*---------モーダルウィンドウ----------*/

@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;
  }
  .morebtn_wrap a {
      width: 100%;
      padding: 10px 0;
  }
}

.yourcolorSec{
    max-width: 1000px;
    border: 2px solid #535D68;
    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: #535D68;
  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;

}

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

    /* モーダル背景 */
    .modal {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        background: rgba(79, 79, 79, 0.5);
        z-index: 1000;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s ease;
    }

    /* モーダル表示状態 */
    .modal.active {
        display: flex;
        opacity: 1;
        pointer-events: auto;
    }

    /* モーダルの中身*/
    .modal-content {
        background: #fff;
        padding: 3vw;
        width: 100%;
		height: 100%;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
        position: relative;
        opacity: 0;
        transform: scale(0.8);
        transition: all 0.3s ease;
		overflow: auto;
		min-width: 340px;
    }

.modal_cont_b{ max-width: 850px; margin: 0 auto; width: 80%;}

/*modal_campaign*/
div.modal_campaign { line-height: 1.8; color: #2C1B1B;}
div.modal_campaign p{ line-height: 1.8; color: #2C1B1B;}
div.modal_campaign .modal_cont_b dl{ font-size: 1.4rem;}
div.modal_campaign .modal_cont_b dl dt{ font-weight: bold; margin-top: 3%;}
div.modal_campaign .modal_cont_b dl dd span{ font-size: 90%;}
div.modal_campaign .modal_cont_b h2{ font-family: "Noto Serif JP", serif; font-size: 1.8rem; padding-top: 3%;}
div.modal_campaign .modal_cont_b h3{ font-size: 1.6rem; margin-bottom: 2%!important;}
div.modal_campaign .modal_cont_b h4{ text-align: left!important; font-size: 1.6rem;}
div.modal_campaign .modal_cont_b p.limited{ background: #FEFCF7; font-size: 1.5rem; line-height: 1.5; padding: 10px 5%; text-align: center; display: inline-block;}

div.modal_campaign .col-set.cam2 .col1-2{ padding-top: 2%;}
div.modal_campaign .col-set.cam2 .cam_left{	flex-grow: 1; position: relative;}
div.modal_campaign .col-set.cam2 .cam_left::after { position: absolute; top: 0; left: 100%; margin: 0 1rem; content: ""; width: 1px; height: 100%; background-color: #2C1B1B;}

div.modal_campaign .popup_ev h3{ background: #82765D; width: 60%; padding: 10px; color: #ffffff; font-family: auto; margin: 0 auto; max-width: 500px; min-width: 300px;}

.modal_point .modal_cont_b{ margin: 10% auto 0; max-width: 500px;}
.modal_point .modal_cont_b div.block{ background: #FEFCF7; border-radius: 20px; padding: 10%; margin-bottom: 5%;}
.modal_point .modal_cont_b div.block h3{ font-family: "Noto Serif JP", serif; font-size: 1.8rem; text-align: center; margin-bottom: 20px;}
.modal_point .modal_cont_b div.block h4{ font-family: "Noto Serif JP", serif; font-size: 1.5rem; text-align: center; margin-bottom: 20px; line-height: 1.5;}
.modal_point .modal_cont_b div.block p { font-size: 1.25rem;}
.modal_point .modal_cont_b ul{ font-size: 1rem;}

.modal_look .modal_cont_b .col-set p{ line-height: 1.5; color: #2C1B1B;}

.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{ padding: 0 15vw; 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;}
.model_img_wrap{ margin: 0 13vw;}
.modal_campaign { text-align: center;}
	
div.modal_campaign .col-set.cam2 .cam_left::after{ display: none;}
div.modal_campaign .modal_cont_b p.limited{ font-size: 1.2rem;}
div.modal_campaign .modal_cont_b h4{ text-align: center!important; margin: auto; display: block!important;}
div.modal_campaign .col-set.cam2 .col1-2 + .col1-2{ border-top: 1px solid #2C1B1B; padding-top: 20px; margin-top: 20px;}
div.modal_campaign .popup_ev h3{ font-size: 1.4rem; margin: 0 auto 20px!important;}
	

}


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