@charset "utf-8";

div#HEADER ol li.TOP a:link			{ border-color:#fff; }
div#HEADER.BLACK ol li.TOP a:link		{ border-color:#000; }
div#HEADER ol li.TOP a:visited		{ border-color:#fff; }
div#HEADER.BLACK ol li.TOP a:visited		{ border-color:#000; }


/* ---------- overwrite style.css ---------- */
div#HEADER				{ } 
div#HEADER.BLACK				{ } 
div h1					{ position:relative; left:-35px; display:block; width:140px; height:45px; margin:150px auto 50px auto; padding:0 0; text-indent:-9999em; background:transparent url(/com/img/logo.svg) 100% -8px no-repeat scroll; background-size:auto 200px; filter:brightness(0) invert(0); }
div p					{ font-family:serif; font-size:18px; text-align:center; }
div a.LINK				{ position:relative; left:-30px; }

/* overwrite IMAGES */
div.IMAGES				{ position:fixed; }

/* -- COVER -- */
div#COVER					{ position:relative; z-index:11; display:block; width:100%; height:100%; margin:0 0 100vh 0; text-align:center; background:rgba(16,0,8,0.5); }
div#COVER div#HEADER_BG			{ position:relative; display:block; width:100%; height:400px; background:url(/com/img/bg.png) rgb(255,255,255); }
div#COVER div.TITLE				{ position:relative; display:inline-block; width:auto; height:100%; margin:0 0 0 0; padding:0 0; color:#fff; font-family:serif; font-size:18px; line-height:1.35; font-weight:bold; letter-spacing:2px; text-shadow:0 0 3px rgba(0,0,0,0.5); vertical-align:middle; text-align:center; }
div#COVER div.TITLE::before			{ content:""; display:inline-block; width:1px; height:100%; margin:0 0 0 -1px; vertical-align:middle; }
div#COVER div.TITLE span			{ position:relative; display:inline-block; width:auto; height:auto; margin:0 0 0 0; padding:0 0; color:#fff; font-family:serif; font-size:18px; line-height:1.35; font-weight:bold; letter-spacing:2px; text-shadow:0 0 3px rgba(0,0,0,0.5); vertical-align:middle; text-align:center; }
div#COVER div.TITLE span a.LOGO		{ display:inline-block; width:12dvh; min-width:90px; height:20dvh; min-height:150px; margin:20px auto; padding:0 0 0 0; background:transparent url(/com/img/logo_murasame.svg) 0% 0% no-repeat scroll; background-size:auto 100%; text-indent:-9999em; vertical-align:middle; filter:brightness(0) invert(1) drop-shadow(0 0 2px rgba(0,0,0,0.2)); }
div#COVER div span				{ display:inline-block; width:100%; height:auto; margin:0 0 0 0; padding:0 20px; color:#fff; font-family:serif; font-size:35px; line-height:1.35; font-weight:normal; letter-spacing:1px; text-shadow:0 0 3px rgba(0,0,0,0.5); vertical-align:middle; text-align:center; }
div#COVER div span.JA			{ letter-spacing:5px; }
div#COVER div span small			{ display:inline-block; width:100%; margin:0 auto 0 auto; padding:15px 0 0 0; color:#fff; font-family:serif; font-size:15px; font-weight:normal; letter-spacing:3px; text-shadow:0 0 3px rgba(0,0,0,0.5) }
div#COVER span *				{ display:inline-block; width:auto; vertical-align:underline; transition:color 0.6s ease-in-out 0s, text-shadow 0.6s ease-in-out 0s; }

div#COVER a.SCROLL				{ position:fixed; display:none; left:50%; bottom:10px; width:65px; height:65px; margin:0 0 0 -30px; padding:0 0 0 0; font-size:9px; line-height:1.0; letter-spacing:1px; text-indent:0.1em; text-align:center; border:solid thin #fff; border-radius:50%; cursor:pointer; }
div#COVER a.SCROLL:link			{ color:#fff; }
div#COVER a.SCROLL:visited			{ color:#fff; }
div#COVER a.SCROLL:hover			{ color:#000; background:rgba(255,255,255,0.8); }
div#COVER a.SCROLL:active			{ color:#000; background:#fff; }
div#COVER a.SCROLL::before			{ content:""; position:static; display:inline-block; width:30px; height:30px; margin:5px 0 0 0; background:transparent url(/com/img/symbol.svg) no-repeat 50% 15%; background-size:30px 630px; filter:brightness(0) invert(1); }
div#COVER a.SCROLL:hover::before		{ filter:brightness(0) invert(0); }



/* ---------- NEWS ---------- */
div.OBJ div.NEWS				{ display:inline-block; width:calc(100% - 115px); max-width:830px; margin:100px 100px 0 15px; padding:10px 35px 50px 35px; color:#000; background:#fff; border:1px solid #777; border-radius:10px; font-family:sans-serif; font-size:15px; text-align:left; }
div.OBJ div.NEWS h2				{ display:inline-block; width:100%; max-width:unset; height:auto; margin:50px 0 50px 0; padding:0 0; text-align:center; }
div.OBJ div.NEWS p				{  }
div.OBJ div.NEWS b				{ color:#000; }
div.OBJ div.NEWS dl				{ display:inline-block; width:100%; margin:0 0 0 0; padding:0 0 0 0; font-family:sans-serif; font-size:14px; font-weight:500; }
div.OBJ div.NEWS dl dt			{ width:100%; font-size:inherit; color:#645; }
div.OBJ div.NEWS dl dt::before		{ content:"▶︎"; display:inline-block; width:auto; height:auto; color:rgba(16,0,8,0.5); margin:1px 1.0em 0 0; padding:0 0 0 0; font-size:10px; line-height:18px; vertical-align:baseline; }
div.OBJ div.NEWS dl dd			{ width:100%; padding-top:0; padding-left:25px; font-size:inherit; }