* {
  margin: 0;
  padding: 0;
}

ul,
li {
  list-style-type: none;
}

.clear {
  overflow: hidden;
  _zoom: 1;
}

/*--- clearfix ---*/
#wrap .cf:after {
  content: "";
  display: block;
  clear: both;
}

#wrap *,
#wrap *:before,
#wrap *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

#wrap {
  width: 100%;
  overflow: hidden;
  font-family: "Noto Sans Japanese", "Hiragino Kaku Gothic Std","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.7;
  color: #f5eee4;
  /* background-color: #916153; */
}

.mincho {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#wrap a {
  display: block;
  text-decoration: none;
}

#wrap .main {
  width: 100%;
}

.yellow {
  color: #d9b873;
}


/*SPエリア//////////////////////////////////////////////////*/
@media screen and (max-width: 767px) {
  .pc_only {
    display: none;
  }

  /*lead//////////////////////////////////////////////////*/
  .area_1 {
    background: linear-gradient(-50deg, #9d6f52, #824b41);
  }

  .lead {
    width: 90%;
    padding: 6% 0 0;
    margin: 0 auto;
    text-align: center;
  }

  .lead_big {
    font-size: 4cqw;
    font-weight: 600;
    line-height: 1.8em;
    margin-bottom: 2.5%;
    letter-spacing: 0.02em;
  }

  .lead_1 {
    font-size: 3.5cqw;
    font-weight: 500;
    line-height: 1.85em;
  }

  .coupon {
    position: relative;
    width: 85%;
    margin: 0 auto 0;
    border-top: 1px solid #723936;
    border-bottom: 1px solid #723936;
    background-color: #723936;
    padding: 3.5% 0 6.5%;
  }

  .coupon_h {
    position: absolute;
    width: 80%;
    top: -15%;
    background-color: #f5eee4;
    padding: 1.4% 0 1.6%;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 3.8cqw;
    font-weight: 600;
    text-align: center;
    letter-spacing: 0.02em;
    color: #723936;
  }

  .coupon_h::before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 4.5cqw;
    height: 4.5cqw;
    background-image: url(https://cdn.lumine.jp/contents/design/2025/250808_autumn_cosme_2025/img/present_red.png);
    background-size: contain;
    vertical-align: sub;
    background-repeat: no-repeat;
    top: 0;
    bottom: 0;
    left: 4%;
    margin: auto;
  }

  .coupon_h::after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 4.5cqw;
    height: 4.5cqw;
    background-image: url(https://cdn.lumine.jp/contents/design/2025/250808_autumn_cosme_2025/img/present_red.png);
    background-size: contain;
    vertical-align: sub;
    background-repeat: no-repeat;
    top: 0;
    bottom: 0;
    right: 4%;
    margin: auto;
  }

  .btn {
    text-align: center;
    margin-top: 7.5%;
  }

  .btn_2 {
    text-align: center;
    margin-top: 6.5%;
    padding-bottom: 8.5%;
  }

  .btn a,.btn_2 a {
    font-size: 4cqw;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 1.72em;
    display: inline-block;
    padding: 4% 3% 4%;
    width: 84.5%;
    background-color: #d9b873;
    color: #723936;
    border-radius: 1723936px;
    text-align: center;
    margin: 0 auto;
    border: #723936 solid 1px;
  }

  .anchor {
    width: 92%;
    padding: 8.2% 0 5%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .anchor li {
    position: relative;
    width: 48.5%;
    text-align: center;
    margin: 0 0 3.8%;
  }

  .anchor li a {
    text-decoration: none;
    font-size: 3.6cqw;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 1.72em;
    display: inline-block;
    padding: 6.5% 6% 6.3% 3%;
    margin: 0 auto;
    border-radius: 1723936px;
    text-align: center;
    background-color: #f5eee4;
    color: #723936;
    border: 1px solid #723936;
  }

  .sankaku {
    position: absolute;
    width: 9.5%;
    right: 6%;
    top: 0;
    bottom: 0;
    margin: auto;
  }


/*category//////////////////////////////////////////////////*/
  #category {
    background-color: #723936;
    padding: 5.5% 0 0;
  }

  #lipstick,#mascara,#cheek,#skin,#hair,#perfume,#set {
    padding-top: 3.5%;
  }

  .sen {
    width: 95%;
    margin: 0 auto;
    border-bottom: 1px solid #85574a;
  }

  /* .h2_wrap {
    position: relative;
  } */

  /* .h2_wrap .num {
    position: absolute;
    width: 7.5%;
    left: 11.5%;
    top: 10%;
    bottom: 0;
    } */

  .h2_wrap {
    margin: 0 auto;
    text-align: center;
  }

  h2 {
    position: relative;
    display: inline-block;
    font-size: 11cqw;
    font-weight: bold;
    line-height: 1.6em;
    text-align: center;
    letter-spacing: 0.02em;
    padding-bottom: 2%;
  }

  h2::before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 7cqw;
    height: 7cqw;
    background-size: contain;
    vertical-align: sub;
    background-repeat: no-repeat;
    margin: auto;
  }

  .h2_eyeshadow::before {
    top: 10%;
    left: -13%;
    background-image: url(https://cdn.lumine.jp/contents/design/2025/250808_autumn_cosme_2025/img/num_1.png);
  }

  .h2_lipstick::before {
    top: 10%;
    left: -21%;
    background-image: url(https://cdn.lumine.jp/contents/design/2025/250808_autumn_cosme_2025/img/num_2.png);
  }

  .h2_mascara::before {
    top: 10%;
    left: -18.5%;
    background-image: url(https://cdn.lumine.jp/contents/design/2025/250808_autumn_cosme_2025/img/num_3.png);
  }

  .h2_cheek::before {
    top: 10%;
    left: -25%;
    background-image: url(https://cdn.lumine.jp/contents/design/2025/250808_autumn_cosme_2025/img/num_4.png);
  }

  .h2_skin::before {
    top: 10%;
    left: -17.5%;
    background-image: url(https://cdn.lumine.jp/contents/design/2025/250808_autumn_cosme_2025/img/num_5.png);
  }

  .h2_hair::before {
    top: 10%;
    left: -18%;
    background-image: url(https://cdn.lumine.jp/contents/design/2025/250808_autumn_cosme_2025/img/num_6.png);
  }

  .h2_perfume::before {
    top: 10%;
    left: -17%;
    background-image: url(https://cdn.lumine.jp/contents/design/2025/250808_autumn_cosme_2025/img/num_7.png);
  }

  .h2_set::before {
    top: 10%;
    left: -52%;
    background-image: url(https://cdn.lumine.jp/contents/design/2025/250808_autumn_cosme_2025/img/num_8.png);
  }


  .item_box {
    width: 95%;
    margin: 0 auto 3%;
    background-color: #f5eee4;
    border-radius: 20px;
    padding: 2% 0 5.2%;
  }

  h3 {
    position: relative;
    padding-left: 8%;
    font-size: 6.2cqw;
    font-weight: 600;
    line-height: 1.7em;
    color: #723936;
  }

  h3::before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 5.5cqw;
    height: 5.5cqw;
    background-image: url(https://cdn.lumine.jp/contents/design/2025/250808_autumn_cosme_2025/img/kira.png);
    background-size: contain;
    vertical-align: sub;
    background-repeat: no-repeat;
    top: 0;
    bottom: 0;
    left: 1.5%;
    margin: auto;
  }

  .item_img_wrap {
    width: 94%;
    margin: 2.5% auto 1.5%;
    position: relative;
    padding: 3%;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
  }

  .item_img_wrap::before,
  .item_img_wrap::after {
      position: absolute;
      width: 45px;
      height: 32px;
      content: '';
  }

  .item_img_wrap::before {
      border-left: solid 1px;
      border-top: solid 1px;
      top: 0;
      left: 0;
      color: #723936;
  }

  .item_img_wrap::after {
      border-right: solid 1px;
      border-bottom: solid 1px;
      bottom: 0;
      right: 0;
      color: #723936;
  }

  .item_name {
    margin: 0 auto;
    width: 95%;
    font-size: 3.8cqw;
    font-weight: 600;
    color: #723936;
    padding-left: 3%;
  }

  .buy {
    padding: 0.3% 2.4% 0.5%;
    background-color: #d9b873;
    border: 1px solid #723936;
    border-radius: 2px;
    display: inline-block;
    font-size: 3.2cqw;
    line-height: 1.3em;
  }

  .buy a {
    color: #723936;
  }

  .detail {
    margin: 0 auto;
    width: 95%;
    font-size: 3.4cqw;
    color: #723936;
    font-weight: 600;
    padding-left: 3.8%;
    padding-top: 0.7%;
  }

  .item_tx {
    font-size: 3.4cqw;
    color: #723936;
    font-weight: 500;
    padding: 1.5% 2.2% 1.7% 2.3%;
    background-color: #fff;
    width: 94%;
    margin: 2.5% auto 0;
    border-radius: 5px;
    width: 88%;
  }


/*ショップ//////////////////////////////////////////////////*/
#brand {
  padding: 7% 0 0;
  background: linear-gradient(-150deg, #9d6f52, #824b41);
}

.h2_brand {
  font-size: 5.6cqw;
  font-weight: 600;
  line-height: 1.8em;
  padding-bottom: 5%;
}

.h2_brand::before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 6.5cqw;
    height: 6.5cqw;
    background-image: url(https://cdn.lumine.jp/contents/design/2025/250808_autumn_cosme_2025/img/momiji_1.png);
    background-size: contain;
    vertical-align: sub;
    background-repeat: no-repeat;
    top: 13%;
    /* bottom: 0; */
    left: -13%;
    margin: auto;
  }

  .h2_brand::after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 6.5cqw;
    height: 6.5cqw;
    background-image: url(https://cdn.lumine.jp/contents/design/2025/250808_autumn_cosme_2025/img/momiji_2.png);
    background-size: contain;
    vertical-align: sub;
    background-repeat: no-repeat;
    top: 13%;
    /* bottom: 0; */
    right: -14%;
    margin: auto;
  }

.brand_flex {
  width: 94%;
  margin: 0 auto 1.5%;
  display: flex;
  flex-wrap: wrap;
}

.brand_flex li {
  width: 31%;
  margin-bottom: 3.5%;
}

.brand_flex li:not(:nth-child(3n)) {
  margin-right: 3.5%;
}

.brand_flex li img {
  border-radius: 12px;
}



/*スライダー//////////////////////////////////////////////////*/
#wrap .sliderBox_2 {
  width: 100%;
  padding-left: 1%;
}

#wrap .sliderBox_2 .contents {
  overflow-x: scroll;
  overflow-y: hidden;
  margin: 0 0 5% 0;
}

#wrap .sliderBox_2 #itemSlide {
  width: fit-content;
  display: inline-grid;
  /* grid-template-rows: repeat(2, auto); */
  grid-auto-flow: column;
  overflow: hidden;
  margin-bottom: 6%;
  position: relative;
}

#wrap .sliderBox_2 #itemSlide li {
  width: 78vw;
  /* margin: 0 0 0 1%; */
}

#wrap .sliderBox_2 a {
  text-decoration: none;
}

.detail p {
  font-size: 3.2cqw;
  font-weight: 400;
  line-height: 1.55em;
  padding-top: 3%;
}

.slider_tl {
  font-size: 3.5cqw;
  font-weight: 400;
  line-height: 1.55em;
  padding-bottom: 2.5%;
  margin-top: 7%;
}
  

  }






/*PCエリア//////////////////////////////////////////////////*/
@media screen and (min-width: 768px) {
  .sp_only {
    display: none;
  }

  .kv {
    width: 100cqw;
    text-align: center;
    background-image: url(https://cdn.lumine.jp/contents/design/2025/250808_autumn_cosme_2025/img/bg_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 880px;
  }

  .kv_pc {
    width: 1030px;
    margin: 0 auto 0;
  }

  .main {
    width: 1080px;
  }

  /*lead//////////////////////////////////////////////////*/
  .lead {
    width: 1080px;
    margin: 0 auto;
    text-align: center;
    padding: 65px 0 10px;
  }

  .area_1 {
    background: linear-gradient(-50deg, #9d6f52, #824b41);
  }

  .lead_big {
    font-size: 32px;
    font-weight: 600;
    line-height: 1.6em;
    margin-bottom: 30px;
    letter-spacing: 0.02em;
  }

  .lead_1 {
    font-size: 25px;
    font-weight: 500;
    line-height: 1.9em;
    letter-spacing: 0.03em;
  }

  .coupon {
    position: relative;
    width: 750px;
    margin: 0 auto 0;
    border-top: 1px solid #723936;
    border-bottom: 1px solid #723936;
    background-color: #723936;
    padding: 40px 0 60px;
  }

  .coupon_h {
    position: absolute;
    width: 480px;
    top: -13.5%;
    background-color: #f5eee4;
    padding: 16px 0 18px;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 26px;
    font-weight: 600;
    text-align: center;
    letter-spacing: 0.02em;
    color: #723936;
  }

  .coupon_h::before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 31px;
    height: 31px;
    background-image: url(https://cdn.lumine.jp/contents/design/2025/250808_autumn_cosme_2025/img/present_red.png);
    background-size: contain;
    vertical-align: sub;
    background-repeat: no-repeat;
    top: 0;
    bottom: 0;
    left: 5%;
    margin: auto;
  }

  .coupon_h::after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 31px;
    height: 31px;
    background-image: url(https://cdn.lumine.jp/contents/design/2025/250808_autumn_cosme_2025/img/present_red.png);
    background-size: contain;
    vertical-align: sub;
    background-repeat: no-repeat;
    top: 0;
    bottom: 0;
    right: 5%;
    margin: auto;
  }

  .btn {
    text-align: center;
    margin-top: 50px;
  }

  .btn_2 {
    text-align: center;
    margin-top: 50px;
    padding-bottom: 80px;
  }

  .btn a,.btn_2 a {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0.04em;
    line-height: 1.72em;
    display: inline-block;
    padding: 35px 10px 36px;
    width: 610px;
    background-color: #d9b873;
    color: #723936;
    border-radius: 1723936px;
    text-align: center;
    margin: 0 auto;
    border: #723936 solid 1px;
  }

  .anchor {
    width: 1190px;
    padding: 85px 0 60px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
  }

  .anchor li {
    position: relative;
    width: 280px;
    text-align: center;
    margin-bottom: 30px;
  }

  .anchor li:not(:nth-child(4n)) {
    margin-right: 22px;
  }

  .anchor li a {
    text-decoration: none;
    font-size: 23px;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 1.72em;
    display: inline-block;
    padding: 25px 25px 25px 10px;
    margin: 0 auto;
    border-radius: 1723936px;
    text-align: center;
    background-color: #f5eee4;
    color: #723936;
    border: 1px solid #723936;
  }

  .sankaku {
    position: absolute;
    width: 32px;
    right: 6%;
    top: 0;
    bottom: 0;
    margin: auto;
  }


/*category//////////////////////////////////////////////////*/
  #category {
    background-color: #723936;
    padding: 50px 0 0;
  }

  #lipstick,#mascara,#cheek,#skin,#hair,#perfume,#set {
    padding-top: 45px;
  }

  .sen {
    width: 1200px;
    margin: 0 auto;
    border-bottom: 3px solid #85574a;
  }

  /* .h2_wrap {
    position: relative;
  } */

  /* .h2_wrap .num {
    position: absolute;
    width: 7.5%;
    left: 11.5%;
    top: 10%;
    bottom: 0;
    } */

  .h2_wrap {
    margin: 0 auto;
    text-align: center;
  }

  h2 {
    position: relative;
    display: inline-block;
    font-size: 90px;
    font-weight: bold;
    line-height: 1.6em;
    text-align: center;
    letter-spacing: 0.02em;
    padding-bottom: 25px;
  }

  h2::before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 65px;
    height: 65px;
    background-size: contain;
    vertical-align: sub;
    background-repeat: no-repeat;
    margin: auto;
  }

  .h2_eyeshadow::before {
    top: 10%;
    left: -16%;
    background-image: url(https://cdn.lumine.jp/contents/design/2025/250808_autumn_cosme_2025/img/num_1.png);
  }

  .h2_lipstick::before {
    top: 10%;
    left: -26%;
    background-image: url(https://cdn.lumine.jp/contents/design/2025/250808_autumn_cosme_2025/img/num_2.png);
  }

  .h2_mascara::before {
    top: 10%;
    left: -23.5%;
    background-image: url(https://cdn.lumine.jp/contents/design/2025/250808_autumn_cosme_2025/img/num_3.png);
  }

  .h2_cheek::before {
    top: 10%;
    left: -33%;
    background-image: url(https://cdn.lumine.jp/contents/design/2025/250808_autumn_cosme_2025/img/num_4.png);
  }

  .h2_skin::before {
    top: 10%;
    left: -22.5%;
    background-image: url(https://cdn.lumine.jp/contents/design/2025/250808_autumn_cosme_2025/img/num_5.png);
  }

  .h2_hair::before {
    top: 10%;
    left: -23%;
    background-image: url(https://cdn.lumine.jp/contents/design/2025/250808_autumn_cosme_2025/img/num_6.png);
  }

  .h2_perfume::before {
    top: 10%;
    left: -22.5%;
    background-image: url(https://cdn.lumine.jp/contents/design/2025/250808_autumn_cosme_2025/img/num_7.png);
  }

  .h2_set::before {
    top: 10%;
    left: -62%;
    background-image: url(https://cdn.lumine.jp/contents/design/2025/250808_autumn_cosme_2025/img/num_8.png);
  }


  .item_box {
    width: 850px;
    margin: 0 auto 30px;
    background-color: #f5eee4;
    border-radius: 20px;
    padding: 26px 0 43px;
  }

  h3 {
    position: relative;
    padding-left: 76px;
    font-size: 47px;
    font-weight: 600;
    line-height: 1.4em;
    color: #723936;
  }

  h3::before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 48px;
    height: 48px;
    background-image: url(https://cdn.lumine.jp/contents/design/2025/250808_autumn_cosme_2025/img/kira.png);
    background-size: contain;
    vertical-align: sub;
    background-repeat: no-repeat;
    top: 0;
    bottom: 0;
    left: 2.5%;
    margin: auto;
  }

  .item_img_wrap {
    width: 93%;
    margin: 29px auto 10px;
    position: relative;
    padding: 20px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
  }

  .item_img_wrap::before,
  .item_img_wrap::after {
      position: absolute;
      width: 100px;
      height: 65px;
      content: '';
  }

  .item_img_wrap::before {
      border-left: solid 1px;
      border-top: solid 1px;
      top: 0;
      left: 0;
      color: #723936;
  }

  .item_img_wrap::after {
      border-right: solid 1px;
      border-bottom: solid 1px;
      bottom: 0;
      right: 0;
      color: #723936;
  }

  .item_name {
    margin: 0 auto;
    width: 95%;
    font-size: 26.5px;
    font-weight: 600;
    color: #723936;
    padding-left: 3%;
  }

  .buy {
    padding: 4px 13px 4px;
    background-color: #d9b873;
    border: 1px solid #723936;
    border-radius: 2px;
    display: inline-block;
    font-size: 21px;
    line-height: 1.3em;
  }

  .buy a {
    color: #723936;
  }

  .detail {
    margin: 0 auto;
    width: 95%;
    font-size: 23px;
    color: #723936;
    font-weight: 600;
    padding-left: 3.5%;
    padding-top: 5px;
  }

  .item_tx {
    font-size: 23px;
    color: #723936;
    font-weight: 500;
    padding: 15px 20px 15px 20px;
    background-color: #fff;
    width: 94%;
    margin: 22px auto 0;
    border-radius: 5px;
    width: 88%;
    letter-spacing: 0.04em;
  }


/*ショップ//////////////////////////////////////////////////*/
#brand {
  padding: 70px 0 30px;
  background: linear-gradient(-150deg, #9d6f52, #824b41);
}

.h2_brand {
  font-size: 50px;
  font-weight: 600;
  line-height: 1.6em;
  padding-bottom: 70px;
}

.h2_brand::before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 56px;
    height: 56px;
    background-image: url(https://cdn.lumine.jp/contents/design/2025/250808_autumn_cosme_2025/img/momiji_1.png);
    background-size: contain;
    vertical-align: sub;
    background-repeat: no-repeat;
    top: 9%;
    /* bottom: 0; */
    left: -12%;
    margin: auto;
  }

  .h2_brand::after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 54px;
    height: 54px;
    background-image: url(https://cdn.lumine.jp/contents/design/2025/250808_autumn_cosme_2025/img/momiji_2.png);
    background-size: contain;
    vertical-align: sub;
    background-repeat: no-repeat;
    top: 9%;
    /* bottom: 0; */
    right: -12%;
    margin: auto;
  }

.brand_flex {
  width: 1000px;
  margin: 0 auto 1.5%;
  display: flex;
  flex-wrap: wrap;
}

.brand_flex li {
  width: 220px;
  margin-bottom: 35px;
}

.brand_flex li:not(:nth-child(4n)) {
  margin-right: 40px
}

.brand_flex li img {
  border-radius: 12px;
}




/*スライダー//////////////////////////////////////////////////*/
#wrap .sliderBox_2 {
  width: 100%;
}

#wrap .sliderBox_2 .contents {
  overflow-x: scroll;
  overflow-y: hidden;
  margin: 0 0 5% 0;
}

#wrap .sliderBox_2 #itemSlide {
  width: fit-content;
  display: inline-grid;
  /* grid-template-rows: repeat(2, auto); */
  grid-auto-flow: column;
  overflow: hidden;
  margin-bottom: 6%;
  position: relative;
}

#wrap .sliderBox_2 #itemSlide li {
  width: 700px;
  /* margin: 0 0 0 1%; */
}

#wrap .sliderBox_2 a {
  text-decoration: none;
}

.detail p {
  font-size: 3.2cqw;
  font-weight: 400;
  line-height: 1.55em;
  padding-top: 3%;
}

.slider_tl {
  font-size: 3.5cqw;
  font-weight: 400;
  line-height: 1.55em;
  padding-bottom: 2.5%;
  margin-top: 7%;
}

}