@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Heebo);
*{margin:0; padding:0;}
body{font-family:"Heebo",Meiryo,メイリオ,Osaka,"MS ゴシック", sans-serif;
color:#444; background-color:#fefefe; font-size:13px; letter-spacing:1.2px; cursor: default;}

#wrap{margin:40px auto -20px; width:85%; max-width:500px; line-height:2.5;}

#wrap2{margin:0 auto -15px; width:89%; max-width:650px; line-height:2;}

h1{font-size:13px;}

a{text-decoration:none; color:#666; cursor: default;}

a:hover{opacity:0.7; color:#84a2d4; cursor: default;}

.box{margin:7px 0 30px; line-height:2;}

.box input{display:none;}

label{display:inline-block; transition:0.1s;}

label:hover{opacity:0.5;}

.panel{transition:.2s ease; height:0; overflow:hidden;}

.box input:checked + .panel{height:auto; padding:5px 0 0;}

textarea,
input[type] {
    -webkit-appearance: none;
    padding: 0.2em 0.5em;
    background-color: #f4f5f9;
    border: none;
    border-radius: 0;
    display: inline-block; _display: inline;
}

textarea {
    width: 280px;
}

input[type=text] {
    width: 80px;
}

input[type=submit] {
    width: auto;
}

div.submit{display: inline-block; _display: inline;}

.ttll{margin-right:12px; background-color:#eee; padding:4px 3px 0 4px;}

.ttll a{color:#666;}

.migi{color:#ED7B84; font-size:90%;}

#title{color:#888; background-color:#eee; margin-bottom:30px; padding:40px 0 15px 20px;}

#text{padding:0 20px;}

#nav{text-align:center; margin-top:20px;}

.pass{margin:40px auto -10px; width:300px; text-align:center;}

.pass input{font-size:13px;  width:200px;}

.pass input[type=text]{box-sizing:border-box; border:#eee 1px solid; }

.pass input[type=submit]{margin:5px 0;}

.af{margin:20px 0 10px; padding:10px 20px; color:#888; background-color:#eee; font-size:90%; text-align:right;}