@charset "UTF-8";

/* =========================================================
   MIZUIRO COLLECTION 2026 / 2605
   ========================================================= */

/* 時限切換え（reserve260508 連携） */
.branch_icon_area {
  display: flex;
  justify-content: center;
}
body:has(.is_release_before):has(.is_platinum) .branch_icon_area {
  display: none;
}
body:has(.is_release_after) .branch_icon_area {
  display: none;
}
.branch_icon_coming {
  color: #fff;
  background-color: #0e6eb8;
  padding: 0 1em;
}
.branch_main_area {
  display: none;
}
body:has(.is_release_before):has(.is_platinum) .branch_main_area {
  display: block;
}
body:has(.is_release_after) .branch_main_area {
  display: block;
}

body:has(.is_release_after) .branch_price_before{
  display: none;
}
.branch_price_after{
  display: none;
}
body:has(.is_release_after) .branch_price_after{
  display: block;
}

/* 共通 */
.main img{
  vertical-align: top;
}

.main .pdt1px{
  padding-top: 1px;
}
.main .mgt005{
  margin-top: 0.5%;
}
.main .mgt10px{
  margin-top: 10px;
}

.main .bg01{
  background-color: #809fc0;
}
.main .bg02{
  background-color: #e4e4e4;
}

.main .color01{
  color: #444;
}


/* ヘッド */
.main .head_desc{
  color: #fff; line-height: 2; background-image: linear-gradient(110deg,#4e7bb6,#97bfdc);
}
.main .head_desc_text{
  width: fit-content; margin: 0 auto;
}


/* ナビ */
.main .nav_wrap {
  position: relative; z-index: 0; background-color: #f3f8fb; padding: 0 0 4%;
}
.main .nav {
  position: absolute; z-index: 1; bottom: 0; width: calc(364 / 768 * 100%); cursor: pointer; margin: auto 0 1%;
}
.main .nav01 {
  left: calc(13 / 768 * 100%);
}
.main .nav02 {
  right: calc(13 / 768 * 100%);
}
.main .nav_img {
  opacity: 0;
  transition: opacity .2s;
}
.main .nav.selected .nav_img {
  opacity: 1;
}

/* タブ */
.main [data-pagearea] {
  display: none;
}
.main [data-pagearea].selected {
  display: block;
}



.main .text-stroke01{
  color: #595757;
  -webkit-text-stroke: 0.1em #fff;
  text-stroke: 0.1em #fff;
  paint-order: stroke;
}
.main .text-stroke02{
  color: #595757;
  -webkit-text-stroke: 0.2em #fff;
  text-stroke: 0.2em #fff;
  paint-order: stroke;
}

/* 商品11 */
.main .item11_box{
  background-image: url(../img/item11_bg.webp);
  background-position: top center;
  background-size: cover;
}
.main .item_row.ver11{
  display: grid; grid-template-columns: calc(399 / 768 * 100%) 1fr;
}
.main .item_right.ver11{
  margin: 0 4% 0 6%;
}
.main .item_name.ver11{
  width: min(calc(209 / 768 * 100vw),209px);
}
.main .item_name_text{
  /* color: ; */
}
.main .item11_set{
  width: calc(739 / 768 * 100%); margin: 0 0 0 1%;
}

/* 商品12 */
.main .item12_box{
  background-image: url(../img/item12_bg.webp);
  background-position: top center;
  background-size: cover;
}
.main .item_row.ver12{
  display: grid; grid-template-columns: 1fr calc(399 / 768 * 100%) ;
}
.main .item_left.ver12{
  margin: 0 4% 0 6%;
}
.main .item12_set{
  width: calc(739 / 768 * 100%); margin: 0 0 0 1%;
}

/* 商品13 */
.main .item13_wrap{
  background-color: #9acbf1;
  background-image: url(../img/item13_bg.webp);
  background-position: top center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.main .item13_head{
  width: calc(597 / 768 * 100%); margin: 0 0 0 2%;
}
.main .item_row.ver13{
  display: grid; grid-template-columns: calc(374 / 768 * 100%) 1fr;
}
.main .item_right.ver13{
  margin: 0 4% 0 6%;
}
.main .item13_bnr{
  width: calc(500 / 768 * 100%); margin: 0 auto;
}

/* 商品14 */
.main .item_row.ver14{
  display: grid; grid-template-columns: 1fr calc(373 / 768 * 100%) ;
}
.main .item_left.ver14{
  margin: 0 4% 0 6%;
}

/* 商品15 */
.main .item15_box{
  background-image: url(../img/item15_bg.webp);
  background-position: top center;
  background-size: cover;
}
.main .item_row.ver15{
  display: grid; grid-template-columns: 1fr calc(374 / 768 * 100%) ;
}
.main .item_left.ver15{
  margin: 0 4% 0 6%;
}

/* ファッション */
.main .fashion_wrap{
  background-image: url(../img/fashion_bg.webp);
  background-size: cover;
}