@import url('https://fonts.googleapis.com/css?family=Slabo+27px');
@import url('https://fonts.googleapis.com/css?family=Sedgwick+Ave+Display');
*{margin:0; padding:0;}
body{margin-top:3%; color:#444; background-color:#fff; font-size:13px; letter-spacing:0.1em; line-height:2.1;
font-family:'Slabo 27px',Meiryo,Osaka,"MS ゴシック",serif;}
#title,#menu{text-align:center; margin-bottom:30px;}
#title,h2{font-family:'Sedgwick Ave Display',cursive;}
#title{letter-spacing:0; font-size:25px;}
#title img{max-height:200px; max-width:86%;}
#menu a{margin:0 9px; padding:.3em; transition:.3s;}
#menu p{font-size:100%; color:#bbb;}
#wrap{display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start;}
a{text-decoration:none; color:#444;}
.box{padding:25px;}
.box a{border-bottom:1px solid #eee; padding-bottom:1px;}
.box a:before{content:"≠";}
h2{font-size:18px; color:#bbb; padding-bottom:10px;}
h2:before{content:"≠";}
em{font-style:normal; text-shadow:1px 1px #B2DFED;}
@media screen and (min-width:481px){.box{flex-basis:250px;}}
@media screen and (max-width:480px){.box{width:86%; margin:0 auto;} body{font-size:13px; margin-top:5%;}}