@charset "UTF-8";

body{
  overflow-y: scroll;
}

.body_no_scroll{
  position: fixed;width: 100%;
}

.vm_none{
  display: none;
}
.none{
  display: none !important;
}

ul, ol, li {
  list-style: none; margin: 0;padding: 0;
}

/* 大枠 */
.vm{
  display: none;
  overflow: auto; position: fixed; top: 0; left: 0; width: 100%; height: 100%; min-width: 100vw; overflow-y: scroll; z-index: 10002; background: rgba(0,0,0,.85);
  -webkit-overflow-scrolling: touch;
}
@media screen and (min-width: 1000px) {
  .vm{
    font-size: 14px;
  }
}
.vm img{
  height: auto;
}
.vm .mgt0{
  margin-top: 0;
}

.vm_wrap{
  position: relative; z-index: 1;
}
@media screen and (min-width: 1000px) {
  .vm_wrap{
    display: flex; justify-content: center; align-items: center; min-height: 100%;
  }
}

.vm_close_wrap {
  position: absolute; z-index: 0; top: 0; right: 0; left: 0; bottom: 0;
}

.vm_inner{
  width: min(640px,100%); margin: 0 auto;
  min-height: 100vh; background: #fff;position: relative;
}
@media screen and (min-width: 1000px) {
  .vm_inner{
    display: grid; grid-template-columns: 360px 1fr; gap: 0 20px; align-content:start;
    width: min(1000px,100%); height: 784px; min-height: auto; padding: 20px;
  }
}


#YMK-module > div > div{
  margin: auto;
}
#YMK-module > div{
  margin: auto;
}  

/* 閉じる */
.vm_close{
  font-size: 12px; line-height: 2.8; text-align: center; background: #ccc; cursor: pointer; margin: 20px 4% 0;
}
@media screen and (min-width: 1000px) {
  .vm_close{
     margin: 10px 0 0;
  }
}

.vm_up{
  /* min-height: 350px; */
  background: #000; overflow: hidden;
}
@media screen and (orientation: portrait) {
  .vm_up{
    position: sticky; top: 0; z-index: 10;
  }
}
@media screen and (min-width: 1000px) {
  .vm_up{
    position: static;
    display: flex; align-items: center; justify-content: center;
  }
}

.vm_down{
  background: #fff; padding: 5% 0;
}
@media screen and (min-width: 1000px) {
  .vm_down{
    /* grid-row-end: span 2; */
    padding: 0;
  }
}


