@charset "UTF-8";

.main{
  overflow: hidden;
}
.main .bg01{
  background-color: #000;
}
.main .bar01{
  height: 3px;
  border-style: solid; border-color: #000; border-width: 1px 0;
}
.main .bg02{
  background-image: url(../img/bg.png);
  background-size: cover;
}
.main .bg03{
  background-color: #f4f4f4;
}
.main .head_price{
  font-weight: bold;
}

.main .bazaar{
  width: min( calc(730/768*100%), 730px); margin: 0 auto;
}
.main .item_col{
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1em 2em;
  position: relative; z-index: 0;
}
.main .item_col::after{
  content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 1px; background-color: #b5b5b5; margin: 0 auto;
}

.main .item{
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
}
.main .item.ver02{
  display: block;
}
.main .item_img{
  aspect-ratio: 329/344; width: 100%; height: 100%; object-fit: contain;
}
.main .item_bar{
  grid-column-end: span 2; height: 1px; background-color: #b5b5b5;
}
.main .item_row{
  display: flex; align-items: center; justify-content: space-between;
}
.main .item_fig{
  display: flex; justify-content: center; align-items: flex-end;
}

.main .item_cart{
  margin: 1em 0 0;
}

.main .about{
  position: relative; z-index: 0; color: #222325; font-weight: bold; margin: 0 0.7em;
}
.main .about::before,
.main .about::after{
  content: ""; position: absolute; width: 2em; height: 2em;
  border-style: solid; border-color: #000;
}
.main .about::before{
  top: 0; left: 0; border-width: 0.4em 0 0 0.4em;
}
.main .about::after{
  bottom: 0; right: 0; border-width: 0 0.4em 0.4em 0;
}
.main .about_text{
  padding: 2em 0.5em 2em 1.3em;
}
.main .about_text.ver_black{
  position: relative; z-index: 0; 
}
.main .about_text.ver_white{
  position: absolute; z-index: -1; top: 0; left: 0;
  -webkit-text-stroke: 4px #fff;
}




.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 .selectColorWrap select {
  width: 100%; max-width: 100%;
}

/* 表示非表示 */
[data-selectarea101]{ display: none; }
[data-selectarea101].selected{ display: block; }
[data-selectarea102]{ display: none; }
[data-selectarea102].selected{ display: block; }


/* モーダル */
.main .modal_movie iframe{
  width: 100%; margin: 0 0 1em;
}

/* スライダー */
.main .gr_wrap{
  position: relative; z-index: 0;
  /* background-image: linear-gradient(to right,rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0) 90%, rgba(0,0,0,0.2) 100%); */
}

.main .gr_swiper{

}
.main .gr_arrow{
  position: absolute; top: 0; bottom: 0; z-index: 2; padding: 0 1%; cursor: pointer;
  display: flex; align-items: center;
  transition: opacity .2s;
}
.main .gr_arrow.swiper-button-disabled{
	opacity: 0; cursor: auto;
}
.main .gr_arrow_prev{
  left: 0;
  background-image: linear-gradient(to right,rgba(255,255,255,1) , rgba(255,255,255,0))
}

.main .gr_arrow_next{
  right: 0;
  background-image: linear-gradient(to right,rgba(255,255,255,0) , rgba(255,255,255,1))
}

.main .gr_slide{
  width: 50%; max-width: 320px;
}
.main .gr_slide_cosme{ width: 100%; max-width: 100%;}
.main .gr_slide_img{
  
}


/* サイズ等 */
/* .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: flex-start; gap: 0.5em 1em;
}
.main .item_note_row02{
  display: flex; align-items: flex-start;
}
.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: #000; border-width: 1px 1px;
}
.main .item_note_l02{
  flex-shrink: 0;
}
.main .item_note_r{
  display: flex; flex-wrap: wrap;
}
.main .item_note_r02{
  flex-grow: 1;
  display: flex; flex-wrap: wrap; justify-content: space-around;
}
.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;
} */