.scpp{--scpp-clr-soundcore: #17BBEF;--scpp-clr-theme: var(--scpp-clr-soundcore);--scpp-clr-w100: #FFFFFF;--scpp-clr-bg: #F5F7FA;--scpp-clr-bg-deep2: #7E899B;--scpp-clr-bg-bright: #F0F2F7;--scpp-clr-heading: #333333;--scpp-clr-txt: rgba(51, 51, 51, .8);--scpp-clr-txt-light: #666666;--scpp-clr-caption: rgba(51, 51, 51, .7);--scpp-clr-border: rgba(0, 0, 0, .1);--scpp-font-en: "Mont", "Mont For Anker", "Noto Sans JP", sans-serif;--scpp-font-jp: "Noto Sans JP", sans-serif;color:var(--scpp-clr-txt);font-family:var(--scpp-font-jp);box-sizing:border-box}.scpp *{box-sizing:border-box}.scpp section{padding:60px 0}@media screen and (min-width:960px){.scpp section{padding:80px 0}}.scpp .m-en{font-family:var(--scpp-font-en);letter-spacing:.04em}.scpp .m-sp{display:inline}@media screen and (min-width:960px){.scpp .m-sp{display:none}}.scpp .m-pc{display:none}@media screen and (min-width:960px){.scpp .m-pc{display:inline}}.scpp h2,.scpp h3{color:var(--scpp-clr-heading);font-weight:500;line-height:1.4}.scpp .scpp-caption{margin:0;padding:0;list-style:none;color:var(--scpp-clr-caption);font-size:11px;line-height:1.6}@media screen and (min-width:960px){.scpp .scpp-caption{font-size:12px}}.scpp .scpp-caption li{padding-left:1em;text-indent:-1em}.scpp .scpp-caption li:before{content:"\203b";margin-right:.2em}.scpp ol.scpp-caption{counter-reset:scpp-caption}.scpp ol.scpp-caption li{counter-increment:scpp-caption}.scpp ol.scpp-caption li:before{content:"\203b" counter(scpp-caption)}.scpp ol.scpp-caption.data-product,.scpp ul.scpp-caption.data-product{display:none}:is(.scpp ol.scpp-caption.data-product,.scpp ul.scpp-caption.data-product).is-active{display:block}.scpp .pricing{background:var(--scpp-clr-w100);overflow:visible}.scpp .pricing .scpp-wrap{width:min(1240px,92%);margin:0 auto;display:flex;flex-direction:column;gap:30px}@media screen and (min-width:960px){.scpp .pricing .scpp-wrap{gap:40px}}.scpp .pricing .heading{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}@media screen and (min-width:960px){.scpp .pricing .heading{gap:24px}}.scpp .pricing .heading h2{font-size:clamp(22px,calc(26 / 375 * 100vw),26px)}@media screen and (min-width:960px){.scpp .pricing .heading h2{font-size:clamp(24px,calc(32 / 1440 * 100vw),32px)}}.scpp .pricing .heading p{font-size:14px;line-height:1.7;text-align:left}@media screen and (min-width:960px){.scpp .pricing .heading p{font-size:16px;text-align:center}}.scpp .pricing .contents{display:flex;flex-direction:column;gap:20px}.scpp .pricing .plan-tabs{padding:4px 0 12px;background:var(--scpp-clr-w100);z-index:100}@media screen and (min-width:960px){.scpp .pricing .plan-tabs{display:none}}.scpp .pricing .plan-tabs .plan-tabs-inner{display:flex;gap:8px;max-width:500px;margin:0 auto}.scpp .pricing .plan-tabs.is-fixed{position:fixed;left:0;right:0;padding:12px 20px 16px;background:var(--scpp-clr-bg);box-shadow:0 2px 8px #00000014}.scpp .pricing .plan-tabs-spacer{display:none}.scpp .pricing .plan-tab{flex:1;padding:12px 6px 10px;border:1px solid var(--scpp-clr-border);border-radius:10px;background:var(--scpp-clr-w100);text-align:center;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.scpp .pricing .plan-tab .plan-tab__name{display:block;font-size:12px;font-weight:500;letter-spacing:.04em;line-height:1.3}.scpp .pricing .plan-tab .plan-tab__sub{display:block;font-size:10px;color:var(--scpp-clr-caption);margin-top:2px}.scpp .pricing .plan-tab.is-active{background:var(--scpp-clr-theme);color:var(--scpp-clr-w100);box-shadow:0 0 8px 1px #17bbef66}.scpp .pricing .plan-tab.is-active .plan-tab__name,.scpp .pricing .plan-tab.is-active .plan-tab__sub{color:var(--scpp-clr-w100)}@media screen and (min-width:960px){.scpp .pricing .pricing-splide{visibility:visible!important;overflow:visible!important}.scpp .pricing .pricing-splide .splide__track{overflow:visible!important}.scpp .pricing .pricing-splide .splide__list{display:grid!important;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto 1fr;gap:12px;transform:none!important}.scpp .pricing .pricing-splide .splide__slide{width:auto!important;min-width:0;display:grid!important;grid-template-rows:subgrid;grid-row:span 3}}.scpp .pricing .cont{background:var(--scpp-clr-bg);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;width:100%}@media screen and (min-width:960px){.scpp .pricing .cont{display:grid;grid-template-rows:subgrid;grid-row:span 3}}.scpp .pricing .cont.cont--pro{background:linear-gradient(180deg,#e6f4fb,#cfeaf6)}.scpp .pricing .cont.cont--unlimited{background:linear-gradient(180deg,#dcf3ff,#bae6fd)}.scpp .pricing .ttl{display:flex;flex-direction:column;align-items:center;gap:4px;margin:10px 10px 0;padding:24px 20px 16px;text-align:center;background:var(--scpp-clr-w100);border-radius:12px}.scpp .pricing .ttl .head{font-size:clamp(20px,6.4vw,24px);font-weight:500;letter-spacing:.04em;color:var(--scpp-clr-heading)}@media screen and (min-width:960px){.scpp .pricing .ttl .head{font-size:clamp(20px,calc(26 / 1440 * 100vw),26px)}}.scpp .pricing .ttl .sub{font-size:12px;color:var(--scpp-clr-caption)}@media screen and (max-width:959px){.scpp .pricing .ttl{display:none}}.scpp .pricing .price{gap:0px;justify-content:center;align-items:center;padding:20px 20px 24px;text-align:center}@media screen and (min-width:960px){.scpp .pricing .price{padding:24px clamp(20px,calc(40 / 1440 * 100vw),40px)}}.scpp .pricing .price>div{display:flex;gap:5px;align-items:baseline;justify-content:center}.scpp .pricing .price .min{font-size:18px}@media screen and (min-width:960px){.scpp .pricing .price .min{font-size:clamp(16px,calc(22 / 1440 * 100vw),22px)}}.scpp .pricing .price .m-en{font-size:clamp(40px,calc(44 / 375 * 100vw),44px);font-weight:500;letter-spacing:0em;color:var(--scpp-clr-heading)}@media screen and (min-width:960px){.scpp .pricing .price .m-en{font-size:clamp(32px,calc(42 / 1440 * 100vw),42px)}}.scpp .pricing .price .tax{font-size:10px;color:var(--scpp-clr-txt-light)}@media screen and (min-width:960px){.scpp .pricing .price .tax{font-size:11px}}.scpp .pricing .price .price-main{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.scpp .pricing .price .m-wn{display:inline-flex;align-items:baseline;gap:2px}.scpp .pricing .price .m-wn .m-en{font-size:clamp(28px,9.6vw,36px)}@media screen and (min-width:960px){.scpp .pricing .price .m-wn .m-en{font-size:clamp(28px,calc(40 / 1440 * 100vw),40px)}}.scpp .pricing .price .plan-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:8px 30px 8px 12px;border:1px solid rgba(0,0,0,.15);border-radius:6px;background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none'><path d='M1 1.5L6 6.5L11 1.5' stroke='%23333' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 10px center;background-size:10px 7px;font-family:inherit;font-size:12px;line-height:1;color:var(--scpp-clr-txt);cursor:pointer;transition:border-color .2s ease}.scpp .pricing .price .plan-select:hover{border-color:#0000004d}.scpp .pricing .price .plan-select:focus-visible{outline:2px solid #00a9e0;outline-offset:2px}.scpp .pricing .price .per-month{margin-top:8px;font-size:12px;color:var(--scpp-clr-txt);letter-spacing:.02em;line-height:1.5;text-align:center}.scpp .pricing .price .per-month strong{font-size:20px;font-weight:600;font-family:var(--scpp-font-en);color:var(--scpp-clr-heading)}.scpp .pricing .price .note{margin:4px 0 0;padding:0;border:none;font-size:10px;color:var(--scpp-clr-txt-light);line-height:1.6;letter-spacing:.02em;text-align:center}.scpp .pricing .price>.per-month{margin-top:6px;font-size:12px;color:var(--scpp-clr-txt);letter-spacing:.02em;line-height:1.5;text-align:center}.scpp .pricing .price>.per-month strong{font-size:18px;font-weight:600;color:var(--scpp-clr-heading)}.scpp .pricing .price>.note{margin:4px 0 0;padding:0;border:none;font-size:10px;color:var(--scpp-clr-txt-light);line-height:1.6;letter-spacing:.02em;text-align:center}.scpp .pricing .price .is-spacer{visibility:hidden;pointer-events:none}.scpp .pricing .txt{padding:0 20px 24px}@media screen and (min-width:960px){.scpp .pricing .txt{padding:0 22px 28px}}.scpp .pricing .row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--scpp-clr-border)}.scpp .pricing .row .sub{font-size:13px;color:var(--scpp-clr-caption)}.scpp .pricing .data{font-size:14px;font-weight:500;color:var(--scpp-clr-heading);text-align:right}.scpp .pricing .data sup{font-size:10px;color:var(--scpp-clr-caption);margin-left:2px;vertical-align:super}.scpp .pricing .data.data-product{display:none}.scpp .pricing .data.data-product.is-active{display:inline-block}.scpp .pricing .data sup.data-product{display:none}.scpp .pricing .data sup.data-product.is-active{display:inline}.scpp .pricing .list{margin-top:16px;display:flex;flex-direction:column;gap:2px}.scpp .pricing .feature{position:relative;display:flex;align-items:center;gap:10px;padding:8px 0;font-size:13px;color:var(--scpp-clr-heading)}.scpp .pricing .feature.disabled,.scpp .pricing .feature.disabled .ico{color:var(--scpp-clr-caption)}.scpp .pricing .feature .ico{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:12px;color:var(--scpp-clr-theme);flex-shrink:0}.scpp .pricing .feature .btn-tip{width:18px;height:18px;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;background:var(--scpp-clr-bg);border:1px solid var(--scpp-clr-border);border-radius:50%;font-size:11px;color:var(--scpp-clr-caption);cursor:pointer;flex-shrink:0;transition:background-color .2s ease,color .2s ease}.scpp .pricing .feature .btn-tip:hover{background:var(--scpp-clr-theme);border-color:var(--scpp-clr-theme);color:var(--scpp-clr-w100)}.scpp .pricing .feature .tooltip{position:absolute;left:30%;right:-10px;bottom:calc(100% + 4px);background:var(--scpp-clr-heading);color:var(--scpp-clr-w100);font-size:12px;line-height:1.6;padding:12px 16px;border-radius:8px;z-index:10;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none}.scpp .pricing .feature .tooltip:after{content:"";position:absolute;bottom:-5px;right:14px;width:10px;height:10px;background:var(--scpp-clr-heading);transform:rotate(45deg)}.scpp .pricing .feature .tooltip.is-visible{opacity:1;visibility:visible;pointer-events:auto}.scpp .pricing .scpp-caption-set{display:flex;flex-direction:column;gap:8px;margin-top:-4px}.scpp .pricing .scpp-caption+.scpp-caption{margin-top:0}.scpp .packages{background:var(--scpp-clr-w100)}.scpp .packages.bg-none{background:transparent}.scpp .packages .scpp-wrap{width:min(1240px,92%);margin:0 auto;display:flex;flex-direction:column;gap:30px}@media screen and (min-width:960px){.scpp .packages .scpp-wrap{gap:40px}}.scpp .packages .heading{display:flex;gap:12px;flex-direction:column;align-items:center;text-align:center}@media screen and (min-width:960px){.scpp .packages .heading{gap:16px}}.scpp .packages .heading h2{font-size:clamp(22px,calc(26 / 375 * 100vw),26px)}@media screen and (min-width:960px){.scpp .packages .heading h2{font-size:clamp(24px,calc(32 / 1440 * 100vw),32px)}}.scpp .packages .heading .sub{font-size:14px}@media screen and (min-width:960px){.scpp .packages .heading .sub{font-size:15px}}.scpp .packages .packages-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media screen and (min-width:960px){.scpp .packages .packages-list{grid-template-columns:repeat(4,1fr);gap:12px}}.scpp .packages .cont{background:var(--scpp-clr-bg-bright);border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.scpp .packages .cont .head{margin:10px 10px 0;padding:14px 8px;font-size:clamp(13px,4vw,15px);background:var(--scpp-clr-w100);border-radius:10px;text-align:center;font-weight:500;color:var(--scpp-clr-heading)}@media screen and (min-width:960px){.scpp .packages .cont .head{padding:18px;font-size:clamp(13px,calc(17 / 1440 * 100vw),17px)}}.scpp .packages .cont .head .m-en{font-size:clamp(20px,calc(22 / 375 * 100vw),22px);letter-spacing:0em;margin-right:2px}@media screen and (min-width:960px){.scpp .packages .cont .head .m-en{font-size:clamp(22px,calc(26 / 1440 * 100vw),26px)}}.scpp .packages .cont .price{display:flex;gap:4px;flex-direction:row;align-items:baseline;justify-content:center;padding:16px 8px}@media screen and (min-width:960px){.scpp .packages .cont .price{padding:24px 16px}}.scpp .packages .cont .price .min{font-size:14px;color:var(--scpp-clr-heading)}@media screen and (min-width:960px){.scpp .packages .cont .price .min{font-size:clamp(18px,calc(22 / 1440 * 100vw),22px)}}.scpp .packages .cont .price .m-en{font-size:clamp(24px,calc(28 / 375 * 100vw),28px);font-weight:500;letter-spacing:0em;color:var(--scpp-clr-heading)}@media screen and (min-width:960px){.scpp .packages .cont .price .m-en{font-size:clamp(28px,2.5vw,36px)}}.scpp .packages .cont .price .tax{font-size:10px;color:var(--scpp-clr-caption)}.scpp .packages .cont .list{padding:0 16px 16px}@media screen and (min-width:960px){.scpp .packages .cont .list{padding:0 20px 24px}}.scpp .packages .cont .list .txt{position:relative;display:flex;align-items:center;gap:6px;padding-top:12px;border-top:1px solid var(--scpp-clr-border);font-size:12px;color:var(--scpp-clr-txt-light)}@media screen and (min-width:960px){.scpp .packages .cont .list .txt{padding-top:16px;font-size:13px}}.scpp .packages .cont .list .txt .ico{display:none;color:var(--scpp-clr-theme)}@media screen and (min-width:960px){.scpp .packages .cont .list .txt .ico{display:inline-block}}
/*# sourceMappingURL=/cdn/shop/t/322/assets/soundcore-pricing-plan.css.map */