/* ナビ1 */
.vm_cat_lists{
  font-size: min(calc(16/640*100vw), 16px ); line-height: 0;
  display: flex; flex-wrap:nowrap;
  width: 100%; overflow: auto;  background: linear-gradient(to top, #666 0%, #666 1px, #ccc 1px, #ccc 100%); padding: 0 0.25em;
}
.vm_cat_list{
  flex-shrink:0;
  padding: 1em 2.4em; background: #ccc; cursor: pointer;
  border-style: solid; border-color: #666; border-width: 0 1px 1px 0;
}
.vm_cat_list.selected{
background: #fff;border-color: #fff #666;
}
@media screen and (min-width: 1000px) {
  .vm_cat_list{
    padding: 0.5em 1.2em;
  }
}
.vm_cat_img{
filter: brightness(0);vertical-align: top;
}
.vm_cat_list.selected .vm_cat_img{
filter: brightness(1);
}
/* .vm_cat_new{vertical-align: top;width:21px;width:5.5vw;margin: 0.75vw 2vw 0 0;} */
.vm_cat_list.ver_limited .vm_cat_img{ width: min(calc(69/640*100vw), 69px ); }
.vm_cat_list.ver_together .vm_cat_img{ width: min(calc(172/640*100vw), 172px ); }
.vm_cat_list.ver_face .vm_cat_img{ width: min(calc(45/640*100vw), 45px ); }
.vm_cat_list.ver_eyes .vm_cat_img{ width: min(calc(46/640*100vw), 46px ); }
.vm_cat_list.ver_lips .vm_cat_img{ width: min(calc(43/640*100vw), 43px ); }



/* ナビ2 */
@media screen and (min-width: 1000px) {
  .vm_nav{
    height: 110px;
  }
}

.vm_nav_lists{
  display: none;
  font-size: min(calc(16/640*100vw), 16px ); line-height: 0;
  flex-wrap:nowrap;
  width: 100%; overflow: auto; background: #fff; padding: 2em 0.5em 0; margin: 0 0 1em;
  border-style: solid; border-color: #666; border-width: 0 0 1px 0;
}
.vm_nav_lists.selected{
  display: flex;
}
@media screen and (min-width: 1000px) {
  .vm_nav_lists{
    padding: 1em 0.5em 0; margin: 0;
  }
}
.vm_nav_list{
  flex-shrink:0;
  display: flex; align-items: center; gap: 0 0.75em;
  padding: 0.7em 1em; cursor: pointer;
  border-style: solid; border-color: #fff; border-width: 1px 1px 0 1px;
}
.vm_nav_list.selected{
  border-color: #666;
}

.vm_nav_img{
  filter: brightness(0); vertical-align: top;
}
.vm_nav_list.selected .vm_nav_img{
  filter: brightness(1);
}

.vm_nav_list.ver_alice .vm_nav_img{ width: min( calc(209/640*100vw), 209px ) }
.vm_nav_list.ver_2025winter .vm_nav_img{ width: min( calc(125/640*100vw), 125px ) }
.vm_nav_list.ver_targetgrow .vm_nav_img{ width: min( calc(125/640*100vw), 125px ) }
.vm_nav_list.ver_cheery_cheeks .vm_nav_img{ width: min( calc(277/640*100vw), 277px ) }
.vm_nav_list.ver_cheekybaby .vm_nav_img{ width: min( calc(124/640*100vw), 124px ) }
.vm_nav_list.ver_blush_baby .vm_nav_img{ width: min( calc(117/640*100vw), 117px ) }
.vm_nav_list.ver_eyeshadowpalette .vm_nav_img{ width: min( calc(196/640*100vw), 196px ) }
.vm_nav_list.ver_eyeshadow .vm_nav_img{ width: min( calc(106/640*100vw), 106px ) }
.vm_nav_list.ver_eye_colourshine .vm_nav_img{ width: min( calc(127/640*100vw), 127px ) }
.vm_nav_list.ver_eyeliner .vm_nav_img{ width: min( calc(87/640*100vw), 87px ) }
.vm_nav_list.ver_mascara .vm_nav_img{ width: min( calc(92/640*100vw), 92px ) }
.vm_nav_list.ver_lip_colourshine .vm_nav_img{ width: min( calc(127/640*100vw), 127px ) }
.vm_nav_list.ver_lip_chat .vm_nav_img{ width: min( calc(79/640*100vw), 79px ) }
.vm_nav_list.ver_lip_stick .vm_nav_img{ width: min( calc(83/640*100vw), 83px ) }
.vm_nav_list.ver_lip_mix .vm_nav_img{ width: min( calc(68/640*100vw), 68px ) }
.vm_nav_list.ver_browline .vm_nav_img{ width: min( calc(87/640*100vw), 87px ) }



/* 商品 */
.vm_cat_area,
.vm_nav_area{
  display: none;
}
.vm_cat_area.selected,
.vm_nav_area.selected{
  display: block;
}

@media screen and (min-width: 1000px) {
  .vm_nav_area{
    height: 362px; overflow-y: auto;
  }
}

.vm_product_wrap{
  display: flex;flex-wrap: nowrap;
  width: 100%; overflow: auto; margin: 0.5em 0 0;
}
.vm_product_wrap:nth-of-type(1){
  margin-top: 0;
}
.vm_product_cat{
  flex-shrink: 0;
  display: flex; justify-content: center; align-items: center;
  width: 6.2em; font-weight: bold;
  border-right: 1px solid #000;
}
.vm .vm_product_cat_img{
  width: 80%;
}
.vm_product_new{
  width: min( calc(30/640*100vw), 30px );
}
.vm_product_new02{
  width: min( calc(30/640*100vw), 30px ); margin: min( calc(5px/640*100vw), 5px ) 0 0;
}


/* 商品　見出し　主にパーセント */
.vm_product_ttl{
  flex-shrink: 0;
  display: flex; flex-wrap: wrap; align-items: center;
  width: 5em; font-weight: bold; padding: 0 0 0 1em;
  border-right: 1px solid #000;
}

.vm_product_ttl02{
  display: flex; flex-wrap: wrap; align-items: center; gap: 0em 0.5em;
  width: 12.5em; font-weight: bold; padding: 0 0 0.5em; margin: 2% calc(26/640*100%) 0;
  border-bottom: 1px solid #000;
}
@media screen and (min-width: 1000px) {
  .vm_product_ttl02{
    margin: 1em 10px 0;
  }
}

.vm .w03em{ width: 3em; }
.vm .w04em{ width: 4em; }
.vm .w05em{ width: 5em; }
.vm .w06em{ width: 6em; }
.vm .w07em{ width: 7em; }
.vm .w08em{ width: 8em; }
.vm .w09em{ width: 9em; }
.vm .w10em{ width: 10em; }
.vm .w11em{ width: 11em; }
.vm .w12em{ width: 12em; }
.vm .w13em{ width: 13em; }
.vm .w14em{ width: 14em; }
.vm .w15em{ width: 15em; }
.vm .w16em{ width: 16em; }
.vm .w17em{ width: 17em; }
.vm .w18em{ width: 18em; }
.vm .w19em{ width: 19em; }
.vm .w20em{ width: 20em; }


/* 商品　並び　主にVW */
.vm_product_inner{
  flex-grow: 1;
  display: flex; flex-wrap: nowrap; overflow: auto;
}
.vm_product_inner:has(.vm_product_limited){
  position: relative; padding-bottom: min( calc(38/640*100vw), 38px );
}
.vm_product_inner:has(.vm_product_limited.ver_up){
  padding-top: min( calc(38/640*100vw), 38px ); padding-bottom: 0;
}
@media screen and (min-width: 1000px) {
  .vm_product_inner:has(.vm_product_limited.ver_up){
    padding-top: 24px;
  }
}

.vm_product{
  display: flex; flex-wrap: nowrap;
  min-width: 100%; padding: 0 0 0 min( calc(17/640*100vw), 17px );
}
@media screen and (min-width: 1000px) {
  .vm_product{
    flex-wrap: wrap; padding: 0 0 0 10px;
  }
}
.vm_product::after{
  flex-shrink: 0;
  content: ""; width: min( calc(17/640*100vw), 17px );
}

.vm_product_list{
  cursor: pointer; margin: 0 min( calc(8/640*100vw), 8px );
}
@media screen and (min-width: 1000px) {
  .vm_product_list{
    margin: 0;
  }
}

.vm_product_main{
  position: relative; text-align: center; padding: min( calc(8/640*100vw), 8px ) min( calc(13/640*100vw), 13px ) 0;
}
@media screen and (min-width: 1000px) {
  .vm_product_main{
    padding: 8px 8px 0;
  }
}
.vm_product_main.selected::after{
  content: ""; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0;
  border: 1px solid #ccc;
}
.vm_product_fig{
  display: inline-block; vertical-align: top; border-radius: 50%;
  height: min( calc(68/640*100vw), 68px ); width:min( calc(68/640*100vw), 68px );
}
@media screen and (min-width: 1000px) {
  .vm_product_fig{
    height: 50px; width: 50px;
  }
}

.vm_product02{
  flex-direction: column; align-items: flex-start;
}
/* .vm_product02 .vm_product_list{
} */
.vm_product02 .vm_product_main{
  text-align: left;
}
.vm_product02 .vm_product_fig{
  display: none;
}
.vm_product02 .vm_product_name{
  text-decoration: underline; padding: 0 0 min( calc(8/640*100vw), 8px );
}
.vm_product02 .vm_product_main.selected .vm_product_name{
  color: #C4007F;
}

.vm_product03{

}
/* .vm_product03 .vm_product_list{
  flex-grow: 1;
} */
.vm_product03 .vm_product_main{
  text-align: center;
}
.vm_product03 .vm_product_fig{
  display: none;
}
.vm_product03 .vm_product_name{
  text-decoration: underline; padding: 0 0 min( calc(8/640*100vw), 8px );
}
.vm_product03 .vm_product_main.selected .vm_product_name{
  color: #C4007F;
}

/* パターン */
.vm_product_sub{
display: none; position: relative; cursor: pointer;
padding: min( calc(8/640*100vw), 8px ) 0; margin:min( calc(17/640*100vw), 17px ) 0 0 ;
border: 1px solid #ccc; border-radius: 5px;
}

.vm_product_list .vm_product_sub{
  margin-left: -2.3em; margin-right: -2.3em;
}
/* 最後 */
.vm_product_list:nth-last-of-type(1) .vm_product_sub{
  margin-left: -4.6em; margin-right: 0;
}
/* 最後であっても5個目までは */
.vm_product_list:nth-of-type(-n+5) .vm_product_sub{
  margin-left: -2.3em; margin-right: -2.3em;
}
/* 最初 */
.vm_product_list:nth-of-type(1) .vm_product_sub{
  margin-left: 0; margin-right: -4.6em;
}

.vm_product_sub::after{
  content: ""; position: absolute; right: 0; left: 0; width: 0; height: 0;
  border-style: solid; border-color: transparent transparent #ccc transparent;margin: auto;
  top: max( calc(-12/640*100vw), -12px );
  border-width: 0 min( calc(8/640*100vw), 8px ) min( calc(12/640*100vw), 12px ) min( calc(8/640*100vw), 8px );
}

/* 最後 */
.vm_product_list:nth-last-of-type(1) .vm_product_sub::after{
  left: 50%;
}
/* 最後であっても5個目までは */
.vm_product_list:nth-of-type(-n+5) .vm_product_sub::after{
  left: 0;
}
/* 最初 */
.vm_product_list:nth-of-type(1) .vm_product_sub::after{
  right: 50%;
}

.vm_product_sub.selected{
  display: block;
}
.vm_product_sub_list{
  padding: min( calc(8/640*100vw), 8px ) min( calc(17/640*100vw), 17px );
}
.vm_product_sub_list::before{
  content: "・";
}

.vm_product_sub_list:nth-of-type(1){
  margin-top: 0;
}

.vm_product_sub_list.selected{
  color: #C4007F; text-decoration: underline;
}
/* .vm_product_list_btn{
  flex-shrink: 0;
  display: flex; align-items: flex-end; padding: 0 min( calc(13/640*100vw), 13px ) min( calc(12/640*100vw), 12px ); margin: 0 5px;
}
.vm_product_link_btn{
  display: block; position: relative; font-size: 10px; color: #fff; text-decoration: none; line-height: 1.2; background: #000; padding: 0.5em 1em 0.3em 1.75em; border-radius: 1em;
}
.vm_product_link_btn::after{
  content: ""; position: absolute; top: 0; left: 1em; bottom: 0; width: 0.5em; height: 0.6em; background: #fff; clip-path: polygon(0 0, 0% 100%, 100% 50%); margin: auto;
} */



/* アイテムリスト */
.vm_item{
margin: 5% 0 0;
}
@media screen and (min-width: 1000px) {
  .vm_item{
    grid-row-start: 2; grid-column-start: 1;
    margin: 10px 0 0;
  }
}
.vm_item_ttl{
/* padding: 1% 0 0;border-top: 1px solid #666; */
}
.vm_item_lists{

}
@media screen and (min-width: 1000px) {
  .vm_item_lists{
    display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px;
    height: 105px; overflow-y: auto;
  }
}

.vm_item_list{
  display: none; align-items: center; margin: 4% 4% 0;
}
.vm_item_list.selected{
  display: flex;
}
.vm_item_list.ver02{
  justify-content: center; gap: 0 1em;
}
@media screen and (min-width: 1000px) {
  .vm_item_list{
    margin: 10px 0 0;
  }
  .vm_item_list.ver02{
    grid-column-end: span 2; margin: 20px 0 0;
  }
}

.vm_item_list_close{
  display: flex; align-items: center; width: 11.5%; padding: 0 2%; margin-left: auto;
}
@media screen and (min-width: 1000px) {
  .vm_item_list_close{
    width: 35px; padding: 0 5px;    
  }
}

.vm_item_list_close_img{
vertical-align: top;cursor: pointer;
}
.vm_item_list_noitem{
  width: 100%; text-align: center;
}
.vm_item_list_close_text{
  cursor: pointer;
}
.vm_item_list_fig{
  width: calc(79/375*100vw); flex-shrink: 0;
}
@media screen and (min-width: 1000px) {
  .vm_item_list_fig{
    width: 80px;
  }
}
.vm_item_list_fig_img{
vertical-align: top;
}

.vm_item_list_info{
  flex-grow: 1;
  margin: 0 0 0 3%;
}
@media screen and (min-width: 1000px) {
.vm_item_list_info{
    flex-grow: 1;
    width: auto; margin: 0 0 0 10px;
  }
}

.vm_item_list_cat{
  font-size: min(calc(16/640*100vw), 16px ); line-height: 1.25;
}
@media screen and (min-width: 1000px) {
  .vm_item_list_cat{
    font-size: 12px;
  }  
}

.vm_item_list_name{
  line-height: 1.3; margin: 0.25em 0 0;
}
.vm_item_list_name01{
display: block; font-size: min(calc(18/640*100vw), 18px ); font-weight: bold;
}
@media screen and (min-width: 1000px) {
  .vm_item_list_name01{
    font-size: 13px;
  }  
}
.vm_item_list_name02{
  display: block;font-size: min(calc(16/640*100vw), 16px ); margin: 0.25em 0 0;
}
@media screen and (min-width: 1000px) {
  .vm_item_list_name02{
    font-size: 12px;
  }  
}
.vm_product_limited{
  position:absolute; bottom:0;
  font-size: min( calc(19/640*100vw), 19px ); color: #fff; letter-spacing: 0; text-align: center; background-color: #6c72a4; padding: 0 5px;
}
.vm_product_limited.ver_up{
  top: 0; bottom: auto;
}
.vm_product_limited.ver_playful{
  left: 7.5em; width: 10.5em;
}
.vm_product_limited.ver_shine{
  left: 35.8em; width: 10.5em;
  /* width: 5.5em; */
}
.vm_product_limited.ver_eyeshadowpalette{
  left: 0.5em; width: 46em;
}
.vm_product_limited.ver_shine_eye{
  left: 35.8em; width: 5.5em;
}
.vm_product_limited.ver_cheery_cheeks{
  left: 1.5em; width: 33.5em;
}
.vm_product_limited.ver_fcp_cheery{
  left: 1.5em; width: 16.5em;
}
@media screen and (min-width: 1000px) {
  .vm_product_limited{
    font-size: 12px;
  }
  .vm_product_limited.ver_playful{
    left: 6.5em; width: 11em;
  }
  .vm_product_limited.ver_shine{
    left: 34em; width: 10.5em;
    /* width: 5.5em; */
  }
  .vm_product_limited.ver_eyeshadowpalette{
    left: 0.5em; width: 45.5em;
  }
  .vm_product_limited.ver_shine_eye{
    left: 34em; width: 5.5em;
  }
  .vm_product_limited.ver_cheery_cheeks{
    left: 1em; width: 33.5em;
  }
  .vm_product_limited.ver_fcp_cheery{
    left: 1em; width: 16.5em;
  }
}

.vm_item_list_btn{
display: block; width: min( calc(200/640*100vw), 200px ); margin: 4% 0 0;
}
@media screen and (min-width: 1000px) {
  .vm_item_list_btn{
    width: 130px; margin: 5px 0 0;
  }
}

/* アイテムリスト 二つ以上表示するアイテム */
.vm_item_list_with{
  flex-grow: 1;
}
.vm_item_list_with_inner{
display: flex; align-items: center;
margin: 2.5% 0  0;
}
.vm_item_list_with_inner:nth-of-type(1){
margin-top: 0;
}

.vm_item_text{
  font-size: 11px; color: #555; text-indent: -1em; padding: 0 0 0 1em; margin: 4% 4% 0;
}

/* パターン */
.vm_pattern_area{
  letter-spacing: 0;
}
.vm_pattern_text{
  text-align: center; margin: 10px 4%;
}
.vm_pattern_choose{
  position:  relative; z-index: 1; margin: 0 1.5%;
  display: flex; align-items: center; gap: 0 1.5%;
  flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden;
}
.vm_pattern_choose_item{
  flex-grow: 1;
  min-width: 67px;
  position: relative; z-index: 0; cursor: pointer; padding: 5px 5px;
  border-style: solid; border-color: transparent; border-width: 1px 1px;
}
.vm_pattern_choose_item.yuko{
  color: #C4007F; border-color: #000;
}
.vm_pattern_choose_item.yuko:has(img){
  color: inherit;
}
.vm_pattern_choose_num{
  /* font-size: min(calc(20/640*100vw),20px); */
  text-align: center;
}
.vm_pattern_choose_fig{
  display: flex; justify-content: center; align-items: center; text-align: center;
  width: 3.5em; height: 3.7em; margin: 0 auto;
}

.vm_pattern_choose_img{
  width: 90%;
}
.vm_pattern_choose_text{
  /* font-size: min(calc(20/640*100vw),20px); */
  text-align: center;
}
.vm_pattern_choose_hukidasi{
  opacity: 0;
  position: absolute; z-index: 0; right: 0; bottom: -5px; left: 0; width: 15px; height: 8px; margin: 0 auto;
}
.vm_pattern_choose_hukidasi::before,
.vm_pattern_choose_hukidasi::after{
  content: "";
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  position: absolute;
}
.vm_pattern_choose_hukidasi::before{
  z-index: 1; top: 0; right: 0; left: 0; bottom: -1px; background-color: #ccc;
}
.vm_pattern_choose_hukidasi::after{
  z-index: 2; top: 1px; right: 1px; left: 1px; bottom: -2px; background-color: #fff;
}
.vm_pattern_choose_item.selected .vm_pattern_choose_hukidasi{
  opacity: 1;
}

.vm_pattern_sort{
  flex-grow: 1;
  text-align: center; cursor: pointer; padding: 1em 0;
}

.vm_pattern_list{
  display: none;
  /* margin: 4px 10px 0; */
  position: fixed; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff; padding: 1em 10px;
  overflow-y: auto;
}
.vm_pattern_list.is_open{
  display: block;
}
.vm_pattern_list_head{
  font-weight: bold; text-align: center; margin: 0 0 1em;
}
.vm_pattern_list_row{
  display: grid; grid-template-columns: repeat(8,1fr); gap: 3px 9px;
  max-width: 550px; margin: 0 auto;
  /* padding: 5px 5px;
  border-style: solid; border-color: #ccc; border-width: 1px 1px; */
}

.vm_pattern_list_name{
  grid-column-end: span 8;
  display: flex; align-items: center; gap: 0 1em;
  font-size: min(calc(22/768*100vw), 22px) !important; margin: 1em 0 0.5em;
}
.vm_pattern_list_name::before,
.vm_pattern_list_name::after{
  flex-grow: 1;
  content: ""; height: 1px; background-color: #000; width: 5px;
}


.vm_pattern_list_item{
  text-align: center; cursor: pointer;
}
.vm_pattern_list_img{
  width: 90%; height: auto;
}
.vm_pattern_list_text{
  font-size: clamp(11px, calc(16/640*100vw), 16px);
}
.vm_pattern_list_close{
  max-width: 550px; text-align: center; padding: 0.5em 1em; margin: 1.5em auto 0; cursor: pointer;
  border-style: solid; border-width: #ccc; border-width: 1px 1px;
}

.vm_pattern_order_ttl{
  text-align: center; margin: 10px 0 0;
}
.vm_pattern_order_choose_item{
  /* font-size: min(calc(20/640*100vw),20px); */
  color: #C4007F; text-align: center; cursor: pointer; margin: 5px auto 0;
}
.vm_pattern_order_choose_item:has(img){
  color: inherit;
}
.vm_pattern_order_choose_img{
  width: 33%;
}
.vm_pattern_order_choose_text{
  margin: 5px 0 0;
}
.vm_pattern_order_list{
  display: none;
  /* margin: 0 10px; */
  position: fixed; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff; padding: 10px 10px;
  overflow-y: auto;
}
.vm_pattern_order_list.is_open{
  display: block;
}

.vm_pattern_order_list_inner{
  display: flex; flex-direction: column; justify-content: center;
  height: 100%; max-width: 550px; margin: auto auto;
}
.vm_pattern_order_list_head{
  font-weight: bold; text-align: center; margin: 0 0 1em;
}
.vm_pattern_order_list_close{
  text-align: center; padding: 0.5em 1em; margin: 1.5em 0 0; cursor: pointer;
  border-style: solid; border-width: #ccc; border-width: 1px 1px;
}
.vm_pattern_order_list_row{
  display: grid; grid-template-rows: repeat(4,auto); grid-template-columns: repeat(4,1fr); grid-auto-flow: column; gap: 10px 5px;
  /* padding: 5px 5px;
  border-style: solid; border-color: #ccc; border-width: 1px 1px; */
}
.vm_pattern_order_list_item{
  text-align: center; cursor: pointer;
}
.vm_pattern_order_list_img{
  /* width: 24px; */
  height: auto;
}
.vm_pattern_order_list_text{
  font-size: 11px; margin: 5px 0 0;
}


.vm_pattern_order_hukidasi{
  display: none;
  /* position: relative; width: 15px; height: 8px; margin: 0 auto; */
}
.vm_pattern_order_hukidasi::before,
.vm_pattern_order_hukidasi::after{
  /* content: "";
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  position: absolute; */
}
.vm_pattern_order_hukidasi::before{
  z-index: 1; top: 0; right: 0; left: 0; bottom: -1px; background-color: #ccc;
}
.vm_pattern_order_hukidasi::after{
  z-index: 2; top: 1px; right: 1px; left: 1px; bottom: -2px; background-color: #fff;
}


.vm_pattern_order_text{
  text-align: center;
}
.vm_pattern_btn_row{
  display: grid; grid-template-columns: 1fr 1fr; gap: 0 1em; margin: 10px 10px 0;
}
.vm_pattern_reflect{
  position: relative; color: #aaa; text-align: center; padding: 0.5em 0.5em; 
  border-style: solid; border-width: 1px 1px; border-color: #ccc;
  background: linear-gradient(180deg, rgb(255, 255, 255) 50%, rgb(220, 220, 220) 100%);
  border-radius: 5px;
}
.vm_pattern_reflect::after{
  content: ""; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0;
  border-style: solid; border-color: #fff; border-width: 1px; border-radius: inherit;
}
.vm_pattern_reflect::before{
  content: "反映する";
}
.vm_pattern_area.ready .vm_pattern_reflect{
  color: #000; border-color: #000; cursor: pointer;
}
.vm_pattern_area.ready .vm_pattern_reflect::before{
  content: "反映する";
}
.vm_pattern_area.active .vm_pattern_reflect{
  color: #C4007F; border-color: #C4007F; cursor: default;
}
.vm_pattern_area.active .vm_pattern_reflect::before{
  content: "反映中";
}
.vm_pattern_reset{
  position: relative;
  color: #aaa; text-align: center; padding: 0.5em 0.5em;  
  border-style: solid; border-width: 1px 1px; border-color: #ccc;
  background: linear-gradient(180deg, rgb(255, 255, 255) 50%, rgb(220, 220, 220) 100%);
  border-radius: 5px;
}
.vm_pattern_reset::after{
  content: ""; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0;
  border-style: solid; border-color: #fff; border-width: 1px; border-radius: inherit;
}
.vm_pattern_area.active .vm_pattern_reset{
  color: #000; border-color: #000; cursor: pointer;
}
/* .vm_pattern_reset02{
  font-size: 12px; color: #000; text-align: center; padding: 0.5em 0.5em;  cursor: pointer;
  border-style: solid; border-width: 1px 1px; border-color: #000;
} */


/* ---------------------------- */
/* bl_:'blush' */
/* ---------------------------- */
/* ブラッシュ ベビー */
[data-vm-id="bl_blushbaby01"] .vm_product_fig{background: #fd9dc3;}
[data-vm-id="bl_blushbaby02"] .vm_product_fig{background: #efb1d6;}
[data-vm-id="bl_blushbaby03"] .vm_product_fig{background: #ff9bb8;}
[data-vm-id="bl_blushbaby04"] .vm_product_fig{background: #f9c1c2;}
[data-vm-id="bl_blushbaby05"] .vm_product_fig{background: #f1d7d1;}
[data-vm-id="bl_blushbaby06"] .vm_product_fig{background: #fefdfb;}
[data-vm-id="bl_blushbaby07"] .vm_product_fig{background: #f9decd;}
[data-vm-id="bl_blushbaby08"] .vm_product_fig{background: #eda58f;}
[data-vm-id="bl_blushbaby09"] .vm_product_fig{background: #ea6a74;}
[data-vm-id="bl_blushbaby10"] .vm_product_fig{background: #b7866b;}
[data-vm-id="bl_blushbaby11"] .vm_product_fig{background: #ff9181;}
[data-vm-id="bl_blushbaby12"] .vm_product_fig{background: #fe704b;}
[data-vm-id="bl_blushbaby13"] .vm_product_fig{background: #ff8798;}
[data-vm-id="bl_blushbaby14"] .vm_product_fig{background: #c15966;}
[data-vm-id="bl_blushbaby15"] .vm_product_fig{background: #e4aeae;}
[data-vm-id="bl_blushbaby16"] .vm_product_fig{background: #c2717c;}
/* チーキーベビー */
[data-vm-id="bl_cheekybaby01"] .vm_product_fig{background: #f85d5d;}
[data-vm-id="bl_cheekybaby02"] .vm_product_fig{background: #f96449;}
[data-vm-id="bl_cheekybaby03"] .vm_product_fig{background: #ff7a7a;}
[data-vm-id="bl_cheekybaby04"] .vm_product_fig{background: #fa7c7c;}
[data-vm-id="bl_cheekybaby05"] .vm_product_fig{background: #c14646;}
[data-vm-id="bl_cheekybaby06"] .vm_product_fig{background: #ffd8d8;}
/* チアリー カラーズ フォー チークス */
[data-vm-id="bl_cheery01A"] .vm_product_fig{background: #ffb8b8;}
[data-vm-id="bl_cheery01B"] .vm_product_fig{background: #fda5bb;}
[data-vm-id="bl_cheery02A"] .vm_product_fig{background: #ffc18f;}
[data-vm-id="bl_cheery02B"] .vm_product_fig{background: #f96d3e;}
[data-vm-id="bl_cheery03A"] .vm_product_fig{background: #f7d4e8;}
[data-vm-id="bl_cheery03B"] .vm_product_fig{background: #fda5c8;}

/* ---------------------------- */
 /* li_:'eyeliner' */
/* ---------------------------- */
/* TALKATIVE EYES */
[data-vm-id="li_talkativeeyes01"] .vm_product_fig{background: #000000;}
[data-vm-id="li_talkativeeyes02"] .vm_product_fig{background: #747474;}
[data-vm-id="li_talkativeeyes03"] .vm_product_fig{background: #513c35;}
/* winkliner */
[data-vm-id="li_wink01"] .vm_product_fig{background: #4c4540;}
[data-vm-id="li_wink02"] .vm_product_fig{background: #313e43;}
[data-vm-id="li_wink03"] .vm_product_fig{background: #643732;}
/* colourshine eye */
[data-vm-id="sd_shine01"] .vm_product_fig{background: #feffe0;}
[data-vm-id="sd_shine02"] .vm_product_fig{background: #ee7b49;}
[data-vm-id="sd_shine03"] .vm_product_fig{background: #cefafd;}
[data-vm-id="sd_shine04"] .vm_product_fig{background: #ac6953;}
[data-vm-id="sd_shine05"] .vm_product_fig{background: #ffa3bf;}
[data-vm-id="sd_shine06"] .vm_product_fig{background: #4b4444;}
[data-vm-id="sd_shinel01"] .vm_product_fig{background: #ffffff; border-style: solid; border-color: #ccc; border-width: 1px;}

/* ---------------------------- */
 /* sd_:'eyeshadow' */
/* ---------------------------- */


/* ---------------------------- */
 /* br_:'eyebrows' */
/* ---------------------------- */
/* brow_finish */
[data-vm-id="br_browfinish01"] .vm_product_fig{background: #8f612e;}
[data-vm-id="br_browfinish02"] .vm_product_fig{background: #af7171;}
/* brow_liner 新しい方 */
[data-vm-id="br_browliner01"] .vm_product_fig{background: #594953;}
[data-vm-id="br_browliner02"] .vm_product_fig{background: #835843;}
[data-vm-id="br_browliner03"] .vm_product_fig{background: #875946;}

/* ---------------------------- */
 /* fcp:'facecontour' */
/* ---------------------------- */
[data-vm-id="fcp_cheery01"] .vm_product_fig{background: #ffede5;}
[data-vm-id="fcp_cheery02"] .vm_product_fig{background: #f9c5a4;}
[data-vm-id="fcp_cheery03"] .vm_product_fig{background: #fdedf2;}
/* ブラッシュ ベビー */
[data-vm-id="fcp_bl03"] .vm_product_fig{background: #f1d7d1;}
[data-vm-id="fcp_bl05"] .vm_product_fig{background: #fefdfb;}
[data-vm-id="fcp_bl02"] .vm_product_fig{background: #f9decd;}
/* チーキーベビー */
[data-vm-id="fcp_cheekybaby06"] .vm_product_fig{background: #ffd8d8;}
/* [data-vm-id="fcp_cheekybaby05"] .vm_product_fig{background: #ffd8d8;} */
/* ターゲット グロウ */
[data-vm-id="fcp_targetgrow01"] .vm_product_fig{background: #fff0f0;}
[data-vm-id="fcp_targetgrow02"] .vm_product_fig{background: #fff6e5;}


/* ---------------------------- */
/* ls_:'lipcolor' */
/* ---------------------------- */
/* lipstick */
[data-vm-id="ls_lipstick001"] .vm_product_fig{background: #d73c3c;}
[data-vm-id="ls_lipstick002"] .vm_product_fig{background: #db3961;}
[data-vm-id="ls_lipstick003"] .vm_product_fig{background: #f9aebd;}
[data-vm-id="ls_lipstick004"] .vm_product_fig{background: #ee8d6d;}
[data-vm-id="ls_lipstick005"] .vm_product_fig{background: #b72a46;}
[data-vm-id="ls_lipstick006"] .vm_product_fig{background: #ff8161;}
[data-vm-id="ls_lipstick007"] .vm_product_fig{background: #e24050;}
[data-vm-id="ls_lipstick008"] .vm_product_fig{background: #ea481f;}
[data-vm-id="ls_lipstick009"] .vm_product_fig{background: #c43b3b;}
[data-vm-id="ls_lipstick010"] .vm_product_fig{background: #e55277;}
[data-vm-id="ls_lipstick011"] .vm_product_fig{background: #dd5555;}
[data-vm-id="ls_lipstick012"] .vm_product_fig{background: #e26969;}
[data-vm-id="ls_lipstick013"] .vm_product_fig{background: #ce5d50;}
[data-vm-id="ls_lipstick014"] .vm_product_fig{background: #e68e8e;}
[data-vm-id="ls_lipstick015"] .vm_product_fig{background: #ff949f;}
[data-vm-id="ls_lipstick016"] .vm_product_fig{background: #cf4a64;}
[data-vm-id="ls_lipstick017"] .vm_product_fig{background: #f58966;}
[data-vm-id="ls_lipstick018"] .vm_product_fig{background: #ce7369;}
[data-vm-id="ls_lipstick019"] .vm_product_fig{background: #ff999e;}
[data-vm-id="ls_lipstick020"] .vm_product_fig{background: #fda081;}
[data-vm-id="ls_lipstick021"] .vm_product_fig{background: #c44a4a;}
[data-vm-id="ls_lipstick022"] .vm_product_fig{background: #f7929c;}
[data-vm-id="ls_lipstick023"] .vm_product_fig{background: #f25050;}
[data-vm-id="ls_lipstick024"] .vm_product_fig{background: #ff8652;}
[data-vm-id="ls_lipstick025"] .vm_product_fig{background: #f26984;}
[data-vm-id="ls_lipstick026"] .vm_product_fig{background: #fb88ab;}
[data-vm-id="ls_lipstick027"] .vm_product_fig{background: #e23255;}
[data-vm-id="ls_lipstick028"] .vm_product_fig{background: #d34e36;}
[data-vm-id="ls_lipstick029"] .vm_product_fig{background: #ff816b;}
[data-vm-id="ls_lipstick030"] .vm_product_fig{background: #d94f3f;}
[data-vm-id="ls_lipstick101"] .vm_product_fig{background: #b0cc94;}
[data-vm-id="ls_lipstick102"] .vm_product_fig{background: #c6f5fb;}
[data-vm-id="ls_lipstick103"] .vm_product_fig{background: #ffc64d;}
[data-vm-id="ls_lipstick104"] .vm_product_fig{background: #ffe5f2;}
[data-vm-id="ls_lipstick105"] .vm_product_fig{background: #ff7aba;}
[data-vm-id="ls_lipstick106"] .vm_product_fig{background: #5f5f63;}
/* lip chat */
[data-vm-id="ls_lipchat01"] .vm_product_fig{background: #f2ea56;}
[data-vm-id="ls_lipchat02"] .vm_product_fig{background: #f9915c;}
[data-vm-id="ls_lipchat03"] .vm_product_fig{background: #e0e58d;}
[data-vm-id="ls_lipchat04"] .vm_product_fig{background: #c5e4ee;}
[data-vm-id="ls_lipchat05"] .vm_product_fig{background: #b271a7;}
[data-vm-id="ls_lipchat06"] .vm_product_fig{background: #e7597c;}
[data-vm-id="ls_lipchat07"] .vm_product_fig{background: #343439;}
[data-vm-id="ls_lipchat08"] .vm_product_fig{background: #b03516;}
[data-vm-id="ls_lipchat09"] .vm_product_fig{background: #c88166;}
[data-vm-id="ls_lipchat10"] .vm_product_fig{background: #d23946;}
[data-vm-id="ls_lipchat11"] .vm_product_fig{background: #bb5135;}
[data-vm-id="ls_lipchat12"] .vm_product_fig{background: #dc6259;}
[data-vm-id="ls_lipchat13"] .vm_product_fig{background: #b45334;}
[data-vm-id="ls_lipchat14"] .vm_product_fig{background: #ec633d;}
[data-vm-id="ls_lipchat15"] .vm_product_fig{background: #ae6362;}

/* lip chat mix */
/* [data-vm-id="ls_mix0108"] .vm_product_fig{background: #bb3a2d;}
[data-vm-id="ls_mix0109"] .vm_product_fig{background: #c97348;}
[data-vm-id="ls_mix0110"] .vm_product_fig{background: #e93b53;}
[data-vm-id="ls_mix0111"] .vm_product_fig{background: #ff553f;}
[data-vm-id="ls_mix0112"] .vm_product_fig{background: #ff6e65;}
[data-vm-id="ls_mix0113"] .vm_product_fig{background: #c44d36;}
[data-vm-id="ls_mix0114"] .vm_product_fig{background: #f06557;}
[data-vm-id="ls_mix0115"] .vm_product_fig{background: #cc6a6c;}
[data-vm-id="ls_mix0208"] .vm_product_fig{background: #c33b28;}
[data-vm-id="ls_mix0209"] .vm_product_fig{background: #d1705b;}
[data-vm-id="ls_mix0210"] .vm_product_fig{background: #f14459;}
[data-vm-id="ls_mix0211"] .vm_product_fig{background: #dc4f43;}
[data-vm-id="ls_mix0212"] .vm_product_fig{background: #ed6b5d;}
[data-vm-id="ls_mix0213"] .vm_product_fig{background: #be5239;}
[data-vm-id="ls_mix0214"] .vm_product_fig{background: #fd674e;}
[data-vm-id="ls_mix0215"] .vm_product_fig{background: #d46a60;}
[data-vm-id="ls_mix0308"] .vm_product_fig{background: #ac2d1b;}
[data-vm-id="ls_mix0309"] .vm_product_fig{background: #cf6f4c;}
[data-vm-id="ls_mix0310"] .vm_product_fig{background: #c42837;}
[data-vm-id="ls_mix0311"] .vm_product_fig{background: #c74734;}
[data-vm-id="ls_mix0312"] .vm_product_fig{background: #f06658;}
[data-vm-id="ls_mix0313"] .vm_product_fig{background: #953c20;}
[data-vm-id="ls_mix0314"] .vm_product_fig{background: #d16045;}
[data-vm-id="ls_mix0315"] .vm_product_fig{background: #99494a;}
[data-vm-id="ls_mix0408"] .vm_product_fig{background: #ac3529;}
[data-vm-id="ls_mix0409"] .vm_product_fig{background: #b77152;}
[data-vm-id="ls_mix0410"] .vm_product_fig{background: #e83a52;}
[data-vm-id="ls_mix0411"] .vm_product_fig{background: #c5412f;}
[data-vm-id="ls_mix0412"] .vm_product_fig{background: #e8645b;}
[data-vm-id="ls_mix0413"] .vm_product_fig{background: #a44b2f;}
[data-vm-id="ls_mix0414"] .vm_product_fig{background: #db694c;}
[data-vm-id="ls_mix0415"] .vm_product_fig{background: #c96062;}
[data-vm-id="ls_mix0508"] .vm_product_fig{background: #aa2f23;}
[data-vm-id="ls_mix0509"] .vm_product_fig{background: #b86f4f;}
[data-vm-id="ls_mix0510"] .vm_product_fig{background: #c62b3f;}
[data-vm-id="ls_mix0511"] .vm_product_fig{background: #a93626;}
[data-vm-id="ls_mix0512"] .vm_product_fig{background: #ce5947;}
[data-vm-id="ls_mix0513"] .vm_product_fig{background: #96472e;}
[data-vm-id="ls_mix0514"] .vm_product_fig{background: #c05d43;}
[data-vm-id="ls_mix0515"] .vm_product_fig{background: #a45254;}
[data-vm-id="ls_mix0608"] .vm_product_fig{background: #8a2a28;}
[data-vm-id="ls_mix0609"] .vm_product_fig{background: #9b543e;}
[data-vm-id="ls_mix0610"] .vm_product_fig{background: #c82a3e;}
[data-vm-id="ls_mix0611"] .vm_product_fig{background: #a62c1c;}
[data-vm-id="ls_mix0612"] .vm_product_fig{background: #e25144;}
[data-vm-id="ls_mix0613"] .vm_product_fig{background: #994024;}
[data-vm-id="ls_mix0614"] .vm_product_fig{background: #d65e3e;}
[data-vm-id="ls_mix0615"] .vm_product_fig{background: #a85650;}
[data-vm-id="ls_mix0708"] .vm_product_fig{background: #781d14;}
[data-vm-id="ls_mix0709"] .vm_product_fig{background: #ad5d3a;}
[data-vm-id="ls_mix0710"] .vm_product_fig{background: #c12a3c;}
[data-vm-id="ls_mix0711"] .vm_product_fig{background: #ab3726;}
[data-vm-id="ls_mix0712"] .vm_product_fig{background: #b44b3b;}
[data-vm-id="ls_mix0713"] .vm_product_fig{background: #873718;}
[data-vm-id="ls_mix0714"] .vm_product_fig{background: #cd5637;}
[data-vm-id="ls_mix0715"] .vm_product_fig{background: #7c3739;} */

[data-vm-id="ls_mix01"] .vm_product_fig{background: #c21d3e;}
[data-vm-id="ls_mix02"] .vm_product_fig{background: #cf6d6a;}
[data-vm-id="ls_mix03"] .vm_product_fig{background: #74181a;}
[data-vm-id="ls_mix04"] .vm_product_fig{background: #64293d;}
[data-vm-id="ls_mix05"] .vm_product_fig{background: #f8dada;}
[data-vm-id="ls_mix06"] .vm_product_fig{background: #ff7850;}
[data-vm-id="ls_mix07"] .vm_product_fig{background: #e0634b;}
[data-vm-id="ls_mix08"] .vm_product_fig{background: #8d4029;}


/* colourshine lip */
[data-vm-id="ls_shine01"] .vm_product_fig{background: #ffdbf8;}
[data-vm-id="ls_shine02"] .vm_product_fig{background: #fd3f78;}
[data-vm-id="ls_shine03"] .vm_product_fig{background: #d77260;}
[data-vm-id="ls_shine04"] .vm_product_fig{background: #e64d19;}
[data-vm-id="ls_shine05"] .vm_product_fig{background: #ff3838;}
[data-vm-id="ls_shine06"] .vm_product_fig{background: #ab2b2b;}
[data-vm-id="ls_shinel01"] .vm_product_fig{background: #fafcff;}
[data-vm-id="ls_shinel02"] .vm_product_fig{background: #f5709f;}

/* playful LASHINGS */
[data-vm-id="la_playful01"] .vm_product_fig{background: #763a10;}
/* [data-vm-id="la_playful02"] .vm_product_fig{background: #631251;} */
/* [data-vm-id="la_playful03"] .vm_product_fig{background: #eaa690;} */
/* [data-vm-id="la_playful04"] .vm_product_fig{background: #883617;} */
/* [data-vm-id="la_playful05"] .vm_product_fig{background: #333651;} */
[data-vm-id="la_playful06"] .vm_product_fig{background: #ab074e;}

/* ACTION LASHINGS */
[data-vm-id="la_action01"] .vm_product_fig{background: #000;}

/* BILLION LASHINGS */
[data-vm-id="la_billion01"] .vm_product_fig{background: #000;}

/* ---------------------------- */
 /* sd_:'eyeshadow' */
/* ---------------------------- */
/* アイオープナー */
[data-vm-id="sd_eyeopenerA017"] .vm_product_fig{background-image: linear-gradient(45deg,#ffd1da 55%,#9b3071 45%);}
[data-vm-id="sd_eyeopenerA018"] .vm_product_fig{background-image: linear-gradient(45deg,#f6e4cd 55%,#dc7136 45%);}
[data-vm-id="sd_eyeopenerA019"] .vm_product_fig{background-image: linear-gradient(45deg,#d9e0ed 55%,#6f5543 45%);}
[data-vm-id="sd_eyeopenerA020"] .vm_product_fig{background-image: linear-gradient(45deg,#ecc779 55%,#a6454f 45%);}

/* アイシャドウパレット */
[data-vm-id="sd_aliceL-01"] .vm_product_fig{background-color:#ff5789;}
[data-vm-id="sd_aliceL-02"] .vm_product_fig{background-color:#ffcccc;}
[data-vm-id="sd_aliceL-03"] .vm_product_fig{background-color:#e0f8ff;}
[data-vm-id="sd_aliceL-04"] .vm_product_fig{background-color:#f9e771;}
[data-vm-id="sd_aliceL-05"] .vm_product_fig{background-color:#fffafa;}
[data-vm-id="sd_aliceL-06"] .vm_product_fig{background-color:#525151;}
[data-vm-id="sd_aliceL-07"] .vm_product_fig{background-color:#6b7b6b;}
[data-vm-id="sd_aliceL-08"] .vm_product_fig{background-color:#ff4751;}