@charset "utf-8";

body {
width: 100%;
line-height: 1.8;
font-size: 13px;
font-family: "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
font-weight: 300;
-webkit-text-size-adjust: 100%;
overflow: scroll;
background-color: #fefefe;
}

header {
padding-bottom: 100px;
}

#main {
box-sizing: border-box;
height: 100%;
margin: 0 auto;
padding: 5%;
}

footer {
text-align: right;
margin: 80px 20px 35px 0;
}

h1 {
display: inline-block;
overflow: visible;
float: right;
margin: 0 auto;
padding: 30px 0 0 0.3em;
font-family: "游明朝", "YuMincho", "ヒラギノ明朝", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", serif;
color: #dddddd;
font-size: 30px;
font-weight: bold;
letter-spacing: 2px;
border-bottom: 1.5px dashed #6cad00;
transform: rotate(5deg);
user-select: none;
}

h1:first-letter {
color: #6cad00;
font-size: 130%;
padding-left: 10px;
}

h1:after {
content: '\002702';
display: inline-block;
position: relative;
top: 1.05em;
left: -5.8em;
padding-right: 10px;
font-family: "メイリオ", "Meiryo", "Noto Sans JP", sans-serif;
color: #6cad00;
font-size: 30px;
}

h2 {
display: inline-block;
margin: 1em 1em 1em -0.5em;
padding: 0 0.5em 0 0.4em;
color: #aaaaaa;
font-size: 1.4em;
font-weight: bold;
border-bottom: 1px dashed #999999;
}

h3 {
font-size: 1.2em;
font-weight: bold;
margin-bottom: 8px;
color: #aaaaaa;
}

a {
color: #6cad00;
text-decoration: none;
text-shadow: none;
font-weight: normal;
outline: none;
box-shadow: none;
user-select: none;
}

a:hover {
text-decoration: underline;
}

ul {
list-style-type: none;
}

p {
margin: 0 0 20px;
}

img {
width: 100%;
margin-bottom: 15px;
color: #999999;
}

textarea {
font-family: "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
font-size: 110%;
width: 100%;
height: 100px;
padding: 10px;
resize: none;
border: 1px solid #aaaaaa;
border-radius: 10px;
overflow-y: scroll;
}

textarea:focus {
border: 1.5px solid #aaaaaa;
outline: 0;
}

.log {
margin-bottom: 20px;
height: 80px;
overflow-y: scroll;
}

.ghost {
box-sizing: content-box;
border-radius: 10px;
background-color: #f8f8f8;
padding: 5%;
margin: 15px -5%;
}

.submit {
padding: 5px 10px;
display: block;
float: right;
margin-top: 8px;
border: 1px solid #aaaaaa;
border-radius: 5px;
background-color: #eeeeee;
}

@media screen and (max-width: 600px) {
#main {
width: 95%;
}
}

@media screen and (min-width: 600px) {
#main {
width: 570px;
}
}