body{margin:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center}body div,body input,body select,body option,body textarea{font-family:'Noto Sans JP', sans-serif}body main{width:705px}body main #section-top{background-color:#b9b9b9;border-radius:8px 8px 0 0;overflow:hidden}body main #section-top h1{font-family:'Zen Kurenaido', sans-serif;margin:0;font-size:35px;margin-bottom:8px;text-align:center}body main #section-bottom{display:flex;flex-direction:row;gap:20px;padding:40px 25px;background-color:#eeeeee;border-radius:0 0 8px 8px}body main #section-bottom #form div{width:300px;display:flex;flex-direction:column;margin-top:10px}body main #section-bottom #form div:nth-child(1){margin-top:0}body main #section-bottom #form div label{font-size:15px;margin-bottom:2px}body main #section-bottom #form div input,body main #section-bottom #form div textarea,body main #section-bottom #form div select,body main #section-bottom #form div option{background-color:#dddddd;border:solid 1px gray}body main #section-bottom #form div input{height:26px;border-radius:10px;padding:2px 10px}body main #section-bottom #form div textarea{height:100px;border-radius:10px;padding:4px 10px}body main #section-bottom #preview{width:335px}body main #section-bottom #preview #superchat{width:335px;height:auto}body main #section-bottom #preview #superchat #superchat-top{width:calc(100% - 32px);height:44px;padding:8px 16px;background-color:#D00000;border-radius:4px 4px 0 0;display:flex;flex-direction:row;align-items:center;gap:16px}body main #section-bottom #preview #superchat #superchat-top #superchat-top-left #icon{display:flex;align-items:center}body main #section-bottom #preview #superchat #superchat-top #superchat-top-left #icon img{width:40px;height:40px;border-radius:50%}body main #section-bottom #preview #superchat #superchat-top #superchat-top-right #name{font-size:14px;font-family:'Roboto', sans-serif;color:#ffffffb3}body main #section-bottom #preview #superchat #superchat-top #superchat-top-right #money{font-size:15px;font-family:'Roboto', sans-serif;color:#ffffff}body main #section-bottom #preview #superchat #superchat-bottom{width:calc(100% - 32px);height:auto;padding:8px 16px;background-color:#E62117;border-radius:0 0 4px 4px;font-size:15px}body main #section-bottom #preview #superchat #superchat-bottom #text{font-family:'Roboto', sans-serif;color:#ffffff}body main #section-bottom #preview input{width:100%;height:30px;margin-top:20px;border-radius:15px;border:solid 1px gray;background-color:#dddddd}body main #section-bottom #preview input:hover{opacity:0.6}@media screen and (max-width: 750px){main{width:95% !important}#section-bottom{flex-direction:column !important}#section-bottom #form{margin:0 auto}#section-bottom #preview{margin:0 auto;zoom:calc(60/67)}}
/*# sourceMappingURL=style.min.css.map */