@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
html,body{font-size:16px;line-height:1.6em;font-family:'Noto Sans Japanese',sans;}
.hidden{display:none;}
#mordal{width:100vw;height:100vh;background:rgba(0,0,0,0.6);position:fixed;top:0px;left:0px;z-index:7;}
.previewSec{width:90%;height:90%;max-width:1000px;position:absolute;top:0px;bottom:0px;left:0px;right:0px;margin:auto;background:#fff;border-radius:10px;padding:1%;overflow:auto;}
.previewSec > pre{white-space:pre-wrap;}

.commonForm{}
.commonForm > dl{width:90%;margin:auto;}
.commonForm > dl > dt{color:#fff;background:linear-gradient(to Bottom,#f90,#f60);padding:0px 6px;border-radius:4px;}
.commonForm > dl > dd{margin:8px auto;}
.commonForm > dl > dd > input[type="text"],
.commonForm > dl > dd > input[type="email"],
.commonForm > dl > dd > textarea{border-radius:6px;border:1px solid #aaa;width:98%;margin:4px auto;}
.commonForm > dl > dd > input[type="text"],
.commonForm > dl > dd > input[type="email"]{height:30px;line-height:30px;padding:0px 1%;}
.commonForm > dl > dd > textarea{resize:vertical;padding:6px 1%;line-height:20px;height:100px;}