@charset "utf-8";
.site_header_dummy {
height: 55px;
}
.site_header {
position: fixed;
z-index: 100;
top: 0;
width: 100%;
background-color: rgba(226, 227, 224, 0.9);
}
.site_header .site_header_key {
padding: 1em 0;
}
/*  Moduels header left
*/
.site_header .site_title {
margin: 0 0 0 5%;
width: 65%;
padding-top: 7.222%;
}
/*  Moduels header right
*/
.site_header .menu_button_box {
margin: 0;
width: 29%;
text-align: center;
}
.site_header .menu_button_box .active_toggle_button {
padding: 0.3em 0.7em;
margin-top: 0.2em;
border: 1px #111 solid;
border-radius: 5px;
cursor: pointer;
}
.site_header .menu_button_box .active_toggle_button:hover {
background-color: #45352d;
color: #fff;
}
/*  Moduels header active toggle body
*/
.site_header .active_toggle .site_header_val {
height: 0;
overflow: hidden;
}
.site_header .active_toggle.active .site_header_val {
height: 200px;
}
.site_header_val .nav_one {
width: 50%;
height: 50px;
line-height: 50px;
text-align: center;
}
.site_header_val .nav_one:nth-child(even) {
border-bottom: 1px #45352d dashed;
}
.site_header_val .nav_one:nth-child(odd) {
border-right: 1px #45352d dashed;
border-bottom: 1px #45352d dashed;
}
.site_header_val .nav_text {
line-height: 25px;
}
.site_header_val .nav_one:hover {
background-color: #45352d;
color: #fff;
}
.site_header_val .nav_one:hover .nav_text {
color: #fff;
}