body{
    text-align: center;
    margin:0 auto;
    background:#eddf62;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    line-height: 1.5em;
}
img{
    vertical-align: bottom;
}
a:hover{
    opacity: 0.6;
}
/* header */
header{
    padding:10% 10% 0;
}
header h1{
    padding:10% 0 20%;
}
/*header h1{
    background: url(../svg/header_chara.svg) no-repeat;
}*/
header h2{
    font-weight: normal;
    line-height: 1.5em;
    font-size:80%;
}
header .logo_box{
    position: relative; 
}
header #header_chara{
    position: absolute;
    top:0;
    left:0;
    right:0;
} 
/* main */
main{
}
main h2{
    font-size:150%;
    padding:2em 2em 1em;
}
main h3{
    margin:3%;
    padding:1%;    
    background:#b2b25f;
    letter-spacing: 2em;
}
.box_1{
    margin:10% 5%;
}
.box_1 dl.info{
    margin:10% 0;
    line-height: 1.5em;
}
.box_1 dl.info dd{
    margin:0 0 5%;
}
.box_2{
    text-align: center;
    padding:0 5%;
    display: flex; 
}
.box_2box{
    width:50%;
    padding:2%;
}
.twitter{
    height:500px;
    overflow: scroll;
    margin:0 5%;
}
.box_3{
    display: flex;
}
.btn{
    margin:5% 0;
}
.white_box{
    background:#fff;
    padding:3%;
    border:10px solid #333;
}
.textright{
    text-align: right;
}
/* footer */
footer{
    margin:5%;
}
footer nav{
    margin:5% 0;
    line-height: 2em;
}
footer nav a{
    color:#333;
    font-weight: bold;
    text-decoration: none;
}
footer nav a:hover{
    color:#27c484;
}