﻿/*-----| Skelleton                        |------------------------------------------------------------------------------------------------------------- */
main h1												{ font-size: 30px; }
section												{ max-width: 100vW; }
.container_wide									{ padding: 0px; }
/*-----| End Skelleton                    |------------------------------------------------------------------------------------------------------------- */
/*-----| Header                           |------------------------------------------------------------------------------------------------------------- */
header #header_logo								{ width: 25%; }
header #header_logo a							{ left: 10px; top: 10px; right: 10px; bottom: 10px;}
header #header_right								{ width: 75%; }
/*-----| Header: Navigation               |------------------------------------------------------------------------------------------------------------- */
header #navi_main									{ display: none; position: fixed; left: 0; top: 115px; right: 0; bottom: 0; z-index: 1000; background: #ffffff; box-shadow: 0 10px 20px rgba( 0,0,0,0.2 ); overflow: auto; }
.scrolled header #navi_main					{ top: 65px; }
.navi header #navi_main							{ display: block; }
header #navi_main > ul li						{ padding: 0 0 20px 0; }
header #navi_main ul li							{ padding: 10px; list-style: none; }
header #navi_main ul li a						{ display: block; padding: 7px 10px 3px 10px; line-height: 30px; font-size: 18px; text-decoration: none; color: #000000; }
header #navi_main ul li.current > a,
header #navi_main ul li:hover > a			{ color: #005276; }
header #navi_main ul li ul						{}
header #navi_main ul li ul li					{ width: 100%; padding: 0; }
header #navi_main ul li ul li a				{ padding: 5px 20px; line-height: 20px; font-size: 16px; }
/*-----| Header: Service	               |------------------------------------------------------------------------------------------------------------- */
header #navi_service								{ margin: 10px 0 0 10px; padding-bottom: 10px; background: #d1d1d1; }
header #navi_service	ul li						{ float: left; position: relative; width: 40px; height: 40px; list-style: none; }
header #navi_service	ul li#navi_service_lang ul { display: none; position: absolute; top: 40px; left: 0; width: 40px; border-bottom: 5px solid #0092cf; background: rgba( 0,146,207,0.25 ); border-radius: 0 0 2px 2px; }
header #navi_main_container:hover			{ position: relative; }
header #header_hamburger						{ width: 41px; height: 40px; /*margin: 10px 10px 0 0;*/ position: absolute; bottom: 0; right: 0; padding: 4px 0 0 0; text-align: center; line-height: 36px; font-size: 24px; background: #d1d1d1; }
header #navi_main_container:hover #header_hamburger	{ background: #d1d1d1; color: #ffffff; background: #0092cf; cursor: pointer; }
.navi header #navi_main_container #header_hamburger	{ height: 50px; padding: 4px 0 10px 0; background: #d1d1d1; color: #ffffff; background: #0092cf; }

header #navi_service	ul #disk ul	{ display: none; position: absolute; left: 0; top: 50px; background: #d1d1d1; border-radius: 0 0 5px 5px; border-bottom: 5px solid #0092cf; }
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; }
/*-----| End Header			               |------------------------------------------------------------------------------------------------------------- */
.shop main											{ padding: 10px; }
/*-----| Crump					               |------------------------------------------------------------------------------------------------------------- */
#crump												{ display: block; padding: 0; }
#crump ul li.crump								{ display: none; }

#crump ul li#cHamburger							{ position: relative; width: 48px; height: 36px; padding-right: 0; text-indent: -1000px; background: #d1d1d1; }
#crump ul li#cHamburger:before				{ display: block; content: "\f0c9"; position: absolute; left: 0; top: 0; width: 36px; height: 36px; padding-top: 8px; text-align: center; line-height: 22px; font: 20px "FontAwesome"; text-indent: 0; border: none; }
#crump ul li#cHamburger:after					{ display: block; content: ""; position: absolute; right: 0; top: 0; border-style: solid; border-width: 18px 6px; border-color: #ffffff #ffffff #ffffff #d1d1d1; }

#crump.showcrump .cPrevNext					{ display: none; }
#crump.showcrump li#cHamburger				{ width: 100%; float: none; }
#crump.showcrump ul li#cHamburger:after	{ left: 50%; right: auto; top: 36px; margin-left: -18px; border-width: 6px 18px; border-color: #d1d1d1 #ffffff #ffffff #ffffff; }
#crump.showcrump ul li.crump					{ display: block; float: none; width: 100%; padding: 0; }
#crump.showcrump ul li.crump.last			{ padding: 8px 0 0 0; }

#crump.showcrump ul li.crump.crump_short,
#crump.showcrump ul li.crump:before,
#crump.showcrump ul li.crump:after,
#crump.showcrump ul li.crump.first			{ display: none; }
#crump.showcrump ul li.crump,
#crump.showcrump ul li.crump a				{ text-align: center; }
#crump.showcrump ul								{ border-bottom: 3px solid #969696; box-shadow: 0 10px 10px rgba( 0,0,0,0.1 ); margin-bottom: 15px; }
#crump ul li.crump:nth-last-of-type(1)		{ display: block; }


#team img											{ width: 100px; }
main .grp table									{ width: 100% !important; margin-bottom: 20px; }
main .grp p											{ width: 100%; }

/*-----| End Crump			               |------------------------------------------------------------------------------------------------------------- */
