@charset "UTF-8";

.main .ib{
  font-size: inherit; display: inline-block; vertical-align: top;
}
.main .ls0{
  letter-spacing: 0;
}

.main .fs16{ font-size: calc(16/640*100vw); }
.main .fs18{ font-size: calc(18/640*100vw); }
.main .fs19{ font-size: calc(19/640*100vw); }
.main .fs20{ font-size: calc(20/640*100vw); }
.main .fs21{ font-size: calc(21/640*100vw); }
.main .fs22{ font-size: calc(22/640*100vw); }
.main .fs23{ font-size: calc(23/640*100vw); }
.main .fs24{ font-size: calc(24/640*100vw); }
.main .fs25{ font-size: calc(25/640*100vw); }
.main .fs26{ font-size: calc(25/640*100vw); }

@media screen and (min-width: 640px) {
  .main .fs16{ font-size: 16px; }
  .main .fs18{ font-size: 18px; }
  .main .fs19{ font-size: 19px; }
  .main .fs20{ font-size: 20px; }
  .main .fs21{ font-size: 21px; }
  .main .fs22{ font-size: 22px; }
  .main .fs23{ font-size: 23px; }
  .main .fs24{ font-size: 24px; }
  .main .fs25{ font-size: 25px; }
  .main .fs26{ font-size: 26px; }
}

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

/* ヘッダ */
.main .bg01{
  background-color: #000;
}
.main .bg02{
  background-color: #29333f;
}


/* 商品 */
.main .head{
  position: relative; z-index: 0;
}
.main .head_price{
  position: absolute; top: 26%; left:3%;
}
.main .item_wrap{
  display: flex; align-items: center; justify-content: center; gap: 0 min(calc(20/640*100vw),20px);
}
.main .item_left{
  width: min(calc(237/640*100vw),237px);
}
.main .item_right{
  width: min(calc(333/640*100vw),333px);
}


.main .item_info_row{
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 0 0.5em;
  border-style: solid; border-color: #000; border-width: 0 0 1px;
}
.main .item_name{
  margin-left: 4%;
}
.main .item_name.ver_oc01{ width: min(calc(50/640*100vw),50px); }
.main .item_name.ver_oc20{ width: min(calc(54/640*100vw),54px); }
.main .item_name.ver_oc30{ width: min(calc(54/640*100vw),54px); }
.main .item_name.ver_be20{ width: min(calc(51/640*100vw),51px); }
.main .item_name.ver_be30{ width: min(calc(51/640*100vw),51px); }
.main .item_name.ver_n25{ width: min(calc(44/640*100vw),44px); }
.main .item_name.ver_n40{ width: min(calc(44/640*100vw),44px); }

.main .item_desc{
  margin: 4% 0 0 4%;
}
.main .item_cart{
  margin: 4% 0 0 4%;
}


.main .item_btn{
  display: flex; justify-content: center; align-items: center; gap: 0 0.9em;
  position: relative; z-index: 0;
  width: min(calc(357/640*100vw),357px); color: #fff; line-height: 2.4; background-color: #000; margin: 3% auto 0;
  border-radius: 1.2em; cursor: pointer; box-sizing: border-box;
}
.main .item_btn::before{
  content: ""; position: absolute; z-index: 0; top: 1px; right: 1px; bottom: 1px; left: 1px;
  border-style: solid; border-color: #fff; border-width: 1px; border-radius: 1.2em;
}
.main .item_btn_icon{
  display: flex; justify-content: center; align-items: center;
  width: 1.5em; height: 1.5em; background-color: #fff; border-radius: 50%;
}
.main .item_btn_icon::before{
  content: ""; width: 0.7em; height: 0.6em; background-color: #000;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
}



.main .item_nav_wrap{
  display: grid; grid-template-columns: repeat(3,min(calc(166/640*100vw),166px)); justify-content: center; gap: min(calc(7/640*100vw),7px);
  margin: 4% 0 0;
}
.main .item_nav{
  display: flex; align-items: center; gap: 0 min(calc(15/640*100vw),15px);
  position: relative; z-index: 0; padding: 9px 0; box-sizing: border-box; cursor: pointer;
  border-style: solid; border-color: #e8eef1; border-width: 1px 1px;
}
.main .item_nav::before{
  display: none;
  content: ""; position: absolute; z-index: 0; top: -1px; right: -1px; bottom: -1px; left: -1px;
  border-style: solid; border-color: #f77f00; border-width: 3px;
}
.main .item_nav.selected::before{
  display: block;
}

