@charset "utf-8";

/* ---------- overwrite style.css ---------- */
/* -- overwrite style.css --*/
div#HEADER ol li.STORIES a span		{ color:#000; margin-top:-2.6em; }




/* -- STORY_INDEX -- */
ol.STORY_INDEX				{ width:auto; height:auto; margin:0 auto 0 auto; padding:0 0 0 0; text-align:center; }
ol.STORY_INDEX li				{ display:inline-block; width:300px; height:auto; margin:0 15px 100px 15px; padding:0 0 0 0; vertical-align:top; }
ol.STORY_INDEX li a				{ display:inline-block; width:100%; height:auto; margin:0 0 0 0; padding:0 0 0 0; text-align:left; }
ol.STORY_INDEX li a *			{ transition:background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s, text-shadow 0.2s ease-in-out 0s; }
ol.STORY_INDEX li a:link			{ color:#777; }
ol.STORY_INDEX li a:visited			{ color:#777; }
ol.STORY_INDEX li a:hover			{ color:#000; }
ol.STORY_INDEX li a:active			{ color:#000; }
ol.STORY_INDEX li a span.GIMG			{ height:auto; margin:0 0 0.5em 0; padding:65% 0 0 0; transition:filter 0.4s ease-in-out 0s; }
ol.STORY_INDEX li a:hover span.GIMG		{ filter:brightness(120%); }
ol.STORY_INDEX li a span.GIMG img		{ margin:0; }
ol.STORY_INDEX li a span.NOIMG		{ margin:0 0 0.5em; transition:filter 0.4s ease-in-out 0s; }
ol.STORY_INDEX li a:hover span.NOIMG		{ filter:brightness(120%); }
ol.STORY_INDEX li a span.NOIMG img		{ margin:0; }
ol.STORY_INDEX li a strong			{ display:inline-block; width:100%; height:auto; margin:1.0em 0 0 0; padding:0 0 0 0; color:#000; font-size:90%; line-height:1.5; font-weight:normal; vertical-align:middle; }
ol.STORY_INDEX li a small			{ display:inline-block; width:auto; height:auto; min-height:6.0em; margin:1.0em 0 0 0; padding:0 0 0 0; font-size:80%; line-height:2.0; font-style:normal; letter-spacing:0.05em; }
ol.STORY_INDEX li a small.NEW			{ padding-right:30px; background:url(/com/img/new.png) 100% 50% no-repeat; }
ol.STORY_INDEX li.ADJUSTMENT			{ height:1px; min-height:0; margin-bottom:0; }



/* ---------- ZINE_LIST ---------- */
div#ZINE					{ display:block; width:auto; max-width:unset; margin:50px auto; padding:25px 0; background:#eee; text-align:center; }
div#ZINE span.TITLE				{ display:inline-block; width:100%; max-width:350px; margin:0 auto 50px auto; padding:0 25px; color:#444; text-align:center; }
div#ZINE span.TITLE h2 			{ width:100%; max-width:unset; margin:25px auto; padding:0; text-align:center; }
div#ZINE span.TITLE p			{ width:100%; max-width:unset; margin:0 auto; padding:0; font-family:sans-serif; font-size:15px; line-height:1.6; text-align:center; }
div#ZINE ol#DOWNLOAD_LIST			{ display:inline-block; min-width:300px; max-width:calc(100% - 400px); height:auto; margin:0 auto 0 auto; padding:0 0 0 0; line-height:0; text-align:center; }
div#ZINE ol#DOWNLOAD_LIST li			{ display:inline-block; width:225px; height:auto; margin:25px 50px; padding:0 0 0 0; vertical-align:top; text-align:center; }
div#ZINE ol#DOWNLOAD_LIST li a		{ display:inline-block; width:100%; height:auto; margin:0 0 0 0; padding:0 0 0 0; }
div#ZINE ol#DOWNLOAD_LIST li a *		{ transition:background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s, text-shadow 0.2s ease-in-out 0s; }
div#ZINE ol#DOWNLOAD_LIST li a:link		{ color:#777; }
div#ZINE ol#DOWNLOAD_LIST li a:visited		{ color:#777; }
div#ZINE ol#DOWNLOAD_LIST li a:hover		{ color:#000; }
div#ZINE ol#DOWNLOAD_LIST li a:active		{ color:#000; }
div#ZINE ol#DOWNLOAD_LIST li a span.GIMG	{ height:auto; max-height:300px; margin:0 0 0 0; padding:65% 0 0 0; background-color:#eee; transition:filter 0.4s ease-in-out 0s; }
div#ZINE ol#DOWNLOAD_LIST li a:hover span.GIMG	{ filter:brightness(90%); }
div#ZINE ol#DOWNLOAD_LIST li a span.GIMG img	{ margin:0; }
div#ZINE ol#DOWNLOAD_LIST li a small		{ display:inline-block; width:100%; height:auto; margin:0 0 10px 0; padding:0 0 0 0; color:#777; font-family:sans-serif; font-size:13px; line-height:1.0; font-style:normal; letter-spacing:0.05em; }
div#ZINE ol#DOWNLOAD_LIST li a small.NEW	{ padding-right:30px; background:url(/com/img/new.png) 100% 50% no-repeat; }
div#ZINE ol#DOWNLOAD_LIST li a strong		{ display:inline-block; width:100%; height:auto; min-height:2.4em; margin:10px auto; padding:0 0 0 0; color:#444; font-family:sans-serif; font-size:15px; line-height:1.2; font-weight:normal; vertical-align:middle; }
div#ZINE ol#DOWNLOAD_LIST li a em		{ display:inline-block; width:auto;  margin:0 0 0 0; padding:5px 10px 5px 30px; background:#fafafa url(/com/img/pdf.png) 10px 50% no-repeat; color:#b01; font-family:sans-serif; font-size:10px; line-height:15px; font-weight:bold; font-style:normal; letter-spacing:0; border-radius:10px; text-align:left; }
div#ZINE ol#DOWNLOAD_LIST li a em small		{ display:inline-block; width:auto; height:auto; margin:auto; padding:0 0 0 5px; color:#777; font-size:11px; line-height:15px; font-weight:normal; font-style:normal; letter-spacing:0; vertical-align:top; }
div#ZINE ol#DOWNLOAD_LIST li a:hover em		{ color:#fff; background-color:#b01; }
div#ZINE ol#DOWNLOAD_LIST li a:hover em small	{ color:#fff; }
div#ZINE ol#DOWNLOAD_LIST li a small.MEMO	{ margin:1.0em 0 0 0; padding:0; font-size:65%; line-height:1.5; }
div#ZINE ol#DOWNLOAD_LIST li.ADJUSTMENT	{ height:1px; min-height:0; margin:0; padding:0; }