@charset "UTF-8";
:root {
  /* PC */
  --purchasev2-width: 198;
  --purchasev2-widthBase: 198;
  --purchasev2-aspect: 0.2424;  /* 34 / 198 */
  --purchasev2-baseColor: rgba(6,8,10,0.75);
  --purchasev2-iconColor: #e60012;
  --purchasev2-textColor: #e1e1e1;
  --purchasev2-radius:6;
  /* TAB */
  --purchasev2-width-tab: 192;
  /* SP */
  --purchasev2-width-sp: 156;
  --purchasev2-aspect-sp: 0.3437;  /* 88 / 256 */
  --purchasev2-wp-aspect-sp: 0.4615;  /* 144 / 312 */  
  --purchasev2-widthBase-sp: 156;
  --purchasev2-iconColor-sp: #e60012;
  --purchasev2-textColor-sp: #e1e1e1;
  --purchasev2-baseColor-sp: rgba(6,8,10,0.75);
}

/* var(--purchasev2-subColor) */
/**********************
/* レスポンシブ
**********************/
/* PC */
@media screen and (min-width: 1195px) {
  html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp]){
    width: calc(var(--purchasev2-width) / 1366 * 100vw);
    height: calc((var(--purchasev2-width) * var(--purchasev2-aspect)) / 1366 * 100vw);
    position: fixed;
    right: calc((18 * var(--purchasev2-width) / var(--purchasev2-widthBase)) / 1366 * 100vw);
    bottom: calc((-14 * var(--purchasev2-width) / var(--purchasev2-widthBase)) / 1366 * 100vw);
    z-index: -100;
    visibility: hidden;
    container-type: inline-size;
  }
  html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp])[data-ncp-type=free] {
    bottom: calc((-6 * var(--purchasev2-width) / var(--purchasev2-widthBase)) / 1366 * 100vw);
  }
  html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp]) .ncommon-purchase-v2__body{
    width: 100%;
    height: 100%;
  }
  html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp]) .ncommon-purchase-v2__btn{
    width: 100%;
    height: 100%;
  }
  html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp]).is-visible.is-show{
    z-index: 9999;
    visibility: visible;
  }
  html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp]) .ncommon-purchase-v2__btn a{
    position: relative;
    display: block;
    width: calc(var(--purchasev2-widthBase) / (var(--purchasev2-widthBase) * 0.01) * 1cqi);
    height: calc((var(--purchasev2-widthBase) * var(--purchasev2-aspect)) / (var(--purchasev2-widthBase) * 0.01) * 1cqi);
    transition: transform .4s cubic-bezier(0.19, 1, 0.22, 1);
  }
  html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp]) .ncommon-purchase-v2__btn a div{
    position: absolute;
    left: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    transform: translate3d(0,calc(49 / 1366 * 100vw),0);
    transition: transform .4s cubic-bezier(0.19, 1, 0.22, 1);
    box-shadow: rgba(0,0,0,0.21) 0 0 calc(14 / 1366 * 100vw);
    -webkit-box-shadow: rgba(0,0,0,0.21) 0 0 calc(14 / 1366 * 100vw);
    border-radius: calc(var(--purchasev2-radius) / (var(--purchasev2-widthBase) * 0.01) * 1cqi);
  }
  html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp]) .ncommon-purchase-v2__btn a div::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(var(--purchasev2-widthBase) / (var(--purchasev2-widthBase) * 0.01) * 1cqi);
    height: calc((var(--purchasev2-widthBase) * var(--purchasev2-aspect)) / (var(--purchasev2-widthBase) * 0.01) * 1cqi);
    border-radius: calc(var(--purchasev2-radius) / (var(--purchasev2-widthBase) * 0.01) * 1cqi);
    background:var(--purchasev2-baseColor);
  }
  html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp]).is-shown.is-show .ncommon-purchase-v2__btn a div{
    transform: translate3d(0,0,0);
    transition: transform .4s cubic-bezier(0.23, 1, 0.32, 1) 0s;
  }
  html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp]).is-hide .ncommon-purchase-v2__btn a div{
    transform: translate3d(0,calc(49 / 1366 * 100vw),0) !important;
  }
  html:not(.ncommon-purchase-v3-tab).no-touchevents .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp]) .ncommon-purchase-v2__btn:hover a{
    transform: translate3d(0,calc(-4 / (var(--purchasev2-widthBase) * 0.01) * 1cqi),0);
  }
  html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp]) .ncommon-purchase-v2__btn div i{
    width: calc(35 / (var(--purchasev2-widthBase) * 0.01) * 1cqi);
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
  }
  html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp]) .ncommon-purchase-v2__btn div i::before{
    content: "";
    width:calc(9 / (var(--purchasev2-widthBase) * 0.01) * 1cqi);
    height:calc(9 / (var(--purchasev2-widthBase) * 0.01) * 1cqi);
    mask: url('./img/icon-arrow-round-fill-right.svg') no-repeat center center;
    mask-size:contain;
    background-color: var(--purchasev2-iconColor);
    background-size: cover;
    display: block;
    position: absolute;
    top:calc(13 / (var(--purchasev2-widthBase) * 0.01) * 1cqi);
    left:calc(12 / (var(--purchasev2-widthBase) * 0.01) * 1cqi);
    z-index: 1;
  }
  html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp])[data-ncp-type=free] .ncommon-purchase-v2__btn div i::before{
    top: calc(16 / (var(--purchasev2-widthBase) * 0.01) * 1cqi);
  }
  html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp]) .ncommon-purchase-v2__btn div span{
    display: block;
    position: absolute;
    width: calc(153 / (var(--purchasev2-widthBase) * 0.01) * 1cqi);
    height: calc(13 / (var(--purchasev2-widthBase) * 0.01) * 1cqi);
    top: calc(11 / (var(--purchasev2-widthBase) * 0.01) * 1cqi);
    left: calc(32 / (var(--purchasev2-widthBase) * 0.01) * 1cqi);
    background:var(--purchasev2-textColor);
    z-index: 1;
  }
  html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp])[data-ncp-type=free] .ncommon-purchase-v2__btn div span{
    width: calc(118 / (var(--purchasev2-widthBase) * 0.01) * 1cqi);
    height: calc(27 / (var(--purchasev2-widthBase) * 0.01) * 1cqi);
    top: calc(7 / (var(--purchasev2-widthBase) * 0.01) * 1cqi);
    left: calc(44 / (var(--purchasev2-widthBase) * 0.01) * 1cqi);
  }
  html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp]) .ncommon-purchase-v2__btn div span{
    mask: url("./img/label_buy.svg?202205") 50% 50% no-repeat;
    mask-size: contain;
  }
  html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp])[data-ncp-type=free] .ncommon-purchase-v2__btn div span{
    mask: url("./img/label_free.svg?202205") 50% 50% no-repeat;
    mask-size: contain;
  }
  html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp])[data-ncp-type=pre-order] .ncommon-purchase-v2__btn div span{
    mask: url("./img/label_pre_order.svg") 50% 50% no-repeat;
    mask-size: contain;
  }
  html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp])[data-ncp-type=guide] .ncommon-purchase-v2__btn div span{
    mask: url("./img/label_guide.svg") 50% 50% no-repeat;
    mask-size: contain;
  }


  html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp])[data-ncp-type=guide]{
    width: calc((var(--purchasev2-width) * 0.75) / 1366 * 100vw);
  }
  html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp])[data-ncp-type=guide] .ncommon-purchase-v2__btn div i{
    width: calc(35 / (var(--purchasev2-widthBase)* 0.75 * 0.01) * 1cqi);
  }
  html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp])[data-ncp-type=guide] .ncommon-purchase-v2__btn div i::before{
    content: "";
    width:calc(9 / (var(--purchasev2-widthBase)* 0.75 * 0.01) * 1cqi);
    height:calc(9 / (var(--purchasev2-widthBase)* 0.75 * 0.01) * 1cqi);
    top:calc(13 / (var(--purchasev2-widthBase)* 0.75 * 0.01) * 1cqi);
    left:calc(12 / (var(--purchasev2-widthBase)* 0.75 * 0.01) * 1cqi);
  }
  html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp])[data-ncp-type=guide] .ncommon-purchase-v2__btn div span{
    width: calc(153 / (var(--purchasev2-widthBase)* 0.75 * 0.01) * 1cqi);
    height: calc(13 / (var(--purchasev2-widthBase)* 0.75 * 0.01) * 1cqi);
    top: calc(11 / (var(--purchasev2-widthBase)* 0.75 * 0.01) * 1cqi);
    left: calc(4 / (var(--purchasev2-widthBase)* 0.75 * 0.01) * 1cqi);
  }
}
/* PC 最大で固定の範囲 */
@media screen and (min-width: 2560px) {
  html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp]){
    width: calc(2560 / 1366 * var(--purchasev2-width) * 1px);
    height: calc(2560 / 1366 * (var(--purchasev2-width) * var(--purchasev2-aspect) * 1px));
    bottom: calc(2560 / 1366 * -14px);
    right: calc(2560 / 1366 * 18px);
  }
  html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp])[data-ncp-type=free] {
    bottom: calc(2560 / 1366 * -6px);
  }
}
/* PC 最小で固定の範囲 */
@media screen and (min-width: 1195px) and (max-width: 1279.98px) {
  html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp]){
    width: calc(1280 / 1366 * var(--purchasev2-width) * 1px);
    height: calc(1280 / 1366 * (var(--purchasev2-width) * var(--purchasev2-aspect) * 1px));
    bottom: calc(1280 / 1366 * -14px);
    right: calc(1280 / 1366 * 18px);
  }
  html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp])[data-ncp-type=free] {
    bottom: calc(1280 / 1366 * -6px);
  }
}