.main .item_nav.ver_oc01{ grid-column-start: 1; grid-row-start: 1; }
.main .item_nav.ver_oc20{ grid-column-start: 2; grid-row-start: 1; }
.main .item_nav.ver_oc30{ grid-column-start: 3; grid-row-start: 1; }
.main .item_nav.ver_be20{ grid-column-start: 2; grid-row-start: 2; }
.main .item_nav.ver_be30{ grid-column-start: 3; grid-row-start: 2; }
.main .item_nav.ver_n25{ grid-column-start: 2; grid-row-start: 3; }
.main .item_nav.ver_n40{ grid-column-start: 3; grid-row-start: 3; }

.main .item_nav_fig{
  width: min(calc(43/640*100vw),43px); margin-left: min(calc(20/640*100vw),20px);
}

.main .item_nav_name.ver_oc01{ width: min(calc(50/640*100vw),50px); }
.main .item_nav_name.ver_oc20{ width: min(calc(54/640*100vw),54px); }
.main .item_nav_name.ver_oc30{ width: min(calc(54/640*100vw),54px); }
.main .item_nav_name.ver_be20{ width: min(calc(51/640*100vw),51px); }
.main .item_nav_name.ver_be30{ width: min(calc(51/640*100vw),51px); }
.main .item_nav_name.ver_n25{ width: min(calc(44/640*100vw),44px); }
.main .item_nav_name.ver_n40{ width: min(calc(44/640*100vw),44px); }

.main .item_hosoku{
  width: 90%; background-color: #fffaf1; padding: 1em 1em; margin: 0 auto; border-radius: 10px;
}

.main .item_hikaku{
  display: flex; flex-direction: column; gap: min(calc(10/640*100vw),10px) 0;
  width: min(calc(520/640*100vw),520px); margin: 0 auto;
}
.main .item_hikaku_btn{
  position: relative; z-index: 0; color: #fff; text-decoration: none; text-align: center; background-color: #000; line-height: 2.2; border-radius: 1.1em;
}
.main .item_hikaku_btn::before{
  content: ""; position: absolute; top: 0; bottom: 0; left: 1.5em; z-index: 0; width: 0.6em; height: 0.7em; background-color: #fff; margin: auto;
  clip-path: polygon(0 100%, 100% 50%, 0 0);
}
.main .slide11{ width: min(calc(556/640*100vw),556px); }
.main .slide12{ width: min(calc(573/640*100vw),573px); }
.main .slide13{ width: min(calc(552/640*100vw),552px); }
.main .slide14{ width: min(calc(571/640*100vw),571px); }

.main .slide11_anm{
  position: absolute; top: 0; right: 0; left: 0; margin: min(24%, calc(0.21*640px)) auto 0;
  width: min(calc(516/640*100vw),516px);
}

.main .kodawari{
  display: flex;
  width: 94%; margin: 0 auto;
}
.main .kodawari_l{
  flex-grow: 1;
  text-align: center; background-color: #ffe4d9; padding: 1em 0;
}
.main .kodawari_r{
  flex-grow: 1;
  text-align: center; background-color: #fff6f2; padding: 1em 0;
}

.main .how{
  width: 94%; margin: 0 auto;
}
.main .how_ttl{
  padding: 0 0 2px 2%;
  border-style: solid; border-color: #999; border-width: 0 0 2px;
}
.main .how_text{
  padding: 0 0 0 1em; text-indent: -1em; margin: 0 0 0 2%;
}
.main .how_btn_wrap{
  display: flex;
}
.main .how_btn{
  display: flex; align-items: center; gap: 0 0.3em;
  color: inherit; text-decoration: underline; margin: 0 0 0 1em;
}
.main .how_btn::before{
  content: ""; width: 0.6em; height: 0.7em; background-color: #000; margin: auto;
  clip-path: polygon(0 100%, 100% 50%, 0 0);
}
.main .movie{
  width: min(calc(551/640*100vw),551px); margin: 0 auto;
}
.main .hosoku{
  display: grid; grid-template-columns: 2.5em auto;
  width: 94%; padding: 1em 1.5em; box-sizing: border-box; margin: 0 auto;
  border-style: solid; border-color: #ededed; border-width: 3px; border-radius: 10px;
}




