@charset "utf-8";

/* -- overwrite style.css --*/
div#HEADER ol li.WINES a span		{ color:#000; margin-top:-2.6em; }
div.OBJ div.WM			{ min-width:unset; }

/* PRODUCT PAGE p.php */
div#JSS div.OBJ				{ padding-bottom:50px; }
div.OBJ div				{ display: inline-block; width:calc(50% - 30px); max-width:600px; min-width:350px; text-align:left; }
div.OBJ div.IMG				{ display:inline-block; width:calc(35% - 30px); max-width:500px; min-width:350px; margin-top:50px; }
div.OBJ div.IMG span.GIMG			{ display:block; margin:0 auto 50px auto; background:#fff; }
div.OBJ div.IMG span.GIMG.LOOK		{ display:inline-block; margin:0 1% 1% 0; background:#eee; }
div.OBJ div				{ margin-top:50px; }
div.OBJ div h1				{ width:100%; margin:15px 0 25px 0; text-align:left; }
div.OBJ div h1 small			{ margin-left:0; padding-left:0; padding-right:0; }
div.OBJ div span.CAPTION			{ display:inline-block; width:100%; height:auto; min-height:0; margin:-25px 0 25px 0; padding:0 0 0 0; color:#a82; font-family:sans-serif; font-size:13px; line-height:1.5; font-weight:normal; font-style:normal; letter-spacing:1px; }
div.OBJ div p				{ font-size:16px; margin:0 auto 25px auto; }
div.OBJ div p strong			{ display:inline-block; width:100%; margin:0 auto 5px auto; font-size:20px;}
div.OBJ div p span.NOTE			{ margin-top:0; padding-top:25px; border:none; }


*.FOLDING					{ transition:background 0.5s ease-in-out 0s, height 0.3s ease-in-out 0s;  }

/* ----- VINTAGE ----- */
div.OBJ div div.VINTAGE			{ display:block; width:100%; height:auto; margin:0 auto 0 auto; padding:0 0 0 0; }
div.OBJ div div.VINTAGE span			{ position:relative; display:inline-block; width:100%; height:59px; margin:0 0 0 0; padding:0 0 0 0; color:#077; font-family:serif; font-size:20px; line-height:25px; letter-spacing:2px; text-indent:2px; }
div.OBJ div div.VINTAGE span:hover		{ filter:brightness(0.7); cursor:pointer; }
div.OBJ div div.VINTAGE span a.B		{ position:absolute; top:0; right:0; display:inline-block; width:auto; height:20px; margin:3px 0 0 0; padding:0 0 0 0; font-size:11px; line-height:1.2; background:transparent url(/com/img/symbol.svg) no-repeat 100% 35%; background-size:auto 420px; filter:brightness(1.5) invert(0); vertical-align:middle; }
div.OBJ div div.VINTAGE span a.B		{ transition: background-position 0s ease-in-out 0s; }
div.OBJ div div.VINTAGE span a.B span		{ display:none; }
div.OBJ div div.VINTAGE span a.B::before	{ content:""; display:inline-block; width:1px; height:20px; margin:0 0 0 -1px; vertical-align:middle; }
div.OBJ div div.VINTAGE span a.B::after		{ content:'VINTAGES'; position:static; display:inline-block; width:auto; height:auto; margin:0 30px 0 0; padding:0; font-family:sans-serif; font-size:11px; line-height:1.2; font-weight:bold; letter-spacing:0; background:transparent; vertical-align:middle;  }
div.OBJ div div.VINTAGE ol			{ display:inline-block; width:100%; margin:0 0 25px 0; }
div.OBJ div div.VINTAGE ol li			{ display:inline-block; margin:0 10px 10px 0; }
div.OBJ div div.VINTAGE ol li a		{ display:inline-block; width:auto; height:auto; margin:0; padding:2px 15px; font-family:sans-serif; font-size:15px; line-height:1.2; font-weight:bold; letter-spacing:0; background:#fff; border:1px solid #7aa; color:#077; border-radius:20px; }
div.OBJ div div.VINTAGE ol li a:hover		{ background:#077; border:1px solid #077; color:#fff; }
div.OBJ div div.VINTAGE ol li span		{ display:inline-block; width:auto; height:auto; margin:0; padding:2px 15px; font-family:sans-serif; font-size:15px; line-height:1.2; font-weight:bold; letter-spacing:0; background:#ddd; border:1px solid #ddd; color:#fff; border-radius:20px; }
div.OBJ div div.VINTAGE ol li span:hover	{ filter:unset; cursor:unset; }

/* ----- PRICE ----- */
div.OBJ div div.PRICE			{ display:block; width:100%; height:auto; margin:50px auto 0 auto; padding:5px 0 5px 0; background:#f7f7f7; font-family:serif; font-size:20px; line-height:30px; border-radius:7px; }
div.OBJ div div.PRICE::before			{ content:""; display:inline-block; width:1px; height:100%; margin:0 0 0 -1px; vertical-align:middle; }
div.OBJ div div.PRICE strong			{ display:inline-block; width:auto; margin:0 25px 0 15px; color:#077; font-size:12px; }
div.OBJ div div.PRICE small			{ display:inline; width:auto; margin:0 0 0 0; font-size:12px; }
div.OBJ div div.PRICE a.LINK			{ float:right; min-width:125px; margin:-5px 0 -5px 0; font-size:12px; line-height:21px;font-weight:bold; border-radius:0 7px 7px 0;  }
div.OBJ div div.PRICE a.LINK::after		{ filter:brightness(0%) invert(100%); }
div.OBJ div div.PRICE a.LINK:link		{ color:#fff; background:#a00; }
div.OBJ div div.PRICE a.LINK:visited		{ color:#fff; background:#a00; }
div.OBJ div div.PRICE a.LINK:hover		{ color:#fff; background:#b00; }
div.OBJ div div.PRICE a.LINK:active		{ color:#fff; background:#b00; }

/* ----- DETAIL ----- */
div.OBJ div div.DETAIL			{ clear:both; display:inline-block; width:100%; max-width:unset; margin:75px auto 0 auto; padding:0 0 0 0; font-size:14px; line-height:1.5; border-left:1px solid #ddd; }
div.OBJ div div.DETAIL span			{ display:inline-block; width:45%; margin:-1px 0 0 5%; padding:15px 0 15px 0; border-top:1px solid #ddd; vertical-align:top; }
div.OBJ div div.DETAIL span em		{ display:inline; width:auto; margin:0 0 0 0; color:#a82; font-family:-serif; font-size:14px; font-style:normal; letter-spacing:0; vertical-align:baseline; }
div.OBJ div div.DETAIL small.NOTE		{ display:inline-block; width:95%; margin:15px 0 15px 5%; font-size:12px; }

/* ----- NOTE ----- */
div.OBJ div div.NOTE			{ clear:both; display:inline-block; width:100%; max-width:unset; margin:75px auto 0 auto; padding:0 0 0 0; font-size:14px; line-height:1.65; }
div.OBJ div div.NOTE span			{ display:inline-block; width:100%; margin:0 0 0 0; padding:0 0 30px 0; border-top:1px solid #ddd; vertical-align:top; }
div.OBJ div div.NOTE span em			{ position:relative; display:inline-block; width:100%; margin:0 0 -10px 0; padding:15px 0 15px 0; color:#a82; font-family:-serif; font-size:16px; font-style:normal; font-weight:bold; letter-spacing:0; vertical-align:baseline; }
div.OBJ div div.NOTE span em:hover		{ filter:brightness(0.7); cursor:pointer; }
div.OBJ div div.NOTE span em a.B		{ position:absolute; top:0; right:0; display:inline-block; width:20px; height:20px; margin:20px 0 0 0; padding:0 0 0 0; background:transparent url(/com/img/symbol.svg) no-repeat 50% 35%; background-size:auto 420px; filter:brightness(1.5) invert(0) hue-rotate(240deg); text-indent:-9999px; vertical-align:top; }
div.OBJ div div.NOTE span em a.B		{ transition: background-position 0s ease-in-out 0s; }
div.OBJ div div.NOTE span em a.B span		{ display:inline; padding:0; }
div.OBJ div div.NOTE small.NOTE		{ display:inline-block; width:100%; margin:15px 0 15px 0; padding:15px 0 5px 0; border-top:1px solid #ddd; font-family:sans-serif; font-size:12px; line-height:1.65; }


/* ---------- WINE_LIST ---------- */
ol.WINE_LIST				{ width:auto; height:auto; margin:50px auto 0 auto; padding:0 0 0 0; line-height:1px; text-align:center; }
ol.WINE_LIST li				{ display:inline-block; width:calc(25% - 30px); min-width:200px; max-width:325px; height:auto; overflow:visible; margin:15px 15px 50px 15px; padding:0 0 0 0; vertical-align:top; }
ol.WINE_LIST 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.WINE_LIST li a *				{ transition:color 0.2s ease-in-out 0s, filter 0.5s ease-in-out 0s; }
ol.WINE_LIST li a:link			{ color:rgba(0,0,0,0.7); }
ol.WINE_LIST li a:visited			{ color:rgba(0,0,0,0.7); }
ol.WINE_LIST li a:hover			{ color:rgba(0,0,0,1.0); }
ol.WINE_LIST li a:active			{ color:rgba(0,0,0,1.0); }
ol.WINE_LIST li a span.GIMG			{ height:auto; margin:0 auto; padding:100% 0 0 0; background:#fff; transition:filter 0.5s ease 0.0s; }
ol.WINE_LIST li a:hover span.GIMG		{ filter:brightness(125%); }
ol.WINE_LIST li a span.GIMG img		{ margin:0; }
ol.WINE_LIST li a span.NOIMG			{ display:inline-block; width:50%; margin:0 auto; padding-top:170%; background:url(/com/img/noimg.png) no-repeat 50% 50%; background-size:cover; transition:filter 0.4s ease-in-out 0s; }
ol.WINE_LIST li a:hover span.NOIMG		{ filter:brightness(105%); }
ol.WINE_LIST li a span.NOIMG img		{ margin:0; }
ol.WINE_LIST li a strong			{ display:inline-block; width:100%; height:auto; margin:15px 0 0 0; padding:0 0 0 0; font-family:serif; font-size:15px; line-height:1.5; font-weight:bold; letter-spacing:1px; }
ol.WINE_LIST li a span.CAPTION		{ display:inline-block; width:calc(100% - 30px); height:auto; min-height:30px; margin:10px 0 0 0; padding:0 0 0 0; color:#a82; font-family:sans-serif; font-size:12px; line-height:15px; font-weight:normal; font-style:normal; letter-spacing:0; }
ol.WINE_LIST li a:hover span.CAPTION		{ color:#751; }
ol.WINE_LIST li a em.VINTAGE			{ display:inline-block; width:100%; height:auto; margin:10px 0 0 0; padding:0 0 0 0; color:#077; font-family:sans-serif; font-size:14px; line-height:1.5; font-weight:normal; font-style:normal; letter-spacing:1px; }
ol.WINE_LIST li a:hover em.VINTAGE		{ color:#077; }
ol.WINE_LIST li a em.VINTAGE.NEW::after		{ content:'NEW'; display:inline-block; margin:0 -30px 0 5px; padding:2px 3px; color:#fff; font-size:9px; line-height:10px; font-weight:bold; letter-spacing:0; background:#fa7; border-radius:2px; vertical-align:text-bottom; transition:background 0.4s ease-in-out 0s; }
ol.WINE_LIST li a:hover em.VINTAGE.NEW::after	{ background:#d74; }
ol.WINE_LIST li a u				{ display:inline-block; width:auto; height:auto; margin:15px auto; padding:3px 10px; font-family:sans-serif; font-size:11px; line-height:1.2; letter-spacing:0; font-weight:bold; text-decoration:none; border-radius:15px; color:#fff; background:#fff; transition:background 0.4s ease-in-out 0s; }
ol.WINE_LIST li a:hover u			{ background:#aa9; }
ol.WINE_LIST li.ADJUSTMENT		{ height:1px; min-height:0; margin-top:-1px; margin-bottom:0; }