html.ncommon-purchase-v3-tab .ncommon-purchase-v2[data-ncp-mode=pc]:not([data-ncp-mode=sp]){
  width: calc(324 / 1194 * 112px);
  height: calc(324 / 1194 * 112px);
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: -100;
  overflow: hidden;
  visibility: hidden;
}
html.ncommon-purchase-v3-tab .ncommon-purchase-v2[data-ncp-mode=pc]:not([data-ncp-mode=sp]) .ncommon-purchase-v2__body{
  width: calc(324 / 1194 * 77px);
  height: calc(324 / 1194 * 77px);
  position: absolute;
  right: calc(324 / 1194 * 17px);
  bottom: calc(324 / 1194 * 17px);
}
html.ncommon-purchase-v3-tab .ncommon-purchase-v2[data-ncp-mode=pc]:not([data-ncp-mode=sp]) .ncommon-purchase-v2__btn{
  width: calc(324 / 1194 * 77px);
  height: calc(324 / 1194 * 77px);
  position: absolute;
  left: 0;
  top: 0;
  transform: translate3d(calc(324 / 1194 * 112px),0,0);
  transition: transform .4s cubic-bezier(0.19, 1, 0.22, 1)
}
html.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.ncommon-purchase-v3-tab .ncommon-purchase-v2[data-ncp-mode=pc]:not([data-ncp-mode=sp]).is-shown.is-show .ncommon-purchase-v2__btn{
  transform: translate3d(0,0,0);
}
html.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(324 / 1194 * 77px);
  height: calc(324 / 1194 * 77px);
  background: #e60012;
  border-radius: 50%;
  box-shadow: 0px 0px calc(324 / 1194 * 7px) 0 rgba(0,0,0,0.6);
  border: #FFF calc(324 / 1194 * 3px) solid;
  box-sizing: border-box;
  overflow: hidden;
}
html.ncommon-purchase-v3-tab .ncommon-purchase-v2[data-ncp-mode=pc]:not([data-ncp-mode=sp]) .ncommon-purchase-v2__btn i{
  width: 100%;
  height: calc(324 / 1194 * 46.5px);
  display: block;
}
html.ncommon-purchase-v3-tab .ncommon-purchase-v2[data-ncp-mode=pc]:not([data-ncp-mode=sp])[data-ncp-type=free] .ncommon-purchase-v2__btn i{
  height: calc(324 / 1194 * 43px);
}
html.ncommon-purchase-v3-tab .ncommon-purchase-v2[data-ncp-mode=pc]:not([data-ncp-mode=sp]) .ncommon-purchase-v2__btn i::before{
  content: "";
  width: calc(324 / 1194 * 31px);
  height: calc(324 / 1194 * 26.5px);
  background: url(./img/ico_cart_sp.svg) 50% 50% no-repeat;
  background-size: cover;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(324 / 1194 * 14px);
  margin: 0 auto;
}
html.ncommon-purchase-v3-tab .ncommon-purchase-v2[data-ncp-mode=pc]:not([data-ncp-mode=sp])[data-ncp-type=free] .ncommon-purchase-v2__btn i::before{
  top: calc(324 / 1194 * 11px);
}
html.ncommon-purchase-v3-tab .ncommon-purchase-v2[data-ncp-mode=pc]:not([data-ncp-mode=sp]) .ncommon-purchase-v2__btn span{
  display: block;
  height: calc(324 / 1194 * 25px);
  background:#c3000e;
  position: relative;
}
html.ncommon-purchase-v3-tab .ncommon-purchase-v2[data-ncp-mode=pc]:not([data-ncp-mode=sp])[data-ncp-type=free] .ncommon-purchase-v2__btn span{
  height: calc(324 / 1194 * 28px);
}
html.ncommon-purchase-v3-tab .ncommon-purchase-v2[data-ncp-mode=pc]:not([data-ncp-mode=sp]) .ncommon-purchase-v2__btn span::before{
  content: "";
  display: block;
  position: absolute;
  top: calc(324 / 1194 * 5px);
  left: calc(324 / 1194 * 1px);
  right: 0;
  margin: 0 auto;
}
html.ncommon-purchase-v3-tab .ncommon-purchase-v2[data-ncp-mode=pc]:not([data-ncp-mode=sp]) .ncommon-purchase-v2__btn span::before{
  background: url(./img/label_buy_sp.svg?202205) 50% 50% no-repeat;
  background-size: contain;
  width: calc(324 / 1194 * 36px);
  height: calc(324 / 1194 * 10px);
}
html.ncommon-purchase-v3-tab .ncommon-purchase-v2[data-ncp-mode=pc]:not([data-ncp-mode=sp])[data-ncp-type=free] .ncommon-purchase-v2__btn span::before{
  background: url(./img/label_free_sp.svg) 50% 50% no-repeat;
  background-size: contain;
  width: calc(324 / 1194 * 49px);
  height: calc(324 / 1194 * 19.5px);
  top:4px;
  left:1px;
}
html.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 span::before{
  background: url(./img/label_pre_order_sp.svg) 50% 50% no-repeat;
  background-size: contain;
}

