@import 'https://fonts.googleapis.com/css?family=Nixie+One';

@font-face
{
font-family: IPA 明朝;
src: url('https://cdn.leafscape.be/IPAfont/ipam_web.woff2')
     format("woff2");
}
/*-------------------------------------------------
このフォントはIPAフォントライセンスv1.0の下で提供されています。
 
http://ipafont.ipa.go.jp/ipa_font_license_v1.html
 
-------------------------------------------------*/

*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
background:#fff;
font-family:'Nixie One', メイリオ, Meiryo, sans-serif;
font-size:12px;
letter-spacing:2px;
line-height:2;
color:#666;
}

a{
text-decoration:none;
color:#4e454a;
}

mark{
background:none;
font-weight:bold;
color:#f6bfbc;
}

#wall{
max-width:500px;
margin:0 auto;
padding:0 1em;}

#odai{
max-width:900px;
margin:0 auto;
padding:0 1em;
display: flex;
flex-wrap: wrap;
justify-content:space-around;
}

h1{
font-family:'Nixie One', 'IPA 明朝', メイリオ, Meiryo, sans-serif;
font-size:20px;
padding:.25em 3em;
color:#fff;
text-shadow:2px 2px 4px #9fa09e, 2px -2px 4px #9fa09e, -2px 2px 4px #9fa09e, -2px -2px 4px #9fa09e;
}

h3{
font-family:'Nixie One', 'IPA 明朝', メイリオ, Meiryo, sans-serif;
font-size:14px;
text-align:right;
}

h2{
font-family:'Nixie One', 'IPA 明朝', メイリオ, Meiryo, sans-serif;
font-size:16px;
padding:.25em 3em;
color:#fff;
text-shadow:2px 2px 4px #9fa09e, 2px -2px 4px #9fa09e, -2px 2px 4px #9fa09e, -2px -2px 4px #9fa09e;
position:absolute;
top:-20px;
left:-20px;
}

article{
position:relative;
text-align:justify;
word-break:break-all;
margin:4em .5em 2em 2em;
padding:2.5em 1em 1em;
border-radius:4px;
box-shadow:4px 8px 8px #efefef, -1px -1px 8px #efefef;
width:250px;
}

aside{
background:#f7f6f5;
margin-top:1em;
padding:.5em;
text-align:right;
}

footer{
background:#f7f6f5;
padding:.5em 0;
text-align:center;
}

input[type], textarea, select{
background:#f7f6f5;
font-family:'Nixie One', メイリオ, Meiryo, sans-serif;
font-size:12px;
text-align:justify;
word-break:break-all;
letter-spacing:2px;
line-height:2;
color:#666;
width:auto;
height:auto;
margin:5px 0;
padding:2px 4px;
border:1px solid #4e454a;
border-radius:0;
box-shadow:none;
text-shadow:none;
resize:vertical;
vertical-align:middle;
outline:none;
}

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

textarea{
width:100%;
height:20ch;
}

::selection{
background:#d4d9dc;
color:#fff;
}

::-moz-selection{
background:#d4d9dc;
color:#fff;
}