﻿/*-----| Header                           |------------------------------------------------------------------------------------------------------------- */
header #header_logo								{ width: 20%; }
header #header_right								{ width: 80%; }
/*-----| Header: Navigation               |------------------------------------------------------------------------------------------------------------- */
header #navi_main_container					{ width: 100%; }
body.shop header #navi_main_container		{ width: 125%; margin-left: -25%; }

body.shop header #header_logo a				{ top: 10px; bottom: 45px; }

header #navi_main									{ width: 100%; padding: 10px 10px 0 10px; }
header #navi_main ul								{ display: flex; justify-content: space-between; width: 100%; height: 40px; background: #d1d1d1; }
header #navi_main ul li							{ position: relative; list-style: none; flex-grow: 1; }
header #navi_main ul li a						{ display: block; padding: 7px 10px 3px 10px; line-height: 30px; font-size: 18px; text-decoration: none; text-align: center; }
header #navi_main ul li.current > a			{ background: #0092cf; margin-bottom: -10px; padding: 7px 10px 13px 10px; color: #ffffff; }
header #navi_main ul li:hover > a			{ background: #005276; color: #ffffff; }

header #navi_main ul li ul						{ display: none; position: absolute; right: 0; top: 40px; width: auto; min-width: 100%; height: auto; background: #ffffff; border-bottom: 5px solid #005276; border-top: 5px solid #005276; box-shadow: 0 10px 10px rgba( 0,0,0,0.2 ); }
header #navi_main ul li:nth-of-type(3) ul	{ left: 0; right: auto; }
header #navi_main ul li:hover ul				{ display: block; }
header #navi_main ul li ul li					{ display: block; width: 100%; }
header #navi_main ul li ul li a				{ padding: 0 10px; line-height: 30px; font-size: 16px; text-align: left; white-space: nowrap; }

header #navi_main ul li ul li ul				{ display: block; position: relative; right: 0; top: 0; width: 100%; padding: 0 0 10px 40px; border: none; box-shadow: none; }
header #navi_main ul li ul li ul a			{ color: #646464; }

/*-----| Header: Service	               |------------------------------------------------------------------------------------------------------------- */
header #navi_service								{ position: fixed; top: 150px; right: 0; z-index: 1000; width: 40px; padding: 10px 0; background: #d1d1d1; border-radius: 5px 0 0 5px; }
header #navi_service	ul							{ }
header #navi_service	ul li						{ position: relative; width: 40px; height: 40px; list-style: none; }
header #navi_service	ul li#navi_service_lang ul { display: none; position: absolute; top: 0; right: 40px; height: 40px; border-left: 5px solid #0092cf; background: rgba( 0,146,207,0.25 ); border-radius: 2px 0 0 2px; }
header #navi_service	ul #disk ul	{ display: none; position: absolute; right: 40px; top: 0; background: #d1d1d1; padding-left: 5px; border-radius: 5px 0 0 5px; }
header #navi_service	ul #disk:hover ul	{ display: block; }
header #navi_service	ul #disk ul li	{ width: 100%; }
header #navi_service	ul #disk ul li a	{ width: 100%; white-space: nowrap; font-size: 15px; font-weight: normal; padding: 0 10px; }
header #header_hamburger						{ display: none; }
/*-----| End Header			               |------------------------------------------------------------------------------------------------------------- */