@charset "UTF-8";

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

.main .fs16{ font-size: 10px; font-size: 2.50vw; }
.main .fs18{ font-size: 11px; font-size: 2.81vw; }
.main .fs19{ font-size: 11px; font-size: 2.97vw; }
.main .fs20{ font-size: 12px; font-size: 3.13vw; }
.main .fs21{ font-size: 12px; font-size: 3.28vw; }
.main .fs22{ font-size: 13px; font-size: 3.43vw; }
.main .fs23{ font-size: 13px; font-size: 3.59vw; }
.main .fs24{ font-size: 13px; font-size: 3.75vw; }

@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; }
}

.flex_s{
  display: flex; justify-content: flex-start;
}
.flex_b{
  display: flex; justify-content: space-between;
}
.flex_c{
  display: flex; justify-content: center;
}
.flex_sc{
  display: flex; justify-content: flex-start; align-items: center;
}
.flex_bc{
  display: flex; justify-content: space-between; align-items: center;
}


.lip_wrapper01{
background: url("/sp/images/admitsp/lip_bouncer16/bg01.jpg") repeat-x left bottom;
background-size:contain;
-webkit-background-size:contain;
-moz-background-size:contain;
-o-background-size:contain;
-ms-background-size:contain;
}
.lip_wrapper02{
background: url("/sp/images/admitsp/lip_bouncer16/bg02.jpg") repeat-x left bottom;
background-size:contain;
-webkit-background-size:contain;
-moz-background-size:contain;
-o-background-size:contain;
-ms-background-size:contain;
padding: 2% 0;
}
.style_accordion_add01{
	background-color: #fff;
	border: 1px solid #ccc;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}



/* .lip22{
  position: relative;
  display: flex; align-items: flex-start; justify-content: space-between;
  border-style: solid; border-color: #F0CC5E; border-width: 3px 3px;
  background-color: #FDEDCE; padding: 3% 0;
  background-image: url(../lip22/lip22_bg.png);
  background-position: top center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.lip22_l{
  width: calc(224/634*100%); margin: 0 0 0 calc(10/634*100%);
}
.lip22_r{
  width: calc(367/634*100%);
}
.lip22_icon{
  width: calc(337/640*100vw); max-width: 337px;
}
.lip22_price{
  letter-spacing: 0; margin: 4% 0 0;
}
.lip22_mybox{
  width: calc(174/640*100vw); max-width: 174px; margin: 4% 0 0;
}
.lip22_btn{
  width: calc(196/640*100vw); max-width: 196px; margin: 0 4% 0 auto;
}
*/

.main .lip23{
  position: relative;
  display: flex; align-items: flex-start;
  background-color: #843145; padding: 1.5% 0 2%;
}
.main .lip23::before{
  content: ""; position: absolute; z-index: 0; top: 6%; right: 4%; bottom: 6%; left: 4%;
  background-color: #F3EBED;
}
.main .lip23_l{
  position: relative; z-index: 1;
  width: calc(185/640*100%); margin: 0 0 0 calc(54/640*100%);
}
.main .lip23_r{
  position: relative; z-index: 1;
  width: calc(348/640*100%); margin: 0 0 0 calc(32/640*100%);
}
.main .lip23_price{
  letter-spacing: 0; margin: 8% 0 0;
}
.main .lip23_mybox{
  width: calc(174/640*100vw); max-width: 174px; margin: 4% 0 0;
}
.main .lip23_cart{
  margin: 4% 0 0;
}
.main .lip23_cart .ingredient{
  background: none;
  display: flex; align-items: center; gap: 0 0.25em;
}
.main .lip23_cart .ingredient::before{
  flex-shrink: 0;
  content: ""; width: 0.5em; height: 0.75em; background-color: #C9007E; clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
.main .lip23_cart .ingredient a{
  color: #C9007E; 
}
.main .lip23_btn{
  width: calc(196/640*100vw); max-width: 196px; margin: 0 4% 0 auto;
}

/* アコーディオン */
.main .drw_btn{
  position: relative; z-index: 1; font-weight: bold; letter-spacing: 0; padding: 1.25em 2em 1.25em 0.75em; border: 3px solid #ddd; border-radius: 5px; box-sizing: border-box; margin: 5% 0 0; cursor: pointer;
}
.main .drw_btn_icon{
  position: absolute; top: 0; bottom: 0; right: 0.75em;
  width: 1.5em; height: 1.5em; 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{
  position: relative; z-index: 0; top: -30px; margin: 0 0 -30px;
  /* display: none; */
}
.main .drw_target_in{
  position: relative; text-align: center; padding: calc(30px + 4%) 0 4%; border-style: solid; border-color: #E8EEF1; border-width: 0 2px 2px; border-radius: 0 0 10px 10px;
}