#wrapper{margin:0 auto}#maker{width:100%}#maker>ul{display:flex;margin:0 -2rem;justify-content:space-between;position:relative;z-index:10}#maker>ul li button{width:24rem;height:8.8rem;border:.4rem solid #013;background:#fff;box-shadow:#013 .4rem .4rem 0;font-size:3.6rem;color:#049;font-weight:900;text-align:center;padding:0 0 1rem;position:relative}#maker>ul li button::before{content:"";position:absolute;width:3.2rem;height:1.6rem;background:#049;clip-path:polygon(0 0, 100% 0, 50% 100%);right:calc(50% - 1.6rem);bottom:.6rem}#maker>ul li button.active{background:#049;color:#fff;box-shadow:#ff0 .4rem .4rem 0}#maker>ul li button.active::before{background:#ff0}#maker .console{position:relative}#maker .console .help_wrap{position:absolute}#maker .console .help_wrap .help{position:relative;z-index:1;background:url(../../images/banner_maker-img/help.svg) no-repeat center;background-size:contain;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}#maker .console .help_wrap .help:hover{opacity:.75}#maker .console .help_wrap .tooltip{position:absolute;width:71rem;height:49rem;z-index:20;opacity:0;transition:opacity .2s;pointer-events:none}#maker .console .help_wrap .tooltip.active{opacity:1;pointer-events:auto}#maker .toul{overflow:hidden;margin-bottom:3rem;background:#fff;border:.4rem solid #013;transition:opacity .2s;padding-top:4.8rem;margin-top:-4rem}#maker .toul:not(.active){visibility:hidden;height:0;margin:0 auto;padding:0;opacity:0;border:none}#maker .toul:not(.active) *{display:none}#maker .toul_head{color:#fff;cursor:pointer;position:relative;font-family:rocknroll-one,sans-serif;font-size:3rem;padding-left:3rem}#maker .toul_head::before{content:"▶";margin-right:1rem;display:inline-block;font-size:2.2rem;top:-0.3rem;transition:.25s;position:relative}#maker .toul_wrap{display:flex;flex-wrap:wrap;gap:1rem}#maker .inputRange{--inactive: #ffffff;--progress: 30%;appearance:none;width:18.5rem;height:1rem;border:.1rem solid #049;border-radius:999rem;cursor:pointer;background:linear-gradient(90deg, #049 var(--progress), var(--inactive) var(--progress))}#maker .inputRange::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:2rem;height:2rem;border-radius:999rem;background:#049;box-shadow:none;margin-top:-0.6rem}#maker .inputRange::-moz-range-thumb{border:none;width:2rem;height:2rem;border-radius:999rem;background:#049;box-shadow:none;margin-top:-0.6rem}#maker .racer .wrap{display:flex;justify-content:center;align-items:center;flex-direction:column}#maker .racer .kome{margin:-2rem 0 0}#maker .racer .flex_c p{text-align:center;margin-top:0;margin-bottom:1rem}#maker .racer .flex_c .toggle{margin-bottom:1rem}#maker .stamp .flex_b button{padding:.5rem}#maker .stamp .flex_b button img{width:100%;height:auto}#maker .wrap{border-style:solid;border-width:.1rem;border-color:#707070;border-radius:.5rem;text-align:center}#maker input[type=color]{width:4rem;height:4rem;margin-top:-0.5rem}#maker .toul button{background:#fff;line-height:0rem;position:relative;color:#000;-webkit-appearance:none;text-align:center;border-style:solid;border-width:.1rem;border-color:#707070;border-radius:.2rem}#maker .toul button.active::before{content:"";display:inline-block;position:absolute;top:-0.2rem;left:-0.2rem;width:calc(100% + .4rem);height:calc(100% + .4rem);border-style:solid;border-color:#0af;border-width:.5rem}#maker .toul button.patternBtn{padding:0}#maker .toul button.iconBtn.color::before{content:"";display:inline-block;position:absolute;background:url(../../images/banner_maker-img/rainbow.png) no-repeat center;background-size:contain}#maker .toul button.iconBtn:nth-child(n+25){background:#e4e4e4;padding:.5rem}#maker .toul button.iconBtn img{width:100%;height:auto}#maker .toul button.iconBtn.hi{padding:.5rem}#maker .toul button.iconBtn.hi img{width:auto;height:100%}#maker .toul button#deleteIcon{background:#707070;display:flex;justify-content:center;align-items:center;border-color:#000;border-radius:.5rem}#maker .toul button#deleteIcon img{width:max-content;height:100%}#maker .toggle{position:relative;display:inline-block;width:4.6rem;height:1.8rem}#maker .toggle::before{content:"";display:inline-block;width:calc(100% + .6rem);height:calc(100% + .6rem);position:absolute;top:-0.4rem;left:-0.4rem;border:solid .1rem #707070;border-radius:1.3rem;border-spacing:.2rem}#maker .toggle input{opacity:0}#maker .toggle .slider{position:absolute;inset:0;background:#e9e9eb;border-radius:1.3rem;transition:.2s}#maker .toggle .slider::before{content:"";display:inline-block;position:absolute;width:2rem;height:2rem;top:-0.1rem;left:-0.1rem;background:#fff;border-radius:50%;transition:.2s}#maker .toggle input:checked+.slider{background:#6af}#maker .toggle input:checked+.slider::before{transform:translateX(2.8rem);background:#049}#maker #racerSelect{width:35rem;padding:1rem;font-size:3rem;height:8rem;margin-top:1rem}#maker .size_btn{display:flex;justify-content:center;align-items:center;justify-content:space-around;width:100%}#maker .size_btn button{display:flex;justify-content:center;align-items:center;flex-direction:column}#maker .icon_buttons{display:flex;flex-wrap:wrap;gap:.8rem}#maker .font_buttons{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:1rem}#maker .pattern_buttons{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1rem}#maker .patternBtn img{width:100%;height:100%}#maker .flex_b{display:flex;justify-content:center;align-items:center;gap:1rem}#maker .flex_c .flex_b{align-items:baseline}#maker .banner{width:72rem;margin:auto;height:14.4rem;border:.2rem #000;border-style:dashed}#maker .banner canvas{width:100%;height:100%;touch-action:none;user-select:none}#maker h3.pre{width:72rem;margin:auto;padding:.5rem;background:#000;color:#fff;font-size:2rem;text-align:center;margin-top:-0.2rem}#note{width:72rem;background:#fff;border:.2rem solid #013;padding:2.4rem;margin:1.6rem auto}#note .note{font-size:1.6rem}#note .note b{font-size:2rem;font-weight:900}#note label{display:flex;align-items:center;justify-content:center;font-weight:900;padding:1.6rem 0}#note label input[type=checkbox]{width:2rem;height:2rem;margin-right:.8rem}#note ul{display:flex;justify-content:space-between;padding:0 3.2rem 1.6rem}#note ul li #generate,#note ul li #postX{width:26rem;height:1lh;line-height:8rem;transition:all .2s;font-size:3.2rem;display:flex;align-items:center;justify-content:center}#note ul li #generate span,#note ul li #postX span{font-size:.8em}#note ul li #generate img,#note ul li #postX img{width:3.2rem;align-items:baseline}#note ul li #generate.no,#note ul li #postX.no{opacity:.4;pointer-events:none}#note ul li #postX div:last-of-type{background:#6ef}.guid{background:url(../../images/banner_maker-img/guid.png) no-repeat center;background-size:contain;width:100%;height:91.1rem;margin-bottom:5rem}@media(max-width: 750px){.sp_non{display:none !important}#maker .console .help_wrap{right:1rem;bottom:-4.5rem}#maker .console .help_wrap .help{width:6rem;height:6rem}#maker .console .help_wrap .tooltip{right:-1rem;bottom:7rem}#maker .toul_wrap{padding:2rem;gap:2rem}#maker input[type=color]{width:6rem;height:6rem}#maker .inputRange{width:23rem}#maker .inputRange::-webkit-slider-thumb{width:5rem;height:5rem;margin-top:-2rem}#maker .toggle{width:8.5rem;height:3.5rem}#maker .toggle::before{border-radius:2.3rem;width:calc(100% + 1rem);height:calc(100% + 1rem);top:-0.6rem;left:-0.6rem}#maker .toggle .slider{border-radius:1.6rem}#maker .toggle .slider::before{width:3.5rem;height:3.5rem}#maker .toggle input:checked+.slider::before{transform:translateX(5.3rem);background:#049}#maker .font_buttons{grid-template-columns:1fr 1fr;gap:2rem}#maker button{width:32rem;height:8.5rem}#maker button.fontBtn{font-size:5rem}#maker button.sizeBtn{width:10rem;height:8rem}#maker button.sizeBtn:nth-child(2){font-size:3.2rem}#maker button.sizeBtn:nth-child(3){font-size:4.8rem;font-weight:700}#maker button.patternBtn{width:11rem;height:11rem}#maker button.iconBtn{width:14.5rem !important;height:14.5rem !important}#maker button.iconBtn img{max-width:13rem;max-height:13rem;object-fit:contain}#maker button.iconBtn.color::before{width:4rem;height:4rem;top:-1.7rem;left:-1rem}#maker button#deleteIcon{width:8.5rem;height:8.5rem;padding:1.5rem}#maker .pattern_buttons{width:53rem}#maker .wrap{padding:1rem}#maker .wrap p{margin-top:0rem;margin-bottom:2rem}#maker .racer .kome{font-size:2.4rem}#maker .racer .wrap{width:29rem}#maker .racer .wrap.small{width:16.5rem}#maker .racer .wrap.small_s{width:16.5rem}#maker .racer .wrap.large{width:46.5rem;flex-grow:1}#maker .racer .wrap:nth-last-child(2){width:25rem}#maker .racer .wrap:nth-last-child(1){flex-grow:1}#maker .design .wrap{width:16.5rem}#maker .design .wrap p{font-size:2.8rem}#maker .design .wrap.large{width:100%;display:flex;flex-wrap:wrap;gap:2rem;padding:2rem}#maker .design .flex_c{display:flex;flex-direction:column;align-items:center;flex-wrap:nowrap;width:10rem}#maker .design .flex_c:last-child{flex-direction:row}#maker .design .flex_c .flex_b{flex-direction:column}#maker .design .flex_c .flex_b:last-child{margin-left:2rem}#maker .stamp{margin-bottom:5rem}#maker .stamp .icon_buttons{gap:2rem}#maker .stamp .icon_buttons button{padding:1rem}#maker .stamp .wrap{width:46.5rem}#maker .stamp .wrap.small{width:16.5rem}#maker .stamp .wrap.large{width:55rem}#maker .stamp button{width:14rem;height:7rem}#maker .stamp button#scaleDown,#maker .stamp button#scaleUp{width:7rem}#maker .stamp button#bringFront,#maker .stamp button#sendBack{width:24rem;font-size:2.8rem}#maker .stamp button img{height:100%;width:100%}#maker .stamp .flex_b{margin:2rem 0}#maker .stamp .flex_b #rotateRight{margin:0 2.5rem}#maker .stamp .flex_b button{padding:1.5rem .5rem}#maker .stamp .flex_b button img{height:100%}#maker .banner{margin-top:6rem}#maker h3.pre{font-size:3rem}#maker #note{background:#fff;border:.2rem solid #013;padding:2.4rem;margin:2.4rem auto}#maker #note .note{font-size:2.4rem}#maker #note .note b{font-size:2.8rem;font-weight:900}#maker #note label{display:flex;align-items:center;justify-content:center;font-weight:900;padding:2.4rem 0}#maker #note label input[type=checkbox]{width:2.8rem;height:2.8rem;margin-right:.8rem}.guid{background:url(../../images/banner_maker-img/guid_sp.png) no-repeat center;background-size:contain;height:127rem;position:relative}}@media(min-width: 751px){.pc_non{display:none !important}#maker button,#maker input,#maker label{cursor:pointer}#maker>ul{display:flex;margin:0 -2rem;justify-content:space-between;position:relative;z-index:10}#maker>ul li button{width:32rem;height:6.4rem;border:.4rem solid #013;background:#fff;box-shadow:#013 .4rem .4rem 0;font-size:2.8rem;color:#049;font-weight:900;text-align:center;padding:0;position:relative}#maker>ul li button::before{content:"";position:absolute;width:2.4rem;height:1.2rem;background:#049;clip-path:polygon(0 0, 100% 0, 50% 100%);right:3.2rem;bottom:2.2rem}#maker>ul li button.active{background:#049;color:#fff;box-shadow:#ff0 .4rem .4rem 0}#maker>ul li button.active::before{background:#ff0}#maker .console .help_wrap{right:9rem}#maker .console .help_wrap .help{width:3.5rem;height:3.5rem}#maker .console .help_wrap .tooltip{width:55rem;height:38rem;bottom:4rem;right:-26.5rem}#maker .toul{margin-bottom:3rem;padding:4.8rem 1.6rem 1.6rem;margin-top:-3.2rem}#maker .toul:not(.active){visibility:hidden;height:0;margin:0 auto;padding:0;opacity:0;border:none}#maker .toul:not(.active) *{display:none}#maker button{font-size:3rem;width:18rem;height:5rem;transition:.25s}#maker button:hover{opacity:.5}#maker button.fontBtn{font-size:3rem}#maker button.sizeBtn{width:6rem;height:4rem}#maker button.sizeBtn:nth-child(2){font-size:2.7rem}#maker button.sizeBtn:nth-child(3){font-size:3.3rem;font-weight:700}#maker button.patternBtn{width:5rem;height:5rem}#maker button.iconBtn{width:7rem;height:7rem;flex-grow:1;padding:.5rem !important}#maker button.iconBtn.color::before{top:-0.5rem;left:-0.5rem;width:2rem;height:2rem}#maker button#deleteIcon{width:5rem;height:5rem;padding:1rem;position:relative;top:6rem}#maker .pattern_buttons{width:24rem}#maker .wrap{padding:1rem}#maker .wrap p{margin-top:0rem;margin-bottom:2rem}#maker .racer .wrap{width:18rem}#maker .racer .wrap.small{width:12.5rem}#maker .racer .wrap.large{width:23.5rem}#maker .racer .num{align-self:flex-end}#maker .racer .kome{align-self:flex-end}#maker .design .wrap{width:13rem;text-align:center}#maker .design .wrap.large{flex-grow:1;text-align:left;display:flex;justify-content:space-between}#maker .stamp .wrap{width:32rem}#maker .stamp .wrap.small{width:9rem}#maker .stamp .wrap.large{width:46rem;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}#maker .stamp .wrap.large .flex_b{margin:0 .5rem}#maker .stamp .wrap.large p{width:100%}#maker .stamp .wrap button{width:4rem;height:4rem}#maker .stamp .wrap button#bringFront,#maker .stamp .wrap button#sendBack{width:13rem;font-size:1.6rem}#maker .flex_c{display:flex;flex-direction:column;align-items:center}}/*# sourceMappingURL=banner-maker-core.min.css.map */