@import url(https://fonts.googleapis.com/css2?family=Kaisei+Decol&display=swap);@charset "utf-8";*{color:#FFC;font-family:"Kaisei Decol",serif;font-weight:400;font-style:normal;letter-spacing:.2em}html{background:#800;background-image:url(../img/phoenix.png);background-repeat:no-repeat;background-attachment:fixed;background-position:99% 83%}a{cursor:pointer;text-decoration:none}a:hover{text-decoration:underline}html,body,header,h1,main,footer{margin:0;padding:0}main,footer{padding:3px}.svr,.copy,footer a,footer i{background:#000}::-webkit-scrollbar{display:none}#splash-screen{background-image:url(../img/phoenix.png);background-repeat:no-repeat;background-attachment:fixed;background-position:99% 83%}#splashlogoarea{background:url(../img/splashlogo.gif);background-size:cover;background-position:20% 40%;width:363px;height:97px;display:block;margin:0 auto;text-align:center;padding:0;animation:popup 2.5s cubic-bezier(.22,1,.36,1) forwards;&::after{content:"Now Loading...";font-size:12px}}header{border-bottom:2px dashed #C66;padding-bottom:3px;text-align:center;&::after{content:"https://trp.usamimi.info/";font-size:10px}}h1{display:none}#logoarea{background:url(../img/toplogo.png);background-size:cover;background-position:20% 40%;width:307px;height:75px;display:block;margin:0 auto;text-align:center;padding:0;cursor:pointer;&:hover{animation:poyoyon3 2.5s infinite}}main{text-align:center;display:flex}main ol,main ul{background:#800;opacity:.8;list-style:none;margin:0;padding:2px 0;padding-bottom:50px}main ol{width:15%;min-width :150px;min-height:200px;&::before{content:"Content";color:#FF3;padding:0 3px;background:#000;border-radius:2px}}main ul{width:85%;height:505px;min-width:700px;max-width:1000px;padding-left:5px;border-left:2px dashed #C66}main li{line-height:1.8}main ol li a{width:100%;display:block}main ul li a{color:#FF3}p.textTitle{text-align:center;text-decoration:underline;font-size:1.2em;font-weight:600;letter-spacing:.08rem;margin-bottom:0}.typeWriter{font-size:.8em;color:#FFF;text-align:center;margin:0!important;min-height:120px}.typeWriter>span{border-right:2px solid;animation:caret 1s steps(1) infinite}@keyframes caret{50%{border-color:#fff0}}form[name=form1]{display:block;width:100%}textarea[name=field1],input[name=field1]{color:#FF0;background:#800;font-size:12px;font-weight:none;letter-spacing:.2em;padding:5px;margin-top:2px;width:80%;height:60px;border:0;border-bottom:1px solid #FF9}textarea[name=field1]:focus,input[name=field1]:focus{outline:none}input[name=name],input[name=email],input[name=subject],textarea[name=body],input[type=submit]{color:#000;background:#FFF;border:0;border-radius:5px;margin:0;padding:3px;&:focus{outline:none}}#mf::before{content:"Mail Form"}footer{position:fixed;bottom:0;left:0;right:0;color:#888;background:#000;text-align:right;font-size:10px;padding:0 2px;border-top:2px outset #333}.svr{margin-top:5px}@keyframes fadeOut{//splash用フェードアウト 0%{opacity:1}100%{opacity:0;display:none}}@keyframes popup{0%{transform:translateY(40px) scale(.8);opacity:0}100%{transform:translateY(0) scale(1)}80%,100%{opacity:1}}@keyframes poyoyon3{0%,40%{transform:skew(0deg,0deg)}5%{transform:skew(5deg,5deg)}10%{transform:skew(-4deg,-4deg)}15%{transform:skew(3deg,3deg)}20%{transform:skew(-2deg,-2deg)}25%{transform:skew(1deg,1deg)}30%{transform:skew(-0.6deg,-0.6deg)}35%{transform:skew(0.3deg,0.3deg)}}