/* -------------------------------------------------------- Name: OTO MART - app.css Author: これは作成者です Info: OTO MART ----------------------------------------------------------- */ @charset "UTF-8";a,abbr,address,article,aside,audio,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,label,legend,li,main,mark,nav,ol,p,pre,q,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}body{line-height:1;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}a{all:unset;cursor:revert;display:revert;text-decoration:none}h1,h2,h3,h4,h5,h6,p{font-weight:400}img{border-style:none;vertical-align:bottom}img,video{height:auto;max-width:100%}ol,ul{list-style:none;list-style-type:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}blockquote,q{quotes:none}table{border-collapse:collapse;border-spacing:0}input::-webkit-search-decoration{display:none}input:focus{outline-offset:-2px}select::-ms-expand{display:none}select::-webkit-search-decoration{display:none}select:focus{outline-offset:-2px}button{background-color:transparent}textarea{resize:none}textarea::-webkit-search-decoration{display:none}textarea:focus{outline-offset:-2px}button,input,select,textarea{background:none;border:none;color:inherit;font:inherit;outline:none;padding:0}html{font-size:2.5641025641vw;touch-action:manipulation}html.fonts-loaded .is-loaded.p-title-page{opacity:0;visibility:hidden;z-index:-1}body{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;font-family:momochidori-variable,degular-display,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,Meiryo,メイリオ,Osaka,ＭＳ Ｐゴシック,sans-serif;font-size:16px;font-variation-settings:"wdth" 50,"wght" 200;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;line-break:strict;min-height:100vh;min-height:100dvh;overflow-wrap:anywhere;-webkit-transition:background-color .2s ease;-moz-transition:background-color .2s ease;transition:background-color .2s ease;word-break:normal}a,body{color:#222}a,h1,h2,h3,h4,h5,h6,p{line-height:normal}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.bg,.content-wrapper{position:relative}.content-wrapper{background-color:#edeaed;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;height:100svh}.content-wrapper.is-playing{background-color:#222}.content-wrapper.is-playing .l-header__button *,.content-wrapper.is-playing .l-header__button:after,.content-wrapper.is-playing .l-header__button:before{background-color:#fff}.content-wrapper.is-playing .c-sampling__edit{color:#fff}.c-share__content{padding-bottom:calc(4rem + env(safe-area-inset-bottom))}#section-contents .l-container{margin-inline:auto;width:-webkit-calc(100% - 4rem);width:-moz-calc(100% - 4rem);width:calc(100% - 4rem)}.splide__container{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}.splide__list{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-flex-shrink:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{-webkit-animation:splide-loading 1s linear infinite;-moz-animation:splide-loading 1s linear infinite;animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@-webkit-keyframes splide-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-moz-keyframes splide-loading{0%{-moz-transform:rotate(0);transform:rotate(0)}to{-moz-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes splide-loading{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;height:2em;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;-webkit-transition:-webkit-transform .2s linear;transition:-webkit-transform .2s linear;-moz-transition:transform .2s linear,-moz-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear,-moz-transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;-webkit-transform:scale(1.4);-moz-transform:scale(1.4);-ms-transform:scale(1.4);transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports (outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@supports (outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.splide__pagination--ttb{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;left:auto;padding:1em 0;right:.5em}.modal__overlay,.splide__pagination--ttb{bottom:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;top:0}.modal__overlay{background:rgba(0,0,0,.8);left:0;position:fixed;right:-.1rem;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;height:100%;z-index:10000}.modal__container{max-height:100vh;overflow-y:auto;width:100%}.modal__header{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center}.modal__title{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#00449e;font-size:1.25rem;font-weight:600;line-height:1.25;margin-bottom:0;margin-top:0}.modal__close{background:transparent;border:0}.modal__header .modal__close:before{content:"✕"}.modal__btn{-webkit-appearance:button;background-color:#e6e6e6;border-radius:.25rem;border-style:none;border-width:0;color:rgba(0,0,0,.8);cursor:pointer;font-size:.875rem;line-height:1.15;margin:0;overflow:visible;padding:.5rem 1rem;text-transform:none;will-change:transform;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);transition:-webkit-transform .25s ease-out;-webkit-transition:-webkit-transform .25s ease-out;-moz-transition:transform .25s ease-out,-moz-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out,-moz-transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out}.modal__btn:focus,.modal__btn:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.modal__btn-primary{background-color:#00449e;color:#fff}@-webkit-keyframes mmfadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes mmfadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes mmfadeOut{0%{opacity:1}to{opacity:0}}@-moz-keyframes mmfadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes mmslideIn{0%{-webkit-transform:translateY(15%);transform:translateY(15%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes mmslideIn{0%{-moz-transform:translateY(15%);transform:translateY(15%)}to{-moz-transform:translateY(0);transform:translateY(0)}}@keyframes mmslideIn{0%{-webkit-transform:translateY(15%);-moz-transform:translateY(15%);transform:translateY(15%)}to{-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes mmslideOut{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(15%);transform:translateY(15%)}}@-moz-keyframes mmslideOut{0%{-moz-transform:translateY(0);transform:translateY(0)}to{-moz-transform:translateY(15%);transform:translateY(15%)}}@keyframes mmslideOut{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(15%);-moz-transform:translateY(15%);transform:translateY(15%)}}@-webkit-keyframes mmSlideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-moz-keyframes mmSlideInRight{0%{-moz-transform:translateX(100%);transform:translateX(100%)}to{-moz-transform:translateX(0);transform:translateX(0)}}@keyframes mmSlideInRight{0%{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes mmSlideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@-moz-keyframes mmSlideOutRight{0%{-moz-transform:translateX(0);transform:translateX(0)}to{-moz-transform:translateX(100%);transform:translateX(100%)}}@keyframes mmSlideOutRight{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);transform:translateX(100%)}}.micromodal-slide{display:none}.micromodal-slide.is-open{display:block}.micromodal-slide[aria-hidden=false] .modal__overlay{-webkit-animation:mmfadeIn .3s cubic-bezier(0,0,.2,1);-moz-animation:mmfadeIn .3s cubic-bezier(0,0,.2,1);animation:mmfadeIn .3s cubic-bezier(0,0,.2,1)}.micromodal-slide[aria-hidden=false] .modal__container{-webkit-animation:mmslideIn .3s cubic-bezier(0,0,.2,1);-moz-animation:mmslideIn .3s cubic-bezier(0,0,.2,1);animation:mmslideIn .3s cubic-bezier(0,0,.2,1)}.micromodal-slide[aria-hidden=true] .modal__overlay{-webkit-animation:mmfadeOut .3s cubic-bezier(0,0,.2,1);-moz-animation:mmfadeOut .3s cubic-bezier(0,0,.2,1);animation:mmfadeOut .3s cubic-bezier(0,0,.2,1)}.micromodal-slide[aria-hidden=true] .modal__container{-webkit-animation:mmslideOut .3s cubic-bezier(0,0,.2,1);-moz-animation:mmslideOut .3s cubic-bezier(0,0,.2,1);animation:mmslideOut .3s cubic-bezier(0,0,.2,1)}.micromodal-slide .modal__container,.micromodal-slide .modal__overlay{will-change:transform}.micromodal-slide-right{display:none}.micromodal-slide-right.is-open{display:block}.micromodal-slide-right[aria-hidden=false] .modal__overlay{-webkit-animation:mmfadeIn .3s cubic-bezier(0,0,.2,1);-moz-animation:mmfadeIn .3s cubic-bezier(0,0,.2,1);animation:mmfadeIn .3s cubic-bezier(0,0,.2,1)}.micromodal-slide-right[aria-hidden=false] .modal__container{-webkit-animation:mmSlideInRight .3s cubic-bezier(0,0,.2,1);-moz-animation:mmSlideInRight .3s cubic-bezier(0,0,.2,1);animation:mmSlideInRight .3s cubic-bezier(0,0,.2,1)}.micromodal-slide-right[aria-hidden=true] .modal__overlay{-webkit-animation:mmfadeOut .3s cubic-bezier(0,0,.2,1);-moz-animation:mmfadeOut .3s cubic-bezier(0,0,.2,1);animation:mmfadeOut .3s cubic-bezier(0,0,.2,1)}.micromodal-slide-right[aria-hidden=true] .modal__container{-webkit-animation:mmSlideOutRight .3s cubic-bezier(0,0,.2,1);-moz-animation:mmSlideOutRight .3s cubic-bezier(0,0,.2,1);animation:mmSlideOutRight .3s cubic-bezier(0,0,.2,1)}.micromodal-slide-right .modal__overlay{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-moz-box-pack:end;justify-content:flex-end;-webkit-box-align:stretch;-webkit-align-items:stretch;-moz-box-align:stretch;align-items:stretch}.micromodal-slide-right .modal__container{border-radius:0;height:100vh;max-width:350px}.l-header,.l-header--beats-bar,.l-header--share{padding:1.2rem 1.8rem;position:relative}.is-fixed.l-header--beats-bar,.is-fixed.l-header--share,.l-header.is-fixed{position:fixed;width:100%;z-index:1000000}.is-fixed.l-header--beats-bar .l-header__button *,.is-fixed.l-header--beats-bar .l-header__button:after,.is-fixed.l-header--beats-bar .l-header__button:before,.is-fixed.l-header--share .l-header__button *,.is-fixed.l-header--share .l-header__button:after,.is-fixed.l-header--share .l-header__button:before,.l-header.is-fixed .l-header__button *,.l-header.is-fixed .l-header__button:after,.l-header.is-fixed .l-header__button:before{background-color:#fff}.l-header .l-header__inner,.l-header--beats-bar .l-header__inner,.l-header--share .l-header__inner{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;position:relative}.l-header .l-header__logo,.l-header .l-header__logo a,.l-header--beats-bar .l-header__logo,.l-header--beats-bar .l-header__logo a,.l-header--share .l-header__logo,.l-header--share .l-header__logo a{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}.l-header .l-header__logo svg,.l-header--beats-bar .l-header__logo svg,.l-header--share .l-header__logo svg{height:auto;width:19.2rem}.l-header .l-header__nav,.l-header--beats-bar .l-header__nav,.l-header--share .l-header__nav{padding-top:8rem}.l-header .l-header__button,.l-header--beats-bar .l-header__button,.l-header--share .l-header__button{cursor:pointer;display:grid;gap:.6rem;position:absolute;right:1.7rem;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:2.4rem;z-index:9999}.l-header .l-header__button *,.l-header--beats-bar .l-header__button *,.l-header--share .l-header__button *{background-color:#222;height:1px;width:100%}.l-header .l-header__button:after,.l-header .l-header__button:before,.l-header--beats-bar .l-header__button:after,.l-header--beats-bar .l-header__button:before,.l-header--share .l-header__button:after,.l-header--share .l-header__button:before{background-color:#222;content:"";display:block;height:1px;width:100%}.l-header--beats-bar,.l-header--share{border-bottom:1px solid #222}.l-header__overlay{z-index:10000000}.l-header-menu{z-index:100}.l-header-menu .l-header-menu__container{background-color:#edeaed;max-width:23rem;padding:1.5rem 2rem}.l-header-menu .l-header-menu__content{margin:0}.l-header-menu .l-header-menu__header{-webkit-box-pack:end;-webkit-justify-content:flex-end;-moz-box-pack:end;justify-content:flex-end}.l-header-menu .l-header-menu__content{padding-top:7.5rem}.l-header-menu .l-header-menu__nav-list{display:grid;gap:3.2rem}.l-header-menu .l-header-menu__nav-list-sec{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;margin-top:2rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;gap:1.2rem}.l-header-menu .l-header-menu__nav-item{color:#222;font-size:2rem;font-variation-settings:"wdth" 50,"wght" 300}.l-header-menu .l-header-menu__nav-item[type=button]{cursor:pointer}.l-header-menu .l-header-menu__nav-item a{display:block;line-height:1}.l-header-menu .l-header-menu__nav-item:nth-of-type(4):before{background-color:#222;content:"";display:block;height:1px;margin-bottom:3.2rem;width:100%}.l-header-menu .l-header-menu__nav-link:not(:root){display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:inline-flex;gap:.7rem}.l-header-menu .l-header-menu__nav-link:not(:root) img{width:3.2rem}.l-header-menu .l-header-menu__nav-link:not(:root):before{border-bottom:.2rem solid #222;border-left:.2rem solid #222;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;content:"";display:inline-block;height:1.5rem;margin-top:.4rem;width:1.5rem}.l-header-menu .l-header-menu__header-close{cursor:pointer;height:2.5rem;width:2.5rem}.l-header-menu .l-header-menu__header-close:before{content:none}.l-header-menu .l-header-menu__header-close span{cursor:pointer;display:grid;place-items:center}.l-header-menu .l-header-menu__header-close span:after,.l-header-menu .l-header-menu__header-close span:before{background-color:#222;content:"";display:block;height:1px;width:100%}.l-header-menu .l-header-menu__header-close span:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.l-header-menu .l-header-menu__header-close span:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}html.chrome.mac .l-header-menu__nav-item,html.chrome.win .l-header-menu__nav-item{font-variation-settings:"wdth" 50,"wght" 400}.page-index .c-sampling__all-clear{border:none;border-radius:4px;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;font-size:1.2rem;font-weight:800;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;font-family:var(--font-family-ja);left:1.3rem;position:absolute;top:.7rem;z-index:10}.page-index .c-sampling__all-clear.is-hidden{display:none}.page-index .c-sampling__all-clear-text{font-family:degular-display,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,Meiryo,メイリオ,Osaka,ＭＳ Ｐゴシック,sans-serif;font-size:1.2rem;font-weight:200;letter-spacing:0;line-height:100%;text-align:center;vertical-align:middle}.page-beats-bar-share.is-playing *,.page-share.is-playing *{color:#fff}.page-beats-bar-share .content-wrapper,.page-share .content-wrapper{height:auto;min-height:100svh}.p-title-page{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;background-color:#edeaed;height:100svh;height:100%;justify-content:center;left:0;position:fixed;top:0;-webkit-transition:.4s ease;-moz-transition:.4s ease;transition:.4s ease;width:100%;z-index:10000000000}.p-title-page img{height:100svh;-o-object-fit:contain;object-fit:contain;width:100%}.bpm-player-container{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;background-color:#fff;justify-content:center;margin-bottom:40px;padding:60px 20px}.bpm-player{background:#fff;border:1px solid #eee;border-radius:8px;color:#333;font-family:Helvetica Neue,Arial,sans-serif;padding:40px;text-align:center;width:280px}.bpm-display{margin-bottom:40px}.bpm-display #js-bpm-value{color:#333;display:block;font-size:32px;font-weight:300;line-height:1;margin-bottom:5px}.bpm-display .rate-value{color:#999;display:block;font-size:13px;font-weight:400}.knob-container{cursor:ns-resize;margin:0 auto 40px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:120px}.knob-outer{background:#fff;border:2px solid #e0e0e0;border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;height:100px;margin:0 auto;position:relative;width:100px;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-transition:border-color .2s;-moz-transition:border-color .2s;transition:border-color .2s}.knob-outer:hover{border-color:#ccc}.knob-inner{border-radius:50%;height:100%;position:relative;-webkit-transition:-webkit-transform .1s cubic-bezier(.1,0,.3,1);transition:-webkit-transform .1s cubic-bezier(.1,0,.3,1);-moz-transition:transform .1s cubic-bezier(.1,0,.3,1),-moz-transform .1s cubic-bezier(.1,0,.3,1);transition:transform .1s cubic-bezier(.1,0,.3,1);transition:transform .1s cubic-bezier(.1,0,.3,1),-webkit-transform .1s cubic-bezier(.1,0,.3,1),-moz-transform .1s cubic-bezier(.1,0,.3,1);width:100%}.knob-marker{background:#333;border-radius:2px;height:12px;left:50%;position:absolute;top:15px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:4px}.knob-label{color:#999;font-size:11px;letter-spacing:1px;margin-top:15px;text-transform:uppercase}.play-button{background:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;outline:none;padding:12px 0;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;width:100%}.play-button:hover{background:#555}.play-button.is-playing{background:#fff;border:1px solid #333;color:#333}.play-button.is-playing:hover{background:#f5f5f5}html.sanrio-page{background-attachment:fixed;background-color:#ffedf5;background-image:url(/beats-bar/assets/images/sanrio/player-bg.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;font-size:min(.484496124vw,.363372093svh);min-height:100%}.sanrio-body{background:transparent;color:#6c6c6c;display:block;font-family:M PLUS Rounded\ 1c,Hiragino Maru Gothic ProN,sans-serif;font-size:6.4rem;font-variation-settings:normal;font-weight:500;margin:0;min-height:100svh}.sanrio-body:after,.sanrio-body:before{display:none}.sanrio-body *,.sanrio-body :after,.sanrio-body :before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.sanrio-body [hidden]{display:none!important}.sanrio-body :where(button){background:transparent;border:0;color:inherit;cursor:pointer;font:inherit;padding:0;touch-action:manipulation}.sanrio-body button:focus-visible{outline:.8rem solid #fc73ad;outline-offset:2rem}.sanrio-body button:disabled{cursor:default;opacity:.35}.sanrio-body :where(img){display:block;height:auto}.p-sanrio{margin:0 auto;padding:max(12.8rem,env(safe-area-inset-top)) 0 max(15.8rem,env(safe-area-inset-bottom));text-align:center;width:206.4rem}.p-sanrio__heading{line-height:1;margin:0 auto;opacity:.5;width:174.1447rem}.p-sanrio__heading img{height:26rem;width:174.1447rem}.p-sanrio__by{height:auto;margin:0 auto 8rem;width:100rem}.p-sanrio__player{margin:0 auto;position:relative;width:136.2rem}.p-sanrio__record{-webkit-animation:sanrio-record-spin 8s linear infinite;-moz-animation:sanrio-record-spin 8s linear infinite;animation:sanrio-record-spin 8s linear infinite;-webkit-animation-play-state:paused;-moz-animation-play-state:paused;animation-play-state:paused;height:136.2rem;position:relative;-webkit-transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;transform-origin:center;width:136.2rem}.p-sanrio[data-state=playing] .p-sanrio__record{-webkit-animation-play-state:running;-moz-animation-play-state:running;animation-play-state:running}.p-sanrio__disc{height:140.468rem;left:-1.24rem;max-width:none;position:absolute;top:-1.13rem;width:140.468rem}.p-sanrio__label{height:74.918rem;left:30.6rem;position:absolute;top:30.6rem;width:74.918rem}.p-sanrio__arm{height:124.581rem;left:72.801rem;position:absolute;top:4.991rem;width:73.7125rem}.p-sanrio__caption{margin:8rem auto 0;width:174.1447rem}.p-sanrio__collected{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;font-size:6rem;gap:2rem;justify-content:center;letter-spacing:.1em;line-height:1;margin:0}.p-sanrio__collected img{height:8.2rem;width:54.9rem}.p-sanrio__collected span{white-space:nowrap;-webkit-margin-end:-.1em;-moz-margin-end:-.1em;font-weight:500;letter-spacing:.1em;margin-inline-end:-.1em}.p-sanrio__title{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:baseline;-webkit-align-items:baseline;-moz-box-align:baseline;align-items:baseline;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;font-size:9.5rem;font-weight:500;justify-content:center;line-height:1;margin:2.4rem 0 0;min-height:9.5rem}.p-sanrio__title-name{letter-spacing:.1em;max-width:100%;-webkit-margin-end:-.3em;-moz-margin-end:-.3em;margin-inline-end:-.3em;overflow-wrap:anywhere}.p-sanrio__title-name:focus{outline:none}.p-sanrio__title-suffix{letter-spacing:.1em;margin-left:3.3rem;white-space:nowrap}.p-sanrio__controls{display:grid;grid-template-columns:23.1rem 41rem 23.1rem;-webkit-box-align:start;-webkit-align-items:start;-moz-box-align:start;align-items:start;-webkit-column-gap:16.5rem;-moz-column-gap:16.5rem;column-gap:16.5rem;margin:9.6rem auto 0;width:120.2rem}.p-sanrio__skip{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;gap:5.9rem;line-height:1;min-height:41rem;padding-top:3.3rem;width:23.1rem}.p-sanrio__skip img{height:23.4rem;width:14.6rem}.p-sanrio__skip span{font-size:6.4rem;letter-spacing:.1em;white-space:nowrap;-webkit-margin-end:-.3em;-moz-margin-end:-.3em;margin-inline-end:-.3em}.p-sanrio__skip--previous img{-webkit-transform:translateX(-1.65rem);-moz-transform:translateX(-1.65rem);-ms-transform:translateX(-1.65rem);transform:translateX(-1.65rem)}.p-sanrio__skip--next img{-webkit-transform:translateX(1.65rem) scaleX(-1);-moz-transform:translateX(1.65rem) scaleX(-1);-ms-transform:translateX(1.65rem) scaleX(-1);transform:translateX(1.65rem) scaleX(-1)}.p-sanrio[inert] .p-sanrio__skip:disabled{opacity:1}.p-sanrio__qr{background:#fff;display:grid;height:41rem;padding:2rem;place-items:center;width:41rem}.p-sanrio__qr img{display:block;height:auto;width:100%;-ms-interpolation-mode:nearest-neighbor;image-rendering:-webkit-optimize-contrast;image-rendering:-moz-crisp-edges;image-rendering:pixelated}.p-sanrio__stop{background-color:#222;bottom:max(4rem,env(safe-area-inset-bottom));color:#fff;display:grid;font-size:3.4rem;font-weight:500;height:14rem;letter-spacing:.04em;line-height:1;place-items:center;position:fixed;right:max(4rem,env(safe-area-inset-right));width:14rem;z-index:1}.p-sanrio-start{background:rgba(0,0,0,.5);cursor:pointer;display:grid;inset:0;place-items:center;position:fixed;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:10}.p-sanrio-start:not(.is-keyboard) button:focus{outline:none}.p-sanrio-start__play{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;color:#fff;min-width:92rem}.p-sanrio-start__english{font-size:18.5rem;font-weight:500;letter-spacing:-.05em;line-height:20.8rem;white-space:nowrap}.p-sanrio-start__japanese{font-size:11rem;font-weight:300;line-height:1.8;margin-top:-.5rem;white-space:nowrap}.p-sanrio-message{background:#fff7fb;border:1px solid #ffb3d2;border-radius:16px;border-top:4px solid #ffb3d2;bottom:max(24px,env(safe-area-inset-bottom) + 16px);-webkit-box-shadow:0 8px 28px rgba(126,68,95,.14);box-shadow:0 8px 28px rgba(126,68,95,.14);color:#6c6c6c;font-size:clamp(15px,2.2vw,20px);font-weight:500;left:50%;letter-spacing:.04em;line-height:1.8;margin:0;overflow-wrap:anywhere;padding:clamp(16px,2.6vw,24px) clamp(20px,3.6vw,32px);position:fixed;text-align:center;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:min(100vw - 40px,680px);z-index:20}@-webkit-keyframes sanrio-record-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-moz-keyframes sanrio-record-spin{to{-moz-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes sanrio-record-spin{to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);transform:rotate(1turn)}}.page-beats-bar,.page-beats-bar-share{--font-family-beats:"M PLUS Rounded 1c","Hiragino Maru Gothic ProN",sans-serif;--font-family-ja:var(--font-family-beats);font-family:var(--font-family-beats);font-weight:200}.page-beats-bar .l-header-menu__container,.page-beats-bar-share .l-header-menu__container{max-width:28rem}.page-beats-bar .l-header--beats-bar,.page-beats-bar-share .l-header--beats-bar{padding:1.8rem 0}.page-beats-bar .l-header--beats-bar .l-header__inner,.page-beats-bar-share .l-header--beats-bar .l-header__inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}.page-beats-bar .l-header--beats-bar .l-header__lead,.page-beats-bar-share .l-header--beats-bar .l-header__lead{font-size:1.2rem;font-weight:500;line-height:1;margin-top:.4rem}.page-beats-bar .l-header--beats-bar .l-header__logo,.page-beats-bar-share .l-header--beats-bar .l-header__logo{width:21.4rem}.page-beats-bar .l-header--beats-bar .l-header__logo a,.page-beats-bar .l-header--beats-bar .l-header__logo img,.page-beats-bar-share .l-header--beats-bar .l-header__logo a,.page-beats-bar-share .l-header--beats-bar .l-header__logo img{width:100%}.page-beats-bar .l-header--beats-bar .l-header__logo .l-header__logo-icon--white,.page-beats-bar .l-header--beats-bar.is-fixed .l-header__logo .l-header__logo-icon--pink,.page-beats-bar-share .l-header--beats-bar .l-header__logo .l-header__logo-icon--white,.page-beats-bar-share .l-header--beats-bar.is-fixed .l-header__logo .l-header__logo-icon--pink{display:none}.page-beats-bar .l-header--beats-bar.is-fixed .l-header__logo .l-header__logo-icon--white,.page-beats-bar-share .l-header--beats-bar.is-fixed .l-header__logo .l-header__logo-icon--white{display:block}.page-beats-bar .l-header--beats-bar.is-fixed .l-header__lead,.page-beats-bar-share .l-header--beats-bar.is-fixed .l-header__lead{display:none}.page-beats-bar .c-sampling__all-clear,.page-beats-bar-share .c-sampling__all-clear{border:none;border-radius:4px;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;font-size:1.2rem;font-weight:800;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;font-family:var(--font-family-ja);left:1.3rem;position:absolute;top:.7rem;z-index:10}.page-beats-bar .c-sampling__all-clear.is-hidden,.page-beats-bar-share .c-sampling__all-clear.is-hidden{display:none}.page-beats-bar .c-sampling__all-clear-text,.page-beats-bar-share .c-sampling__all-clear-text{font-family:degular-display,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,Meiryo,メイリオ,Osaka,ＭＳ Ｐゴシック,sans-serif;font-size:1.2rem;font-weight:200;letter-spacing:0;line-height:100%;text-align:center;vertical-align:middle}.page-beats-bar .p-howto,.page-beats-bar-share .p-howto{background:#f8c9df}.page-beats-bar .p-howto .modal__container,.page-beats-bar .p-howto>.modal__overlay,.page-beats-bar-share .p-howto .modal__container,.page-beats-bar-share .p-howto>.modal__overlay{background:transparent}.page-beats-bar .p-howto .p-howto__header,.page-beats-bar-share .p-howto .p-howto__header{padding-bottom:3.4rem;padding-top:5.4rem}.page-beats-bar .p-howto .p-howto__header-title,.page-beats-bar-share .p-howto .p-howto__header-title{font-weight:200;margin-top:.8rem}.page-beats-bar .p-howto .p-howto__header-image svg,.page-beats-bar-share .p-howto .p-howto__header-image svg{display:none}.page-beats-bar .p-howto .p-howto__header-image .p-howto__header-image-kitty,.page-beats-bar-share .p-howto .p-howto__header-image .p-howto__header-image-kitty{display:block;margin-inline:auto;-o-object-fit:contain;object-fit:contain;width:6.8rem}.page-beats-bar .p-howto .p-howto__inner,.page-beats-bar-share .p-howto .p-howto__inner{padding-inline:2rem}.page-beats-bar .p-howto .p-howto__img,.page-beats-bar-share .p-howto .p-howto__img{background:#fff;border:.6rem solid #fff;margin-bottom:4.7rem;overflow:hidden}.page-beats-bar .p-howto .p-howto__img img,.page-beats-bar-share .p-howto .p-howto__img img{margin:-.6rem;max-width:none;width:-webkit-calc(100% + 1.2rem);width:-moz-calc(100% + 1.2rem);width:calc(100% + 1.2rem)}.page-beats-bar .p-howto .p-howto__text,.page-beats-bar-share .p-howto .p-howto__text{font-size:1.4rem;font-weight:200;line-height:1.45;padding-inline:1.5rem}.page-beats-bar .p-howto .p-howto__pagination,.page-beats-bar-share .p-howto .p-howto__pagination{bottom:auto;top:31.7rem}.page-beats-bar .p-howto .p-howto__pagination li:nth-of-type(4),.page-beats-bar-share .p-howto .p-howto__pagination li:nth-of-type(4){display:none}.page-beats-bar .p-howto .p-howto__pagination li .is-active:not(:root):before,.page-beats-bar-share .p-howto .p-howto__pagination li .is-active:not(:root):before{background-image:url(/beats-bar/assets/images/beats-bar/icon_logo.webp)}.page-beats-bar .p-howto.is-last-slide .p-howto__pagination,.page-beats-bar-share .p-howto.is-last-slide .p-howto__pagination{top:45rem}.page-beats-bar .p-howto.is-last-slide .p-howto__pagination li:nth-of-type(4),.page-beats-bar-share .p-howto.is-last-slide .p-howto__pagination li:nth-of-type(4){display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}.page-beats-bar .p-howto .p-howto-start__body,.page-beats-bar .p-howto .p-howto-start__content,.page-beats-bar-share .p-howto .p-howto-start__body,.page-beats-bar-share .p-howto .p-howto-start__content{gap:8.4rem}.page-beats-bar .p-howto .p-howto-start__start-button button,.page-beats-bar-share .p-howto .p-howto-start__start-button button{background-color:#222;color:#fff;font-weight:200}.page-beats-bar .p-howto .p-howto-start__start-button button:disabled,.page-beats-bar-share .p-howto .p-howto-start__start-button button:disabled{background-color:#d2d2d2;color:#999}.page-beats-bar .c-sampling-detail .c-sampling-detail__edit-title--compact,.page-beats-bar-share .c-sampling-detail .c-sampling-detail__edit-title--compact{font-size:2.1rem}.page-beats-bar .c-sampling-detail .c-sampling-detail__desc,.page-beats-bar .c-sampling-detail .c-sampling-detail__edit-sub,.page-beats-bar .c-sampling-detail .c-sampling-detail__edit-title,.page-beats-bar-share .c-sampling-detail .c-sampling-detail__desc,.page-beats-bar-share .c-sampling-detail .c-sampling-detail__edit-sub,.page-beats-bar-share .c-sampling-detail .c-sampling-detail__edit-title{font-family:var(--font-family-beats);font-weight:200}.page-beats-bar .c-sampling__edit-label,.page-beats-bar-share .c-sampling__edit-label{font-weight:200}.page-beats-bar .c-sampling__edit-label--fixed,.page-beats-bar-share .c-sampling__edit-label--fixed{font-size:2.8rem;font-variation-settings:"wdth" 50,"wght" 500!important;font-weight:500;white-space:nowrap}.page-beats-bar .c-sampling__bpm-wrapper,.page-beats-bar-share .c-sampling__bpm-wrapper{display:none}.page-beats-bar .c-sampling__footer-inner .c-sampling__button--mix,.page-beats-bar-share .c-sampling__footer-inner .c-sampling__button--mix{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;flex:1;width:auto}.page-beats-bar .c-sampling__footer-inner .c-sampling__button--share-wrapper,.page-beats-bar-share .c-sampling__footer-inner .c-sampling__button--share-wrapper{-webkit-box-flex:0;-webkit-flex:0 0 8.6rem;-moz-box-flex:0;flex:0 0 8.6rem}.page-beats-bar .c-sampling__footer-inner .c-sampling__button--share-wrapper .c-sampling__button--share,.page-beats-bar-share .c-sampling__footer-inner .c-sampling__button--share-wrapper .c-sampling__button--share{width:100%}.page-beats-bar .c-sampling-detail__unregister-button:not(:root),.page-beats-bar-share .c-sampling-detail__unregister-button:not(:root){font-family:var(--font-family-beats)}.page-beats-bar .c-sampling__edit-label>.js-share-title,.page-beats-bar-share .c-sampling__edit-label>.js-share-title{font-size:2.8rem;font-variation-settings:"wdth" 50,"wght" 500!important;font-weight:500}.page-beats-bar .c-sampling__button--bpm-share,.page-beats-bar-share .c-sampling__button--bpm-share{display:none}.page-beats-bar .c-sampling__play-inner .c-sampling__button--mix,.page-beats-bar-share .c-sampling__play-inner .c-sampling__button--mix{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;flex:1;width:auto}.page-beats-bar .bg,.page-beats-bar-share .bg{background-color:#f8c9df;background-image:url(/beats-bar/assets/images/beats-bar/img_panel.webp);background-position:0 0;background-repeat:repeat;background-size:15rem 15rem}.page-beats-bar .bg:before,.page-beats-bar-share .bg:before{display:none}.c-button,.c-button--action{text-align:center}.c-button button,.c-button--action button{background-color:#cdcdcd;color:#222;font-size:2rem;font-variation-settings:"wdth" 50,"wght" 300;min-height:4.8rem;min-width:15rem}.c-button--action button{background-color:#222;color:#fff}.c-heading{border-bottom:1px solid #fff;border-top:1px solid #fff;color:#fff;font-size:2.8rem;font-weight:200;line-height:1;padding:2.2rem 0;text-align:center}.c-camera{background-color:rgba(0,0,0,.7);height:100svh;left:0;position:fixed;top:0;-webkit-transition:opacity .3s ease-in-out,visibility .3s ease-in-out;-moz-transition:opacity .3s ease-in-out,visibility .3s ease-in-out;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;width:100vw}.c-camera[aria-hidden=true]{opacity:0;visibility:hidden;z-index:-1}.c-camera[aria-hidden=false]{opacity:1;visibility:visible;z-index:100000}.c-camera .c-camera__heading{color:#fff;text-align:center}.c-camera .c-camera__logo{left:50%;position:absolute;text-align:center;top:2rem;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.c-camera .c-camera__container{max-height:none}.c-camera .c-camera__content{height:100%}.c-camera .c-camera__title{color:#fff;font-size:2.8rem;left:50%;margin:0 auto;padding:2.2rem;position:absolute;text-align:center;top:6.8rem;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:-webkit-calc(100% - 2rem);width:-moz-calc(100% - 2rem);width:calc(100% - 2rem)}.c-camera .c-camera__canvas{height:100svh;-o-object-fit:cover;object-fit:cover;width:100%}.c-camera .c-camera__footer{bottom:7.5rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;left:50%;position:absolute;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:-webkit-max-content;width:-moz-max-content;width:max-content;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;gap:2rem;pointer-events:auto;z-index:10}.c-camera .c-camera__copy{color:#fff;font-size:2rem}.c-camera .c-camera__button{background-color:#cdcdcd;color:#222;font-size:2rem;font-variation-settings:"wdth" 50,"wght" 300;padding:1.4rem 3.5rem}.c-sampling-detail{height:100%;left:0;position:fixed;top:0;width:100%;z-index:10000000}.c-sampling-detail .c-sampling-detail__start{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;height:100%;left:0;position:absolute;top:0;width:100%;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;background-color:rgba(0,0,0,.7);flex-direction:column;gap:1rem;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;z-index:10000001}.c-sampling-detail .c-sampling-detail__start[aria-hidden=true]{opacity:0;visibility:hidden}.c-sampling-detail .c-sampling-detail__start[aria-hidden=false]{opacity:1;visibility:visible}.c-sampling-detail .c-sampling-detail__start-inner{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;color:#fff;flex-direction:column;gap:1.5rem;text-align:center}.c-sampling-detail .c-sampling-detail__start-text-en{font-size:4.5rem;font-weight:500;line-height:1;text-align:center;vertical-align:middle}.c-sampling-detail .c-sampling-detail__start-text-ja{font-size:2.4rem;font-weight:300;line-height:1;text-align:center;vertical-align:middle}.c-sampling-detail .c-sampling-detail__overlay{background-color:rgba(0,0,0,.7);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;height:100%;left:0;position:absolute;top:0;width:100%;-webkit-box-align:end;-webkit-align-items:flex-end;-moz-box-align:end;align-items:flex-end;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center}.c-sampling-detail .c-sampling-detail__container{background-color:#edeaed;border-radius:2rem 2rem 0 0;max-height:-webkit-calc(100svh - 1rem);max-height:-moz-calc(100svh - 1rem);max-height:calc(100svh - 1rem);overflow-y:auto;padding-top:1.5rem;position:relative;width:100%;will-change:transform}.c-sampling-detail .c-sampling-detail__header{padding:1.8rem 2rem 1rem}.c-sampling-detail .c-sampling-detail__header-inner{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center}.c-sampling-detail .c-sampling-detail__close{background:none;border:none;cursor:pointer;height:2.6rem;position:absolute;right:0;width:2.6rem}.c-sampling-detail .c-sampling-detail__close:after,.c-sampling-detail .c-sampling-detail__close:before{background-color:#222;content:"";height:1px;left:0;position:absolute;top:50%;width:100%}.c-sampling-detail .c-sampling-detail__close:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.c-sampling-detail .c-sampling-detail__close:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.c-sampling-detail .c-sampling-detail__button{height:2.6rem;margin-left:auto;position:relative;width:2.6rem}.c-sampling-detail .c-sampling-detail__thumbnail{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;margin:0 auto;padding-inline:4.5rem;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;gap:1rem}.c-sampling-detail .c-sampling-detail__thumbnail img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.c-sampling-detail .c-sampling-detail__body{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;margin-top:1.5rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}.c-sampling-detail .c-sampling-detail__asset-warning{background-color:#fff4f4;border:1px solid #d33;color:#b00020;font-size:1.4rem;line-height:1.5;margin:0 2rem 1.5rem;padding:1rem 1.2rem;text-align:center}.c-sampling-detail .c-sampling-detail__asset-warning[aria-hidden=true]{display:none}.c-sampling-detail .c-sampling-detail__wave-wrapper{border-bottom:1px solid #222;border-top:1px solid #222;position:relative}.c-sampling-detail .c-sampling-detail__wave-wrapper:before{background:hsla(0,0%,100%,.67);content:"";height:100%;left:0;position:absolute;top:0;-webkit-transition:none;-moz-transition:none;transition:none;width:var(--playback-progress,0);z-index:1}.c-sampling-detail .c-sampling-detail__wave-container{aspect-ratio:390/76;padding:1rem 0;text-align:center}.c-sampling-detail .c-sampling-detail__wave-container img{width:100%}.c-sampling-detail .c-sampling-detail__wave-container img.is-hidden{opacity:0;visibility:hidden}.c-sampling-detail .c-sampling-detail__play{background-color:#222;border-radius:9999px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;height:4.8rem;width:4.8rem;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;cursor:pointer;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10}.c-sampling-detail .c-sampling-detail__play img{margin-left:.1rem;width:2.4rem}.c-sampling-detail .c-sampling-detail__play img[aria-hidden=true]{display:none}.c-sampling-detail .c-sampling-detail__play img[aria-hidden=false]{display:block}.c-sampling-detail .c-sampling-detail__play.is-playing{background-color:hsla(0,0%,100%,.7);margin-left:0}.c-sampling-detail .c-sampling-detail__edit{aspect-ratio:312/51;border-bottom:1px solid #222;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;overflow:hidden;padding:1rem 0;position:relative;z-index:1;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center}.c-sampling-detail .c-sampling-detail__edit-subtitle{color:#222;font-family:degular-display,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,Meiryo,メイリオ,Osaka,ＭＳ Ｐゴシック,sans-serif;font-size:1.2rem;left:2rem;opacity:0;position:absolute;text-align:left;top:.5rem;visibility:hidden}.c-sampling-detail .c-sampling-detail__edit-inner{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center}.c-sampling-detail .c-sampling-detail__edit-name{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;gap:.2rem;justify-content:center}.c-sampling-detail .c-sampling-detail__edit-title{color:#222;font-size:2.4rem;font-variation-settings:"wdth" 50,"wght" 300;line-height:1.2;text-align:center}.c-sampling-detail .c-sampling-detail__edit-sub{font-size:1.2rem;line-height:1;text-align:center}.c-sampling-detail .c-sampling-detail__number{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;font-size:3.2rem;font-weight:200;height:8.8rem;min-width:11.5rem;position:relative;text-align:center}.c-sampling-detail .c-sampling-detail__number-subtitle{font-family:degular-display,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,Meiryo,メイリオ,Osaka,ＭＳ Ｐゴシック,sans-serif;font-size:1.2rem;left:2rem;position:absolute;top:.5rem}.c-sampling-detail .c-sampling-detail__number-text{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;border-right:1px solid #222;font-family:degular-display,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,Meiryo,メイリオ,Osaka,ＭＳ Ｐゴシック,sans-serif;justify-content:center;width:100%}.c-sampling-detail .c-sampling-detail__desc{font-size:1.4rem;line-height:1.8;width:100%}.c-sampling-detail .c-sampling-detail__desc:after,.c-sampling-detail .c-sampling-detail__desc:before{content:"";display:block;height:0;width:0}.c-sampling-detail .c-sampling-detail__desc:before{margin-top:-.4em}.c-sampling-detail .c-sampling-detail__desc:after{margin-bottom:-.4em}.c-sampling-detail .c-sampling-detail__desc{padding:1.2rem 0;padding-inline:2rem}.c-sampling-detail .c-sampling-detail__footer,.c-sampling-detail .c-sampling-detail__info{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center}.c-sampling-detail .c-sampling-detail__footer{border-top:1px solid #222;gap:3rem;padding:1.2rem 2rem}.c-sampling-detail .c-sampling-detail__footer.is-hidden{display:none}.c-sampling-detail .c-sampling-detail__volume{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;flex:1}.c-sampling-detail .c-sampling-detail__volume .c-sampling-detail__volume-control{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;gap:.5rem}.c-sampling-detail .c-sampling-detail__volume input[type=range]{cursor:pointer;width:100%}.c-sampling-detail .c-sampling-detail__volume-range{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;flex:1}.c-sampling-detail .c-sampling-detail__volume-range input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;height:1.8rem;width:100%}.c-sampling-detail .c-sampling-detail__volume-range input[type=range]:focus{outline:none}.c-sampling-detail .c-sampling-detail__volume-range input[type=range]::-webkit-slider-runnable-track{background:-webkit-gradient(linear,left top,right top,from(#fff),color-stop(#fff),color-stop(#898989),to(#898989));background:-webkit-linear-gradient(left,#fff 0,#fff var(--range-progress,50%),#898989 var(--range-progress,50%),#898989 100%);background:linear-gradient(to right,#fff 0,#fff var(--range-progress,50%),#898989 var(--range-progress,50%),#898989 100%);border-radius:2px;height:.4rem;width:100%}.c-sampling-detail .c-sampling-detail__volume-range input[type=range]::-moz-range-track{background:-moz-linear-gradient(left,#fff 0,#fff var(--range-progress,50%),#898989 var(--range-progress,50%),#898989 100%);background:linear-gradient(to right,#fff 0,#fff var(--range-progress,50%),#898989 var(--range-progress,50%),#898989 100%);border-radius:2px;height:.4rem;width:100%}.c-sampling-detail .c-sampling-detail__volume-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;background-clip:padding-box;border:1px solid #222;border-radius:50%;-webkit-box-shadow:none;box-shadow:none;height:2rem;margin-top:-.8rem;width:2rem}.c-sampling-detail .c-sampling-detail__volume-range input[type=range]::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;background-clip:padding-box;border:1px solid #222;border-radius:50%;box-shadow:none;height:2rem;margin-top:-.8rem;width:2rem}.c-sampling-detail .c-sampling-detail__register button{border-radius:.2rem;cursor:pointer;letter-spacing:-.1rem;width:100%}.c-sampling-detail .c-sampling-detail__register button[aria-hidden=true]{display:none}.c-sampling-detail .c-sampling-detail__desc,.c-sampling-detail .c-sampling-detail__edit-sub,.c-sampling-detail .c-sampling-detail__edit-title,.c-sampling-detail .c-sampling-detail__unregister-button{font-family:momochidori-variable,degular-display,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,Meiryo,メイリオ,Osaka,ＭＳ Ｐゴシック,sans-serif;font-variation-settings:"wdth" 50,"wght" 300}@keyframes mmfadeIn{0%{opacity:0}to{opacity:1}}@keyframes mmfadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes mmslideUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes mmslideUp{0%{-moz-transform:translateY(100%);transform:translateY(100%)}to{-moz-transform:translateY(0);transform:translateY(0)}}@keyframes mmslideUp{0%{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes mmslideDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@-moz-keyframes mmslideDown{0%{-moz-transform:translateY(0);transform:translateY(0)}to{-moz-transform:translateY(100%);transform:translateY(100%)}}@keyframes mmslideDown{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);transform:translateY(100%)}}html.chrome.mac .c-sampling-detail__desc,html.chrome.mac .c-sampling-detail__edit-sub,html.chrome.mac .c-sampling-detail__edit-title,html.chrome.win .c-sampling-detail__desc,html.chrome.win .c-sampling-detail__edit-sub,html.chrome.win .c-sampling-detail__edit-title{font-variation-settings:"wdth" 50,"wght" 400}.c-sampling,.c-sampling--share{margin-top:2rem;opacity:1;overflow:hidden;-webkit-transition:opacity .3s ease-in-out,visibility .3s ease-in-out;-moz-transition:opacity .3s ease-in-out,visibility .3s ease-in-out;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;visibility:visible;z-index:100}.c-sampling[aria-hidden=true],[aria-hidden=true].c-sampling--share{opacity:0;position:relative;visibility:hidden;z-index:-1}.c-sampling .c-sampling__inner,.c-sampling--share .c-sampling__inner{width:100%}.c-sampling .c-sampling__list,.c-sampling--share .c-sampling__list{display:grid;gap:.8rem;grid-template-columns:repeat(3,1fr)}.c-sampling .c-sampling__card,.c-sampling--share .c-sampling__card{border-radius:.5rem;display:block;position:relative;width:100%}.c-sampling .c-sampling__card img,.c-sampling--share .c-sampling__card img{width:100%}.c-sampling .c-sampling__card[data-playing=true][data-muted=true]:before,.c-sampling--share .c-sampling__card[data-playing=true][data-muted=true]:before{background-color:rgba(0,0,0,.7);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.c-sampling .c-sampling__card[data-playing=true][data-muted=true]:after,.c-sampling--share .c-sampling__card[data-playing=true][data-muted=true]:after{content:url(/beats-bar/assets/images/common/icon_mute.svg);height:4rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:4rem;z-index:11}.c-sampling .c-sampling__card:disabled,.c-sampling--share .c-sampling__card:disabled{cursor:not-allowed;opacity:1}.c-sampling .c-sampling__number,.c-sampling--share .c-sampling__number{color:#fff;font-size:1rem;font-weight:700;left:0;padding:.5rem;position:absolute;top:0;z-index:1}.c-sampling .c-sampling__card__title,.c-sampling--share .c-sampling__card__title{color:#fff;font-size:1rem;font-weight:700;text-align:center}.c-sampling .c-sampling__edit,.c-sampling .c-sampling__edit--share,.c-sampling--share .c-sampling__edit,.c-sampling--share .c-sampling__edit--share{border-bottom:1px solid #222;border-top:1px solid #222;margin-top:2.5rem;padding-bottom:1.7rem;padding-top:.5rem;position:relative}.c-sampling .c-sampling__edit--share:before,.c-sampling .c-sampling__edit:before,.c-sampling--share .c-sampling__edit--share:before,.c-sampling--share .c-sampling__edit:before{background:#b6b6b6;content:"";height:100%;left:0;position:absolute;top:0;-webkit-transition:none;-moz-transition:none;transition:none;width:0;width:var(--playback-progress,0);z-index:1}.c-sampling .c-sampling__edit-input,.c-sampling .c-sampling__edit-label,.c-sampling .c-sampling__edit-label-sub,.c-sampling .c-sampling__edit-subtitle,.c-sampling .c-sampling__edit-title,.c-sampling--share .c-sampling__edit-input,.c-sampling--share .c-sampling__edit-label,.c-sampling--share .c-sampling__edit-label-sub,.c-sampling--share .c-sampling__edit-subtitle,.c-sampling--share .c-sampling__edit-title{position:relative;z-index:2}.c-sampling .c-sampling__edit-subtitle,.c-sampling--share .c-sampling__edit-subtitle{font-family:degular-display,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,Meiryo,メイリオ,Osaka,ＭＳ Ｐゴシック,sans-serif;font-size:1.2rem;line-height:1;text-align:start}.c-sampling .c-sampling__edit-logo,.c-sampling--share .c-sampling__edit-logo{height:auto;width:10.1rem}.c-sampling .c-sampling__edit-qr,.c-sampling--share .c-sampling__edit-qr{margin-left:auto}.c-sampling .c-sampling__edit-qr img,.c-sampling--share .c-sampling__edit-qr img{width:6.4rem}.c-sampling .c-sampling__edit-title,.c-sampling--share .c-sampling__edit-title{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;font-size:1.6rem;line-height:1;text-align:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center}.c-sampling--beats-bar.c-sampling--share .c-sampling__range,.c-sampling.c-sampling--beats-bar .c-sampling__range{background-image:url(/beats-bar/assets/images/beats-bar/img_range.webp)}.c-sampling--beats-bar.c-sampling--share .c-sampling__edit-logo,.c-sampling.c-sampling--beats-bar .c-sampling__edit-logo{width:14.7rem}.c-sampling--beats-bar.c-sampling--share .c-sampling__edit-title span,.c-sampling.c-sampling--beats-bar .c-sampling__edit-title span{display:inline-block;margin-right:.25rem}.c-sampling .c-sampling__edit-inner,.c-sampling--share .c-sampling__edit-inner{display:grid;gap:.5rem;grid-template-columns:minmax(0,1fr);margin:0 auto;min-width:0}.c-sampling .c-sampling__edit-label,.c-sampling--share .c-sampling__edit-label{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;font-size:2.8rem;line-height:1;text-align:center}.c-sampling .c-sampling__edit-label-wrapper,.c-sampling--share .c-sampling__edit-label-wrapper{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center}.c-sampling .c-sampling__edit-input,.c-sampling .c-sampling__edit-label,.c-sampling .c-sampling__edit-label-sub,.c-sampling .c-sampling__edit-title,.c-sampling--share .c-sampling__edit-input,.c-sampling--share .c-sampling__edit-label,.c-sampling--share .c-sampling__edit-label-sub,.c-sampling--share .c-sampling__edit-title{font-variation-settings:"wdth" 50,"wght" 300}.c-sampling .c-sampling__edit-label-sub,.c-sampling--share .c-sampling__edit-label-sub{-webkit-flex-shrink:0;flex-shrink:0;letter-spacing:0;margin-left:-.7rem;white-space:nowrap}.c-sampling .c-sampling__edit-input,.c-sampling--share .c-sampling__edit-input{max-width:100%;min-width:0;-webkit-box-flex:0;-webkit-flex:0 1 auto;-moz-box-flex:0;background:transparent;border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;flex:0 1 auto;font-size:2.8rem;height:1.6em;line-height:1.5;padding:0 .15em;text-align:center;width:100%}.c-sampling .c-sampling__edit-label,.c-sampling--share .c-sampling__edit-label{-webkit-column-gap:.4rem;-moz-column-gap:.4rem;column-gap:.4rem;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:inline-flex;min-width:0;padding-inline:1.4rem;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;width:100%}.c-sampling .c-sampling__edit-input--artist,.c-sampling--share .c-sampling__edit-input--artist{font-size:1.2rem;line-height:1;text-align:center}.c-sampling .c-sampling__footer,.c-sampling--share .c-sampling__footer{margin-top:2rem}.c-sampling .c-sampling__footer--share-inner,.c-sampling .c-sampling__footer-inner,.c-sampling--share .c-sampling__footer--share-inner,.c-sampling--share .c-sampling__footer-inner{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;gap:.8rem;justify-content:center;margin:0 auto;width:-webkit-calc(100% - 2.8rem);width:-moz-calc(100% - 2.8rem);width:calc(100% - 2.8rem)}.c-sampling .c-sampling__footer--share,.c-sampling--share .c-sampling__footer--share{margin-top:2rem}.c-sampling .c-sampling__footer--share-inner>*,.c-sampling--share .c-sampling__footer--share-inner>*{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;flex:1}.c-sampling .c-sampling__button,.c-sampling .c-sampling__button--bpm,.c-sampling .c-sampling__button--bpm-share,.c-sampling .c-sampling__button--copy,.c-sampling .c-sampling__button--line,.c-sampling .c-sampling__button--mix,.c-sampling .c-sampling__button--share,.c-sampling .c-sampling__button--x,.c-sampling--share .c-sampling__button,.c-sampling--share .c-sampling__button--bpm,.c-sampling--share .c-sampling__button--bpm-share,.c-sampling--share .c-sampling__button--copy,.c-sampling--share .c-sampling__button--line,.c-sampling--share .c-sampling__button--mix,.c-sampling--share .c-sampling__button--share,.c-sampling--share .c-sampling__button--x{background-color:#fff;border-radius:.5rem;font-size:1.2rem;font-weight:700;height:6.4rem;position:relative}.c-sampling .c-sampling__button--bpm-share:disabled,.c-sampling .c-sampling__button--bpm:disabled,.c-sampling .c-sampling__button--copy:disabled,.c-sampling .c-sampling__button--line:disabled,.c-sampling .c-sampling__button--mix:disabled,.c-sampling .c-sampling__button--share:disabled,.c-sampling .c-sampling__button--x:disabled,.c-sampling .c-sampling__button:disabled,.c-sampling--share .c-sampling__button--bpm-share:disabled,.c-sampling--share .c-sampling__button--bpm:disabled,.c-sampling--share .c-sampling__button--copy:disabled,.c-sampling--share .c-sampling__button--line:disabled,.c-sampling--share .c-sampling__button--mix:disabled,.c-sampling--share .c-sampling__button--share:disabled,.c-sampling--share .c-sampling__button--x:disabled,.c-sampling--share .c-sampling__button:disabled{cursor:not-allowed;opacity:.5}.c-sampling .c-sampling__button span,.c-sampling .c-sampling__button--bpm span,.c-sampling .c-sampling__button--bpm-share span,.c-sampling .c-sampling__button--copy span,.c-sampling .c-sampling__button--line span,.c-sampling .c-sampling__button--mix span,.c-sampling .c-sampling__button--share span,.c-sampling .c-sampling__button--x span,.c-sampling--share .c-sampling__button span,.c-sampling--share .c-sampling__button--bpm span,.c-sampling--share .c-sampling__button--bpm-share span,.c-sampling--share .c-sampling__button--copy span,.c-sampling--share .c-sampling__button--line span,.c-sampling--share .c-sampling__button--mix span,.c-sampling--share .c-sampling__button--share span,.c-sampling--share .c-sampling__button--x span{font-size:1.2rem;left:.7rem;position:absolute;top:.7rem}.c-sampling .c-sampling__button--bpm,.c-sampling .c-sampling__button--bpm-share,.c-sampling--share .c-sampling__button--bpm,.c-sampling--share .c-sampling__button--bpm-share{width:8.6rem}.c-sampling .c-sampling__button--bpm-share,.c-sampling--share .c-sampling__button--bpm-share{background-color:transparent}.c-sampling .c-sampling__button span,.c-sampling .c-sampling__button--bpm span,.c-sampling .c-sampling__button--bpm-share span,.c-sampling .c-sampling__button--copy span,.c-sampling .c-sampling__button--line span,.c-sampling .c-sampling__button--mix span,.c-sampling .c-sampling__button--share span,.c-sampling .c-sampling__button--x span,.c-sampling--share .c-sampling__button span,.c-sampling--share .c-sampling__button--bpm span,.c-sampling--share .c-sampling__button--bpm-share span,.c-sampling--share .c-sampling__button--copy span,.c-sampling--share .c-sampling__button--line span,.c-sampling--share .c-sampling__button--mix span,.c-sampling--share .c-sampling__button--share span,.c-sampling--share .c-sampling__button--x span{font-family:degular-display,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,Meiryo,メイリオ,Osaka,ＭＳ Ｐゴシック,sans-serif;font-stretch:50%;font-weight:200}.c-sampling .c-sampling__button--bpm-value,.c-sampling--share .c-sampling__button--bpm-value{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;font-family:degular-display,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,Meiryo,メイリオ,Osaka,ＭＳ Ｐゴシック,sans-serif;font-size:3.2rem;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;height:100%;justify-content:center}.c-sampling .c-sampling__button--share,.c-sampling--share .c-sampling__button--share{position:relative;width:8.6rem}.c-sampling .c-sampling__button--share[data-playing=true],.c-sampling--share .c-sampling__button--share[data-playing=true]{background-color:silver}.c-sampling .c-sampling__button--share[data-playing=false],.c-sampling--share .c-sampling__button--share[data-playing=false]{background-color:#fff}.c-sampling .c-sampling__button--share img,.c-sampling--share .c-sampling__button--share img{width:2.4rem}.c-sampling .c-sampling__button--share img[aria-hidden=true],.c-sampling--share .c-sampling__button--share img[aria-hidden=true]{display:none}.c-sampling .c-sampling__button--share img[aria-hidden=false],.c-sampling--share .c-sampling__button--share img[aria-hidden=false]{display:inline-block}.c-sampling .c-sampling__button--play-icon,.c-sampling--share .c-sampling__button--play-icon{width:3.6rem}.c-sampling .c-sampling__button--play-icon[aria-hidden=true],.c-sampling--share .c-sampling__button--play-icon[aria-hidden=true]{display:none}.c-sampling .c-sampling__button--play-icon[aria-hidden=false],.c-sampling--share .c-sampling__button--play-icon[aria-hidden=false]{display:inline-block}.c-sampling .c-sampling__button--pause-icon,.c-sampling--share .c-sampling__button--pause-icon{width:3.2rem}.c-sampling .c-sampling__button--pause-icon[aria-hidden=true],.c-sampling--share .c-sampling__button--pause-icon[aria-hidden=true]{display:none}.c-sampling .c-sampling__button--pause-icon[aria-hidden=false],.c-sampling--share .c-sampling__button--pause-icon[aria-hidden=false]{display:inline-block}.c-sampling .c-sampling__button--mix,.c-sampling--share .c-sampling__button--mix{width:16.4rem}.c-sampling .c-sampling__button--mix[data-playing=true],.c-sampling--share .c-sampling__button--mix[data-playing=true]{background-color:silver;color:#222}.c-sampling .c-sampling__button--mix[data-playing=false],.c-sampling--share .c-sampling__button--mix[data-playing=false]{background-color:#333;color:#fff}.c-sampling .c-sampling__button--mix-play,.c-sampling--share .c-sampling__button--mix-play{width:3.6rem}.c-sampling .c-sampling__button--mix-play[aria-hidden=true],.c-sampling--share .c-sampling__button--mix-play[aria-hidden=true]{display:none}.c-sampling .c-sampling__button--mix-play[aria-hidden=false],.c-sampling--share .c-sampling__button--mix-play[aria-hidden=false]{display:inline-block}.c-sampling .c-sampling__button--mix-pause,.c-sampling--share .c-sampling__button--mix-pause{width:3.2rem}.c-sampling .c-sampling__button--mix-pause[aria-hidden=true],.c-sampling--share .c-sampling__button--mix-pause[aria-hidden=true]{display:none}.c-sampling .c-sampling__button--mix-pause[aria-hidden=false],.c-sampling--share .c-sampling__button--mix-pause[aria-hidden=false]{display:inline-block}.c-sampling .c-sampling__button--share-wrapper,.c-sampling--share .c-sampling__button--share-wrapper{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;flex:1}.c-sampling .c-sampling__button--share,.c-sampling--share .c-sampling__button--share{width:100%}.c-sampling .c-sampling__button--line,.c-sampling--share .c-sampling__button--line{background-color:#fff}.c-sampling .c-sampling__button--line img,.c-sampling--share .c-sampling__button--line img{width:2.4rem}.c-sampling .c-sampling__button--x,.c-sampling--share .c-sampling__button--x{background-color:#fff}.c-sampling .c-sampling__button--x img,.c-sampling--share .c-sampling__button--x img{width:2rem}.c-sampling .c-sampling__button--copy,.c-sampling--share .c-sampling__button--copy{background-color:#fff}.c-sampling .c-sampling__button--copy img,.c-sampling--share .c-sampling__button--copy img{width:2.4rem}.c-sampling .c-sampling__bpm-wrapper,.c-sampling--share .c-sampling__bpm-wrapper{position:relative}.c-sampling .c-sampling__bpm,.c-sampling--share .c-sampling__bpm{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;bottom:0;flex-direction:column;position:absolute}.c-sampling .c-sampling__bpm[aria-hidden=false],.c-sampling--share .c-sampling__bpm[aria-hidden=false]{visibility:visible;z-index:100}.c-sampling .c-sampling__bpm[aria-hidden=false] .c-sampling__bpm-container,.c-sampling--share .c-sampling__bpm[aria-hidden=false] .c-sampling__bpm-container{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.c-sampling .c-sampling__bpm .c-sampling__bpm-overlay,.c-sampling--share .c-sampling__bpm .c-sampling__bpm-overlay{background-color:transparent;height:100%;width:100%;z-index:-1}.c-sampling .c-sampling__bpm .c-sampling__bpm-container,.c-sampling--share .c-sampling__bpm .c-sampling__bpm-container{background:#fff;border-radius:.8rem .8rem 0 0;bottom:6.5rem;left:0;margin-bottom:-.5rem;opacity:0;overflow:hidden;padding-top:1rem;position:absolute;-webkit-transform:translateY(.75rem);-moz-transform:translateY(.75rem);-ms-transform:translateY(.75rem);transform:translateY(.75rem);-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,-webkit-transform .3s ease;-moz-transition:transform .3s ease,opacity .3s ease,-moz-transform .3s ease;transition:transform .3s ease,opacity .3s ease;transition:transform .3s ease,opacity .3s ease,-webkit-transform .3s ease,-moz-transform .3s ease;width:8.6rem;z-index:-1}.c-sampling .c-sampling__bpm .c-sampling__bpm-controller,.c-sampling--share .c-sampling__bpm .c-sampling__bpm-controller{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center}.c-sampling .c-sampling__bpm .c-sampling__bpm-label,.c-sampling--share .c-sampling__bpm .c-sampling__bpm-label{color:#666;display:block;font-family:degular-display,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,Meiryo,メイリオ,Osaka,ＭＳ Ｐゴシック,sans-serif;font-size:1rem;margin-bottom:.5rem;padding-left:.75rem;text-align:left;width:100%}.c-sampling .c-sampling__bpm .c-sampling__range-wrapper,.c-sampling--share .c-sampling__bpm .c-sampling__range-wrapper{height:25rem;position:relative;width:100%}.c-sampling .c-sampling__bpm .c-sampling__range-wrapper:before,.c-sampling--share .c-sampling__bpm .c-sampling__range-wrapper:before{background-image:url(/beats-bar/assets/images/common/img_range.png);background-repeat:no-repeat;background-size:cover;content:"";height:100%;left:0;position:absolute;top:0;width:2.5rem}.c-sampling .c-sampling__bpm .c-sampling__range-wrapper .c-sampling__range,.c-sampling--share .c-sampling__bpm .c-sampling__range-wrapper .c-sampling__range{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;height:2rem;left:50%;margin:0;outline:none;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) rotate(-90deg);-moz-transform:translate(-50%,-50%) rotate(-90deg);-ms-transform:translate(-50%,-50%) rotate(-90deg);transform:translate(-50%,-50%) rotate(-90deg);width:25rem}.c-sampling .c-sampling__bpm .c-sampling__range-wrapper .c-sampling__range::-webkit-slider-runnable-track,.c-sampling--share .c-sampling__bpm .c-sampling__range-wrapper .c-sampling__range::-webkit-slider-runnable-track{background:-webkit-gradient(linear,left top,left bottom,from(#222),to(#222)) no-repeat 0 0/var(--bpm-progress,50%) 1px,-webkit-gradient(linear,left top,left bottom,from(#222),to(#222)) no-repeat 0 100%/var(--bpm-progress,50%) 1px,-webkit-gradient(linear,left top,left bottom,from(#222),to(#222)) no-repeat 0 0/1px 100%,-webkit-gradient(linear,left top,right top,from(#fff),to(#898989));background:-webkit-linear-gradient(#222,#222) no-repeat 0 0/var(--bpm-progress,50%) 1px,-webkit-linear-gradient(#222,#222) no-repeat 0 100%/var(--bpm-progress,50%) 1px,-webkit-linear-gradient(#222,#222) no-repeat 0 0/1px 100%,-webkit-linear-gradient(left,#fff var(--bpm-progress,50%),#898989 var(--bpm-progress,50%));background:linear-gradient(#222,#222) no-repeat 0 0/var(--bpm-progress,50%) 1px,linear-gradient(#222,#222) no-repeat 0 100%/var(--bpm-progress,50%) 1px,linear-gradient(#222,#222) no-repeat 0 0/1px 100%,linear-gradient(to right,#fff var(--bpm-progress,50%),#898989 var(--bpm-progress,50%));border-radius:.3rem;height:.6rem;width:100%}.c-sampling .c-sampling__bpm .c-sampling__range-wrapper .c-sampling__range::-webkit-slider-thumb,.c-sampling--share .c-sampling__bpm .c-sampling__range-wrapper .c-sampling__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;background-clip:padding-box;border:1px solid #222;border-radius:50%;-webkit-box-shadow:none;box-shadow:none;cursor:pointer;height:2rem;margin-top:-.7rem;width:2rem}.c-sampling .c-sampling__bpm .c-sampling__range-wrapper .c-sampling__range::-moz-range-thumb,.c-sampling--share .c-sampling__bpm .c-sampling__range-wrapper .c-sampling__range::-moz-range-thumb{background:#fff;border:.5px solid #222;border-radius:50%;height:2rem;margin-top:0;width:2rem}.c-sampling .c-sampling__bpm .c-sampling__bpm-reset,.c-sampling--share .c-sampling__bpm .c-sampling__bpm-reset{background:#cdcdcd;border:none;border-radius:4px;cursor:pointer;font-family:degular-display,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,Meiryo,メイリオ,Osaka,ＭＳ Ｐゴシック,sans-serif;font-size:1.2rem;margin:1rem 0;padding:.5rem 1.8rem}.c-sampling .c-sampling__bpm .c-sampling__bpm-current-value,.c-sampling--share .c-sampling__bpm .c-sampling__bpm-current-value{border-top:1px solid #eee;font-size:1.5rem;font-weight:700;padding:1.5rem 0;text-align:center;width:100%}.c-sampling .c-sampling__edit--share:before,.c-sampling--share .c-sampling__edit--share:before{background-color:hsla(0,0%,100%,.67)}.c-sampling .c-sampling__edit--share-inner,.c-sampling--share .c-sampling__edit--share-inner{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;gap:0}.c-sampling .c-sampling__edit--share-name,.c-sampling--share .c-sampling__edit--share-name{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;gap:.5rem}.c-sampling .c-sampling__play,.c-sampling--share .c-sampling__play{border-bottom:1px solid #222;padding-bottom:2rem;padding-top:2rem}.c-sampling .c-sampling__play-inner,.c-sampling--share .c-sampling__play-inner{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;gap:.8rem}.c-sampling--share{margin-top:1.2rem}.c-sampling--share .c-sampling__edit-label{-webkit-column-gap:.1rem;-moz-column-gap:.1rem;column-gap:.1rem;font-size:2rem;padding-inline:0}html.chrome.mac .c-sampling-detail__desc,html.chrome.mac .c-sampling-detail__edit-sub,html.chrome.mac .c-sampling__edit-input,html.chrome.mac .c-sampling__edit-label,html.chrome.mac .c-sampling__edit-label-sub,html.chrome.mac .c-sampling__edit-title,html.chrome.win .c-sampling-detail__desc,html.chrome.win .c-sampling-detail__edit-sub,html.chrome.win .c-sampling__edit-input,html.chrome.win .c-sampling__edit-label,html.chrome.win .c-sampling__edit-label-sub,html.chrome.win .c-sampling__edit-title{font-variation-settings:"wdth" 50,"wght" 400}.c-share{height:100%;left:0;position:fixed;top:0;width:100%;z-index:10000}.c-share .c-share__content-inner{padding-bottom:0}.c-share .c-share__card{cursor:auto}.c-share .c-share__heading{font-family:degular-display,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,Meiryo,メイリオ,Osaka,ＭＳ Ｐゴシック,sans-serif;font-size:2.6rem;font-weight:400;line-height:.9;text-align:center;vertical-align:middle}.c-share .c-share__overlay{background:rgba(0,0,0,.7);bottom:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;left:0;position:fixed;right:0;top:0;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-box-align:end;-webkit-align-items:flex-end;-moz-box-align:end;align-items:flex-end;height:100%;z-index:1000}.c-share .c-share__container{background-color:#efefef;border-radius:2rem 2rem 0 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-width:600px;padding-bottom:2.6rem;padding-top:1.8rem;width:100%;will-change:transform}.c-share .c-share__header-inner{position:relative}.c-share .c-share__close{border-radius:50%;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;height:2.6rem;margin-left:auto;position:relative;width:2.6rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center}.c-share .c-share__close:after,.c-share .c-share__close:before{background-color:#222;content:"";height:1px;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:100%}.c-share .c-share__close:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.c-share__audio-error{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;inset:0;position:fixed;z-index:20000;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;background-color:hsla(0,0%,100%,.4);color:#c33;font-size:1.6rem;justify-content:center;line-height:1.5;margin:0;padding:3.2rem;text-align:center}.c-share__audio-error[hidden]{display:none}.c-share__audio-error-message{max-width:32rem}.c-share__audio-error-close{cursor:pointer;height:3.2rem;position:absolute;right:2rem;top:max(2rem,env(safe-area-inset-top));width:3.2rem}.c-share__audio-error-close:after,.c-share__audio-error-close:before{background-color:#222;content:"";height:1px;left:0;position:absolute;top:50%;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:100%}.c-share__audio-error-close:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.c-loading{background-color:#edeaed;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;height:100%;left:0;position:fixed;top:0;width:100%;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;font-size:2.8rem;font-weight:200;letter-spacing:.1em;-webkit-transition:opacity .3s ease-in-out,visibility .3s ease-in-out,pointer-events .3s ease-in-out;-moz-transition:opacity .3s ease-in-out,visibility .3s ease-in-out,pointer-events .3s ease-in-out;transition:opacity .3s ease-in-out,visibility .3s ease-in-out,pointer-events .3s ease-in-out;z-index:9999}.c-loading[aria-hidden=false]{opacity:1;pointer-events:auto;visibility:visible;z-index:10000001}.c-loading[aria-hidden=true]{opacity:0;pointer-events:none;visibility:hidden;z-index:-1}.c-loading p{font-family:degular-display,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,Meiryo,メイリオ,Osaka,ＭＳ Ｐゴシック,sans-serif;font-weight:300}.dot{-webkit-animation:dot-blink 1.4s infinite both;-moz-animation:dot-blink 1.4s infinite both;animation:dot-blink 1.4s infinite both}.dot:first-child{-webkit-animation-delay:.2s;-moz-animation-delay:.2s;animation-delay:.2s}.dot:nth-child(2){-webkit-animation-delay:.4s;-moz-animation-delay:.4s;animation-delay:.4s}.dot:nth-child(3){-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s}@-webkit-keyframes dot-blink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}@-moz-keyframes dot-blink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}@keyframes dot-blink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}.p-howto .p-howto-start__inner{margin-inline:auto;padding-top:0}.p-howto .p-howto-start__body{display:grid;gap:10rem}.p-howto .p-howto-start__content{display:grid;gap:10rem;width:100%}.p-howto .p-howto-start__start{display:grid;gap:2.4rem;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center}.p-howto .p-howto-start__start-button button{background-color:#a8f86b;color:#222;font-size:2rem;padding:1.4rem 1.5rem}.p-howto .p-howto-start__start-button button:disabled{background-color:#cdcdcd;cursor:not-allowed}.p-howto .p-howto-start__help{font-weight:300;text-align:center}.p-howto .p-howto-start__help button{color:#222;text-decoration:underline}.p-term{position:fixed;z-index:1000000000}.p-term .p-term__overlay{background:transparent;top:.8rem}.p-term .p-term__container{background-color:#222;border-radius:2rem 2rem 0 0;height:100%}.p-term .p-term__inner{margin-inline:auto;padding-bottom:6rem;padding-top:1.8rem;width:-webkit-calc(100% - 2rem);width:-moz-calc(100% - 2rem);width:calc(100% - 2rem)}.p-term .p-term__header{display:grid;gap:1.7rem}.p-term .p-term__close{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;cursor:pointer;height:1.8rem;justify-content:center;margin-left:auto;width:1.8rem;z-index:10}.p-term .p-term__close:after,.p-term .p-term__close:before{background-color:#fff;content:"";display:block;height:.1rem;width:100%}.p-term .p-term__close:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}.p-term .p-term__close:after{margin-top:-1px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}.p-term .p-term__content{margin-inline:auto;width:-webkit-calc(100% - 2rem);width:-moz-calc(100% - 2rem);width:calc(100% - 2rem)}.p-term .p-term__body{display:grid;gap:5rem}.p-term .p-term__body-inner{display:grid;gap:3.2rem;margin-top:3.2rem;padding-left:1rem}.p-term .p-term__text{color:#fff;font-size:1.4rem;line-height:1.8}.p-term .p-term__flow-label{color:#fff;line-height:1;margin-bottom:1rem}.p-term .p-term__list{display:grid;gap:.4rem;list-style:decimal;padding:0 2.15rem}.p-term .p-term__item{color:#fff;font-size:1.4rem;line-height:1.8}.p-support{position:fixed;z-index:1000000000}.p-support .p-support__overlay{background:transparent;top:.8rem}.p-support .p-support__container{background-color:#222;border-radius:2rem 2rem 0 0;height:100%}.p-support .p-support__inner{margin-inline:auto;padding-bottom:6rem;padding-top:1.8rem;width:-webkit-calc(100% - 2rem);width:-moz-calc(100% - 2rem);width:calc(100% - 2rem)}.p-support .p-support__header{display:grid;gap:1.7rem}.p-support .p-support__close{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;cursor:pointer;height:1.8rem;justify-content:center;margin-left:auto;width:1.8rem;z-index:10}.p-support .p-support__close:after,.p-support .p-support__close:before{background-color:#fff;content:"";display:block;height:.1rem;width:100%}.p-support .p-support__close:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}.p-support .p-support__close:after{margin-top:-1px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}.p-support .p-support__body{display:grid;gap:5rem;margin-top:5rem}.p-support .p-support__body-inner{display:grid;gap:3.2rem;margin-top:3.2rem;padding-left:1rem}.p-support .p-support__content{margin-inline:auto;width:-webkit-calc(100% - 2rem);width:-moz-calc(100% - 2rem);width:calc(100% - 2rem)}.p-support .p-support__text{color:#fff;font-size:1.4rem;letter-spacing:-.04em;line-height:1.8}.p-support .p-support__flow-label{color:#fff;line-height:1}.p-support .p-support__list{display:grid;gap:.4rem;list-style:decimal;margin-top:1rem;padding:0 2.15rem}.p-support .p-support__item{color:#fff;font-size:1.4rem;line-height:1.8}.p-support .p-support__back{margin-top:5rem}.c-camera__loading{background-color:#000;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;height:100%;left:0;position:fixed;top:0;width:100%;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-transition:opacity .3s ease-in-out,visibility .3s ease-in-out;-moz-transition:opacity .3s ease-in-out,visibility .3s ease-in-out;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.c-camera__loading[aria-hidden=true]{opacity:0;visibility:hidden}.c-camera__loading[aria-hidden=false]{opacity:1;visibility:visible;z-index:100000000}.c-camera__loading span{color:#ff0}.p-howto{background-image:url(/beats-bar/assets/images/common/img_howto.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100svh;overflow-y:scroll;position:fixed;top:0;width:100%;z-index:1000000000}.p-howto .p-howto__inner{padding-inline:2rem}.p-howto .p-howto__close{border-radius:50%;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;height:2.6rem;position:absolute;right:2.2rem;top:2.2rem;width:2.6rem;z-index:10000;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center}.p-howto .p-howto__close[aria-hidden=true]{opacity:0;pointer-events:none;visibility:hidden}.p-howto .p-howto__close[aria-hidden=false]{opacity:1;pointer-events:all;visibility:visible}.p-howto .p-howto__close:after,.p-howto .p-howto__close:before{background-color:#222;content:"";height:1px;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:100%}.p-howto .p-howto__close:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.p-howto .p-howto__header{padding-bottom:3.4rem;padding-top:50px;text-align:center}.p-howto .p-howto__header.is-hidden{opacity:0;padding-top:0;visibility:hidden}.p-howto .p-howto__header-image .p-howto__header-image-kitty{display:none}.p-howto .p-howto__header-image svg{height:auto;width:9rem}.p-howto .p-howto__header-title{font-size:2.4rem;line-height:1.6}.p-howto .p-howto__header-title:after,.p-howto .p-howto__header-title:before{content:"";display:block;height:0;width:0}.p-howto .p-howto__header-title:before{margin-top:-.3em}.p-howto .p-howto__header-title:after{margin-bottom:-.3em}.p-howto .p-howto__header-title{font-weight:600;margin-top:1rem}.p-howto__img{margin:0 auto 4.4rem;width:100%}.p-howto__img img{height:auto;width:100%}.p-howto .p-howto__step-title{color:#a8f86b;font-size:1.2rem;margin-bottom:1rem}.p-howto .p-howto-start__accept{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;gap:1rem;justify-content:center}.p-howto .p-howto-start__checkbox{border:0;height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);margin:-1px;opacity:0}.p-howto .p-howto-start__checkbox:checked+.p-howto-start__label:after{opacity:1;-webkit-transform:rotate(-45deg) scale(1);-moz-transform:rotate(-45deg) scale(1);-ms-transform:rotate(-45deg) scale(1);transform:rotate(-45deg) scale(1)}.p-howto .p-howto-start__title{border-bottom:1px solid #222;border-top:1px solid #222;color:#222;font-size:2.8rem}.p-howto .p-howto-start__label{cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;font-size:2rem;font-weight:200;padding-left:3.5rem;position:relative;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;color:#222}.p-howto .p-howto-start__label:before{background:transparent;border:1px solid #222;content:"";height:2.4rem;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;width:2.4rem}.p-howto .p-howto-start__label:after{border-bottom:1px solid #222;border-left:1px solid #222;content:"";height:.7rem;left:.6rem;opacity:0;position:absolute;top:-webkit-calc(50% - .65rem);top:-moz-calc(50% - .65rem);top:calc(50% - .65rem);-webkit-transform:rotate(-45deg) scale(.5);-moz-transform:rotate(-45deg) scale(.5);-ms-transform:rotate(-45deg) scale(.5);transform:rotate(-45deg) scale(.5);-webkit-transition:all .1s ease;-moz-transition:all .1s ease;transition:all .1s ease;width:1.2rem}.p-howto .p-howto-start__label button{background:none;border:none;color:inherit;cursor:pointer;padding:0;text-decoration:underline}.p-howto .p-howto__text{color:#222;font-size:1.4rem;line-height:1.4}.p-howto .p-howto__text:after,.p-howto .p-howto__text:before{content:"";display:block;height:0;width:0}.p-howto .p-howto__text:before{margin-top:-.2em}.p-howto .p-howto__text:after{margin-bottom:-.2em}.p-howto .p-howto__text{font-weight:600}.p-howto .p-howto__pagination{bottom:0;left:50%;position:absolute;top:21.8rem;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.p-howto .p-howto__pagination .splide__pagination__page{background:transparent;border-radius:0;height:1rem;margin:0;opacity:1;padding:0;position:relative;width:1rem}.p-howto .p-howto__pagination{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;gap:.8rem}.p-howto .p-howto__inner:has(.p-howto-start.is-active) .p-howto__pagination{display:none}.p-howto .p-howto__pagination li{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;position:relative}.p-howto .p-howto__pagination li:after{background-color:#222;border:none;content:"";height:100%;height:.4rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;width:.4rem}.p-howto .p-howto__pagination li:nth-of-type(5){display:none}.p-howto .p-howto__pagination li .is-active:not(:root){border:none}.p-howto .p-howto__pagination li .is-active:not(:root):before{background-image:url(/beats-bar/assets/images/common/icon_logo.png);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.c-device-sp-landscape{background:#edeaed;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;visibility:hidden;z-index:-1}.c-device-sp-landscape .c-device-sp-landscape__inner{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;gap:40px}.c-device-sp-landscape .c-device-sp-landscape__text{font-size:23px}.c-device-sp-landscape .c-device-sp-landscape__text:after,.c-device-sp-landscape .c-device-sp-landscape__text:before{content:"";display:block;height:0;width:0}.c-device-sp-landscape .c-device-sp-landscape__text:before{margin-top:-.4em}.c-device-sp-landscape .c-device-sp-landscape__text:after{margin-bottom:-.4em}@media print,screen and (min-width:781px){html{font-size:10px}body:after,body:before{background-color:#fff000;content:"";display:block;height:100%;width:100%;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;flex:1}.bg:before{background:#ff0;content:"";height:100%;left:0;mix-blend-mode:luminosity;opacity:.8;position:absolute;top:0;width:100%}.bg{background-image:url(/beats-bar/assets/images/common/img_background.webp);background-position:50%;background-repeat:no-repeat;background-size:cover}.content-wrapper{height:auto;margin:0 auto;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;width:415px}.content-wrapper:after,.content-wrapper:before{background-color:#fff000;content:"";display:block;height:auto;isolation:isolate;min-width:20px}.content{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;overflow-y:scroll;padding:48px 0}.c-share__content{padding-bottom:0}.page-beats-bar-share .content-wrapper,.page-share .content-wrapper{height:-webkit-calc(100svh - 40px);height:-moz-calc(100svh - 40px);height:calc(100svh - 40px);min-height:0}.page-beats-bar-share .content,.page-share .content{padding-block:48px}.page-beats-bar-share:after,.page-beats-bar-share:before,.page-beats-bar:after,.page-beats-bar:before{background-color:#fff}.page-beats-bar .content-wrapper,.page-beats-bar-share .content-wrapper{height:-webkit-calc(100svh - 40px);height:-moz-calc(100svh - 40px);height:calc(100svh - 40px);max-height:none;min-height:0}.page-beats-bar .content-wrapper:after,.page-beats-bar .content-wrapper:before,.page-beats-bar-share .content-wrapper:after,.page-beats-bar-share .content-wrapper:before{background-color:#fff}.c-sampling-detail{height:100%;left:50%;margin:0 auto;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:390px}}@media print{body{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:1280px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}@media only screen and (max-width:780px){.page-index{-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center}}@media screen and (min-width:780px),screen and (orientation:landscape){.page-beats-bar .c-device-sp-landscape,.page-index .c-device-sp-landscape{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;opacity:1;visibility:visible;z-index:10000000000000000}}