@charset "UTF-8";.fontSize36{font-size:9.6vw}@media screen and (min-width:1025px){.fontSize36{font-size:36px;font-size:3.6rem}}.fontSize30{font-size:8vw}@media screen and (min-width:1025px){.fontSize30{font-size:30px;font-size:3rem}}.fontSize24{font-size:6.4vw}@media screen and (min-width:1025px){.fontSize24{font-size:24px;font-size:2.4rem}}.fontSize20{font-size:5.3333333333vw}@media screen and (min-width:1025px){.fontSize20{font-size:20px;font-size:2rem}}.fontSize18{font-size:4.8vw}@media screen and (min-width:1025px){.fontSize18{font-size:18px;font-size:1.8rem}}.fontSize16{font-size:4.2666666667vw}@media screen and (min-width:1025px){.fontSize16{font-size:16px;font-size:1.6rem}}.fontSize15{font-size:4vw}@media screen and (min-width:1025px){.fontSize15{font-size:15px;font-size:1.5rem}}.fontSize14{font-size:3.7333333333vw}@media screen and (min-width:1025px){.fontSize14{font-size:14px;font-size:1.4rem}}.fontSize12{font-size:3.2vw}@media screen and (min-width:1025px){.fontSize12{font-size:12px;font-size:1.2rem}}.fontSize10{font-size:2.6666666667vw}@media screen and (min-width:1025px){.fontSize10{font-size:10px;font-size:1rem}body{min-height:100vh;min-height:calc(var(--bvh,1vh) * 100)}}.brand_page{position:relative;z-index:0;top:0;left:0;width:100%;height:auto;font-size:12px;font-size:1.2rem;font-style:normal;text-rendering:optimizeLegibility;-webkit-font-feature-settings:"palt" 1;-moz-font-feature-settings:"palt" 1;font-feature-settings:"palt" 1;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;color:#FFF;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ W3",Meiryo UI,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,"Helvetica neue",Helvetica,sans-serif;-webkit-tap-highlight-color:transparent;background:#060A1A}.brand_page.lang-en,.ui_back p{font-family:halcom,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ W3",Meiryo UI,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,"Helvetica neue",Helvetica,sans-serif}.brand_content .nojs,.brand_content .preload{top:0;left:0;height:100%;background:#000;width:100%;overflow:hidden}.brand_page a{text-decoration:none}.brand_page.fixed{position:fixed;overflow:hidden}.wrap-main{padding:0}.footer{z-index:10;position:relative;margin-top:0}@media print,all and (min-width:768px){.wrap-main{padding:0}.footer{margin-top:0}}.brand_content .preload{position:fixed;z-index:999}.brand_content .preload.hide{display:none}.brand_content .nojs{position:fixed;z-index:1000}.brand_content .nojs__text{position:fixed;z-index:1;top:50%;left:50%;width:100%;text-align:center;font-size:3.2vw;color:#FFF;line-height:175%;-webkit-transform:translate(-50%,-50%) scale(1,1) rotate(0);transform:translate(-50%,-50%) scale(1,1) rotate(0)}.ui_back{position:fixed;z-index:10;top:0;left:0;transition:opacity .3s;cursor:pointer;display:inline-block;margin:70px 0 0 5.3333333333%}@media screen and (min-width:768px){.brand_content .nojs__text{font-size:16px;font-size:1.6rem}.ui_back{margin:110px 0 0 40px}.ui_back:hover{opacity:.5}}@media screen and (min-width:1025px){.ui_back{margin:110px 0 0 40px}.ui_back:hover{opacity:.5}}.ui_back span{display:inline-block;overflow:hidden;vertical-align:middle;margin:0 .6666666667vw 0 0;width:4.2666666667vw}@media screen and (min-width:768px){.ui_back span{margin:0 5px 0 0;width:16px;height:28px}}@media screen and (min-width:1025px){.ui_back span{margin:0 5px 0 0;width:16px;height:28px}}.ui_back span svg{width:100%;height:100%;display:block}.ui_back span path{fill:none;stroke:#fff;stroke-miterlimit:10;stroke-width:4px}.ui_back p{display:inline-block;vertical-align:middle;font-size:3.2vw;color:#FFF}@media screen and (min-width:768px){.ui_back p{font-size:13px;font-size:1.3rem;line-height:1.2}}@media screen and (min-width:1025px){.ui_back p{font-size:13px;font-size:1.3rem;line-height:1.2}}.generator .btn span,.generator .btn__retry span,.generator__head p{line-height:1;font-family:halcom,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ W3",Meiryo UI,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,"Helvetica neue",Helvetica,sans-serif}.world{position:fixed;z-index:0;top:0;left:0;width:100%;height:100%}.world canvas,.world:after{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;opacity:.4}.generator{position:relative;z-index:10;top:0;left:0;width:100%;height:208vw;overflow:hidden}@media screen and (min-width:768px){.generator{height:100vh;height:calc(var(--bvh,1vh) * 100);min-height:800px;padding-bottom:0}}@media screen and (min-width:1025px){.generator{height:100vh;height:calc(var(--bvh,1vh) * 100);min-height:800px;padding-bottom:0}}.generator__inner{position:absolute;z-index:0;top:50%;left:0;width:100%;margin-top:-65.3333333333%;padding-bottom:146.6666666667%;height:0}@media screen and (min-width:1025px){.generator__inner{position:absolute;top:0;height:100%;margin-top:0;padding-bottom:0}}.generator__head{position:absolute;z-index:1;top:0;left:50%;width:100%;margin-left:-50%;margin-top:0}@media screen and (min-width:768px){.generator__inner{position:absolute;top:0;height:100%;margin-top:0;padding-bottom:0}.generator__head{top:50%;width:600px;margin-left:-300px;margin-top:-233px}}@media screen and (min-width:1025px){.generator__head{top:50%;width:600px;margin-left:-300px;margin-top:-233px}}.generator__head .title{margin-bottom:3.2%;width:100%;height:auto}.generator__head p{text-align:center;font-size:10.6666666667vw;font-weight:600;display:none}@media screen and (min-width:768px){.generator__head .title{margin-bottom:12px}.generator__head p{font-size:50px;font-size:5rem}}@media screen and (min-width:1025px){.generator__head .title{margin-bottom:12px}.generator__head p{font-size:50px;font-size:5rem}}.generator__head.type--done .title_done,.generator__head.type--resize .title_resize,.generator__head.type--select .title_select,.generator__head.type--upload .title_upload{display:block}.generator__head .pager{font-size:0;width:14.9333333333%;margin:0 auto}@media screen and (min-width:768px){.generator__head .pager{width:56px}}@media screen and (min-width:1025px){.generator__head .pager{width:56px}}.generator__head .pager span{display:inline-block;background-color:#51545F;border-radius:50%;width:10.7142857143%;padding-bottom:10.7142857143%;margin-left:7.1428571429%;margin-right:7.1428571429%}@media screen and (min-width:768px){.generator__head .pager span{width:6px;height:6px;margin-left:4px;margin-right:4px;padding-bottom:0}}@media screen and (min-width:1025px){.generator__head .pager span{width:6px;height:6px;margin-left:4px;margin-right:4px;padding-bottom:0}}.generator__head .pager span.active,.generator__head.type--done .pager span:nth-child(4),.generator__head.type--resize .pager span:nth-child(2),.generator__head.type--select .pager span:nth-child(3),.generator__head.type--upload .pager span:nth-child(1){background-color:#fff}.generator__body{position:absolute;z-index:1;top:0;left:0;width:100%;padding-bottom:69.3333333333%;height:0;margin-top:21.3333333333%;overflow:visible}@media screen and (min-width:768px){.generator__body{top:50%;left:50%;width:300px;padding-bottom:300px;margin-left:-150px;margin-top:-150px}}@media screen and (min-width:1025px){.generator__body{top:50%;left:50%;width:300px;padding-bottom:300px;margin-left:-150px;margin-top:-150px}.generator__body .image{width:100%}}.generator__body .image{position:absolute;z-index:1;top:0;left:0;margin:0;width:100%;height:100%;box-sizing:border-box;overflow:hidden}@media screen and (min-width:768px){.generator__body .image{width:100%}}.generator__body .image .container{position:absolute;z-index:5;top:0;left:50%;margin:0 0 0 -34.6666666667%;width:69.3333333333%;height:100%;display:block;background-color:#000}@media screen and (min-width:768px){.generator__body .image .container{left:0;margin:0;width:100%}}@media screen and (min-width:1025px){.generator__body .image .container{left:0;margin:0;width:100%}}.generator__body .image .container.touch{cursor:pointer}.generator__body .image canvas{position:absolute;z-index:2;top:0;left:0;display:block}.generator__body .image .dummy{z-index:2;top:50%;width:100%;height:auto;-webkit-transform:translate(0,-50%) scale(1,1) rotate(0);transform:translate(0,-50%) scale(1,1) rotate(0);opacity:.3;pointer-events:none}.generator__body .image .edit{z-index:5;width:100%;height:100%}.generator__body .uploadicon{position:absolute;z-index:10;top:0;left:50%;margin:0 0 0 -34.6666666667%;width:69.3333333333%;height:100%;border:1px solid #DFE4FF;cursor:pointer;box-sizing:border-box}@media screen and (min-width:768px){.generator__body .uploadicon{left:0;margin:0;width:300px;height:300px;padding-bottom:0}.generator__body .uploadicon:hover span{opacity:.5}}@media screen and (min-width:1025px){.generator__body .uploadicon{left:0;margin:0;width:300px;height:300px;padding-bottom:0}.generator__body .uploadicon:hover span{opacity:.5}}.generator__body .uploadicon input{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;display:block;opacity:0;font-size:16px;font-size:1.6rem;cursor:pointer}.generator__body .uploadicon span{position:absolute;z-index:1;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:inline-block;width:19.2307692308%}@media screen and (min-width:768px){.generator__body .uploadicon span{width:50px}}@media screen and (min-width:1025px){.generator__body .uploadicon span{width:50px}}.generator__body .uploadicon span img{width:100%;height:auto;display:block}.generator .btn.init,.generator__body .uploadicon.hasimage{display:none}.generator .btn{position:absolute;z-index:1;top:0;left:50%;background-color:#51545F;color:#060A1A;width:69.3333333333%;padding-bottom:16%;margin-left:-34.6666666667%;margin-top:125.3333333333%;border-radius:30px;transition:opacity .3s;pointer-events:none}.generator .btn.show{display:block}@media screen and (min-width:768px){.generator .btn{top:50%;padding-bottom:60px;width:300px;border-radius:50px;margin-left:-150px;margin-top:210px}.generator .btn.active:hover{opacity:.5}}@media screen and (min-width:1025px){.generator .btn{top:50%;padding-bottom:60px;width:300px;border-radius:50px;margin-left:-150px;margin-top:210px}.generator .btn.active:hover{opacity:.5}}.generator .btn--download{margin-top:106.6666666667%}.generator .btn span{font-weight:700;position:absolute;z-index:1;color:#000;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:6.4vw}.generator .btn svg{position:absolute;z-index:1;top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:4.2307692308%;margin-right:11.5384615385%;fill:none;display:block;stroke-miterlimit:10;stroke-width:4px;stroke:#050a19}@media screen and (min-width:768px){.generator .btn--download{margin-top:180px}.generator .btn span{font-size:24px;font-size:2.4rem}.generator .btn svg{margin-right:30px;width:11px;height:11px}}@media screen and (min-width:1025px){.generator .btn--download{margin-top:180px}.generator .btn span{font-size:24px;font-size:2.4rem}.generator .btn svg{margin-right:30px;width:11px;height:11px}}.generator .btn.active{cursor:pointer;pointer-events:auto;background-color:#fff}.generator .btn--download svg{-webkit-transform:translateY(-51%) rotate(90deg);transform:translateY(-51%) rotate(90deg)}.generator .btn__retry{position:absolute;z-index:1;top:0;left:50%;color:#DFE4FF;width:auto;padding-left:5.8666666667vw;margin-top:130.6666666667%;transition:opacity .3s;pointer-events:none;text-align:center;-webkit-transform:translate(-50%,0) scale(1,1) rotate(0);transform:translate(-50%,0) scale(1,1) rotate(0)}.generator .btn__retry.init{display:none}.generator .btn__retry.show{display:block}@media screen and (min-width:1025px){.generator .btn__retry{top:50%;padding-left:26px;margin-top:260px}.generator .btn__retry.active:hover{opacity:.5}}.generator .btn__retry span{color:#DFE4FF;font-size:3.7333333333vw}@media screen and (min-width:768px){.generator .btn__retry{top:50%;padding-left:26px;margin-top:260px}.generator .btn__retry.active:hover{opacity:.5}.generator .btn__retry span{font-size:14px;font-size:1.4rem;padding:2px 0 0;display:block}}.generator .btn__retry svg{position:absolute;z-index:0;top:0;left:0;margin:0;width:3.2vw;height:100%;display:block;fill:#DFE4FF}@media screen and (min-width:1025px){.generator .btn__retry span{font-size:14px;font-size:1.4rem;padding:2px 0 0;display:block}.generator .btn__retry svg{margin:0;width:24px}}.generator .btn__retry.active{cursor:pointer;pointer-events:auto}.generator .slider_resize{display:none}@media screen and (min-width:768px){.generator .btn__retry svg{margin:0;width:24px}.generator .slider_resize{position:absolute;z-index:1;left:50%;top:50%;width:22px;height:280px;margin-top:-129px;margin-left:160px;display:block}.generator .slider_resize.init{display:none}.generator .slider_resize.show{display:block}.generator .slider_resize__up{width:22px;padding-bottom:22px}.generator .slider_resize__up:hover{opacity:.5}}@media screen and (min-width:1025px){.generator .slider_resize{position:absolute;z-index:1;left:50%;top:50%;width:22px;height:280px;margin-top:-129px;margin-left:160px;display:block}.generator .slider_resize.init{display:none}.generator .slider_resize.show{display:block}.generator .slider_resize__up{width:22px;padding-bottom:22px}.generator .slider_resize__up:hover{opacity:.5}}.generator .slider_resize span{display:block}.generator .slider_resize__up{position:relative;z-index:1;top:0;left:0;height:0;cursor:pointer}.generator .slider_resize__up::before{position:absolute;z-index:1;content:"";background-color:#fff;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-radius:2px}@media screen and (min-width:768px){.generator .slider_resize__up::before{width:100%;height:2px}}@media screen and (min-width:1025px){.generator .slider_resize__up::before{width:100%;height:2px}.generator .slider_resize__up::after{width:2px;height:100%}}.generator .slider_resize__up::after{position:absolute;z-index:1;content:"";background-color:#fff;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius:2px}@media screen and (min-width:768px){.generator .slider_resize__up::after{width:2px;height:100%}.generator .slider_resize__down{padding-bottom:22px;width:22px}.generator .slider_resize__down:hover{opacity:.5}}.generator .slider_resize__down{position:relative;z-index:1;top:0;left:0;height:0;cursor:pointer}@media screen and (min-width:1025px){.generator .slider_resize__down{padding-bottom:22px;width:22px}.generator .slider_resize__down:hover{opacity:.5}.generator .slider_resize__down::before{border-radius:2px;width:100%;height:2px}}.generator .slider_resize__down::before{position:absolute;z-index:1;content:"";background-color:#fff;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.generator .slider_resize__line{position:relative;z-index:1;top:0;left:0}@media screen and (min-width:768px){.generator .slider_resize__down::before{border-radius:2px;width:100%;height:2px}.generator .slider_resize__line{background-color:#51545F;width:4px;padding-bottom:200px;margin:15px auto;border-radius:4px}}@media screen and (min-width:1025px){.generator .slider_resize__line{background-color:#51545F;width:4px;padding-bottom:200px;margin:15px auto;border-radius:4px}}.generator .slider_resize__line .handle{position:absolute;z-index:1;top:0;background-color:#fff;height:0;border-radius:50%;cursor:pointer}@media screen and (min-width:768px){.generator .slider_resize__line .handle{left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);width:22px;padding-bottom:22px}.generator .slider_resize__line .handle:hover{background-color:#999}}@media screen and (min-width:1025px){.generator .slider_resize__line .handle{left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);width:22px;padding-bottom:22px}.generator .slider_resize__line .handle:hover{background-color:#999}}.generator .select_color{position:absolute;z-index:1;left:50%;top:0;width:62.1333333333%;margin-left:-30.4%;margin-top:96%}@media screen and (min-width:768px){.generator .select_color{top:50%;width:36px;height:230px;margin-top:-115px;margin-left:-192px}}@media screen and (min-width:1025px){.generator .select_color{top:50%;width:36px;height:230px;margin-top:-115px;margin-left:-192px}}.generator .select_color.init{display:none}.generator .select_color.show{display:block}.generator .select_color span{position:relative;top:0;left:0;background-color:#51545F;height:0;border-radius:50%;width:11.1587982833%;padding-bottom:11.1587982833%;margin:0 1.7167381974%;display:inline-block;cursor:pointer}@media screen and (min-width:768px){.generator .select_color span{width:26px;padding-bottom:26px;display:block;margin:10px auto}.generator .select_color span:hover::before{opacity:1}}@media screen and (min-width:1025px){.generator .select_color span{width:26px;padding-bottom:26px;display:block;margin:10px auto}.generator .select_color span:hover::before{opacity:1}}.generator .select_color span::before{content:"";position:absolute;z-index:-1;top:50%;left:50%;height:0;border-radius:50%;box-sizing:border-box;opacity:0;transition:opacity .3s;width:138.4615384615%;padding-bottom:123.0769230769%;border:2px solid #fff;-webkit-transform:translate(-50%,-50%) scale(1,1) rotate(0);transform:translate(-50%,-50%) scale(1,1) rotate(0)}.generator .select_color span.active::before,.generator .select_filter__item.active p{opacity:1}@media screen and (min-width:1025px){.generator .select_color span::before{width:36px;padding-bottom:32px}}.generator .select_color span.color1{background-color:#39B0D5}.generator .select_color span.color2{background-color:#8AD267}.generator .select_color span.color3{background-color:#F8E776}.generator .select_color span.color4{background-color:#F8904B}.generator .select_color span.color5{background-color:#FF5151}.generator .select_color span.color6{background-color:#A264FF}.generator .select_filter{display:none}@media screen and (min-width:768px){.generator .select_color span::before{width:36px;padding-bottom:32px}.generator .select_filter{color:#060A1A;width:100%;position:absolute;z-index:2;top:50%;left:50%;height:300px;margin-top:-150px;margin-left:160px;display:block}.generator .select_filter.init{display:none}.generator .select_filter.show{display:block}}@media screen and (min-width:1025px){.generator .select_filter{color:#060A1A;width:100%;position:absolute;z-index:2;top:50%;left:50%;height:300px;margin-top:-150px;margin-left:160px;display:block}.generator .select_filter.init{display:none}.generator .select_filter.show{display:block}.generator .select_filter__item{margin:0 auto 10px}}.generator .select_filter__item{position:relative;top:0;left:0;display:block;font-family:halcom,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ W3",Meiryo UI,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,"Helvetica neue",Helvetica,sans-serif}.generator .select_filter__item.active span{background-color:#fff}.generator .select_filter__item span{background-color:rgba(255,255,255,.2);border-radius:50%;display:inline-block;vertical-align:middle;font-size:13px;font-size:1.3rem;font-weight:700;text-align:center;cursor:pointer;transition:background-color .3s}@media screen and (min-width:768px){.generator .select_filter__item{margin:0 auto 10px}.generator .select_filter__item span{width:28px;padding-bottom:28px;line-height:28px;height:0}.generator .select_filter__item span:hover{background-color:#fff}.generator .select_filter__item span:hover+p{opacity:1}.generator .select_filter__item p{margin-left:5px;font-size:12px;font-size:1.2rem}}@media screen and (min-width:1025px){.generator .select_filter__item span{width:28px;padding-bottom:28px;line-height:28px;height:0}.generator .select_filter__item span:hover{background-color:#fff}.generator .select_filter__item span:hover+p{opacity:1}}.generator .select_filter__item p{display:inline-block;color:#fff;vertical-align:middle;opacity:0;pointer-events:none;transition:opacity .3s}.generator .select_filter_sp{position:absolute;z-index:1;top:0;left:0;width:100%;text-align:center;white-space:nowrap;margin-top:109.3333333333%}.generator .select_filter_sp.init{display:none}.generator .select_filter_sp.show{display:block}@media screen and (min-width:768px){.generator .select_filter_sp,.generator .select_filter_sp.show{display:none}}@media screen and (min-width:1025px){.generator .select_filter__item p{margin-left:5px;font-size:12px;font-size:1.2rem}.generator .select_filter_sp,.generator .select_filter_sp.show{display:none}}.generator .select_filter_sp .label{display:inline-block;vertical-align:middle;color:#DFE4FF;font-family:halcom,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ W3",Meiryo UI,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,"Helvetica neue",Helvetica,sans-serif;font-size:3.2vw;letter-spacing:.05em}.generator .select_filter_sp select{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;background:0 0;color:#DFE4FF;font-size:16px;font-size:1.6rem;display:block;vertical-align:middle;opacity:0}.generator .select_filter_sp svg{position:relative;z-index:1;top:0;left:0;margin-left:.6666666667vw;width:2vw;-webkit-transform:rotate(90deg);transform:rotate(90deg);fill:none;display:inline-block;stroke-miterlimit:10;stroke-width:4px;stroke:#fff;vertical-align:middle}