.main .item_more{
  width: min(calc(132/640*100vw),132px);
}
.main .point{
  width: min(calc(575/640*100vw),575px); margin: 0 auto;
}
.main .how{
  width: min(calc(608/640*100vw),608px); margin: 0 auto;
}
.main .set_area{
  position: relative; z-index: 0;
}
.main .set_box{
  position: absolute; top: 0; bottom: 0; left: 41%; width: 56%;
  display: flex; flex-direction: column; justify-content: center;
}
.main .set_name{
  font-weight: bold;
}
.main .set_price{
  font-weight: bold; margin: 0.5em 0 0;
}
.main .set_cart{
  display: flex; align-items: center; margin: 0.5em 0 0;
}
.main .set_area select{
  flex-shrink: 0; width: 3.5em; height: 35px; padding: 0 0.25em; margin: 0 1em 0 0;
}

/* アコーディオン */
.main .drw_btn{
  position: relative; z-index: 1; font-weight: bold; color: #000; padding: 1.25em 2.75em 1.25em 1em; border: 3px solid #e8eef1; border-radius: 5px; box-sizing: border-box; margin: 5% 3% 0; cursor: pointer;
  background-color: #fff;
}
.main .drw_btn_text{
  letter-spacing: 0;
}
.main .drw_btn_icon{
  position: absolute; top: 0; bottom: 0; right: 1em;
  width: 1.5em; height: 1.5em; background-color: #fff;
  border: 2px solid #000; box-sizing: border-box; margin: auto;
}
.main .drw_btn_icon::before,
.main .drw_btn_icon::after{
  content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: #000;
}
.main .drw_btn_icon::before{
  width: 1em; height: 0.2em;
}
.main .drw_btn_icon::after{
  width: 0.2em; height: 1em;
}
.main .active .drw_btn_icon::after{
  display: none;
}
.main .drw_target{
  display: none;
  position: relative; z-index: 0; top: -30px; margin: 0 3% -30px;
}
.main .drw_target_in{
  text-align: center; background-color: #fff; padding: calc(30px + 4%) 0 4%; border-style: solid; border-color: #e8eef1; border-width: 0 2px 2px; border-radius: 0 0 10px 10px;
}
.main .drw_target_relative{
  position: relative;
}

.main .drw_btn_text_img{
  width: min(calc(244/640*100vw), 244px);
}



.main .hikakuadd{
	cursor: pointer; margin: 6% 0 0;
}
.main .hikakudel{
	display: none; cursor: pointer; margin: 6% 0 0;
}

/* 比較箇所 */
.main .hikaku_tool_waku_a{
  background: #bbb; padding: 0.6% 0.6%;
}
.main .hikaku_tool_waku_b{
  position: relative;background: #fff;border: 1px solid #000;padding: 4% 0;
}
.main .hikaku_tool_waku_b::before,
.main .hikaku_tool_waku_b::after{
content: "";position: absolute;right: 2px;left: 2px;height: 2px;background: #000;
}
.main .hikaku_tool_waku_b::before{
top: 2px;
}
.main .hikaku_tool_waku_b::after{
bottom: 2px;
}

.main .hikaku_ttl{
width: 9em;line-height: 2;text-align: center;background: #eee;margin: 0 0 0 3%;
}
.main .hikaku_text{
margin: 0 3%;
}
.main .hikaku_lists{
  list-style: none;
  display: flex; flex-wrap: wrap; justify-content: center; gap: min(calc(20/640*100vw), 20px);
  padding: 0; margin: 4% 3% 0;
}
.main .hikaku_list{
  display: none; position: relative; width: 30%;
}
.main .hikaku_list.order0{order: 0;}
.main .hikaku_list.order1{order: 1;}
.main .hikaku_list.order2{order: 2;}
.main .hikaku_list.order3{order: 3;}
.main .hikaku_list.order4{order: 4;}
.main .hikaku_list.order5{order: 5;}
.main .hikaku_list.order6{order: 6;}
.main .hikaku_list.order7{order: 7;}
.main .hikaku_list.order8{order: 8;}
.main .hikaku_list.order9{order: 9;}
.main .hikaku_list.order10{order: 10;}
.main .hikaku_list.order11{order: 11;}
.main .hikaku_list.order12{order: 12;}
.main .hikaku_list.order13{order: 13;}
.main .hikaku_list.order14{order: 14;}
.main .hikaku_list.order15{order: 15;}
.main .hikaku_list.order16{order: 16;}
.main .hikaku_list.order17{order: 17;}
.main .hikaku_inner{
cursor: pointer;
}
.main .hikaku_id{
  text-align: center; font-weight: bold; margin: 4% 0 0;
}
.main .hikaku_fig02{
width: 85%;margin: 1% auto 0;overflow: hidden;border-radius: 50%;
}
.main .hikaku_close{
position: absolute;top: -0.5em;left:0;width: 1.5em;height: 1.5em; font-weight: bold;line-height: 1.5;text-align: center;background: #fff;border:1px solid #000;border-radius: 50%;cursor: pointer;
}
/* @media screen and (-webkit-min-device-pixel-ratio: 0) {
_::-webkit-full-page-media, _:future, :root .main .hikaku_close {
line-height: 1.3;text-indent: 1px;
}
} */
.main .hikaku_check_wrap{
display: block;text-align: center;padding: 20% 0;
}
.main .hikaku_check{
top: 0;margin: 0;
}
.main .hikaku_empty{
text-align: center;padding: 20% 0;
}
.main .hikaku_empty_img{
  height: 14px;
}
@media screen and (max-width: 359px) {
.main .hikaku_empty_img{
  height: 12px;
}
}


