/* --------------------------------------------------------
 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}#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:0;-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--share{padding:1.2rem 1.8rem}.is-fixed.l-header--share,.l-header.is-fixed{position:fixed;width:100%;z-index:1000000}.is-fixed.l-header--share .l-header__button,.l-header.is-fixed .l-header__button{display:none}.l-header .l-header__inner,.l-header--share .l-header__inner{-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__inner,.l-header .l-header__logo,.l-header .l-header__logo a,.l-header--share .l-header__inner,.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--share .l-header__logo svg{height:auto;width:19.2rem}.l-header .l-header__nav,.l-header--share .l-header__nav{padding-top:8rem}.l-header .l-header__button,.l-header--share .l-header__button{cursor:pointer;display:grid;gap:.6rem;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:2.4rem}.l-header .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--share .l-header__button:after,.l-header--share .l-header__button:before{background-color:#222;content:"";display:block;height:1px;width:100%}.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-share.is-playing *{color:#fff}.page-share .c-share__content{padding-bottom:4rem}.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}.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__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{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)}.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{cursor:pointer;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(/oto/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:.7}.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{font-size:1.6rem;line-height:1;text-align:center}.c-sampling .c-sampling__edit-inner,.c-sampling--share .c-sampling__edit-inner{display:grid;gap:.5rem;margin:0 auto}.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{white-space:nowrap}.c-sampling .c-sampling__edit-input,.c-sampling--share .c-sampling__edit-input{background:transparent;border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:2.8rem;height:1.25em;line-height:1.5;overflow:visible;padding:0;text-align:center;width:100%}.c-sampling .c-sampling__edit-label,.c-sampling--share .c-sampling__edit-label{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:inline-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;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(/oto/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}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-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:1000}.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;width:-webkit-calc(100% - 2rem);width:-moz-calc(100% - 2rem);width:calc(100% - 2rem)}.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{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(/oto/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 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}.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:2px 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{gap:.8rem}.p-howto .p-howto__pagination,.p-howto .p-howto__pagination li{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}.p-howto .p-howto__pagination li{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(/oto/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(/oto/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}.page-share .content-wrapper{height:-webkit-calc(100svh - 40px);height:-moz-calc(100svh - 40px);height:calc(100svh - 40px)}.page-share .c-share__content{padding-bottom:0}.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-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}}