.container{max-width:100%;width:100%;padding:0;margin:0}.logo-type{margin:0 auto 10px;padding:15px;width:125px;background-color:#fff;border:1px solid #333;box-shadow:5px 5px 0 0 rgba(0,0,0,.25);text-align:center}.logo{display:none}.num-posters{margin:0 auto 10px;padding:15px;width:125px;font-size:1.2rem;background-color:#fff;border:1px solid #333;box-shadow:5px 5px 0 0 rgba(0,0,0,.25);text-align:center}.num-posters p{padding:0;margin:0}.num-posters span{font-size:2.8rem}@media (max-width:640px){.logo-num{float:none;width:280px;margin:0 auto}.logo-num .logo{float:left;margin-right:12px;display:block}.logo-num .logo-type{height:88px;width:111px;padding:0}.logo-num .num-posters{float:left;padding:8px 12px 0;height:80px;margin:0;font-size:1.2rem}}.howto-container{display:none;position:relative;margin:50px auto 10px 0;padding:15px;width:210px;background-color:#fff;border:1px solid #333;box-shadow:5px 5px 0 0 rgba(0,0,0,.25);text-align:left}.howto-container:after,.howto-container:before{right:100%;top:60%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.howto-container:after{border-color:hsla(0,0%,100%,0);border-right-color:#fff;border-width:30px;margin-top:-30px}.howto-container:before{border-color:transparent;border-right-color:#000;border-width:31px;margin-top:-31px}.howto-container-small{display:block;margin-top:10px}.app-container{padding:15px;background:url(/assets/brand.a7ba9be251927fa93f4caae49cfb83d9.png) bottom no-repeat;background-size:cover;min-height:710px;margin:0}.app-container.generated{padding:15px;background:url(/assets/brand-generated.6ba29a193fbed64bbe58ae1581d45839.png) bottom no-repeat;background-size:cover;min-height:1050px;margin:0}@media (min-width:550px){.logo{display:block}.main{padding-top:50px}.howto-container{display:block}.howto-container-small{display:none}.app-container.generated{min-height:930px}}.dropzone{position:relative;width:280px;height:392px;margin-left:auto;margin-right:auto;background-color:#fff;border:1px solid #333;box-shadow:5px 5px 0 0 rgba(0,0,0,.25)}.dz-default,.dz-image-preview{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.thumbnail{width:250px;object-fit:contain}.preview-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.preview{margin:0}.canvas-container{margin:0 auto;box-shadow:5px 5px 0 0 rgba(0,0,0,.25)}.frame-selection-controller{margin:25px auto 26px}.frame-selection-controller ul{margin:0 auto;padding:0;text-align:center}.frame-selection-controller li{position:relative;display:inline-block;list-style:none;margin:0 0 0 15px;width:18px;height:18px;background-color:#fff;border:1px solid #333;border-radius:0}.frame-selection-controller li:first-child{margin:0}.frame-selector.selected{display:inline-block;width:10px;height:10px;background-color:#333;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.name-container{margin:20px 0 0;text-align:center}.name-container input{font:inherit;width:280px;text-align:center;border:1px solid #333;border-radius:0;background-color:#333;color:#8e8e8e;margin:0}.font-container{text-align:center}.font-container .font-family{width:280px;text-align:center}.font-container .m-plus-1p{font-family:M PLUS\ 1p,sans-serif;font-weight:800}.font-container .kosugi-maru{font-family:Kosugi Maru,sans-serif;font-weight:400}.font-container .heisei-maru-gothic-std{font-family:heisei-maru-gothic-std,sans-serif;font-weight:800}.image-container{text-align:center}.image-container img{box-shadow:5px 5px 0 0 rgba(0,0,0,.25)}.action-buttons{text-align:center;margin:20px auto 0}.action-buttons button{width:280px;height:50px;font:inherit;border:1px solid #333;border-radius:0;background-color:#fff;box-shadow:5px 5px 0 0 rgba(0,0,0,.25)}.generated-text-container,.social-text-container{margin:15px auto;text-align:center}.social-buttons{text-align:center;margin:15px auto 0}.social-buttons a{text-decoration:none;font-size:30px;color:#000}.social-button{display:inline-block;width:50px;height:50px;padding:5px;border:1px solid #333;border-radius:0;background-color:#fff;box-shadow:5px 5px 0 0 rgba(0,0,0,.25)}.social-button span{display:inline-block;vertical-align:middle}.navigator-container{text-align:center;margin:20px auto 0}.navigator-container button{width:280px;height:50px;font:inherit;border:1px solid #333;border-radius:0;background-color:#fff;box-shadow:5px 5px 0 0 rgba(0,0,0,.25)}.none{display:none}.sample-container{margin:50px auto}.sample-title hr{text-align:center;line-height:1px;color:#333;background-color:#333;border-color:#333}.sample-title hr:after{text-align:center;margin:30px auto 25px;padding:10px;border:1px solid #333;border-radius:0;background-color:#fff;font-size:25px;content:"\30DD\30B9\30BF\30FC\306E\30B5\30F3\30D7\30EB"}.sample-poster-container{margin:25px auto;padding:0;text-align:center}.sample-poster-container li{position:relative;display:inline-block;list-style:none;margin:0}@media (min-width:550px){.sample-poster-container li{margin-left:15px}}.sample-poster-container li:first-child{margin:0}.sample-poster-container img{box-shadow:0 2px 4px rgba(0,0,0,.1)}.tos-button-container{margin:20px auto 0;text-align:center}.tos-button-container button{border:1px solid #333;border-radius:0;background-color:#fff;font-size:25px;height:54px}.tos-body{margin:5px auto;padding:10px;border:1px solid #333;max-width:600px}.tos-body pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;white-space:-pre-wrap;white-space:-o-pre-wrap;white-space:-moz-pre-wrap;white-space:-hp-pre-wrap;word-wrap:break-word}footer{margin:25px 0 0;padding:20px;min-height:100px;background-color:#f7ea12;text-align:center}.banner-pc{box-sizing:border-box;display:block;margin:20px}.banner-pc img{width:100%}@media (max-width:640px){.banner-pc{display:none}}.banner-sp{margin:20px;display:none}.banner-sp img{width:100%}@media (max-width:640px){.banner-sp{display:block}}