@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;900&display=swap");html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul,ol{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}input,select{vertical-align:middle}button{background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}html{width:100%;height:100%;margin:0;padding:0;font-size:62.5%;line-height:1.4}body{font-family:'Noto Sans JP', sans-serif;font-size:16px;font-size:1.6rem}body *{box-sizing:border-box;background-repeat:no-repeat;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-font-feature-settings:"palt";font-feature-settings:"palt";-webkit-overflow-scrolling:touch;overflow-scrolling:touch}.container{position:relative;width:100%}.container_inner{width:1042px;padding:0 20px;margin:auto}.section img{max-width:100%}.ml20{margin-left:20px}.mv{margin:auto;width:100%;text-align:center}.mv img{max-width:100%}.pagetop{position:fixed;bottom:10px;right:20px}.pagetop a img{width:100px}.title{margin:30px 0 0 0}.howto{width:100%;margin:40px 0}.howto_inner{max-width:1002px;margin:auto}.howto_title{text-align:center}.howto_txt li{background-color:#fff0f9;padding:20px;margin:20px 0 0 0;text-align:center}.wrapper{margin:30px 0;display:-webkit-flex;display:flex}.make{position:relative;width:360px}.make_inner{z-index:2;position:relative}#YMK-module>div{margin:auto}.item{width:calc(100% - 360px - 30px);margin-left:30px}.item_wrap{margin-top:60px}.item_wrap:first-child{margin-top:0}.clearbtn_inner{display:-webkit-flex;display:flex}.clearbtn_anchor{position:relative;display:inline-block;margin:10px 0 0 5px;line-height:1.1;border-radius:10px;background:#FFF;color:#333;font-weight:bold;transition:0.3s;border:2px solid #ffd800}.clearbtn .txt{display:block;padding:10px}.clearbtn .close{display:block;padding:10px calc(10px + 0.5em);background:#ffd800}.clearbtn .close::before,.clearbtn .close::after{content:"";background:#333;position:absolute;width:1em;height:2px;-webkit-transform-origin:50%;transform-origin:50%}.clearbtn .close::before{top:0;bottom:0;left:10px;margin:auto;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.clearbtn .close::after{top:0;bottom:0;left:10px;margin:auto;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.color{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:20px 0 0 0}.color_btn{width:calc( 33% - 15px);margin:10px;padding:16px;border-radius:10px;background:#FFF;transition:0.3s;box-shadow:0 0 10px rgba(0,0,0,0.15);border:5px solid #fff}.color_btn:hover{box-shadow:0 0 30px rgba(0,0,0,0.2)}.color_btn:nth-child(3n+1){margin:10px 10px 10px 0}.color_btn:nth-child(3n){margin:10px 0 10px 10px}.color_btn.active{border:5px solid #ffabab}.color_img{text-align:center}.color_name{margin:1em 0 0 0;text-align:center;font-size:0.9em;color:#333;font-weight:bold}.sticky{position:fixed;top:20px}.sticky-over{position:absolute;bottom:0}.footer{padding:20px 0 0 0;color:#FFF;background-color:#000}.footer a{color:#FFF;text-decoration:underline}.footer_inner{padding:0 20px 20px 20px;max-width:1042px;margin:auto}.footer_link{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.footer_link a{margin:0 0 0 2em;padding:0.5em 0 0.5em 2em;border-left:1px solid #FFF}.footer_link a:hover{text-decoration:none}.footer_link a:first-child{border:none;margin:0;padding:0.5em 0 0.5em 0}.footer_txt{margin:20px 0 0 0}.footer_txt .attention{line-height:1.6;font-size:0.85em}.footer_txt li{padding-left:1em;text-indent:-1em}.footer .bspLogo{margin:20px 0 0 0;text-align:right}.footer .bspLogo a{transition:0.2s}.footer .bspLogo a:hover{opacity:0.8}.footer .bspLogo img{width:50px;height:49px}.footer .bspCopy{text-align:center;line-height:1;font-size:0.8em;background-color:#333333;padding:8px 0;margin-left:auto}.sp{display:none}@media screen and (max-width: 750px){.pc{display:none}.sp{display:block}.sticky{top:0px}.container_inner{width:100%;padding:0}.howto{width:100%;margin:30px 0}.howto_txt li{background-color:#fff1f3;padding:16px;margin:10px 0 0 0;text-align:center}.wrapper{-webkit-flex-direction:column;flex-direction:column}.make{width:100%;padding-top:100px}.make_inner{width:100%;padding:0;background:rgba(0,0,0,0.25)}.title{padding:0 20px}.item{padding:0 20px;margin-top:40px;width:100%;margin-left:0}.color_btn{padding:0.5em}.color_name{margin:0.5em 0 0 0;font-size:0.85em;line-height:1.2}.clearbtn_anchor{margin:10px 0 0 0}.clearbtn-all{text-align:center;margin-left:20px}.clearbtn-sp{display:inline-block;position:absolute;width:340px;margin:auto;z-index:3;bottom:0;left:0;right:0}.clearbtn-sp a{display:inline-block;padding:0.5em;border:2px solid #000;color:#000;font-weight:bold;border-radius:3px;-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0);transition:0.2s;background:rgba(255,255,255,0.3)}.clearbtn-sp a:hover{transition:0.2s;background:rgba(255,255,255,0.7)}}@media screen and (max-width: 1002px){.footer_link{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.footer_link a{margin:0;padding:0.5em 0 0.5em 0;border-left:none;text-align:center}.footer_txt{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.footer_txt .attention{line-height:1.6;text-align:left}.footer .copyright{margin:1em 0 0 0}}

/*# sourceMappingURL=maps/style.css.map */