* {
  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.03em;
  color: #363432;
  background-color: #f0ede9;
}

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

#wrap img {
  /* width: 100%; */
  height: auto;
}

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

.purple {
  color: #b98bbc;
}

h1 {
  font-size: 0.1cqw;
  margin: 0;
  color: #fff;
  font-weight: 400;
  text-align: left;
}

.kv img {
  width: 100%;
  margin: 1.3% 0 0;
}


/* .lead_area */
.lead_area {
  width: 90%;
  margin: 7.5% auto 6.4%;
}

.lead_tx,.lead_link {
  font-size: 3.6cqw;
  font-weight: 600;
  text-align: center;
  line-height: 1.9em;
  letter-spacing: 0.03em;
}

.lead_link {
  color: #b98bbc;
  text-decoration: underline;
  margin-top: 3%;
}


/* アンカーボタン */
.anchor_ul {
  width: 93%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.anchor_ul li {
  position: relative;
  width: 31%;
  border-radius: 4px;
  text-align: center;
  margin-bottom: 3%;
  padding: 4% 5% 4% 0;
  background-color: #b98bbc;
}

.anchor_ul li:nth-of-type(10) {
  width: 52%;
}

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

.anchor_ul li p {
  color: #fff;
  font-size: 3.2cqw;
  font-weight: 600;
  line-height: 1.64em;
}

.anchor_sankaku {
  position: absolute;
  width: 3.3cqw;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 1.4cqw;
}


/* .renewal_area */
#renewal_area {
  width: 94%;
  margin: 0 auto 7.5%;
  background-color: #fff;
  padding: 3.25% 3% 4%;
  border-radius: 4px;
}

.renewal_lead_area {
  margin-top: 5%;
}

.renewal_kv {
  margin-top: 4.8%;
}

.underline {
  background: linear-gradient(transparent 70%, #d4f0cc 30%);
}

.fukidashi {
  position: relative;
  background-color: #d4f0cc;
  padding: 2.6% 2% 2.5%;
  width: 73%;
  margin: 0 auto;
  font-size: 3.4cqw;
  font-weight: 600;
  text-align: center;
  line-height: 1.9em;
  letter-spacing: 0.03em;
  border-radius: 1000px;
}

.fukidashi:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -2.1cqw;
  border: 2.1cqw solid transparent;
  border-top: 3.1cqw solid #d4f0cc;
}

.fukidashi p {
  margin: 0;
  padding: 0;
}


/* 各エリア */
.brand_inner {
  width: 94%;
  margin: 4.3% auto 0;
  background-color: #fff;
  padding: 5% 0 0.1%;
  border-radius: 4px;
}

.h2_wrap {
  margin: 0 0 6%;
}

.h2_1 {
  font-size: 9.8cqw;
  line-height: 1.25em;
  font-weight: bold;
  text-align: center;
}

.h2_2 {
  font-size: 5.8cqw;
  line-height: 1.25em;
  font-weight: bold;
  text-align: center;
  padding-top: 1.4%;
  padding-bottom: 1.9%;
}

.h2_sen {
  width: 22%;
  margin: 1% auto 2.3%;
  border-bottom: #b98bbc 1px solid;
}

.h2_sub {
  font-size: 3.5cqw;
  font-weight: 600;
  text-align: center;
}

/* .brand_lead {
  width: 81%;
  margin: 0 auto;
  background-color: #d4f0cc;
  padding: 3.2% 3.5%;
  border-radius: 4px;
} */

.brand_lead p {
  font-size: 3.6cqw;
  font-weight: 600;
  text-align: center;
  line-height: 1.9em;
  letter-spacing: 0.03em;
}

.item_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 6.5% auto 0;
  width: 96%;
}

.item_box li {
  width: 49%;
  padding: 1.5%;
  margin-bottom: 2%;
  background-color: #e4f7df;
  border-radius: 4px;
}

.item_img img {
  width: 100%;
}

.item_detail {
  padding: 3.1% 2% 3.7%;
}

.shop_name {
  font-size: 2.9cqw;
  font-weight: 600;
  line-height: 1.55em;
}

.item_name,.item_comment p {
  font-size: 2.9cqw;
  font-weight: 500;
  line-height: 1.55em;
}

/* .item_comment p {
  padding: 2.2% 3.5% 3.2%;
  background-color: #fff;
} */

.item_price {
  font-size: 2.9cqw;
  font-weight: 500;
  line-height: 1.54em;
}


.brand_btn {
  text-align: center;
  position: relative;
  margin: 4.5% auto 7.5%;
}

.brand_btn a {
  text-decoration: none;
  display: inline-block;
  padding: 4.3% 6% 5% 3%;
  background-color: #b98bbc;
  font-size: 3.8cqw;
  font-weight: 600;
  border-radius: 1000px;
  width: 78%;
  margin: 0 auto;
  color: #fff;
}

.btn_sankaku {
  position: absolute;
  width: 4.4cqw;
  right: 13.8%;
  top: 0;
  bottom: 0;
  margin: auto;
}


#used_item {
  margin-top: 10.5%;
}



/*スライダー//////////////////////////////////////////////////*/
#wrap .sliderBox_3 {
  width: 100%;
  margin-top: 6.5%;
}

#wrap .sliderBox_3 .contents {
  overflow-x: scroll;
  overflow-y: hidden;
  margin: 0 2% 10%;
}

#wrap .sliderBox_3 #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_3 #itemSlide li {
  width: 170px;
  margin: 0 8px 0 0;
}

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

#wrap .sliderBox_3 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;
}

.name_slider {
  font-size: 3.1cqw;
  font-weight: 500;
  line-height: 1.7em;
}


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