@charset "UTF-8";

.bg_area {
  background-image: url("../img/bg.webp");
  border-bottom: 8px solid #1c79a0;
}

.mv {
  text-align: center;
  padding-bottom: min(calc(39 / 768 * 100vw), 39px);
}

.item01,
.item02 {
  padding-bottom: min(calc(30 / 768 * 100vw), 30px);
}

.item03 {
  padding-bottom: min(calc(60 / 768 * 100vw), 60px);
}

.item01 .head,
.item02 .head,
.item03 .head {
  background: #fbfefd;
  border-top-left-radius: min(calc(24 / 768 * 100vw), 24px);
  border-top-right-radius: min(calc(24 / 768 * 100vw), 24px);
  padding-bottom: min(calc(21 / 768 * 100vw), 21px);
  margin-inline: min(calc(10 / 768 * 100vw), 10px);
}
.item01 .name_favorite,
.item02 .name_favorite,
.item03 .name_favorite {
  display: flex;
  align-items: center;
  gap: min(calc(10 / 768 * 100vw), 10px);
  padding-block: min(calc(30 / 768 * 100vw), 30px);
  margin-inline: min(calc(25 / 768 * 100vw), 25px);
}
.item01 .item_name,
.item02 .item_name,
.item03 .item_name {
  font-weight: bold;
  color: #12beab;
  font-size: min(calc(38 / 768 * 100vw), 38px);
}
.item01 .thumb_price_cart,
.item02 .thumb_price_cart,
.item03 .thumb_price_cart {
  display: flex;
  gap: min(calc(31 / 768 * 100vw), 31px);
  padding-top: min(calc(17 / 768 * 100vw), 17px);
  margin-inline: min(calc(25 / 768 * 100vw), 25px);
}
.thumb_price_cart > div{
  flex: 1;
}
.special_label {
  font-size: min(calc(24 / 768 * 100vw), 24px);
  color: #be1293;
  font-weight: bold;
}
.priceReturn {
  font-weight: bold;
  font-size: min(calc(28 / 768 * 100vw), 28px);
  color: #333;
  padding-bottom: min(calc(22 / 768 * 100vw), 22px);

}

.item01 .thumb_price_cart,
.item03 .thumb_price_cart {
  align-items: center;
}
.item02 .thumb_price_cart{
  align-items: flex-start;
}
.item01 .name_favorite {
  border-bottom: 1px solid #12beab;
}
.item02 .name_favorite {
  border-bottom: 1px solid #38a8d7;
}
.item03 .name_favorite {
  border-bottom: 1px solid #cbc566;
}
.item01 .item_name {
  color: #12beab;
}
.item02 .item_name {
  color: #38a8d7;
  font-size: min(calc(33 / 768 * 100vw), 33px);
}
.item03 .item_name {
  color: #cbc566;
}
.item02 .name_favorite {
  padding-block: min(calc(20 / 768 * 100vw), 20px);
}

/* item02 カラー選択 */
[data-selectarea01] {
  display: none;
}
[data-selectarea01].selected {
  display: block;
}
.item02 .selectColor {
  width: 100%;
  max-width: 100%;
  background-color: #fff;
  padding: min(calc(10 / 768 * 100vw), 10px) min(calc(30 / 768 * 100vw), 30px)
    min(calc(10 / 768 * 100vw), 10px) min(calc(10 / 768 * 100vw), 10px);
  margin: 0 0 min(calc(8 / 768 * 100vw), 8px);
}

.item02 .selectareaText{
font-size: min(calc(21 / 768 * 100vw),21px);
color: #1c79a0;
  padding-bottom: min(calc(34 / 768 * 100vw), 34px);

}