/* レスポンシブ */
html.ncommon-purchase-v3-tab .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp]){
  width: calc(324 / 1194 * 112px);
  height: calc(324 / 1194 * 112px);
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: -100;
  overflow: hidden;
  visibility: hidden;
}
html.ncommon-purchase-v3-tab .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp]) .ncommon-purchase-v2__body{
  width: calc(324 / 1194 * 77px);
  height: calc(324 / 1194 * 77px);
  position: absolute;
  right: calc(324 / 1194 * 17px);
  bottom: calc(324 / 1194 * 17px);
}
html.ncommon-purchase-v3-tab .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp]) .ncommon-purchase-v2__btn{
  width: calc(324 / 1194 * 77px);
  height: calc(324 / 1194 * 77px);
  position: absolute;
  left: 0;
  top: 0;
  transform: translate3d(calc(324 / 1194 * 112px),0,0);
  transition: transform .4s cubic-bezier(0.19, 1, 0.22, 1)
}
html.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.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{
  transform: translate3d(0,0,0);
}
html.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(324 / 1194 * 77px);
  height: calc(324 / 1194 * 77px);
  background: #e60012;
  border-radius: 50%;
  box-shadow: 0px 0px calc(324 / 1194 * 7px) 0 rgba(0,0,0,0.6);
  border: #FFF calc(324 / 1194 * 3px) solid;
  box-sizing: border-box;
  overflow: hidden;
}
html.ncommon-purchase-v3-tab .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp]) .ncommon-purchase-v2__btn i{
  width: 100%;
  height: calc(324 / 1194 * 46.5px);
  display: block;
}
html.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 i{
  height: calc(324 / 1194 * 43px);
}
html.ncommon-purchase-v3-tab .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp]) .ncommon-purchase-v2__btn i::before{
  content: "";
  width: calc(324 / 1194 * 31px);
  height: calc(324 / 1194 * 26.5px);
  background: url(./img/ico_cart_sp.svg) 50% 50% no-repeat;
  background-size: cover;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(324 / 1194 * 14px);
  margin: 0 auto;
}
html.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 i::before{
  top: calc(324 / 1194 * 11px);
}
html.ncommon-purchase-v3-tab .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp]) .ncommon-purchase-v2__btn span{
  display: block;
  height: calc(324 / 1194 * 25px);
  background:#c3000e;
  position: relative;
}
html.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 span{
  height: calc(324 / 1194 * 28px);
}
html.ncommon-purchase-v3-tab .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp]) .ncommon-purchase-v2__btn span::before{
  content: "";
  display: block;
  position: absolute;
  top: calc(324 / 1194 * 5px);
  left: calc(324 / 1194 * 2px);
  right: 0;
  margin: 0 auto;
}
html.ncommon-purchase-v3-tab .ncommon-purchase-v2:not([data-ncp-mode=pc]):not([data-ncp-mode=sp]) .ncommon-purchase-v2__btn span::before{
  background: url(./img/label_buy_sp.svg?202205) 50% 50% no-repeat;
  background-size: contain;
  width: calc(324 / 1194 * 37px);
  height: calc(324 / 1194 * 14px);
}
html.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 span::before{
  background: url(./img/label_free_sp.svg) 50% 50% no-repeat;
  background-size: contain;
  width: calc(324 / 1194 * 49px);
  height: calc(324 / 1194 * 19.5px);
}
html.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 span::before{
  background: url(./img/label_pre_order_sp.svg) 50% 50% no-repeat;
  background-size: contain;
}