﻿body													{ padding-top: 114px; }
body.navi											{ overflow: hidden; }
/*====================================================================================================================================================== */
/*-----| Header                           |------------------------------------------------------------------------------------------------------------- */
header												{ height: 114px; }
header:after										{ height: 6px; }
header #hLogo table,
header #hLogo table *							{ display: block; margin: 0; }
header #hLogo table tr:last-of-type			{ display: none; }
header #hLogo table tr:first-of-type td	{ position: absolute; left: 100px; bottom: 0; width: 150px; font-size: 14px; font-weight: bold; line-height: 20px; color: #9c9b9b !important; }
 
header #hCall										{ display: block; position: absolute; z-index: 1; right: 56px; top: 36px; width: 48px; height: 36px; line-height: 36px; font-size: 24px; color: #000000; text-decoration: none; text-align: center; }
header #hHamburger								{ display: block; position: absolute; z-index: 1; right: 0; top: 36px; width: 48px; height: 36px; }
header #hHamburger:before						{ display: block; content: ""; position: absolute; right: 0px; bottom: 0px; width: 48px; height: 36px; }
header #hHamburger:after						{ display: block; content: ""; position: absolute; right: 10px; bottom: 5px; width: 28px; height: 26px; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url("../img/hamburger_round_black.svg"); }

header #hHamburger:hover:before				{ background: #fdcc00; }
header #hHamburger:hover:after				{ background-image: url("../img/hamburger_round_white.svg"); }
body.navi header #hHamburger:before			{ background: #fdcc00; }
body.navi header #hHamburger:after			{ background-image: url("../img/hamburger_round_white.svg"); transform: rotate(90deg); }

header nav#hNavigation							{ display: none; position: fixed; right: 20px; top: 72px; left: 20px; bottom: 0; width: auto; background: #ffffff; padding: 20px 0; box-shadow: 0 10px 20px rgba( 0,0,0,0.2 ); height: auto; overflow-y: auto; }
body.navi header nav#hNavigation				{ display: block; }
header nav#hNavigation ul						{ display: block; }
header nav#hNavigation ul li a				{ text-align: left; }
header nav#hNavigation ul li ul				{ display: block; position: relative; left: 0; top: 0; right: 0; box-shadow: none; padding-left: 30px; }
/*-----| End Header                       |------------------------------------------------------------------------------------------------------------- */
/*====================================================================================================================================================== */
.flex_box_address									{ width: 100%; }
