header{background:rgba(0,0,0,1)}html{scroll-padding-top:63px}.main{margin-top:63px;padding:0 20px}.img-preview-box{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;overflow:auto;margin:0;z-index:100001}.banner-area{padding:32px 0}.banner-area .banner{max-width:900px;margin:0 auto;text-align:center}.banner-area .banner h1{font-size:48px;font-weight:700;line-height:72px;text-align:center}.article-main{margin:auto;padding:0;position:relative}.article-maxwidth{max-width:900px;position:relative;margin:0 auto;color:#333}.article-maxwidth.article-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid #DFDFDF}.container-post{display:flex;width:max-content;align-items:center}.container-post .pm-home{display:none}.container-post span{margin:0 8px;display:flex;align-items:center}.container-post .article_category{font-size:14px;font-weight:400;line-height:22px;text-align:left}.article-time .msg{display:flex}.article-time .msg p{color:#999;font-size:14px;font-weight:400;line-height:22px;text-align:left;display:flex;align-items:center}.article-time .msg p svg{margin-right:8px}.article-time .msg p:last-child{margin-left:32px}.article-text{margin-bottom:24px}.article-text .article_subtitle{padding:24px;background:#F5F5F7;border-radius:16px;font-size:18px;font-weight:400;line-height:26px;text-align:left}.article-directory{margin-top:32px}.article-directory .table-contents{padding:10px 16px;display:flex;align-items:center;width:max-content;justify-content:center;border:1px solid #2CF370;background:#F4FEF8;border-radius:10px;font-size:14px;font-weight:600;line-height:20px;text-align:left;color:#00C550;cursor:pointer}.article-directory .table-contents svg{margin-right:6px}.article-directory.curr .table-contents svg{transform:rotate(180deg) translateY(0)}.article-directory .product-accordion-cont{margin-top:10px;padding:24px;border:1px solid #2CF370;border-radius:16px}.article-directory .product-accordion-cont a{display:flex;align-items:baseline;font-size:18px;font-weight:400;line-height:26px;text-align:left;margin-bottom:10px}.article-directory .product-accordion-cont .hot-cliear img{width:46px;margin-left:4px;font-size:0;vertical-align:middle;transform:translateY(-1px)}.article-directory .product-accordion-cont a svg{flex-shrink:0;transform:translateY(3px);margin-right:9px}.article-directory .product-accordion-cont ul{padding-left:24px}.author-box{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #DFDFDF;padding:40px 0 100px}.author-box .author-left .author-name{font-size:18px;font-weight:400;line-height:26px;text-align:left;margin-left:16px}.author-box .author-left{display:flex;align-items:center}.author-box .author-right{display:flex;align-items:center}.author-box .author-right p{display:flex;align-items:center;color:#666;font-size:16px;font-weight:400;line-height:24px;text-align:left;margin:0}.author-box .author-right p svg{margin-right:8px}.author-box .author-right .share-box{position:relative;margin-left:40px;display:flex}.author-box .author-right .share-box .share{fill:#666;cursor:pointer}.author-box .author-right .share-box .open-share{padding-top:4px;position:absolute;width:max-content;top:100%;left:0;display:none}.author-box .author-right .share-box:hover .share{fill:#00C550}.author-box .author-right .share-box:hover .open-share{display:block}.author-box .author-right .share-box ul{padding:8px;border-radius:8px;border:1px solid #DFDFDF;background:#FFF}.author-box .author-right .share-box ul li:not(:first-child){margin-top:4px}.author-box .author-right .share-box ul li a{display:flex;align-items:center;padding:3px 8px;font-size:12px;font-weight:400;line-height:22px;text-align:left;border-radius:4px;color:#666}.author-box .author-right .share-box ul li a svg{margin-right:6px}.author-box .author-right .star{display:flex;align-items:center}.author-box .author-right .star span{display:inline-block;width:20px;height:20px;margin:0 2px;background:url(https://images.musicful.ai/musicfuljp/assets/article/star_icon.svg) no-repeat 0 0}.author-box .author-right .star span.half{background:url(https://images.musicful.ai/musicfuljp/assets/article/star_half.svg) no-repeat 0 0}h2{font-size:28px;font-weight:700;line-height:42px;text-align:left}h3{font-size:24px;font-weight:700;line-height:36px;text-align:left}.article-maxwidth .article-box .article-content p{font-size:18px;font-weight:400;line-height:26px;text-align:left;margin-top:32px}.article-maxwidth .article-box .article-content p a{color:#0071E3}.article-maxwidth .article-box .article-content{margin-bottom:64px}.question{display:flex;align-items:stretch;margin-top:32px;font-size:18px;font-weight:400;line-height:26px;text-align:left}.question svg{flex-shrink:0;margin-right:10px}.question a{color:#0071E3}.article-audio{width:320px;height:67px;border:1px solid #2CF370;border-radius:40px;margin:30px auto 0}.article-audio-player{display:none}.article-audio-wrapper{height:100%;padding:0 40px;display:flex;justify-content:center;align-items:center}.article-audio-wrapper svg{width:1em;height:1em;font-size:50px;color:#000;cursor:pointer;flex-shrink:0;border-radius:50%;border:1px solid #2CF370;margin-right:20px}.article-audio-wrapper svg:hover{background:rgba(0,0,0,.2)}.article-audio-link{width:100%;font-size:22px;color:#000;flex-shrink:1;text-align:center;user-select:none;border-left:1px solid #2CF370}.article-audio-link:hover{color:rgba(0,0,0,.6)!important}.youtube-video-loaded{margin-top:30px;aspect-ratio:16 / 9}.youtube-video-loaded iframe{width:100%;height:100%}.youtube-video-click{margin-top:30px;aspect-ratio:16 / 9;position:relative}.youtube-video-click img,.youtube-video-click iframe{width:100%;height:100%}.youtube-video-click .play-mask{position:absolute;width:100%;height:100%;top:0;background:url(https://images.musicful.ai/musicfuljp/assets/article/article_play.svg) center center no-repeat;cursor:pointer}.answer{padding:24px 26px;border:1px solid #DFDFDF;border-radius:16px;margin-top:32px}.answer .title{display:flex;align-items:stretch;font-size:20px;font-weight:600;line-height:28px;text-align:left}.answer .title svg{margin-right:10px;flex-shrink:0;transform:translateY(3px)}.article-maxwidth .article-box .article-content .answer p{margin-top:16px}.h2-type1{padding:8px 16px;display:flex;align-items:stretch;margin-top:32px;background:#F4FEF8}.h2-type1 svg{flex-shrink:0;transform:translateY(12px);margin-right:10px}.h2-type1 a{color:#0071E3}.h3-type1{display:flex;align-items:stretch;margin-top:32px}.h3-type1 svg{flex-shrink:0;transform:translateY(6px);margin-right:10px}.h3-type1 a{color:#0071E3}.h2-type2{padding:8px 10px;border-left:6px solid #2CF370;background:#F4FEF8;margin-top:32px}.h2-type2 a{color:#0071E3}.h3-type2{padding:0 10px;border-left:6px solid #2CF370;margin-top:32px}.h3-type2 a{color:#0071E3}.h2-type3{padding:8px 16px;border-bottom:2px solid #2CF370;background:#F4FEF8;margin-top:32px}.h2-type3 a{color:#0071E3}.h3-type3{padding:0 0 8px;border-bottom:2px solid #2CF370;margin-top:32px}.h3-type3 a{color:#0071E3}.step-type-1{display:flex;align-items:baseline;font-size:18px;font-weight:400;line-height:26px;text-align:left;margin-top:24px}.step-type-1 ul li{margin-top:24px}.step-type-1 .step-number{padding:0 6px;height:32px;display:flex;font-size:18px;font-weight:600;background:#2CF370;line-height:26px;border-radius:8px;margin-right:10px;vertical-align:bottom}.step-type-2{display:flex;align-items:baseline;font-size:18px;font-weight:400;line-height:26px;text-align:left;margin-top:24px}.step-type-2 .step-number{width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;background:#07273D;color:#2CF370;line-height:26px;border-radius:8px;margin-right:10px;flex-shrink:0}.step-type-3{display:flex;align-items:baseline;font-size:18px;font-weight:400;line-height:26px;text-align:left;margin-top:24px}.step-type-3 .step-number{font-size:18px;font-weight:600;color:#00C550;line-height:26px;margin-right:8px;flex-shrink:0}.step-box{margin-top:32px}.step-box a{color:#0071E3}.tips-box{padding:24px;border:2px dashed #FFA500;border-radius:16px;margin-top:32px}.article-maxwidth .article-box .article-content .tips-box p{margin-top:18px}.tips-box .tips-tips{display:flex;align-items:center;font-size:20px;font-weight:600;line-height:28px;text-align:left}.tips-box .tips-tips svg{margin-right:10px}.blue-span{color:#0071E3}.note-box{margin-top:32px}.note-box .note-note{height:38px;padding:7px 16px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;line-height:28px;background:#2CF370;border-radius:16px 16px 0 0;width:max-content}.note-box .note-note svg{margin-right:10px}.note-box .note-content{padding:0 24px 24px;border:1px solid #96F9B8;background:#F4FEF8;border-radius:0 0 16px 16px}.note-box .note-content p{margin-top:24px!important}.line-review{padding:24px;margin-top:32px;border:1px solid #96F9B8;background:#F4FEF8;border-radius:16px}.line-review .title{font-size:20px;font-weight:600;line-height:28px;text-align:left}.line-review .go-line-box{margin-top:16px;display:flex;align-items:baseline}.line-review .go-line-box svg{transform:translateY(3px);margin-right:8px;flex-shrink:0}.line-review .go-line-box .text{font-size:18px;font-weight:400;line-height:26px;text-align:left}.line-review .go-line-box .text a{color:#0071E3}.list-content{padding:24px;border:1px solid #2CF370;border-radius:16px;margin-top:32px}.list-content li{display:flex;align-items:baseline;font-size:18px;font-weight:400;line-height:26px;text-align:left}.list-content li svg{flex-shrink:0;margin-right:8px;transform:translateY(3px)}.list-content li:not(:first-child){margin-top:16px}.list-content li a{color:#0071E3}.seo-also{display:flex;align-items:center;flex-wrap:wrap;font-size:18px;font-weight:400;line-height:26px;border:1px solid #DFDFDF;padding:24px;border-radius:16px;margin-top:32px}.seo-also a{color:#0071E3}.seo-also .seo-fist{font-weight:600;display:flex;align-items:center;margin-right:8px}.seo-also .seo-fist svg{margin-right:8px;flex-shrink:0}.further-reading{display:flex;align-items:center;flex-wrap:wrap;font-size:18px;font-weight:400;line-height:26px;border-radius:16px;margin-top:32px}.further-reading a{color:#0071E3}.further-reading .seo-fist{font-weight:600;display:flex;align-items:center;margin-right:8px}.further-reading .seo-fist img{margin-right:8px;flex-shrink:0}.list-content-type1{margin-top:32px}.list-content-type1 li{display:flex;align-items:baseline;font-size:18px;font-weight:400;line-height:26px;text-align:left}.list-content-type1 li svg{flex-shrink:0;margin-right:8px;transform:translateY(3px)}.list-content-type1 li:not(:first-child){margin-top:16px}.list-content-type1 li a{color:#0071E3}.conclusion{font-size:24px;font-weight:700;line-height:36px;text-align:left;margin-top:32px}.conclusion-type2{font-size:24px;font-weight:700;line-height:36px;text-align:left;margin-top:32px;padding-left:10px;color:#00C550;border-left:6px solid #2CF370}.line-review-type2 .go-line-box svg{transform:translateY(5px)}.line-review.line-review-type3{background:unset;border:unset;border-radius:unset;padding:0}.line-review.line-review-type3 .title{font-size:24px;line-height:36px}.dividing-line{margin:32px 0;width:100%;border:1px dashed #DFDFDF}.line-review.line-review-type4{border:1px solid #DFDFDF;background:#F5F5F7}.line-review.line-review-type4 svg{transform:translateY(5px)}.picture-box{margin:24px auto 0;max-width:900px;width:100%;position:relative}.picture-box:hover:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:58px;height:58px;background:url(https://images.musicful.ai/musicfuljp/assets/article/preview.png);cursor:pointer;pointer-events:none}.picture-box img{display:block;margin:0 auto}.btn-box{margin:30px auto 0;width:fit-content;height:67px;display:flex;padding:24px 54.5px;justify-content:center;align-items:center;border-radius:80px;background:#2CF370;color:#000;font-size:22px;font-weight:700;letter-spacing:-.44px}.btn-box .right-arrow{margin-left:10px}.article-toast{position:fixed;top:50%;left:50%;padding:10px 15px;background:rgba(0,0,0,.5);border-radius:5px;font-size:16px;color:#fff;transform:translate(-50%,-50%)}@media (min-width:1025px){.article-maxwidth a:hover{outline:none;color:#0071E3}.btn-box:hover{background:#000;color:#fff!important}.btn-box:hover svg path{stroke:#fff}.author-box .author-right .share-box ul li a:hover{background:#F5F5F7;color:#333}.question a:hover,.article-maxwidth .article-box .article-content p a:hover,.h2-type1 a:hover,.h3-type1 a:hover,.h2-type2 a:hover,.h3-type2 a:hover,.h2-type3 a:hover,.h3-type3 a:hover,.step-box a:hover,.line-review .go-line-box .text a:hover,.seo-also a:hover,.further-reading a:hover,.list-content li a:hover,.list-content-type1 li a:hover{text-decoration:underline}}@media (max-width:1024px){.btn-box{font-size:16px;line-height:24px;width:100%;max-width:335px;padding:14.5px 0;height:48px}.article-maxwidth .article-box .article-content p{margin-top:24px}.banner-area{padding:16px 0}.banner-area .banner h1{font-size:32px;line-height:34px}.article-text .article_subtitle,.article-maxwidth .article-box .article-content p,.question,.step-type-1,.step-type-2,.step-type-2 .step-number,.step-type-3 .step-number,.step-type-3,.line-review .go-line-box .text,.seo-also,.further-reading,.list-content li,.list-content-type1 li,.article-directory .product-accordion-cont a{font-size:16px;line-height:24px}.article-text{margin-bottom:20px}.container-post .pc-home{display:none}.container-post .pm-home{display:inline-flex}.article-time .msg p:last-child{margin-left:16px}.question svg{transform:translateY(2px)}.answer .title{font-size:18px;line-height:26px}h2{font-size:18px;line-height:28px;margin-top:24px}.h2-type1 svg{transform:translateY(3px)}h3{font-size:18px;line-height:28px;margin-top:24px}.h3-type1,.h2-type1,.h2-type2,.answer,.question,.h3-type2,.h2-type3,.h3-type3,.step-box,.tips-box,.note-box,.line-review,.seo-also,.further-reading,.list-content,.list-content-type1,.conclusion,.conclusion-type2,.article-directory{margin-top:24px}.h3-type1 svg{transform:translateY(3px)}.dividing-line{margin:24px 0}.step-type-1{display:block;font-size:16px;line-height:24px}.step-type-1 .step-number{width:max-content;height:28px;margin-right:0;margin-bottom:10px}.step-type-2 .step-number{width:24px;height:24px}.tips-box .tips-tips,.note-box .note-note,.line-review .title{font-size:18px;line-height:26px}.seo-also,.further-reading{display:block}.seo-also .seo-fist,.further-reading .seo-fist{margin-bottom:10px}.conclusion,.conclusion-type2,.line-review.line-review-type3 .title{font-size:20px;line-height:30px}.author-box .author-right .share-box .open-share{left:unset;right:5px}}