/* ツール選択　まとめ買い */
.main .tool_bar{
  height: 3px;background: #F9F9F9;
  border-style: solid;border-color: #eee; border-width: 0 0 2px; margin: 2% 3% 0;
}
.main .tool_wrap{
  display: grid; grid-template-columns: 1fr 1fr; gap: 0 min(calc(27/640*100vw), 27px); justify-content: center;
  margin: 3% 3% 0;
}
.main .tool_item{
  min-width: 1px;
}
.main .tool_item_head{
  text-align: center;
}
.main .tool_palette_all_img{
 width: min(calc(139/640*100vw), 139px);
}
.main .tool_chip_all_img{
  width: min(calc(131/640*100vw), 131px); margin: 3% 0 0;
}
.main .tool_select{
  width: 100%;  margin: 8% 0 0;
}
.main .tool_detail{
display: none;margin: 10% 0 0;
}
.main .tool_detail_fig{
position: relative; padding: 40% 0 0;
}
.main .tool_detail_img{
position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;
}
.main .tool_detail_img.ver1700100120000{ width: min(calc(43/640*100vw), 43px);}
.main .tool_detail_img.ver1700100170000{ width: min(calc(80/640*100vw), 80px);}
.main .tool_detail_img.ver1750100130000{ width: min(calc(59/640*100vw), 59px);}
.main .tool_detail_img.ver1750200310000{ width: min(calc(56/640*100vw), 56px);}



.main .tool_detail_price{
  margin:6% 0 0;
}
.main .tool_detail_desc{
  margin: 4% 0 0;
}
.main .tool_detail_more{
  display: flex; justify-content: flex-end;
  margin: 4% 0 0;
}
.main .tool_detail_link{
position: relative; color: #fff;font-weight: bold;line-height: 2;background: #000;padding: 0 1.2em 0 2.4em;margin: 0;border-radius: 1.5em;
}
.main .tool_detail_link::after{
content: "";position: absolute;top: 0.6em;left: 1.3em;border-style: solid;border-color: transparent transparent transparent #fff;border-width: 0.4em 0 0.4em 0.66em;
}
.main .tool_detail_empty{
  height: 16px; vertical-align: top;
}
.main .select_hidden{
  display: none;
}
  
/* まとめて買う */
.main .setbtn_wrap{
  text-align: center;background: #fff;border: 1px solid #ccc;border-radius: 5px;padding: 4% 2%;margin: 4% 3% 0;
}
.main .total_price{
  font-weight: bold;margin: 0 0 2%;
}
.main .setbtn{
  display: block;margin: 0.5em 0 0;
}
.main .setbtn0{
  opacity: 0.5;
}
.main .setbtn1{
  display: none;
}

.main .other_wrap{
  display: flex; flex-direction: column; gap: min(calc(30/640*100vw), 30px) 0;
  margin: 0 3%;
}
.main .other_ttl{
  color: #fff; font-weight: bold; line-height: 2; background-color: #000; padding: 0 1em; margin: 0 2%;
}
.main .other{
  display: grid; grid-template-columns: min(calc(87/640*100vw), 87px) min(calc(290/640*100vw), 290px) min(calc(174/640*100vw), 174px); gap: 0 min(calc(27/640*100vw), 27px);
}
.main .other_fig{
  align-self: flex-start;
  padding: 0.25em 0 0;
}

.main .ver_1750100140000{ order: 1; }
.main .ver_1800100260000{ order: 2; }
.main .ver_1750200210000{ order: 3; }