@charset "UTF-8";

/*---------------->
   base setting
<---------------*/
html{
   font-size:100%;
}

body{
   font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
   line-height:1.7;
   width:100vw;
   height:100dvh;
   background:#222222;
   color:#fefefe;
   display:flex;
   flex-direction:column;
}


/*---------------->
   header
<---------------*/
header{
   margin-bottom:10dvh;
   padding:15px 0;
}

header #site-logo01{
   color:#ff0000;
   font-size:300%;
   font-weight:bolder;
   text-align:center;
}


/*---------------->
   main
<---------------*/
main{
   flex:1;
   text-align:center;
   padding:0 5dvw;
}


/*---------------->
   footer
<---------------*/
footer{
   text-align:center;
   padding:5px 0;
}