﻿/*-----| Skelleton                        |------------------------------------------------------------------------------------------------------------- */
.container_wide									{ padding: 0 20px; }
/*-----| End Skelleton                    |------------------------------------------------------------------------------------------------------------- */
/*-----| Header                           |------------------------------------------------------------------------------------------------------------- */
header #header_logo								{ width: 30%; }
header #header_right								{ width: 70%; }
/*-----| Header: Navigation               |------------------------------------------------------------------------------------------------------------- */
header #navi_main									{ display: none; position: fixed; left: 20px; top: 115px; right: 20px; z-index: 1000; background: #ffffff; box-shadow: 0 10px 20px rgba( 0,0,0,0.2 ); padding: 0 0 20px 0; border-bottom: 5px solid #0092cf; }
.scrolled header #navi_main					{ top: 65px; }
.navi header #navi_main							{ display: block; }
header #navi_main > ul							{ display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; }
header #navi_main ul li							{ width: 33.333%; padding: 10px; list-style: none; }
header #navi_main ul li:nth-of-type(1)		{ order: 4; }
header #navi_main ul li:nth-of-type(2)		{ order: 5; }
header #navi_main ul li:nth-of-type(3)		{ order: 6; }
header #navi_main ul li:nth-of-type(4)		{ order: 1; }
header #navi_main ul li:nth-of-type(5)		{ order: 2; }
header #navi_main ul li:nth-of-type(6)		{ order: 3; }

body.shop header #navi_main ul li:nth-of-type(1)		{ order: 1; }
body.shop header #navi_main ul li:nth-of-type(2)		{ order: 2; }
body.shop header #navi_main ul li:nth-of-type(3)		{ order: 7; width: 50%; }
body.shop header #navi_main ul li:nth-of-type(4)		{ order: 3; }
body.shop header #navi_main ul li:nth-of-type(5)		{ order: 4; }
body.shop header #navi_main ul li:nth-of-type(6)		{ order: 5; }
body.shop header #navi_main ul li:nth-of-type(7)		{ order: 8; width: 50%; }
body.shop header #navi_main ul li:nth-of-type(8)		{ order: 6; }
body.shop header #navi_main ul li ul li	{ width: 100% !important; }
body.shop header #navi_main ul li ul li a	{ padding: 5px 20px 5px 40px; color: #646464; font-size: 14px; }


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: 40px; height: 40px; margin: 10px 10px 0 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			               |------------------------------------------------------------------------------------------------------------- */
/*-----| Crump					               |------------------------------------------------------------------------------------------------------------- */
#crump												{ max-width: 100vW; padding: 0; }
#crump ul li.crump								{ display: none; }
#crump ul li.crump.first						{ display: block; }
#crump ul li.crump.first:after				{ border-color: #f2f2f2 #f2f2f2 #f2f2f2 #d1d1d1; }
#crump ul li.crump.first:hover:after		{ border-color: #f2f2f2 #f2f2f2 #f2f2f2 #0092cf; }

#crump ul li.crump.crump_short				{ display: block; position: relative; width: 48px; padding-right: 0; background: #f2f2f2; }
#crump ul li.crump.crump_short span			{ display: none; }
#crump ul li.crump.crump_short:before		{ display: block; content: "\f141"; position: absolute; left: 0; top: 0; right: 12px; bottom: 0; width: 0; height: 0; padding-top: 8px; text-align: center; line-height: 22px; font: 20px "FontAwesome"; text-indent: 0; border: none; color: #969696; transform: skew(0deg, 0deg); }
#crump ul li.crump.crump_short:after		{ display: block; content: ""; position: absolute; right: 0; top: 0; width: 0; height: 0; border-style: solid; border-width: 18px 6px; border-color: #ffffff #ffffff #ffffff #f2f2f2; transform: skew(0deg, 0deg); }

#crump ul li.crump:nth-last-of-type(1),
#crump ul li.crump:nth-last-of-type(2),
#crump ul li.crump:nth-last-of-type(3)		{ display: block; }





/*-----| End Crump			               |------------------------------------------------------------------------------------------------------------- */
/*-----| SHOP		  			               |------------------------------------------------------------------------------------------------------------- */
.shop main											{ padding: 20px 10px 20px 10px; }

table.pdhTable,
table.pdhTable > tbody,
table.pdhTable > tbody > tr,
table.pdhTable > tbody > td					{ display: block; }
table.pdhTable > tbody > tr					{ display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; max-width: 1220px; padding: 0 10px; }
table.pdhTable > tbody > tr > td				{ width: 100%; max-width: 100vW; padding: 10px; }
table.pdhTable > tbody > tr > td:nth-of-type(1){ order: 2; }
table.pdhTable > tbody > tr > td:nth-of-type(2){ order: 1; }

.pdhText_text table td							{ padding: 0 20px 5px 0; }
.pdhText_text table td:last-of-type			{ padding: 0 0 5px 0; }

#content_product_det #tab_container			{ max-width: 100vW; margin: 0 -20px; padding: 0 20px; overflow-x: auto; }

.sEleven_header div								{ height: 48px; }
/*-----| END SHOP	  			               |------------------------------------------------------------------------------------------------------------- */





















