* {
  margin: 0;
  padding: 0;
}

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

/*snsBtn
-----------------------------------------------------*/
#sns_button {
  width: 90%;
  max-width: 636px;
  height: 25px;
  margin: 20px auto 10px;
  overflow: hidden;
  _zoom: 1;
}
#sns_button li {
  margin-right: 10px;
  float: right;
}

/*--- clearfix ---*/
.cf:after,
#wrap ul.tab: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;
  letter-spacing: 0.6px;
  color: #272727;
  background: linear-gradient(-50deg, #a68757, #dcc693, #caae78);
}

.wrap_deco {
  margin: 0 calc(50% - 50cqw);
  width: 100cqw;
  background-image: url(https://cdn.lumine.jp/contents/design/2025/251209_bestcosme_2025/img/bg_kira.png);
  background-repeat: repeat-y;
  background-position: center center;
  background-size: contain;
  padding-bottom: 3%;
}

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

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

.gold {
  color: #b4995c;
}

.white {
  color: #fff;
}


/* .lead_area */
.lead_area {
  width: 90%;
  margin: 2% auto 10%;
}

.lead_tx1,.lead_tx2 {
  font-size: 3.7cqw;
  font-weight: bold;
  text-align: center;
}

.lead_kome {
  font-size: 2.8cqw;
  font-weight: 500;
  line-height: 1.85em;
  text-align: center;
}

.lead_tx1 {
  line-height: 1.85em;
}

.lead_tx2 {
  background-color: #fff;
  padding: 0.5% 0.1% 0.5% 0.7%;
  margin: 3.6% 0 0;
  line-height: 1.5em;
}


.anchor_area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 94%;
  margin: 0 auto 5%;
}

.anchor_area li {
  position: relative;
  width: 48.5%;
  background-color: #fff;
  margin-bottom: 3%;
}

.anchor_area li a {
  display: block;
  padding: 5.7% 0 0;
  color: #272727;
}

.anchor_area li:not(:nth-of-type(5)) a,.anchor_area li:not(:nth-of-type(6)) a {
  height: 18cqw;
}

.anchor_area li:nth-of-type(5) a,.anchor_area li:nth-of-type(6) a {
  height: 21cqw;
}

.anchor_area li p {
  font-size: 3.6cqw;
  font-weight: bold;
  line-height: 1.5em;
  text-align: center;
}

.icon_sankaku {
  position: absolute;
  width: 4.5cqw;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 7px;
}

.frame_gd_lt,.frame_gd_rt,.frame_gd_lb,.frame_gd_rb {
  position: absolute;
  width: 6.4cqw;
}

.frame_gd_lt {
  top: 3px;
  left: 3px;
}

.frame_gd_rt {
  top: 3px;
  right: 3px;
}

.frame_gd_lb {
  bottom: 3px;
  left: 3px;
}

.frame_gd_rb {
  bottom: 3px;
  right: 3px;
}


.category_inner {
  width: 94%;
  margin: 3% auto 0;
  background-color: rgba(255, 255, 255, 0.65);
  padding: 5% 3% 0.1%;
  border-radius: 3px;
}

.h2_wrap {
    text-align: center;
  }

.h2_1,.h2_2,.h2_3,.h2_4,.h2_5,.h2_6,.h2_7 {
  position: relative;
  display: inline-block;
  font-weight: bold;
  text-align: center;
}

.h2_1,.h2_2,.h2_3,.h2_5,.h2_7 {
  font-size: 7.5cqw;
  line-height: 1.5em;
}

.h2_4,.h2_6 {
  font-size: 7cqw;
  line-height: 1.5em;
}

