@charset "utf-8";

/* -- overwrite style.css --*/
div#HEADER ol li.PRODUCT a::after		{ content:""; }

/* PRODUCT PAGE p.php */
div span.LEAD				{ margin:75px auto 75px; font-size:15px; }
div.OBJ div				{ display: inline-block; width:calc(50% - 30px); max-width:600px; min-width:300px; text-align:left; }
div.OBJ div.IMG				{ width:calc(50% - 30px); max-width:600px; }
div.OBJ div.IMG span.GIMG			{ background:#fff; }
div.OBJ div.IMG span.GIMG span		{ transition:all 0.4s ease 0.0s; }
div.OBJ div.IMG span.GIMG:hover span		{ filter:brightness(103%);  transform:scale(1.03); }
div.OBJ div h1				{ margin-top:15px; margin-left:15px; margin-right:15px; text-align:left; }
div.OBJ div h1 small			{ margin-left:0; padding-left:0; padding-right:0; }

div.OBJ div H2				{ margin:0 0 10px 0;  color:rgba(0,0,0,0.6); font-family:sans-serif; font-size:17px; font-weight:bold;  }
div.OBJ div h2 small			{ margin:0 0 0 0; display:inline-block; width:100%; margin:0 0 0 0; padding:0 2px; color:#645; font-family:sans-serif; font-size:10px; font-weight:bold; vertical-align:top; }
div.OBJ div p				{ margin:0 auto 25px auto; }
div.OBJ div a.LINK				{ margin:25px 0 25px 0; font-size:13px; }
div.OBJ div a.LINK::after			{ filter:brightness(0%) invert(100%); }
div.OBJ div a.LINK:link			{ color:#fff; background:#a00; }
div.OBJ div a.LINK:visited			{ color:#fff; background:#a00; }
div.OBJ div a.LINK:hover			{ color:#fff; background:#b00; }
div.OBJ div a.LINK:active			{ color:#fff; background:#b00; }
div.OBJ div p span.NOTE			{ margin-top:0; padding:25px 5px; border:none; }

/* ----- DETAIL ----- */
div.OBJ div div.DETAIL			{ clear:both; display:inline-block; width:calc(100% - 85px); max-width:600px; margin:25px auto 0 auto; padding:20px 25px; background:#fff; border-radius:10px; font-size:14px; line-height:1.65;  }
div.OBJ div div.DETAIL strong			{ display:inline-block; width:100%; margin:0; }
div.OBJ div div.DETAIL hr			{ width:100%; margin:15px auto; border-color:#ddd; }
div.OBJ div div.DETAIL dl.PRICE		{ width:100%; margin:10px 0 0 0; }
div.OBJ div div.DETAIL dl.PRICE dt		{ width:calc(100% - 120px); margin:0 0 0 0; color:#000; font-family:sans-serif; font-weight:normal; font-size:14px; border-top:1px dotted #ddd; }
div.OBJ div div.DETAIL dl.PRICE dd		{ width:120px; margin:0 0 0 0; padding-right:10px; color:#000; border-top:1px dotted #ddd; text-align:right; }
div.OBJ div div.DETAIL dl.SPEC		{ width:100%; margin:0; }
div.OBJ div div.DETAIL dl.SPEC dt		{ padding:5px 0 0 0; color:#777; font-family:sans-serif; font-size:12px; line-height:20px; }
div.OBJ div div.DETAIL dl.SPEC dd		{ padding:5px 0 10px 0; color:#000; font-family:sans-serif; font-size:13px; line-height:20px; }
div.OBJ div div.DETAIL dl.NF			{ width:100%; margin:10px 0 0 0; }
div.OBJ div div.DETAIL dl.NF dt		{ width:auto; margin:0 0 0 0; padding:0 5px 0 0; color:#777; font-family:sans-serif; font-size:12px; line-height:20px;}
div.OBJ div div.DETAIL dl.NF dt::after		{ content:":"; }
div.OBJ div div.DETAIL dl.NF dd		{ width:auto; margin:0 0 0 0; padding:0 15px 0 0; font-family:sans-serif; font-size:13px; line-height:20px; }


/* ---------- PRODUCT_INDEX ---------- */
ol.PRODUCT_INDEX				{ width:auto; height:auto; margin:0 auto 0 auto; padding:0 0 0 0; text-align:center; }
ol.PRODUCT_INDEX.MAIN			{ margin-top:50px; }
ol.PRODUCT_INDEX li				{ display:inline-block; width:calc(33% - 50px); min-width:300px; max-width:300px; height:auto; overflow:visible;margin:0px 10px 20px 10px; padding:0 0 0 0; vertical-align:top; }
ol.PRODUCT_INDEX.MAIN li			{ width:calc(33% - 50px); max-width:400px; }
ol.PRODUCT_INDEX li a			{ position:relative; display:inline-block; width:100%; height:auto; margin:0 0 0 0; padding:0 0 0 0; text-align:center; }
ol.PRODUCT_INDEX li a *			{ transition:color 0.2s ease-in-out 0s, filter 0.5s ease-in-out 0s; }
div#HEADER span#TITLE a#LOGO:hover		{ filter:brightness(0) opacity(1); }
ol.PRODUCT_INDEX li a:link			{ color:rgba(0,0,0,1.0); }
ol.PRODUCT_INDEX li a:visited			{ color:rgba(0,0,0,1.0); }
ol.PRODUCT_INDEX li a:hover			{ color:rgba(0,0,0,0.8); }
ol.PRODUCT_INDEX li a:active			{ color:rgba(0,0,0,0.8); }
ol.PRODUCT_INDEX li a span.GIMG		{ height:auto; margin:0 0 0 0; padding:100% 0 0 0; background:#f3f3f3; transition:filter 0.4s ease 0.0s; }
ol.PRODUCT_INDEX li a:hover span.GIMG		{ filter:brightness(105%); }
ol.PRODUCT_INDEX li a span.GIMG img		{ margin:0; }
ol.PRODUCT_INDEX li a span.NOIMG		{ margin:0 0 0.5em; padding-top:100%; transition:filter 0.4s ease-in-out 0s; }
ol.PRODUCT_INDEX li a:hover span.NOIMG		{ filter:brightness(105%); }
ol.PRODUCT_INDEX li a span.NOIMG img		{ margin:0; }
ol.PRODUCT_INDEX li a strong			{ position:absolute; z-index:10; display:inline-block; top:0; left:0; width:100%; height:auto; margin:0 0 0 0; padding:10px; color:#777; font-size:14px; line-height:1.5; font-weight:normal; letter-spacing:1px; text-align:left; }
ol.PRODUCT_INDEX li a:hover strong		{ color:#000; }
ol.PRODUCT_INDEX li a strong::before		{ content:""; display:inline-block; width:20px; height:20px; margin:0 10px 2px 2px; padding:0 0; text-align:left; background:url(/com/img/logo.svg) 0% 0% no-repeat scroll; background-size:auto 60px; text-indent:-9999em; vertical-align:middle; filter:brightness(0) invert(0) opacity(0.2); transition:filter 0.3s ease-in-out 0s; }
ol.PRODUCT_INDEX li a:hover strong::before	{ filter:brightness(0) invert(0) opacity(0.6); }
ol.PRODUCT_INDEX li a small			{ position:absolute; z-index:10; display:inline-block; bottom:0; left:0; width:100%; height:auto; margin:0 0 0 0; padding:0 0 5px 0; color:#645; font-family:sans-serif; font-size:10px; font-weight:bold; text-align:center; filter:opacity(0.4); }
ol.PRODUCT_INDEX li a:hover small		{ filter:opacity(1.0); }
ol.PRODUCT_INDEX.MAIN li a strong		{ font-size:16px; letter-spacing:2px; }

ol.PRODUCT_INDEX li a em			{ display:inline-block; width:auto; height:auto; margin:15px 0 0 0; padding:0 0 0 0; color:#700; font-size:14px; line-height:1.5; font-weight:normal; font-style:normal; letter-spacing:1px; }
ol.PRODUCT_INDEX li a:hover em		{ color:#b00; }
ol.PRODUCT_INDEX li.ADJUSTMENT		{ height:1px; min-height:0; margin-top:-1px; margin-bottom:0; }



/* ---------- SHIPMENT ---------- */
div.OBJ div#SHIPMENT				{ display:block; width:auto; max-width:unset; height:auto; margin:150px 35px 50px 75px; padding:0 85px 0 0 ; }
div.OBJ div#SHIPMENT div.FOLDING			{ display:block; width:100%; max-width:1100px; height:auto; margin:0 auto; padding:0 0; color:#000; font-family:sans-serif; line-height:20px; background:#fff; border:1px solid #400; border-radius:10px; text-align:left; }
div.OBJ div#SHIPMENT div.FOLDING			{ transition:background 0.5s ease-in-out 0s, height 0.5s ease-in-out 0s;  }
div.OBJ div#SHIPMENT div.FOLDING div.READ		{ position:relative; display:block; width:100%; max-width:unset; padding:0 0; background:#700; }
div.OBJ div#SHIPMENT div.FOLDING div.READ::before		{ content:""; display:inline-block; width:1px; height:150px; margin:0 0 0 -1px; vertical-align:middle; }
div.OBJ div#SHIPMENT div.FOLDING div.READ div		{ display:inline-block; width:calc(100% - 200px); max-width:unset; margin:0; padding:0 0 0 40px; }
div.OBJ div#SHIPMENT div.FOLDING div.READ div h2		{ display:inline-block; width:100%; max-width:unset; margin:0; padding:15px 0 15px 0; color:#fff; font-family:serif; font-size:25px; letter-spacing:5px; font-weight:bold; }
div.OBJ div#SHIPMENT div.FOLDING div.READ div p		{ display:inline-block; width:100%; max-width:unset; margin:0; padding:0 0 15px 0; color:#fff; font-family:sans-serif; font-size:15px; line-height:25px; letter-spacing:0.1em; font-weight:bold; }
div.OBJ div#SHIPMENT div.FOLDING div.READ div p b		{ display:inline; padding:0 0 2px 0; color:#fff; border-bottom:1px solid #f00; }
div.OBJ div#SHIPMENT div.FOLDING div.READ a.B		{ display:inline-block; width:200px; height:100%; min-height:350px; margin:-100px 0 -100px -1px; padding:100px 15px 100px 15px; border-left:1px solid rgba(255,255,255,0.2); border-top:1px solid rgba(255,255,255,0.2); color:#fff; text-align:center; cursor:s-resize; }
div.OBJ div#SHIPMENT div.FOLDING div.READ a.B:hover	{ background:#a00; }
div.OBJ div#SHIPMENT div.FOLDING div.READ a.B::after	{ content:""; position:static; display:inline-block; width:40px; height:40px; margin:15px auto 0 auto; padding:0; background:transparent url(/com/img/symbol.svg) no-repeat 0 15%; background-size:auto 840px; border:3px solid #fff; border-radius:50%; vertical-align:middle; filter:brightness(0) invert(1); }
div.OBJ div#SHIPMENT div.FOLDING div.READ a.B:hover::after	{ margin-top:20px; border:none; filter:brightness(0) invert(1); }
div.OBJ div#SHIPMENT div.FOLDING div.READ a.B span	{ display:inline-block; width:100%; margin:25px 0 0 0; padding:0; font-size:14px; font-weight:bold;  }


div.OBJ div#SHIPMENT div.FOLDING div.EXPLAIN			{ width:100%; max-width:unset; padding:0 40px 50px 40px; }
div.OBJ div#SHIPMENT div.FOLDING div.EXPLAIN h3			{ display:block; width:100%; max-width:unset; margin:-1px 0 0 0; padding:50px 0 50px 0; border-top:1px solid rgba(72,0,0,0.2); }
div.OBJ div#SHIPMENT div.FOLDING div.EXPLAIN h3::before		{ content:"●"; display:inline-block; width:auto; height:auto; color:#a00; margin:1px 1.0em 0 0; padding:0 0 0 0; font-size:10px; line-height:18px; vertical-align:top; }
div.OBJ div#SHIPMENT div.FOLDING div.EXPLAIN p			{ width:100%; max-width:unset; margin:0; padding:0 0 50px 0; font-size:14px; line-height:1.5; }
div.OBJ div#SHIPMENT div.FOLDING div.EXPLAIN p b			{ font-weight:bold; color:#400; }
div.OBJ div#SHIPMENT div.FOLDING div.EXPLAIN p a.LINK_GoogleMap	{ display:none; }