/* Tab and  SP*/
@media screen and (max-width: 1194.98px) {
  .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp]){
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: -100;
    visibility: hidden;
    transform-origin: right bottom;
    container-type: inline-size;
  }
  .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp]) .ncommon-purchase-v2__body{
    width: calc(128 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    height: calc((128 * var(--purchasev2-aspect-sp)) / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    position: absolute;
    right: calc(12 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    bottom: calc(12 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    left: auto;
    margin: 0;
  }
  .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp]) .ncommon-purchase-v2__btn{
    width: calc(128 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    height: calc((128 * var(--purchasev2-aspect-sp)) / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    position: absolute;
    left: 0;
    top: 0;
    transform: translate3d(calc(140 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi),0,0);
    transition: transform .4s cubic-bezier(0.19, 1, 0.22, 1)
  }
  .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp]).is-visible.is-show{
    z-index: 9999;
    visibility: visible;
  }
  .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp]).is-shown.is-show .ncommon-purchase-v2__btn{
    transform: translate3d(0,0,0);
  }
  .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp]).is-hide .ncommon-purchase-v2__btn{
    transform: translate3d(calc(140 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi),0,0) !important;
  }
  .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp]) .ncommon-purchase-v2__btn a{
    position: relative;
    display: block;
    width: calc(128 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    height: calc((128 * var(--purchasev2-aspect-sp)) / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    background: var(--purchasev2-baseColor-sp);
    box-shadow: rgba(0,0,0,0.21) 0 0 calc(14 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    -webkit-box-shadow: rgba(0,0,0,0.21) 0 0 calc(14 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    box-sizing: border-box;
    overflow: hidden;
    transition: none;
    border-radius: calc(1px / 0);
  }
  .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp]) .ncommon-purchase-v2__btn a::before{
    display: none;
  }
  .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp]) .ncommon-purchase-v2__btn a div{
    transform: none;
    position: static;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp]) .ncommon-purchase-v2__btn i{
    width: calc(37.5 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    height:100%;
    display: block;
    background-color: transparent;
    position: relative;
  }
  .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp]) .ncommon-purchase-v2__btn i::before{
    content: "";
    width: calc(11.5 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    height: calc(11.5 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    mask: url("./img/icon-arrow-round-fill-right.svg") 50% 50% no-repeat;
    mask-size: cover;
    background: var(--purchasev2-iconColor-sp);
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: calc(16.5 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    margin: 0 auto;
  }
  .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp]) .ncommon-purchase-v2__btn div span{
    display: block;
    height: calc(12.5 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    background-image: none;
    position: relative;
    left: auto;
    top: auto;
    width: calc(100% - (37.5 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi));
  }
  .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp])[data-ncp-type=free] .ncommon-purchase-v2__btn div span{
    height: calc(28 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
  }
  .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp]) .ncommon-purchase-v2__btn span::before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp]) .ncommon-purchase-v2__btn span::before{
    mask: url(./img/label_buy_sp.svg?202205) 50% 50% no-repeat;
    mask-size: contain;
    width:auto;
    height:100%;
    top: calc(0 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    left: calc(-23 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    background-color:var(--purchasev2-textColor-sp);
  }
  .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp])[data-ncp-type=free] .ncommon-purchase-v2__btn span::before{
    mask: url(./img/label_free_sp.svg) 50% 50% no-repeat;
    mask-size: contain;
    top: calc(0 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    left: calc(-23 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
  }
  .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp])[data-ncp-type=pre-order] .ncommon-purchase-v2__btn span::before{
    mask: url(./img/label_pre_order_sp.svg) 50% 50% no-repeat;
    mask-size: contain;
  }
  .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp])[data-ncp-type=guide] .ncommon-purchase-v2__btn span::before{
    mask: url(./img/label_guide_sp.svg) 50% 50% no-repeat;
    mask-size: contain;
  }
}
/* Table （ipadProのサイズを入れる） */
@media screen and (min-width: 750px) and (max-width: 1194.98px) {
  .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp]){
    width: calc(var(--purchasev2-width-tab) * 1px);
    height: calc((var(--purchasev2-width-tab) * var(--purchasev2-wp-aspect-sp)) * 1px);
  }
}
/* SP */
@media screen and (max-width: 749.98px) {
  .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp]){
    width: calc(var(--purchasev2-width-sp) * 1px);
    height: calc((var(--purchasev2-width-sp) * var(--purchasev2-wp-aspect-sp)) * 1px);
  }
}

