@charset "UTF-8";

.clearfix:after {
clear: both;
content: " ";
display: block;
height: 0;
visibility: hidden;
}
.clearfix {
}
html {
overflow-y: scroll;
width: 100%;
}
body {
font-family: メイリオ,Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
background: none repeat scroll 0 0 #FFFFFF;
color: #333333;
font-size: 26px;
line-height: 1.2;
min-width: 1000px;
width: 100%;
word-break: break-all;
margin:0 auto;
display: flex;
flex-direction: column;
}
nav,h2,h3,h4,.noah_news dt{
font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro",
"HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO",
"メイリオ",Meiryo,
"ＭＳ Ｐゴシック","MS P Gothic",
sans-serif;
}
hgroup {display: flex;flex: 1;margin-bottom: 20px;}
hgroup .info {text-align: right;}
.info {flex: 1;}
.logo {flex: 1;}
#container {
display: flex;
flex: 1;
}
#container > #main {
flex: 1;
}
aside {width: 200px;}
footer .site-info ul {display: flex;flex: 1;}
footer .site-info ul li {flex: 1;}
footer .copyright {flex: 1;}
@media screen and (max-width: 400px) {
body,#left,aside,.info,.logo,.site-info li,.copyright,.copyright p {
width: 100%;
}
header hgroup .logp {margin: 0 auto;}
nav {
width: 100%;
}
nav .nav-menu {
clear: both;
margin: 0px auto 10px auto;
padding: 0;
width: 100%;
height: 153px;
background: none repeat 0 0 #d82422;
}
nav .nav-menu ul {
clear: both;
margin: 0 auto;
padding: 0;
width: 100%;
}
nav .nav-menu ul li {
float: left;
display: block;
}
nav .nav-menu ul li a {
text-align: center;
color: #fff;
white-space: normal;
text-decoration: none;
line-height: 51px;
font-size: 26px;
}
header .nav-menu ul li {
float: left;
width: 50%;
line-height: 50px;
text-align: center;
line-height: 50px;
text-align: center;
border-bottom: 1px solid #ffffff;
width: 49.9%;
border-right: 1px solid #ffffff;
}
#container,hgroup,footer,footer .site-info ul,.copyright {
flex-direction: column;
}
section #container #main {
order: -1;
width: 100%;
}
.bnr_area {
order: -1;
}
#left,#text-8,#text-4 {display: none;}
}