.h2_1::before,.h2_2::before,.h2_3::before,.h2_4::before,.h2_5::before,.h2_6::before,.h2_7::before {
  content: '';
  position: absolute;
  display: inline-block;
  background-image: url(https://cdn.lumine.jp/contents/design/2025/251209_bestcosme_2025/img/h2_kira_lt.png);
  background-size: contain;
  vertical-align: sub;
  background-repeat: no-repeat;
  top: 0;
  bottom: 0;
  margin: auto;
}

.h2_1::before,.h2_2::before,.h2_3::before,.h2_5::before,.h2_7::before {
  width: 11cqw;
  height: 5cqw;
}

.h2_1::before {
  left: -42.5%;
}

.h2_2::before {
  left: -23%;
}

.h2_3::before {
  left: -27.5%;
}

.h2_4::before {
  width: 11cqw;
  height: 15cqw;
  left: -18.5%;
}

.h2_5::before {
  left: -20%;
}

.h2_6::before {
  width: 11cqw;
  height: 5cqw;
  left: -19%;
}

.h2_7::before {
  left: -31.5%;
}


.h2_1::after,.h2_2::after,.h2_3::after,.h2_4::after,.h2_5::after,.h2_6::after,.h2_7::after {
  content: '';
  position: absolute;
  display: inline-block;
  background-image: url(https://cdn.lumine.jp/contents/design/2025/251209_bestcosme_2025/img/h2_kira_rt.png);
  background-size: contain;
  vertical-align: sub;
  background-repeat: no-repeat;
  top: 0;
  bottom: 0;
  margin: auto;
}

.h2_1::after,.h2_2::after,.h2_3::after,.h2_5::after,.h2_7::after {
  width: 11cqw;
  height: 5cqw;
}

.h2_1::after {
  right: -42.5%;
}

.h2_2::after {
  right: -23%;
}

.h2_3::after {
  right: -27.5%;
}

.h2_4::after {
  width: 11cqw;
  height: 15cqw;
  right: -18.5%;
}

.h2_5::after {
  right: -20%;
}

.h2_6::after {
  width: 11cqw;
  height: 5cqw;
  right: -19%;
}

.h2_7::after {
  right: -31.5%;
}

.category_lead {
  position: relative;
  background-color: #bba36d;
  margin: 3.4% auto 9%;
  width: 88%;
}

.category_lead p {
  font-size: 3.7cqw;
  font-weight: 600;
  text-align: center;
  padding: 4.5% 0;
}

.frame_wh_lt,.frame_wh_rt,.frame_wh_lb,.frame_wh_rb {
  position: absolute;
  width: 7cqw;
}

.frame_wh_lt {
  top: 3px;
  left: 3px;
}

.frame_wh_rt {
  top: 3px;
  right: 3px;
}

.frame_wh_lb {
  bottom: 3px;
  left: 3px;
}

.frame_wh_rb {
  bottom: 3px;
  right: 3px;
}


.h3 {
  width: 85%;
  margin: 0 auto 4%;
}

.height_1 {
  padding-bottom: 7.6%;
}


/* #overall //////////////////////////////////////////////////*/
.itembox_column1 {
  width: 82%;
  margin: 0 auto 9%;
}

.itembox_img_column1 {
  position: relative;
}

.icon_ranking_column1 {
  position: absolute;
  width: 24%;
  top: -1%;
  left: -4%;
}

.detailbox_column1 {
  margin: 2.2% 0 0;
}

.brand_column1 {
  font-size: 3.7cqw;
  font-weight: 600;
  text-align: center;
  color: #938f87;
  line-height: 1.6em;
}

.name_column1 {
  font-size: 3.7cqw;
  font-weight: 600;
  text-align: center;
}


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

#wrap .sliderBox_2 .contents {
  overflow-x: scroll;
  overflow-y: hidden;
  margin: 0 0 9% 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: 210px;
  margin: 0 8px 0 0;
}

/* #wrap .sliderBox_2 #itemSlide li a {
  padding: 2%;
} */

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


.itembox_img_slider {
  position: relative;
}

.icon_ranking_slider {
  position: absolute;
  width: 26%;
  top: 0;
  left: 0;
  z-index: 100;
}

.item_img_slider {
  padding: 2%;
}

.detailbox_slider {
  margin: 1% 3% 0;
}

.brand2_slider {
  font-size: 3.1cqw;
  font-weight: 600;
  text-align: center;
  color: #938f87;
  line-height: 1.4em;
  padding-bottom: 1.2%;
}

.name_slider {
  font-size: 3.1cqw;
  font-weight: 600;
  text-align: center;
  line-height: 1.5em;
}


/* 移行区分E：mobile_firstテンプレートのstyle */
.mobile_first_to_page_top {
  display: block;
}