/**********************
/* レスポンシブでない場合
**********************/
/* [data-ncp-mode=pc] */
html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2[data-ncp-mode=pc]:not([data-ncp-mode=sp]){
  width: calc(var(--purchasev2-width) / 1366 * 100vw);
  height: calc((var(--purchasev2-width) * var(--purchasev2-aspect)) / 1366 * 100vw);
  position: fixed;
  right: calc((18 * var(--purchasev2-width) / var(--purchasev2-widthBase)) / 1366 * 100vw);
  bottom: calc((-14 * var(--purchasev2-width) / var(--purchasev2-widthBase)) / 1366 * 100vw);
  z-index: -100;
  visibility: hidden;
  container-type: inline-size;
}
html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2[data-ncp-mode=pc]:not([data-ncp-mode=sp])[data-ncp-type=free] {
  bottom: calc((-6 * var(--purchasev2-width) / var(--purchasev2-widthBase)) / 1366 * 100vw);
}
html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2[data-ncp-mode=pc]:not([data-ncp-mode=sp]) .ncommon-purchase-v2__body{
  width: 100%;
  height: 100%;
}
html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2[data-ncp-mode=pc]:not([data-ncp-mode=sp]) .ncommon-purchase-v2__btn{
  width: 100%;
  height: 100%;
}
html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2[data-ncp-mode=pc]:not([data-ncp-mode=sp]).is-visible.is-show{
  z-index: 9999;
  visibility: visible;
}
html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2[data-ncp-mode=pc]:not([data-ncp-mode=sp]) .ncommon-purchase-v2__btn a{
  position: relative;
  display: block;
  width: calc(var(--purchasev2-widthBase) / (var(--purchasev2-widthBase) * 0.01) * 1cqi);
  height: calc((var(--purchasev2-widthBase) * var(--purchasev2-aspect)) / (var(--purchasev2-widthBase) * 0.01) * 1cqi);
  transition: transform .4s cubic-bezier(0.19, 1, 0.22, 1);
}
html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2[data-ncp-mode=pc]:not([data-ncp-mode=sp]) .ncommon-purchase-v2__btn a div{
  position: absolute;
  left: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  transform: translate3d(0,calc(49 / 1366 * 100vw),0);
  transition: transform .4s cubic-bezier(0.19, 1, 0.22, 1);
  box-shadow: rgba(0,0,0,0.21) 0 0 calc(14 / 1366 * 100vw);
  -webkit-box-shadow: rgba(0,0,0,0.21) 0 0 calc(14 / 1366 * 100vw);
  border-radius: calc(var(--purchasev2-radius) / (var(--purchasev2-widthBase) * 0.01) * 1cqi);
}
html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2[data-ncp-mode=pc]:not([data-ncp-mode=sp]) .ncommon-purchase-v2__btn a div::before{
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(var(--purchasev2-widthBase) / (var(--purchasev2-widthBase) * 0.01) * 1cqi);
  height: calc((var(--purchasev2-widthBase) * var(--purchasev2-aspect)) / (var(--purchasev2-widthBase) * 0.01) * 1cqi);
  border-radius: calc(var(--purchasev2-radius) / (var(--purchasev2-widthBase) * 0.01) * 1cqi);
  background:var(--purchasev2-baseColor);
}
html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2[data-ncp-mode=pc]:not([data-ncp-mode=sp]).is-shown.is-show .ncommon-purchase-v2__btn a div{
  transform: translate3d(0,0,0);
  transition: transform .4s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2[data-ncp-mode=pc]:not([data-ncp-mode=sp]).is-hide .ncommon-purchase-v2__btn a div{
  transform: translate3d(0,calc(49 / 1366 * 100vw),0) !important;
}
html:not(.ncommon-purchase-v3-tab).no-touchevents .ncommon-purchase-v2[data-ncp-mode=pc]:not([data-ncp-mode=sp]) .ncommon-purchase-v2__btn:hover a{
  transform: translate3d(0,calc(-4 / (var(--purchasev2-widthBase) * 0.01) * 1cqi),0);
}
html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2[data-ncp-mode=pc]:not([data-ncp-mode=sp]) .ncommon-purchase-v2__btn div i{
  width: calc(35 / (var(--purchasev2-widthBase) * 0.01) * 1cqi);
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2[data-ncp-mode=pc]:not([data-ncp-mode=sp]) .ncommon-purchase-v2__btn div i::before{
  content: "";
  width:calc(9 / (var(--purchasev2-widthBase) * 0.01) * 1cqi);
  height:calc(9 / (var(--purchasev2-widthBase) * 0.01) * 1cqi);
  mask: url('./img/icon-arrow-round-fill-right.svg') no-repeat center center;
  mask-size:contain;
  background-color: var(--purchasev2-iconColor);
  background-size: cover;
  display: block;
  position: absolute;
  top:calc(13 / (var(--purchasev2-widthBase) * 0.01) * 1cqi);
  /* top:50%; */
  /* transform: translateY(-50%); */
  left:calc(12 / (var(--purchasev2-widthBase) * 0.01) * 1cqi);
  z-index: 1;
}
html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2[data-ncp-mode=pc]:not([data-ncp-mode=sp])[data-ncp-type=free] .ncommon-purchase-v2__btn div i::before{
  top: calc(16 / (var(--purchasev2-widthBase) * 0.01) * 1cqi);
}
html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2[data-ncp-mode=pc]:not([data-ncp-mode=sp]) .ncommon-purchase-v2__btn div span{
  display: block;
  position: absolute;
  width: calc(153 / (var(--purchasev2-widthBase) * 0.01) * 1cqi);
  height: calc(13 / (var(--purchasev2-widthBase) * 0.01) * 1cqi);
  top: calc(11 / (var(--purchasev2-widthBase) * 0.01) * 1cqi);
  left: calc(32 / (var(--purchasev2-widthBase) * 0.01) * 1cqi);
  background:var(--purchasev2-textColor);
  z-index: 1;
}
html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2[data-ncp-mode=pc]:not([data-ncp-mode=sp])[data-ncp-type=free] .ncommon-purchase-v2__btn div span{
  width: calc(118 / (var(--purchasev2-widthBase) * 0.01) * 1cqi);
  height: calc(27 / (var(--purchasev2-widthBase) * 0.01) * 1cqi);
  top: calc(7 / (var(--purchasev2-widthBase) * 0.01) * 1cqi);
  left: calc(44 / (var(--purchasev2-widthBase) * 0.01) * 1cqi);
}
html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2[data-ncp-mode=pc]:not([data-ncp-mode=sp]) .ncommon-purchase-v2__btn div span{
  mask: url("./img/label_buy.svg?202205") 50% 50% no-repeat;
  mask-size: contain;
}
html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2[data-ncp-mode=pc]:not([data-ncp-mode=sp])[data-ncp-type=free] .ncommon-purchase-v2__btn div span{
  mask: url("./img/label_free.svg?202205") 50% 50% no-repeat;
  mask-size: contain;
}
html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2[data-ncp-mode=pc]:not([data-ncp-mode=sp])[data-ncp-type=pre-order] .ncommon-purchase-v2__btn div span{
  mask: url("./img/label_pre_order.svg") 50% 50% no-repeat;
  mask-size: contain;
}
html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2[data-ncp-mode=pc]:not([data-ncp-mode=sp])[data-ncp-type=guide] .ncommon-purchase-v2__btn div span{
  mask: url("./img/label_guide.svg") 50% 50% no-repeat;
  mask-size: contain;
}

html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2[data-ncp-mode=pc]:not([data-ncp-mode=sp])[data-ncp-type=guide]{
  width: calc((var(--purchasev2-width) * 0.75) / 1366 * 100vw);
}
html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2[data-ncp-mode=pc]:not([data-ncp-mode=sp])[data-ncp-type=guide] .ncommon-purchase-v2__btn div i{
  width: calc(35 / (var(--purchasev2-widthBase)* 0.75 * 0.01) * 1cqi);
}
html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2[data-ncp-mode=pc]:not([data-ncp-mode=sp])[data-ncp-type=guide] .ncommon-purchase-v2__btn div i::before{
  content: "";
  width:calc(9 / (var(--purchasev2-widthBase)* 0.75 * 0.01) * 1cqi);
  height:calc(9 / (var(--purchasev2-widthBase)* 0.75 * 0.01) * 1cqi);
  top:calc(13 / (var(--purchasev2-widthBase)* 0.75 * 0.01) * 1cqi);
  left:calc(12 / (var(--purchasev2-widthBase)* 0.75 * 0.01) * 1cqi);
}
html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2[data-ncp-mode=pc]:not([data-ncp-mode=sp])[data-ncp-type=guide] .ncommon-purchase-v2__btn div span{
  width: calc(153 / (var(--purchasev2-widthBase)* 0.75 * 0.01) * 1cqi);
  height: calc(13 / (var(--purchasev2-widthBase)* 0.75 * 0.01) * 1cqi);
  top: calc(11 / (var(--purchasev2-widthBase)* 0.75 * 0.01) * 1cqi);
  left: calc(4 / (var(--purchasev2-widthBase)* 0.75 * 0.01) * 1cqi);
}


/* PC 最大で固定の範囲 */
@media screen and (min-width: 2560px) {
  html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2[data-ncp-mode=pc]:not([data-ncp-mode=sp]){
    width: calc(2560 / 1366 * var(--purchasev2-width) * 1px);
    height: calc(2560 / 1366 * (var(--purchasev2-width) * var(--purchasev2-aspect) * 1px));
    bottom: calc(2560 / 1366 * -14px);
    right: calc(2560 / 1366 * 10px);
  }
  html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp])[data-ncp-type=free] {
    bottom: calc(2560 / 1366 * -6px);
  }
  html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp])[data-ncp-type=guide]{
    width: calc(2560 / 1366 * var(--purchasev2-width)* 0.75 * 1px);
  }
}
/* PC 最小で固定の範囲 */
@media screen and (max-width: 1280px) {
  html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2[data-ncp-mode=pc]:not([data-ncp-mode=sp]){
    width: calc(1280 / 1366 * var(--purchasev2-width) * 1px);
    height: calc(1280 / 1366 * (var(--purchasev2-width) * var(--purchasev2-aspect) * 1px));
    bottom: calc(1280 / 1366 * -14px);
    right: calc(1280 / 1366 * 18px);
  }
  html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2[data-ncp-mode=pc]:not([data-ncp-mode=sp])[data-ncp-type=free] {
    bottom: calc(1280 / 1366 * -6px);
  }
  html:not(.ncommon-purchase-v3-tab) .ncommon-purchase-v2[data-ncp-mode=pc]:not([data-ncp-mode=sp])[data-ncp-type=guide]{
    width: calc(1280 / 1366 * var(--purchasev2-width)* 0.75 * 1px);
  }
}

