@charset "UTF-8";

.main .bg01{
  background-color: #000;
}

/* 商品 */
.main .item_row{
  display: flex; align-items: center; justify-content: space-between;
  padding: 1% 1%; margin: 2% 2% 0;
  border-style: solid; border-color: #000; border-width: 1px 0;
}
.main .item_name{
  font-weight: bold;
}
.main .item_row02{
  display: grid; grid-template-columns: 1fr calc(294/768*100%); gap: 0 6%;
  margin: 4% 2% 0;
}
.main .item_fig{
  width: min(calc(300/768*100vw), 300px); margin: 0 auto;
}
.main .item_cart{
  margin: 4% 0 0;
}
.main .lh1{
  line-height: 1;
}
.main .item_nav{
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75em 3%;
}
.main .item_nav_item{
  color: #b7b7b7; cursor: pointer;
}
.main .item_nav_item.selected{
  color: #000;
}
.main .item_nav_fig{
  display: flex; justify-content: center;
  position: relative; z-index: 0;
  padding: 8% 0;
  border-style: solid; border-color: #979797; border-width: 2px 2px;
}
.main .item_nav_item.selected .item_nav_fig{
  border-color: #000;
}
.main .item_nav_fig::after{
  content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%;
  background-color: rgba(0,0,0,0.2);
}
.main .item_nav_item.selected .item_nav_fig::after{
  display: none;
}
.main .item_nav_img{
  width: calc(95/135*100%);
}
.main .item_nav_name{
  font-weight: bold; text-align: center; margin: 0.2em 0 0;
}

/* トップへ戻る */
.main .totop_wrap{
  display: flex; justify-content: flex-end; margin: 0 4% 0 0;
}
.main .totop{
  display: flex; align-items: center; gap: 0 0.3em;
  color: #C4007F; cursor: pointer;
  border-style: solid; border-color: #C4007F; border-width: 0 0 1px;
}
.main .totop::before{
  content: ""; width: 1em; height: 0.75em; background-color: #C4007F;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

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

/* セレクトボックス */
.main .selectColorWrap select {
  width: 100%; max-width: 100%; background-color: #fff;
}

/* 表示非表示 */
[data-selectarea01]{ display: none; }
[data-selectarea01].selected{ display: block; }
[data-selectarea02]{ display: none; }
[data-selectarea02].selected{ display: block; }
[data-selectarea03]{ display: none; }
[data-selectarea03].selected{ display: block; }

/* .main .size_table{
  background-color: #fff; padding: 3% 0;
  border-style: solid; border-color: #dcdcdc; border-width: 1px 0;
}
.main .size_table_fig{
  width: min( calc(721/768*100%), 721px); margin: 0 auto;
} */


/* サイズ等 */
/* .main .item_note{
  display: flex; flex-direction: column; gap: 1em 0;
  line-height: 1.5; letter-spacing: 0;
  position: relative; z-index: 1;
}
.main .item_note_row{
  display: flex; flex-wrap: wrap; align-items: center; gap: 0.5em 1em;
}
.main .item_note_l{
  flex-shrink: 0;
  width: 5em; text-align: center; background-color: #fff; margin: -0.1em 0 0;
  border-style: solid; border-color: #d2d2d2; border-width: 1px 1px;
}
.main .item_note_l02{
  flex-shrink: 0;
}
.main .item_note_r{
  display: flex; flex-wrap: wrap;
}
.main .item_note_r02{
  margin: auto 0 auto auto;
}
.main .item_note_size{
  color: inherit; text-decoration: underline;
}
.main .item_note_chui{
	position: relative; color: #333; text-decoration: underline; padding: 0 0 0 1.5em;
}
.main .item_note_chui::before,
.main .item_note_chui::after{
	content: ""; position: absolute;
}
.main .item_note_chui::before{
	top: 0.15em; left: 0; width: 1em; height: 1em; background: #fff; border: 1px solid #000; border-radius: 50%;
}
.main .item_note_chui::after{
	top: 0.5em; left: 0.5em; width: 0.4em; height: 0.45em; background-color: #333;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
.main .item_note_add{
  text-indent: -1em; padding: 0 0 0 1em;
} */