.page-howto .mobile-menu{inset:0;opacity:0;overflow-x:hidden;overflow-y:auto;pointer-events:none;position:fixed;transition:opacity .2s ease;z-index:180}.page-howto .mobile-menu.is-open{opacity:1;pointer-events:auto}.page-howto .mobile-menu__bg{background:#f4f4f2 url("../img/paper_bg.webp") center top/cover no-repeat;inset:0;position:fixed}.page-howto .mobile-menu__inner{box-sizing:border-box;margin:0 auto;max-width:1320px;min-height:100vh;padding:70px 82px 82px;position:relative;width:100%;z-index:1}.page-howto .mobile-menu__close{background:rgba(0,0,0,0);border:0;height:100px;outline:none;padding:0;position:fixed;right:17px;top:17px;width:100px;z-index:3}.page-howto .mobile-menu__close img{display:block;filter:drop-shadow(0 4px 4px rgba(0, 0, 0, 0.45));height:100%;width:100%}.page-howto .mobile-menu__nav,.page-howto .mobile-menu__line,.page-howto .mobile-menu__cards,.page-howto .mobile-menu__share{max-width:1484px}.page-howto .mobile-menu__nav,.page-howto .mobile-menu__line,.page-howto .mobile-menu__cards{max-width:none;width:100%}.page-howto .mobile-menu__nav{column-gap:135px;display:grid;grid-template-areas:"primary secondary" "guide .";grid-template-columns:minmax(0, 378px) max-content;justify-content:start;row-gap:13px;width:min(100%,1072px)}.page-howto .mobile-menu__nav-col{display:flex;flex-direction:column;gap:25px}.page-howto .mobile-menu__nav-col--primary{grid-area:primary;min-width:0}.page-howto .mobile-menu__nav-col--primary .mobile-menu__nav-link{white-space:nowrap}.page-howto .mobile-menu__nav-col--secondary{grid-area:secondary;justify-self:start;min-width:0;padding-left:0;width:max-content}.page-howto .mobile-menu__nav-col--secondary .mobile-menu__nav-link{white-space:nowrap}.page-howto .mobile-menu__nav-link{transition:all .3s ease-out;color:#d61218;display:block;font-family:"Montserrat","Noto Sans JP",sans-serif;font-size:40px;font-style:normal;font-weight:800;leading-trim:both;letter-spacing:normal;line-height:normal;text-align:left;text-edge:cap;text-decoration:none;-webkit-text-stroke-width:0;text-shadow:-1px -1px 0 #000,0 -1px 0 #000,1px -1px 0 #000,-1px 0 0 #000,1px 0 0 #000,-1px 1px 0 #000,0 1px 0 #000,1px 1px 0 #000,2px 2px 0 #000}.page-howto .mobile-menu__nav-link:hover{color:#3a0406}.page-howto .mobile-menu__nav-link--preview{white-space:nowrap}.page-howto .mobile-menu__nav-col--secondary .mobile-menu__nav-link--preview{white-space:nowrap}@media(max-width: 1232px){.page-howto .mobile-menu__nav{column-gap:9vw;grid-template-columns:minmax(0, 3fr) minmax(0, 2fr);width:100%}.page-howto .mobile-menu__nav-col--primary .mobile-menu__nav-link{overflow-wrap:break-word;white-space:normal;word-break:normal}.page-howto .mobile-menu__nav-col--secondary{max-width:559px;width:100%}.page-howto .mobile-menu__nav-col--secondary .mobile-menu__nav-link{overflow-wrap:break-word;white-space:normal;word-break:normal}}@media(max-width: 850px){.page-howto .mobile-menu__nav{column-gap:0;grid-template-areas:"primary" "guide" "secondary";grid-template-columns:1fr;row-gap:14px}.page-howto .mobile-menu__nav-col--secondary{width:100%}}.page-howto .mobile-menu__guide{display:block;grid-area:guide;margin-top:8px;width:414px}.page-howto .mobile-menu__guide img{display:block;height:20px;object-fit:contain;width:auto}.page-howto .mobile-menu__line{box-sizing:border-box;border-top:2px solid #000;max-width:100%;margin:30px 0 0;width:100%}.page-howto .mobile-menu__cards{display:grid;gap:12px 10px;grid-template-columns:repeat(7, minmax(0, 152px));justify-content:flex-start;margin-top:23px;width:100%}.page-howto .mobile-menu__card{--menu-card-logo-h: 31px;--menu-card-logo-w: 99px;align-items:center;background:#fff;border:2px solid #000;border-radius:8px;display:flex;height:57px;justify-content:center;padding:0 8px;width:100%;transition:all .3s ease-out}.page-howto .mobile-menu__card:hover{background:#e6e6e6}.page-howto .mobile-menu__card img{aspect-ratio:calc(var(--menu-card-logo-w) / 1px)/calc(var(--menu-card-logo-h) / 1px);display:block;height:auto;max-height:var(--menu-card-logo-h);max-width:100%;object-fit:contain;object-position:center;width:var(--menu-card-logo-w)}.page-howto .mobile-menu__card--spotify{--menu-card-logo-h: 31px;--menu-card-logo-w: 99px;aspect-ratio:99/31}.page-howto .mobile-menu__card--applemusic{--menu-card-logo-h: 32px;--menu-card-logo-w: 100px;aspect-ratio:25/8}.page-howto .mobile-menu__card--amazonmusic{--menu-card-logo-h: 31px;--menu-card-logo-w: 100px;aspect-ratio:100/31}.page-howto .mobile-menu__card--linemusic{--menu-card-logo-h: 32px;--menu-card-logo-w: 100px;aspect-ratio:25/8}.page-howto .mobile-menu__card--awa{--menu-card-logo-h: 21px;--menu-card-logo-w: 66px}.page-howto .mobile-menu__card--rakutenmusic{--menu-card-logo-h: 31px;--menu-card-logo-w: 99px;aspect-ratio:99/31}.page-howto .mobile-menu__card--youtubemusic{--menu-card-logo-h: 31px;--menu-card-logo-w: 99px;aspect-ratio:99/31}.page-howto .mobile-menu__card--itunes{--menu-card-logo-h: 32px;--menu-card-logo-w: 100px;aspect-ratio:25/8}.page-howto .mobile-menu__card--recochoku{--menu-card-logo-h: 32px;--menu-card-logo-w: 100px;aspect-ratio:25/8}.page-howto .mobile-menu__card--mora{--menu-card-logo-h: 30px;--menu-card-logo-w: 94px;aspect-ratio:47/15}.page-howto .mobile-menu__card--mumo{--menu-card-logo-h: 31px;--menu-card-logo-w: 99px;aspect-ratio:25/8}.page-howto .mobile-menu__share{align-items:center;display:flex;gap:17px;justify-content:flex-start;margin-left:16px;margin-top:42px;width:100%}.page-howto .mobile-menu__share-label{color:#000;font-family:"Montserrat","Noto Sans JP",sans-serif;font-size:18px;font-weight:800;line-height:1;margin-right:20px}.page-howto .mobile-menu__share .share{align-items:center;background:rgba(0,0,0,0);border:0;display:inline-flex;height:30px;justify-content:center;min-height:30px;min-width:30px;padding:0;width:30px;transition:all .3s ease-out}.page-howto .mobile-menu__share .share:hover{opacity:.5}.page-howto .mobile-menu__share .share-icon{display:block;height:100%;mix-blend-mode:multiply;width:100%}.page-howto .mobile-menu__share .share--x .share-icon{transform:scale(0.9);transform-origin:center}@supports not (leading-trim: both){.page-howto .mobile-menu__nav-link{align-items:center;display:flex;justify-content:flex-start;line-height:.88;padding-top:.04em;transform:translateY(-0.04em)}.page-howto .mobile-menu__nav-link--preview{justify-content:flex-start}}@media(max-width: 767px){.page-howto .mobile-menu__inner{box-sizing:border-box;max-width:none;padding:14px 16px 42px;width:100%}.page-howto .mobile-menu__close{height:60px;right:9px;top:10px;width:60px}.page-howto .mobile-menu__nav,.page-howto .mobile-menu__line,.page-howto .mobile-menu__cards,.page-howto .mobile-menu__share{max-width:330px;width:100%}.page-howto .mobile-menu__nav,.page-howto .mobile-menu__line,.page-howto .mobile-menu__cards{max-width:none}.page-howto .mobile-menu__nav{grid-template-areas:"primary" "guide" "secondary";grid-template-columns:1fr;justify-content:stretch;row-gap:14px;width:100%}.page-howto .mobile-menu__nav-col{gap:14px}.page-howto .mobile-menu__nav-col--secondary{justify-self:stretch;padding-left:0;transform:none;width:100%}.page-howto .mobile-menu__nav-link{font-size:30px;line-height:.98;max-width:310px;overflow-wrap:anywhere;white-space:normal}.page-howto .mobile-menu__nav-link--maker{max-width:250px}.page-howto .mobile-menu__nav-link--campaign{max-width:270px}.page-howto .mobile-menu__nav-link--preview{max-width:none;white-space:normal}.page-howto .mobile-menu__guide{margin-top:4px;width:100%}.page-howto .mobile-menu__guide img{height:16px;width:auto}.page-howto .mobile-menu__line{margin:18px 0 0}.page-howto .mobile-menu__cards{display:grid;gap:14px 10px;grid-template-columns:repeat(2, minmax(0, 1fr));justify-content:stretch;margin-left:0;margin-right:0;margin-top:29px}.page-howto .mobile-menu__card{border-radius:10px;height:66px;padding:0 12px;width:100%}.page-howto .mobile-menu__card img{display:block;height:auto}.page-howto .mobile-menu__card--blank-mobile img{display:block}.page-howto .mobile-menu__card--desktop-only{display:flex}.page-howto .mobile-menu__share{max-width:none;gap:14px;justify-content:center;margin-left:0;margin-top:46px}}@supports not (leading-trim: both){@media(max-width: 767px){.page-howto .mobile-menu__nav-link{line-height:.92;padding-top:.02em;transform:translateY(-0.03em)}}}.mobile-menu__nav{display:flex;flex-direction:column;gap:6px;padding:0 18px 0;position:relative;z-index:1}@media(max-width: 767px){.mobile-menu__nav{padding:40px 18px 0}}/*# sourceMappingURL=howto-menu.css.map */