/* [data-ncp-mode=sp] */
/* Table （ipadProのサイズを入れる） */
/* Tab and  SP*/
@media screen and (max-width: 1194.98px) {
  .ncommon-purchase-v2[data-ncp-mode=sp]:not([data-ncp-mode=pc]){
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: -100;
    visibility: hidden;
    transform-origin: right bottom;
    container-type: inline-size;
  }
  .ncommon-purchase-v2[data-ncp-mode=sp]:not([data-ncp-mode=pc]) .ncommon-purchase-v2__body{
    width: calc(128 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    height: calc((128 * var(--purchasev2-aspect-sp)) / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    position: absolute;
    right: calc(12 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    bottom: calc(12 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    left: auto;
    margin: 0;
  }
  .ncommon-purchase-v2[data-ncp-mode=sp]:not([data-ncp-mode=pc]) .ncommon-purchase-v2__btn{
    width: calc(128 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    height: calc((128 * var(--purchasev2-aspect-sp)) / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    position: absolute;
    left: 0;
    top: 0;
    transform: translate3d(calc(140 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi),0,0);
    transition: transform .4s cubic-bezier(0.19, 1, 0.22, 1)
  }
  .ncommon-purchase-v2[data-ncp-mode=sp]:not([data-ncp-mode=pc]).is-visible.is-show{
    z-index: 9999;
    visibility: visible;
  }
  .ncommon-purchase-v2[data-ncp-mode=sp]:not([data-ncp-mode=pc]).is-shown.is-show .ncommon-purchase-v2__btn{
    transform: translate3d(0,0,0);
  }
  .ncommon-purchase-v2[data-ncp-mode=sp]:not([data-ncp-mode=pc]).is-hide .ncommon-purchase-v2__btn{
    transform: translate3d(calc(140 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi),0,0) !important;
  }
  .ncommon-purchase-v2[data-ncp-mode=sp]:not([data-ncp-mode=pc]) .ncommon-purchase-v2__btn a{
    position: relative;
    display: block;
    width: calc(128 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    height: calc((128 * var(--purchasev2-aspect-sp)) / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    background: var(--purchasev2-baseColor-sp);
    box-shadow: rgba(0,0,0,0.21) 0 0 calc(14 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    -webkit-box-shadow: rgba(0,0,0,0.21) 0 0 calc(14 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    box-sizing: border-box;
    overflow: hidden;
    transition: none;
    border-radius: calc(1px / 0);
  }
  .ncommon-purchase-v2[data-ncp-mode=sp]:not([data-ncp-mode=pc]) .ncommon-purchase-v2__btn a::before{
    display: none;
  }
  .ncommon-purchase-v2[data-ncp-mode=sp]:not([data-ncp-mode=pc]) .ncommon-purchase-v2__btn a div{
    transform: none;
    position: static;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .ncommon-purchase-v2[data-ncp-mode=sp]:not([data-ncp-mode=pc]) .ncommon-purchase-v2__btn i{
    width: calc(37.5 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    height:100%;
    display: block;
    background-color: transparent;
    position: relative;
  }
  .ncommon-purchase-v2[data-ncp-mode=sp]:not([data-ncp-mode=pc]) .ncommon-purchase-v2__btn i::before{
    content: "";
    width: calc(11.5 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    height: calc(11.5 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    mask: url("./img/icon-arrow-round-fill-right.svg") 50% 50% no-repeat;
    mask-size: cover;
    background: var(--purchasev2-iconColor-sp);
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: calc(16.5 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    margin: 0 auto;
  }
  .ncommon-purchase-v2[data-ncp-mode=sp]:not([data-ncp-mode=pc]) .ncommon-purchase-v2__btn div span{
    display: block;
    height: calc(12.5 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    background-image: none;
    position: relative;
    left: auto;
    top: auto;
    width: calc(100% - (37.5 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi));
  }
  .ncommon-purchase-v2[data-ncp-mode=sp]:not([data-ncp-mode=pc])[data-ncp-type=free] .ncommon-purchase-v2__btn div span{
    height: calc(28 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
  }
  .ncommon-purchase-v2[data-ncp-mode=sp]:not([data-ncp-mode=pc]) .ncommon-purchase-v2__btn span::before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .ncommon-purchase-v2[data-ncp-mode=sp]:not([data-ncp-mode=pc]) .ncommon-purchase-v2__btn span::before{
    mask: url(./img/label_buy_sp.svg?202205) 50% 50% no-repeat;
    mask-size: contain;
    width:auto;
    height:100%;
    top: calc(0 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    left: calc(-23 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    background-color:var(--purchasev2-textColor-sp);
  }
  .ncommon-purchase-v2[data-ncp-mode=sp]:not([data-ncp-mode=pc])[data-ncp-type=free] .ncommon-purchase-v2__btn span::before{
    mask: url(./img/label_free_sp.svg) 50% 50% no-repeat;
    mask-size: contain;
    top: calc(0 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    left: calc(-23 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
  }
  .ncommon-purchase-v2[data-ncp-mode=sp]:not([data-ncp-mode=pc])[data-ncp-type=pre-order] .ncommon-purchase-v2__btn span::before{
    mask: url(./img/label_pre_order_sp.svg) 50% 50% no-repeat;
    mask-size: contain;
  }
  .ncommon-purchase-v2[data-ncp-mode=sp]:not([data-ncp-mode=pc])[data-ncp-type=guide] .ncommon-purchase-v2__btn span::before{
    mask: url(./img/label_guide_sp.svg) 50% 50% no-repeat;
    mask-size: contain;
  }
  
}

@media screen and (min-width: 750px) {
  .ncommon-purchase-v2[data-ncp-mode=sp]:not([data-ncp-mode=pc]){
    width: calc(var(--purchasev2-width-tab) * 1px);
    height: calc((var(--purchasev2-width-tab) * var(--purchasev2-wp-aspect-sp)) * 1px);
  }
}
/* SP */
@media screen and (max-width: 749.98px) {
  .ncommon-purchase-v2[data-ncp-mode=sp]:not([data-ncp-mode=pc]){
    width: calc(var(--purchasev2-width-sp) * 1px);
    height: calc((var(--purchasev2-width-sp) * var(--purchasev2-wp-aspect-sp)) * 1px);
  }
}

/* .ncommon-purchase-v3-tab */
@media screen and (min-width: 750px) {
  .ncommon-purchase-v3-tab .ncommon-purchase-v2{
    width: calc(var(--purchasev2-width-tab) * 1px);
    height: calc((var(--purchasev2-width-tab) * var(--purchasev2-wp-aspect-sp)) * 1px);
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: -100;
    overflow: hidden;
    visibility: hidden;
    transform-origin: right bottom;
  }
  .ncommon-purchase-v3-tab .ncommon-purchase-v2{
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: -100;
    visibility: hidden;
    transform-origin: right bottom;
    container-type: inline-size;
  }
  .ncommon-purchase-v3-tab .ncommon-purchase-v2 .ncommon-purchase-v2__body{
    width: calc(128 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    height: calc((128 * var(--purchasev2-aspect-sp)) / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    position: absolute;
    right: calc(12 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    bottom: calc(12 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    left: auto;
    margin: 0;
  }
  .ncommon-purchase-v3-tab .ncommon-purchase-v2 .ncommon-purchase-v2__btn{
    width: calc(128 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    height: calc((128 * var(--purchasev2-aspect-sp)) / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    position: absolute;
    left: 0;
    top: 0;
    transform: translate3d(calc(140 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi),0,0);
    transition: transform .4s cubic-bezier(0.19, 1, 0.22, 1)
  }
  .ncommon-purchase-v3-tab .ncommon-purchase-v2.is-visible.is-show{
    z-index: 9999;
    visibility: visible;
  }
  .ncommon-purchase-v3-tab .ncommon-purchase-v2.is-shown.is-show .ncommon-purchase-v2__btn{
    transform: translate3d(0,0,0);
  }
  .ncommon-purchase-v3-tab .ncommon-purchase-v2.is-hide .ncommon-purchase-v2__btn{
    transform: translate3d(calc(140 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi),0,0) !important;
  }
  .ncommon-purchase-v3-tab .ncommon-purchase-v2 .ncommon-purchase-v2__btn a{
    position: relative;
    display: block;
    width: calc(128 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    height: calc((128 * var(--purchasev2-aspect-sp)) / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    background: var(--purchasev2-baseColor-sp);
    box-shadow: rgba(0,0,0,0.21) 0 0 calc(14 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    -webkit-box-shadow: rgba(0,0,0,0.21) 0 0 calc(14 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    box-sizing: border-box;
    overflow: hidden;
    transition: none;
    border-radius: calc(1px / 0);
  }
  .ncommon-purchase-v3-tab .ncommon-purchase-v2 .ncommon-purchase-v2__btn a::before{
    display: none;
  }
  .ncommon-purchase-v3-tab .ncommon-purchase-v2 .ncommon-purchase-v2__btn a div{
    transform: none;
    position: static;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .ncommon-purchase-v3-tab .ncommon-purchase-v2 .ncommon-purchase-v2__btn i{
    width: calc(37.5 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    height:100%;
    display: block;
    background-color: transparent;
    position: relative;
  }
  .ncommon-purchase-v3-tab .ncommon-purchase-v2 .ncommon-purchase-v2__btn i::before{
    content: "";
    width: calc(11.5 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    height: calc(11.5 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    mask: url("./img/icon-arrow-round-fill-right.svg") 50% 50% no-repeat;
    mask-size: cover;
    background: var(--purchasev2-iconColor-sp);
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: calc(16.5 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    margin: 0 auto;
  }
  .ncommon-purchase-v3-tab .ncommon-purchase-v2 .ncommon-purchase-v2__btn div span{
    display: block;
    height: calc(12.5 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    background-image: none;
    position: relative;
    left: auto;
    top: auto;
    width: calc(100% - (37.5 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi));
  }
  .ncommon-purchase-v3-tab .ncommon-purchase-v2[data-ncp-type=free] .ncommon-purchase-v2__btn div span{
    height: calc(28 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
  }
  .ncommon-purchase-v3-tab .ncommon-purchase-v2 .ncommon-purchase-v2__btn span::before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .ncommon-purchase-v3-tab .ncommon-purchase-v2 .ncommon-purchase-v2__btn span::before{
    mask: url(./img/label_buy_sp.svg?202205) 50% 50% no-repeat;
    mask-size: contain;
    width:auto;
    height:100%;
    top: calc(0 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    left: calc(-23 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    background-color:var(--purchasev2-textColor-sp);
  }
  .ncommon-purchase-v3-tab .ncommon-purchase-v2[data-ncp-type=free] .ncommon-purchase-v2__btn span::before{
    mask: url(./img/label_free_sp.svg) 50% 50% no-repeat;
    mask-size: contain;
    top: calc(0 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
    left: calc(-23 / (var(--purchasev2-widthBase-sp) * 0.01) * 1cqi);
  }
  .ncommon-purchase-v3-tab .ncommon-purchase-v2[data-ncp-type=pre-order] .ncommon-purchase-v2__btn span::before{
    mask: url(./img/label_pre_order_sp.svg) 50% 50% no-repeat;
    mask-size: contain;
  }
  .ncommon-purchase-v3-tab .ncommon-purchase-v2[data-ncp-type=guide] .ncommon-purchase-v2__btn span::before{
    mask: url(./img/label_guide_sp.svg) 50% 50% no-repeat;
    mask-size: contain;
  }
}

/* overwrite */
.ncommon-purchase-v2__sale {
  display: none!important;
}