@charset "utf-8";
/*
Cascading Style Sheets: style.css

last updated on 2021.03.05
(c) 2021 INUI YOSUKE Design Office (http://www.inuiyosuke.jp/)
*/

html				{ height:100%; }
body				{ height:100%; margin:0; padding:0; color:#000; font:normal normal normal 17px/normal sans-serif; letter-spacing:0.05em; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-variant-ligatures:no-common-ligatures; }
html[lang=en] body			{ letter-spacing:0.5px; }
body *				{ overflow:hidden; vertical-align:middle; box-sizing:border-box; -webkit-overflow-scrolling:touch; }
a				{ outline:0 none #fff; background-repeat:no-repeat; cursor:pointer; }
a *				{ cursor:pointer; }
br				{ letter-spacing:0; }
div				{ width:auto; height:auto; overflow:hidden; margin:0; padding:0; border:0 none #000; }
hr				{ clear:both; display:block; height:1.0em; color:transparent; background:transparent; text-align:left; margin:1px 0 0 0; border-top:thin none #000; }
strong				{ font-style:inherit; font-variant:inherit; font-weight:bold; font-size:inherit; line-height:inherit; font-family:inherit; }
small				{ font-style:inherit; font-variant:inherit; font-weight:inherit; font-size:80%; line-height:1.3; font-family:inherit; }
img				{ min-width:1px; min-height:1px; margin:0; padding:0; border:0 none #000; font-size:65%; }
form				{ margin:0; padding:0; }
select,label			{ cursor:pointer; }
h1,h2,h3,h4,h5,h6			{ margin:0; padding:0; font-size:100%; line-height:100%; font-weight:normal; font:inherit; font-variant-ligatures:none; font-feature-settings:"palt" 1; }
ruby				{ vertical-align:baseline; }
ul,ol				{ margin:0; padding:0; }
li				{ margin:0; padding:0; display:block; list-style:none outside none; }
li img				{ vertical-align:top;margin:0;padding:0; }
li a img				{ vertical-align:top;margin:0;padding:0; }
b				{ display:inline; max-width:unset; margin:auto; font-size:inherit; font-weight:bold; vertical-align:baseline; }
i				{ display:inline; max-width:unset; margin:auto; font-size:inherit; font-style:italic; vertical-align:baseline; }
s				{ display:inline; max-width:unset; margin:auto; font-size:inherit; font-style:normal; text-decoration:line-through; vertical-align:baseline; }
dl				{ display:block; margin:0; padding:0; }
dt				{ display:block; clear:both; margin:0; padding:0; }
dd				{ display:inline; margin:0; padding:0;  }
table				{ border-collapse:collapse; border-spacing: 0; border:0 solid #ccc; table-layout:fixed; empty-cells:show; margin:0; padding:0; }
td,th				{ margin:0; padding:5px; font-size:80%; line-height:1.35; }

/* ----- WM ----- */
* div.WM				{ display:inline-block !important; float:none !important; color:#777 !important; width:auto !important; max-width:1000px !important; height:auto !important; margin:0.5em auto !important; padding:1.0em !important; background:rgba(255,255,255,0.5) !important; border:thin solid tomato !important; font-style:normal !important; font-weight:normal !important; font-size:10px !important; line-height:125% !important; font-family:sans-serif !important; text-shadow:none !important; letter-spacing:0.1em !important; box-shadow:none !important; vertical-align:middle !important; }
* a.WM				{ clear:none !important; display:inline-block !important; float:none !important; color:#fff !important; width:auto !important; min-width:0 !important; height:auto !important; min-height:0 !important; margin:0 0.5em 1px 0 !important; padding:4px 4px 2px 4px !important; border:none !important; border-radius:unset !important; background:tomato !important; font-style:normal !important; font-weight:normal !important; font-size:10px !important; line-height:125% !important; font-family:sans-serif !important; text-shadow:none !important; letter-spacing:0.1em !important; box-shadow:none !important; filter:none !important; opacity:1 !important; }
* a.WM::before			{ content:none !important; }
* a.WM::after			{ content:none !important; }
* a.WM:link			{ color:#fff !important; text-decoration:none !important; }
* a.WM:visited			{ color:#fff !important; text-decoration:none !important; }
* a.WM:hover			{ color:#000 !important; text-decoration:none !important; }
* a.WM:active			{ color:#000 !important; text-decoration:none !important; }
* em.WM				{ clear:none; display:inline-block !important; color:#d21 !important; width:auto !important; height:auto !important; margin:0 5px 0 0 !important; padding:2px 4px 2px 4px !important; border:none !important; background:transparent !important; font-style:normal !important; font-weight:bold !important; font-size:11px !important; line-height:125% !important; font-family:sans-serif !important;  letter-spacing:0.1em !important; text-shadow:none !important; }
@media print { body a.WM { display:none !important; } body em.WM { display:none !important; }}

/* -------------------------------------------------- ADDITION ITEM -------------------------------------------------- */
body				{ width:100%; height:100%; background:url(/com/img/bg.png) rgb(255,255,255) 50% 50% repeat scroll; color:#000; font-family:serif; font-size:18px; line-height:1.75; text-align:center; -webkit-text-size-adjust:150%; }
a				{ position:relative; display:inline; transition:filter 0.3s ease-in-out 0s, background-color 0.4s ease-in-out 0s, background-size 0.2s ease-in-out 0s, background-position 0.1s ease-in-out 0s, color 0.3s ease-in-out 0s, box-shadow 0.5s ease-in-out 0s, text-shadow 0.3s ease-in-out 0s; }
a:link				{ text-decoration:none; color:#427; }
a:visited				{ text-decoration:none; color:#427; }
a:hover				{ text-decoration:none; color:#72a; }
a:active				{ text-decoration:none; color:#72a; }
a *				{ transition:filter 0.3s ease-in-out 0s, background-color 0.4s ease-in-out 0s, background-size 0.2s ease-in-out 0s, color 0 ease-in-out 0s, box-shadow 0.5s ease-in-out 0s, text-shadow 0.3s ease-in-out 0s; background-position 0.1s ease-in-out 0s, border-color 0.1s ease-in-out 0s; }
a::after				{ display:inline-block; position:absolute; left:0; bottom:0.0em; z-index:1; margin:0.15em auto 0; width:1%; height:1px; background-color:transparent; transition:width 0.2s ease-in-out 0s, height 0.2s ease-in-out 0s, background-color 0.3s ease-in-out 0s, filter 0.3s ease-in-out 0s; }
a:hover::after			{ width:100%; background-color:rgba(0,123,187,1.0); }
a.TXTLINK				{ white-space: nowrap; }
a s.A_B_P				{ display:inline-block; width:0em; height:1em; line-height:1; text-decoration:none; vertical-align:text-top; }
a s.A_B_P::before			{ content:" "; padding-right:1em; }
a s.A_E_P				{ display:inline-block; width:1em; height:1em; line-height:1; text-decoration:none; vertical-align:text-top; }
a s.A_E_P::before			{ content:"..."; padding-right:1em; }

/* ---------- PAGE ---------- */
div#PAGE				{ position:static; width:100%; min-width:480px; height:100%; overflow:visible; margin:0 auto; padding:0; text-align:center; }
div#BODY				{ position:relative; z-index:30; width:auto; height:auto; min-height:100%; margin:0 auto 0 auto; background:url(/com/img/bg.png) rgb(255,255,255); }

/* ---------- BG ---------- */
div#BG				{ position:fixed; z-index:50; top:0; left:0; clear:both; display:none; width:100%; height:100%; overflow:hidden; margin:0; padding:0; background:rgba(16,0,8,0.5) 50% 50% no-repeat; }

/* ---------- HEADER ---------- */
div#HEADER			{ position:fixed; z-index:31; top:0; left:0; clear:both; display:block; width:100%; height:auto; margin:0 0 0 0; padding:20px 85px 20px 75px; text-align:left; }
div#HEADER span#TITLE		{ position:fixed; z-index:40; top:25px; right:25px; display:inline-block; float:right; width:70px; height:auto; margin:0 0 0 0; text-align:center; }
div#HEADER span#TITLE a#LOGO		{ display:inline-block; width:70px; height:100px; overflow:visible; margin:0 auto; padding:0 0; text-align:left; background:url(/com/img/logo.svg) 7px 100% no-repeat scroll; background-size:auto 180px; text-indent:-9999em; filter:brightness(0) invert(1) opacity(1.0); }
div#HEADER span#TITLE a#LOGO:hover	{ filter:brightness(0) opacity(1); }
div#HEADER span#TITLE span.EN		{ display:inline-block; height:auto; margin:0 auto -40px auto; padding:0 0; font-size:14px; text-align:center; color:rgba(255,255,255,1.0); border:none; }
div#HEADER span#TITLE span		{ display:inline-block; width:auto; margin:40px 0 0 0; padding:20px 0 0 0; color:rgba(255,255,255,1.0); font-size:11px; line-height:1.25; letter-spacing:0; border-top:1px solid rgba(255,255,255,0.3); }
div#HEADER span#TITLE span		{ transition:color 0.3s ease-in-out 0s; }
div#HEADER span#TITLE span a		{ display:inline-block; width:35px; height:15px; margin:10px auto 10px auto; padding:0 0; text-align:left; background:url(/com/img/logo_murasame.svg) 50% 0% no-repeat scroll; background-size:100% auto; text-indent:-9999em; filter:brightness(0) invert(1) opacity(0.8); }
div#HEADER ol			{ display:inline; z-index:41; width:auto; height:auto; overflow:visible; margin:0 0 0 0; padding:0; text-align:left; }
div#HEADER ol li			{ display:inline-block; width:auto; height:auto; overflow:visible; margin:0; padding:0 10px 0 10px; line-height:20px; }
div#HEADER ol li a			{ display:inline-block; width:auto; height:auto; overflow:visible; margin:0; padding:5px 10px; font-size:15px; line-height:20px; letter-spacing:0; text-shadow:0 0 1px rgba(0,0,0,0.2); overflow-wrap:break-word; text-align:center; }
div#HEADER ol li a			{ color:#fff; filter:opacity(0.8); }
div#HEADER ol li a:hover		{ filter:opacity(1.0); text-shadow:0 0 1px rgba(255,255,255,0.2); }
div#HEADER ol li a::after		{ position:absolute; bottom:-6px; left:50%; width:4px; height:4px; margin:0 0 0 -2px; background:rgba(255,255,255,0.8); border-radius:50%; }
div#HEADER ol li a:hover::after	{ background:rgba(255,255,255,1.0); }
div#HEADER ol li.TOP		{ margin:0 0 0 -45px; padding-left:0; }
div#HEADER ol li.TOP a		{ display:inline-block; width:35px; height:35px; margin:0 auto; padding:0 0; text-align:left; background:url(/com/img/logo.svg) 0% 0% no-repeat scroll; background-size:auto 110px; text-indent:-9999em; filter:brightness(0) invert(1) opacity(0.75); }
div#HEADER ol li.TOP a:hover		{ filter:brightness(0) invert(1) opacity(1.0); }
div#HEADER ol.SNS_LINK			{ display:inline-block; margin:0 0 0px 15px; }
div#HEADER ol.SNS_LINK li			{ margin:0 0 0 5px; padding:0 5px; }
div#HEADER ol.SNS_LINK li a			{ display:inline-block; width:20px; height:20px; margin:auto; background:transparent 50% 50% no-repeat scroll; background-size:90% auto; border-radius:unset; text-align:center; text-indent:-9999em; }
div#HEADER ol.SNS_LINK li a			{ filter:brightness(0) invert(1) opacity(0.6); }
div#HEADER ol.SNS_LINK li a:hover		{ filter:brightness(1) invert(0) opacity(1.0); }
div#HEADER ol.SNS_LINK li a.INSTAGRAM		{ background-image:url(/com/img/icon_instagram.svg); }
div#HEADER ol.SNS_LINK li a.FACEBOOK		{ background-image:url(/com/img/icon_facebook.svg); }
div#HEADER ol.SNS_LINK li a.TWITTER		{ background-image:url(/com/img/icon_x.svg); }
div#HEADER ol.SNS_LINK li a.YOUTUBE		{ background-image:url(/com/img/icon_youtube.svg); }
div#HEADER ol.SNS_LINK li a.LINE		{ background-image:url(/com/img/icon_line.svg); }

div#HEADER ul.LANG				{ display:inline-block; margin:0 0 5px 15px; padding:0 0 0 0; width:auto; border:none; line-height:20px; text-align:center; vertical-align:bottom; }
div#HEADER ul.LANG li			{ display:inline-block; margin:7px 0 0 -2px; padding:0 10px; border-left:1px solid rgba(255,255,255,0.2); }
div#HEADER ul.LANG li a			{ display:inline-block; padding:5px 2px; font-size:13px; line-height:14px; font-weight:bold; }
div#HEADER ul.LANG li a:link			{ color:rgba(255,255,255,0.6); }
div#HEADER ul.LANG li a:visited		{ color:rgba(255,255,255,0.6); }
div#HEADER ul.LANG li a:hover			{ color:rgba(255,255,255,1.0); }
div#HEADER ul.LANG li a:active		{ color:rgba(255,255,255,1.0); }
div#HEADER ul.LANG li.CURRENT a:link		{ color:rgba(255,255,255,0.2); }
div#HEADER ul.LANG li.CURRENT a:visited		{ color:rgba(255,255,255,0.2); }
div#HEADER ul.LANG li.CURRENT a:hover		{ color:rgba(255,255,255,1.0); }
div#HEADER ul.LANG li.CURRENT a:active		{ color:rgba(255,255,255,1.0); }

/*BLACK*/
div#HEADER.BLACK				{ }
div#HEADER.BLACK span#TITLE a#LOGO		{ filter:brightness(0) invert(0) opacity(0.75); }
div#HEADER.BLACK span#TITLE span		{ color:rgba(0,0,0,0.8); border-color:rgba(0,0,0,0.3); }
div#HEADER.BLACK span#TITLE span a		{ filter:brightness(0) invert(0) opacity(0.8); }
div#HEADER.BLACK ol				{ border-color:rgba(0,0,0,0.1); }
div#HEADER.BLACK ol li a			{ color:#000; filter:opacity(0.8); }
div#HEADER.BLACK ol li a:hover		{ filter:opacity(1.0); }
div#HEADER.BLACK ol li a::after		{ background:rgba(0,0,0,0.8); }
div#HEADER.BLACK ol li a:hover::after		{ background:rgba(0,0,0,1.0); }
div#HEADER.BLACK ol li.TOP a			{ filter:brightness(0) invert(0) opacity(0.75);; }
div#HEADER.BLACK ol li.TOP a:hover		{ filter:brightness(0) invert(0) opacity(1.0); }
div#HEADER.BLACK ol li.SNS_LINK a		{ filter:brightness(0) invert(0) opacity(0.6); }
div#HEADER.BLACK ol li.SNS_LINK a:hover		{ filter:brightness(1) invert(0) opacity(1.0); }
div#HEADER.BLACK ul.LANG li			{ border-color:rgba(0,0,0,0.2); }
div#HEADER.BLACK ul.LANG li a:link		{ color:rgba(0,0,0,0.6); }
div#HEADER.BLACK ul.LANG li a:visited		{ color:rgba(0,0,0,0.6); }
div#HEADER.BLACK ul.LANG li a:hover		{ color:rgba(0,0,0,1.0); }
div#HEADER.BLACK ul.LANG li a:active		{ color:rgba(0,0,0,1.0); }
div#HEADER.BLACK ul.LANG li.CURRENT a:link	{ color:rgba(0,0,0,0.2); }
div#HEADER.BLACK ul.LANG li.CURRENT a:visited	{ color:rgba(0,0,0,0.2); }
div#HEADER.BLACK ul.LANG li.CURRENT a:hover	{ color:rgba(0,0,0,1.0); }
div#HEADER.BLACK ul.LANG li.CURRENT a:active	{ color:rgba(0,0,0,1.0); }

/* -- NAVI -- */
a#NAVI				{ display:block; position:fixed; z-index:101; top:5px; right:5px; width:60px; height:60px; margin:0; padding:0; background:transparent url(/com/img/symbol_navi.svg) no-repeat 50% 0%; background-size:100% auto; text-indent:40px; color:rgba(130,90,30,0.0); text-shadow:0 0 20px rgba(130,90,30,0.0); font-size:65%; font-weight:bold; line-height:125%; letter-spacing:0.2em; text-indent:-9999px; }
a#NAVI				{ transition:unset; }
a#NAVI:link			{ color:rgba(130,90,30,0.0); }
a#NAVI:visited			{ color:rgba(130,90,30,0.0); }
a#NAVI:hover			{ text-shadow:0 0 0px rgba(130,90,30,1.0);}
a#NAVI:active			{ color:rgba(130,90,30,1.0); }

/* ---------- CAT ---------- */
div#CAT				{ display:block; width:auto; height:auto; margin:0 auto 0 auto; padding:0 0 0 0; text-align:center; }
div#CAT ol			{ clear:both; display:block; width:auto; height:auto; margin:0 0 0 0; padding:0 0 0 0; }
div#CAT ol li			{ display:block; width:auto; height:auto; overflow:hidden; margin:0 0 0 0; padding:0.45em 0 0.45em 0; border-bottom:2px groove rgba(255,255,255,0.2); }
div#CAT ol li a			{ display:block; width:auto; margin:0 0 0 0; padding:0 20px 0 0; text-align:right; font-size:80%; line-height:150%; letter-spacing:0.1em; }
div#CAT ol li a:link		{ color:rgba(0,0,0,0.6); }
div#CAT ol li a:visited		{ color:rgba(0,0,0,0.6); }
div#CAT ol li a:hover		{ color:rgba(0,0,0,0.8); text-decoration:underline; }
div#CAT ol li a:active		{ color:rgba(0,0,0,0.8); }
div#CAT ol li.CURRENT a		{ background-position:100% -97px; }

/* ---------- FOOTER ---------- */
div#FOOTER				{ position:relative; z-index:30; display:block; width:100%; height:auto; margin:0 0 0 0; padding:0px 25px; background:rgb(247,247,247); border-top:1px solid rgba(0,0,0,0.05); text-align:left; }
div#FOOTER ul.LANG				{ display:block; float:right; width:auto; margin:0 0 0 0; padding:35px 0 20px 0; text-align:center; }
div#FOOTER ul.LANG li			{ display:inline-block; overflow:visible; padding:0 15px; margin:0 -2px 0 0; border-left:1px solid rgba(0,0,0,0.1); }
div#FOOTER ul.LANG li:first-child		{ border-left:none; }
div#FOOTER ul.LANG li a			{ position:relative; display:inline-block; padding:0 0 0 0; overflow:visible; font-family:serif; font-size:12px; line-height:1.5; letter-spacing:0.05em; font-weight:bold; }
div#FOOTER ul.LANG li a:link			{ color:#777; }
div#FOOTER ul.LANG li a:visited		{ color:#777; }
div#FOOTER ul.LANG li a:hover			{ color:#000; }
div#FOOTER ul.LANG li a:active		{ color:#000; }
div#FOOTER ul.LANG li.CURRENT a::after		{ content:""; position:absolute; bottom:-6px; left:50%; width:4px; height:4px; margin:0 0 0 -2px; background:#222; border-radius:50%; }
div#FOOTER ul.LANG li.CURRENT a:link		{ color:#222; }
div#FOOTER ul.LANG li.CURRENT a:visited		{ color:#222; }
div#FOOTER ul.LANG li.CURRENT a:hover		{ }
div#FOOTER ul.LANG li.CURRENT a:active		{ }
div#FOOTER ul.LANG li.CURRENT a:hover::after	{ background:#000; }


div#FOOTER a.LOGO				{ display:block; width:130px; height:35px; margin:35px 0 0 50px; padding:0; background:transparent url(/com/img/logo.svg) 0% 0% no-repeat scroll; background-size:auto 110px; text-indent:-9999em; filter:brightness(0) invert(0) opacity(0.75); text-align:center; }
div#FOOTER a.LOGO:hover			{ filter:brightness(0) invert(0) opacity(1.0) drop-shadow(0 0 3px rgba(255,255,255,0.8)) ; }
div#FOOTER p				{ display:block; width:400px; height:auto; margin:35px 0 0 50px; padding:0; text-align:left; font-size:14px; line-height:2.0; }

/* -- INFO -- */
div#FOOTER div.INFO				{ display:block; width:400px; max-width:unset; margin:35px 0 0 50px; padding:0; font-size:13px; line-height:1.5; text-align:left; vertical-align:bottom; }
div#FOOTER div.INFO strong			{ display:none; width:auto height:auto; margin:10px 20px 10px 0; padding:0 0; font-family:serif; font-weight:bold; vertical-align:middle; }
div#FOOTER div.INFO span			{ display:inline-block; width:100%; margin:5px 0; padding:0 15px 0 0; vertical-align:middle; }
div#FOOTER div.INFO span em			{ display:inline; width:auto; margin:0 5px 0 0; padding:0 0 0 0; color:#444; font-family:sans-serif; font-size:13px; font-style:normal; font-weight:bold; vertical-align:baseline; }
div#FOOTER div.INFO span a			{ display:inline; vertical-align:baseline; }

div#FOOTER div.INFO span a.LINK_GoogleMap		{ display:inline-block; width:auto; height:auto; margin:0px 0 0px 5px; padding:2px 10px 2px 5px; vertical-align:bottom; border-radius:10px; font-family:sans-serif; font-size:10px; line-height:15px; letter-spacing:0; text-align:left; letter-spacing:0; background:transparent url(/com/img/symbol.svg) no-repeat 50% 75%; background-size:auto 294px; vertical-align:top; }
div#FOOTER div.INFO span a.LINK_GoogleMap:link		{ color:#fff; background:rgba(16,0,8,0.5); }
div#FOOTER div.INFO span a.LINK_GoogleMap:visited		{ color:#fff; background:rgba(16,0,8,0.5); }
div#FOOTER div.INFO span a.LINK_GoogleMap:hover		{ color:#fff; background:rgba(32,0,24,0.8); }
div#FOOTER div.INFO span a.LINK_GoogleMap:active		{ color:#fff; background:rgba(32,0,24,0.8); }
div#FOOTER div.INFO span a.LINK_GoogleMap::before		{ content:""; display:inline-block; width:14px; height:12px; margin:0 3px 0 0; padding:0; background:transparent url(/com/img/symbol.svg) no-repeat 50% 75%; background-size:auto 294px; vertical-align:middle; filter:brightness(0) invert(1) opacity(1.0); }
div#FOOTER div.INFO span a.LINK_GoogleMap:hover::before	{ filter:brightness(0) invert(1) opacity(1.0); }

div#FOOTER div.INFO span em.ADDR 			{ display:inline-block; vertical-align:middle; text-indent:-9999em; width:20px; height:20px; margin:0 5px 0 0; background:transparent url(/com/img/symbol.svg) no-repeat 50% 75%; background-size:auto 420px; filter:brightness(0) invert(0) opacity(0.6); }
div#FOOTER div.INFO span em.EMAIL 			{ display:inline-block; vertical-align:middle; text-indent:-9999em; width:20px; height:20px; margin:0 5px 0 0; background:transparent url(/com/img/symbol.svg) no-repeat 50% 90%; background-size:auto 420px; filter:brightness(0) invert(0) opacity(0.6); }
div#FOOTER div.INFO span em.TEL 			{ display:inline-block; vertical-align:middle; text-indent:-9999em; width:20px; height:20px; margin:0 5px 0 0; background:transparent url(/com/img/symbol.svg) no-repeat 50% 85%; background-size:auto 420px; filter:brightness(0) invert(0) opacity(0.6); }
div#FOOTER div.INFO span em.FAX 			{ display:inline-block; vertical-align:middle; text-indent:-9999em; width:20px; height:20px; margin:0 5px 0 0; background:transparent url(/com/img/symbol.svg) no-repeat 50% 95%; background-size:auto 420px; filter:brightness(0) invert(0) opacity(0.6); }

div#FOOTER ol.SNS_LINK			{ width:auto; display:block; margin:25px 10px 10px 35px; text-align:left; }
div#FOOTER ol.SNS_LINK li			{ display:inline-block; margin:0 10px 0 10px; border:none; }
div#FOOTER ol.SNS_LINK li a			{ display:inline-block; width:35px; height:35px; margin:auto; background:transparent 50% 50% no-repeat scroll; background-size:85% auto; border-radius:unset; text-align:center; text-indent:-9999em; }
div#FOOTER ol.SNS_LINK li a			{ filter:brightness(0) invert(0) opacity(0.6); }
div#FOOTER ol.SNS_LINK li a:hover		{ filter:brightness(1) invert(0) opacity(1.0); }
div#FOOTER ol.SNS_LINK li a.INSTAGRAM		{ background-image:url(/com/img/icon_instagram.svg); }
div#FOOTER ol.SNS_LINK li a.FACEBOOK		{ background-image:url(/com/img/icon_facebook.svg); }
div#FOOTER ol.SNS_LINK li a.TWITTER		{ background-image:url(/com/img/icon_x.svg); }
div#FOOTER ol.SNS_LINK li a.YOUTUBE		{ background-image:url(/com/img/icon_youtube.svg); }
div#FOOTER ol.SNS_LINK li a.LINE		{ background-image:url(/com/img/icon_line.svg); }

div#FOOTER span#COPYRIGHT			{ display:inline-block; width:auto; height:auto; margin:50px 0 100px 50px; padding:0 0 0 0;  color:rgba(0,0,0,0.8); letter-spacing:0; text-align:center; font-size:11px; line-height:1.25; }

/* -- NEXT -- */
a#NEXT				{ position:fixed; bottom:15px; left:15px; z-index:200; clear:both; display:none; width:auto; height:25px; overflow:hidden; margin:0 0 0 0; padding:75px 0 0 0; background:transparent url(/com/img/symbol.svg) 50% 90% no-repeat; text-align:left; text-indent:-9999px; font-size:65%; }
a#NEXT:link			{ color:#000; background-position:50% 0px; }
a#NEXT:visited			{ color:#000; background-position:50% 0px; }
a#NEXT:hover			{ color:#000; background-position:50% -200px; }
a#NEXT:active			{ color:#000; background-position:50% -200px; }
/*  TOP_BALLOON */
div#BALLOON			{ position:fixed; bottom:50px; left:150px; display:none; width:230px; height:40px; z-index:255; margin:0 0 0 0; padding:0 0 0 0; background:transparent url(/com/img/balloon_bg.png) 0px 0px scroll no-repeat; text-align:center; }
div#BALLOON span			{ display:block; width:auto; height:auto; margin:10px auto 0 auto; padding:0 10px; color:rgba(0,0,0,1.0); font-size:75%; line-height:135%; letter-spacing:0.05em;  }
div#BALLOON span strong		{ display:block; width:auto; height:auto; margin:0 0 0.2em 0; padding:0 0 0 0; color:rgba(0,0,0,0.8); font-size:inherit; }






/* ---------- JSS ---------- */
div#JSS				{ position:relative; clear:both; width:auto;  height:auto; min-height:200px; margin:0 auto 0 auto; padding:0 0 0 0; }
div#JSS div.OBJ			{ position:relative; clear:both; width:auto; height:auto; min-height:100%; margin:0 auto; padding:0 0 100px 0; text-align:center; }
div.OBJ div			{ position:static; clear:both; width:calc(100% - 30px); max-width:1000px; height:auto; margin:0 0 0 0; padding:0 0 0 0; }
div.OBJ div p			{ width:100%; }
div.OBJ div h2			{ width:100%; }
div.OBJ div.IMG			{ display:inline-block; width:calc(100% - 80px); max-width:600px; height:auto; margin:0 30px 50px 0; padding:0 0; text-align:center; vertical-align:top; }

/* ---------- FORMAT ---------- */
div h1				{ clear:both; display:block; width:calc(100% - 30px); max-width:750px; height:auto; margin:220px auto 150px auto; padding:0 0 0 0; font-family:serif; font-size:25px; font-weight:bold; line-height:30px; letter-spacing:0.3em; }
div.EN div h1			{ font-weight:normal; letter-spacing:0.05em; }
div h2				{ clear:both; display:block; width:calc(100% - 30px); max-width:750px; height:auto; margin:50px auto 100px auto; padding:0 0 0 0; font-family:serif; font-size:24px; line-height:1.5; letter-spacing:0.1em; font-weight:normal; }
div h3				{ clear:both; display:block; width:calc(100% - 30px); max-width:750px; height:auto; margin:50px auto 25px auto; padding:0 0 0 0; font-size:15px; line-height:125%; letter-spacing:0.1em; font-weight:bold; }
div hr				{ clear:both; display:block; width:110%; max-width:110%; height:1px; margin:100px -5% 100px -5%; padding:0 0 0 0; border:none; border-top:1px solid rgba(0,0,0,0.05); background:transparent; color:#fff; line-height:normal; }
div p				{ clear:both; display:block; width:calc(100% - 30px); max-width:750px; height:auto; margin:0 auto 50px auto; padding:0 85px 0 0; font-size:16px; line-height:2.5; letter-spacing:0.1em; text-align:left; }
html[lang=en] div p			{ letter-spacing:0.5px; }
div p a				{ font-size:inherit; font-family:sans-serif; letter-spacing:0.5px; vertical-align:baseline; }
div p a:link			{ }
div p a:visited			{ }
div p a:hover			{ text-decoration:underline; }
div p a:active			{ }
div p img				{ clear:both; display:inline-block; float:left; margin:0 1.0em 1.0em 0; padding:0; background:#fff; }
div p small			{ display:block; width:auto; margin:1.0em 0 1.0em 0; font-size:80%; line-height:1.35; }
div p small img			{ display:inline-block; float:left; margin:0 15px 15px 0; }
div p small strong			{ display:block; width:auto; margin:0 0 1.0em 0; font-weight:bold; }

div span.DATA			{ clear:both; display:block; width:calc(100% - 30px); max-width:750px; height:165px; margin:2.0em auto 0 auto; padding:0 0 0 0; color:rgba(0,0,0,0.6); font-size:75%; line-height:150%; letter-spacing:0.1em; }
div span.TIME			{ clear:both; display:inline; float:left; width:100%; height:30px; margin:-15px 0px 0px 30px; padding:0px; font-size:11px; }
div span.TIME a			{ clear:both; display:inline; float:right; }

/* NOTE */
div p span			{ display:block; clear:both; width:auto; height:auto; margin:1.0em 0 0 0; padding:1.0em 0 0 0; color:rgba(0,0,0,0.8); border-top:thin dotted rgba(0,0,0,0.2); font-family:sans-serif; font-size:12px; line-height:1.5; }
div p span a			{ padding:0 0.5em 0 0.1em; font-size:95%; }

/* DL DT DD */
dl				{ clear:both; display:block; width:calc(100% - 30px); max-width:750px; overflow:hidden; margin:50px auto 0 auto; padding:0 0 0 0; font-size:17px; line-height:25px; text-align:left; }
dl dt				{ clear:both; display:inline-block; width:100px; height:auto; overflow:hidden; margin:0 25px 0 0; padding:10px 0 0 0; color:#444; font-size:85%; line-height:25px; font-weight:bold; vertical-align:top; }
dl dd				{ clear:none; display:inline-block; width:calc(100% - 125px); height:auto; overflow:hidden; margin:0 0 0 0; padding:10px 0 10px 0; vertical-align:top; }
dl dd a				{ vertical-align:baseline; }
dl dd strong			{ clear:both; display:block; 	width:auto; height:auto; margin:0 0 0 0; padding:0 0 0.5em 0; font-weight:bold; }
dl span.GIMG			{ margin:0 0 0 0; }
dl img				{ float:left; margin:0px 5px 5px 0px; clear:none; display:inline; float:left; margin:0 1.0em 1.0em 0; border:1px solid #eee; }
dl dd a:link img			{ border:1px solid #eee; }
dl dd a:visited img			{ border:1px solid #eee; }
dl dd a:hover img			{ border:1px solid #000; }
dl dd a:active img			{ border:1px solid #000; }
/* CHILD */
dl dd h3				{ clear:none; margin:0 0 0.5em 0; padding:0 0 0 0; font-size:90%; font-weight:normal;  }
dl dd dl				{ clear:none; margin:0 0 0 0; padding:0 0 0 0; border:none; font-size:85%; line-height:150%; color:rgba(0,0,0,0.6);; }
dl dd dl dt			{ padding:0 0 0.5em 0; }
dl dd dl dd			{ padding:0 0 0.5em 0; }

/* -- MOVIE (for YouTUbe tag) -- */
div.OBJ div.CODE					{ width:100%; max-width:unset; height:auto; min-height:850px; margin:0 auto; padding:50px 0 0 0; background:rgba(0,0,0,0.01); text-align:center; }
div.OBJ div.CODE iframe				{ }
div.OBJ div.CODE div.PROP				{ position:relative; display:inline-block; width:100%; min-width:450px; height:0; min-height:150px; margin:0 auto 2.5em auto; padding:26.6% 1% 0 1%; }
div.OBJ div.CODE div.PROP iframe			{ position:absolute; top:0; left:0; display:inline-block; width:100%; height:100%;  overflow:auto; margin:0 auto 0 auto; padding:1%; }
div.OBJ div.CODE div.PROP object			{ max-width:100%; }
div.OBJ div.CODE div.PROP param			{ max-width:100%; }
div.OBJ div.CODE div.PROP embed			{ max-width:100%; overflow:auto; margin:0 auto 2.5em auto; }

/* -- MOVIE (for YouTUbe tag) -- */
div.OBJ iframe				{ max-width:100%; overflow:auto; margin-bottom:3.0em; }
div.OBJ object				{ max-width:100%; }
div.OBJ param				{ max-width:100%; }
div.OBJ embed				{ max-width:100%; overflow:auto; margin-bottom:3.0em; }

/* -- GoogleMap -- */
div#GoogleMap				{ background:#fff; width:100%; height:600px; max-width:unset; margin:0 auto; }
div#GoogleMap iframe			{ width:100%; height:600px; }
div#GoogleMap * 				{ overflow:visible; max-width:unset; }
div#GoogleMap p.map_comment			{ width:auto; max-width:unset; min-width:23.0em; margin:0 0 0 0; font-size:13px; letter-spacing:0.05em; }


/* ------------------------------- IMAGE ------------------------------- */
div.IMAGES				{ position:relative; top:0; right:0; clear:both; display:inline; width:100%; max-width:unset; height:auto; overflow:visible; background:#201; margin:0 0 0 0; padding:0 0 0 0; text-align:center; }
div.IMAGES img				{ position:relative; clear:none; display:block; margin:0px 1px 1px 0px; background:transparent; }
div.IMAGES div				{ position:relative; top:0; clear:none; display:block; width:100%; max-width:unset; height:100%; max-height:100%; overflow:visible; margin:0 1px 1px 0; }
div.IMAGES div span				{ position:relative; clear:both; display:block; width:100%; height:100%; min-height:200px; max-height:100%; overflow:hidden; margin:0 0 0 0; padding:0 0 0 0; background:no-repeat 50% 50%; background-size:contain; }
div.IMAGES div span img			{ top:0px; clear:both; display:block; width:100%; height:auto; margin:0 1px 1px 0; }
div.IMAGES div img				{ clear:none; display:block; float:none; height:auto; margin:0 auto; }
div.IMAGES div span.COMP img			{ width:auto; height:auto; max-height:100%; margin:0 auto; box-shadow:4px 4px 12px rgba(24,8,16,0.05), 0px 0px 3px rgba(24,8,16,0.1); }
div.IMAGES div span.FIT img			{ box-shadow:4px 4px 12px rgba(24,8,16,0.05), 0px 0px 3px rgba(24,8,16,0.1); }

/* TXT */
div.IMAGES div div.TXT			{ position:absolute; z-index:2; top:auto; left:0; bottom:0px; clear:both; display:block; width:100%; max-width:unset; height:auto; min-height:150px; margin:0 0 0 0; padding:0 0 0 0; background:transparent; text-align:center; }
div.IMAGES div div.TXT div			{ position:static; display:inline-block; width:100%; max-width:100%; height:auto; margin:0 auto; padding:0.6em 0 0 0; }
div.IMAGES div div.TXT div h2			{ position:static; clear:none; display:block; width:30%; height:auto; margin:0 0 0 0; padding:0 0 1.0em 0; letter-spacing:0.1em; font-weight:bold; font-size:100%; line-height:135%; text-align:left; }
div.IMAGES div div.TXT div p			{ clear:none; display:inline-block; width:100%; max-width:100%; height:auto; min-height:50px; margin:0 auto; padding:0 0 0 0; color:#777; font-size:14px; line-height:1.5; letter-spacing:0.5px; text-align:center; }
/* CONS */
div.IMAGES div.CONS				{ position:absolute; top:auto; bottom:0; left:0; z-index:12; display:inline-block; width:100%; max-width:unset; height:auto; min-height:0; overflow:visible; margin:0 auto 0 auto; padding:0 0 0 0; line-height:1; background:transparent; }
div.IMAGES div.CONS ol			{ clear:both; display:inline-block; width:auto; height:auto; margin:0 auto 10px auto; padding:0; line-height:1; }
div.IMAGES div.CONS ol li			{ clear:none; display:inline-block; width:auto; height:auto; margin:0 1px 0 0; padding:0; }
div.IMAGES div.CONS a			{ clear:none; display:inline-block; width:20px; height:20px; overflow:hidden; margin:0; padding:0; background:transparent url(/com/img/symbol_images.svg) no-repeat 50% 40%; background-size:auto 220px; border:none; cursor:pointer; color:#fff; text-indent:-9999px; font-weight:300; font-size:65%; }
div.IMAGES div.CONS a			{ transition:none; }
/* NEXTIMAGE */
div.IMAGES a.NEXTIMAGE			{ position:absolute; top:0; right:0; z-index:25; clear:none; display:block; width:75px; height:100%; overflow:hidden; margin:0 0 0 auto; padding:0 0 0 0; background:transparent; background-color:rgba(0,0,0,0.02); cursor:pointer; text-align:left; color:#fff; text-indent:-9999px; font-size:9px; letter-spacing:0.1em; }
div.IMAGES a.NEXTIMAGE::before		{ content:""; display:block; position:absolute; top:50%; width:50px; height:50px; margin:-25px 0 0 15px; background:transparent url(/com/img/symbol_images.svg) no-repeat 50% 0%; background-size:auto 550px; }
div.IMAGES a.NEXTIMAGE:link			{ color:#fff; background-color:rgba(0,0,0,0.0); }
div.IMAGES a.NEXTIMAGE:visited		{ color:#fff; background-color:rgba(0,0,0,0.0); }
div.IMAGES a.NEXTIMAGE:hover			{ color:#fff; background-color:rgba(0,0,0,0.1); }
div.IMAGES a.NEXTIMAGE:active			{ color:#fff; background-color:rgba(255,255,255,0.8); }
div.IMAGES a.PREVIMAGE			{ position:absolute; top:0; left:0; z-index:25; clear:none; display:none; width:75px; height:100%; overflow:hidden; margin:0 0 0 auto; padding:0 0 0 0; background:transparent; background-color:rgba(0,0,0,0.0); cursor:pointer; text-align:left; color:#fff; text-indent:-9999px; font-size:9px; letter-spacing:0.1em; }
div.IMAGES a.PREVIMAGE::before		{ content:""; display:block; position:absolute; top:50%; width:50px; height:50px; margin:-25px 0 0 15px; background:transparent url(/com/img/symbol_images.svg) no-repeat 50% 20%; background-size:auto 550px; }
/* -- overwrite IMAGE in div.SECTION -- */
div.OBJ div.IMAGES				{ position:relative; display:block; width:100px; max-width:100%; height:auto; overflow:visible; margin:0 auto 50px auto; padding:0 0 0 0; }
div.OBJ div.IMAGES div			{ width:100%; height:100%; margin:0 0 0 0; }
div.OBJ div.IMAGES div.TXT			{ bottom:-150px; height:auto; overflow:hidden; margin:0 0 0 0; }
div.OBJ div.IMAGES div.CONS			{ display:block; bottom:-10px; width:100%; height:auto; padding:0; text-align:center; }
div.OBJ div.IMAGES div.CONS ol		{ display:block; }
div.OBJ div.IMAGES div.CONS ol li		{ }
div.OBJ div.IMAGES div.CONS ol li a		{ }
div.OBJ div.IMAGES a.NEXTIMAGE		{ }
/* ---------- IMAGES.FULLSCREEN ---------- */
div.IMAGES a.FULLSCREEN			{ position:absolute; top:0px; left:0px; z-index:11; display:none; width:100%; height:100%; background:transparent; background-size:100% auto; }
div.IMAGES a.FULLSCREEN::before		{ content:""; display:block; position:absolute; top:50%; width:50px; height:50px; margin:-25px auto 0 auto; background:transparent url(/com/img/symbol_images.svg) no-repeat 50% 90%; background-size:100% auto; }
div.OBJ div.IMAGES a.FULLSCREEN	 	{ display:none; cursor:pointer; }
div#FULLSCREEN_BG				{ position:fixed; top:0px; left:0px; z-index:100; display:none; width:100%; height:100%; background:rgb(253,252,251); cursor:pointer; }
div#FULLSCREEN_BG span			{ z-index:102; display:block; float:left; width:auto; height:auto; padding:25px; margin:0 0 5.0em 0px; text-align:left; color:rgba(170,170,170,1.0); text-shadow:0 0 0.1em rgba(80,64,72,0.2); font-size:115%; font-weight:200; line-height:1.1em; letter-spacing:0.05em; font-family:Helvetica, Arial, sans-serif; background:transparent; } 
div#FULLSCREEN_BG span.ja			{ font-size:105%; line-height:125%; }
div#FULLSCREEN_BG h1			{ clear:none; display:block; width:590px; height:auto; overflow:hidden; margin:-0.1em 0 15px auto; padding:25px; color:#000; text-align:left; font-size:inherit; font-weight:200; line-height:inherit; letter-spacing:0.05em; }

/* ------------------------------- LOOK ------------------------------- */
span.LOOK				{ cursor:zoom-in; }
div#LOOK				{ position:fixed; z-index:200; top:0; left:0; display:block; width:100%; height:100%; overflow:hidden; background:rgba(0,0,0,0.8); cursor:zoom-out; }
div#LOOK div			{ position:relative; top:0; left:0; display:inline-block; width:100%; height:auto; text-align:left; vertical-align:middle; }
div#LOOK div div.LOOKIMG		{ position:relative; display:inline-block; width:100vw; height:100vh; text-align:center; }
div#LOOK div div.LOOKIMG::before	{ content:""; display:inline-block; width:1px; height:100%; margin:0 0 0 -1px; vertical-align:middle; }
div#LOOK div div.LOOKIMG img		{ position:relative; width:auto; max-width:calc(100% - 40px); height:auto; max-height:calc(100vh - 40px); margin:0 auto; }

/* ------------------------------- GIMG ------------------------------- */
span.GIMG					{ position:relative; clear:both; display:inline-block; width:100%; max-width:100%; margin:0 0 2.0em 0; padding:65% 0 0 0; overflow:hidden; border:none; vertical-align:top; }
div.OBJ div span.GIMG			{ width:98%; max-width:100%; margin:0 1% 2% 1%; }
span.GIMG span				{ position:absolute; top:0; width:100%; height:100%; margin:0 0; padding:0; overflow:visible; border:none; background:50% 50% no-repeat scroll; background-size:contain; text-align:center; }
span.GIMG span.FIT				{ width:100%; margin:0; }
span.GIMG span img				{ position:relative; display:block; width:auto; height:100%; margin:0 auto; padding:0; overflow:visible; transition:margin 0.8s ease-in-out 0s; }
div.OBJ p span.GIMG				{ float:left; margin:0 1.0em 0.5em 0; background-color:#fff; border:none; text-align:center; }
div.OBJ p span.GIMG span			{ max-width:none; }
div.OBJ p span.GIMG img			{ display:block; float:none; margin:0 auto; }

/* ------------------------------- JSS FACTORS ------------------------------- */
div.JSS_BOX				{ position:absolute; display:block; bottom:0; right:0; width:12px; height:12px; margin:0 0 0 0; padding:0 0 2px 0; background:#dedbd6 50% 50% repeat scroll; }
div.JSS_BAR				{ position:absolute; z-index:50; bottom:0; left:auto !important; right:0; width:10px; height:10px; overflow:hidden; margin:0 1px 0 0; padding:0 0 1px 0; background-color:#fff; box-shadow:0px 0px 3px rgba(0,0,0,0.5); }
a.JSS_UP					{ position:absolute; bottom:12px; right:0; width:12px; height:12px; margin:-1px 0 0 0; text-indent:-9999px; background:#ddd url(/com/img/jss_up.png) 0% 50% scroll no-repeat; }
a.JSS_UP:link				{ background-position:2px 1px; background-color:transparent; }
a.JSS_UP:visited				{ background-position:2px 1px; background-color:transparent; }
a.JSS_UP:hover				{ background-position:2px -19px; background-color:#000; }
a.JSS_UP:active				{ background-position:2px -19px; background-color:#000; }
a.JSS_DN					{ position:absolute; bottom:0; right:0; display:block; width:12px; height:12px; margin:0 0 0 0; text-indent:-9999px; background:#ddd url(/com/img/jss_dn.png) 0% 50% scroll no-repeat; }
a.JSS_DN:link				{ background-position:2px 1px; background-color:transparent; }
a.JSS_DN:visited				{ background-position:2px 1px; background-color:transparent; }
a.JSS_DN:hover				{ background-position:2px -19px; background-color:#000; }
a.JSS_DN:active				{ background-position:2px -19px; background-color:#000; }
div#JSS div.OBJ div.JSS_PAGETOP		{ clear:both; display:block; width:auto; height:5.0em; margin:5.0em auto 0 auto; padding:0 0 0 0; border:none; border-top:2px groove rgba(255,255,255,0.5); text-align:right; }
div#JSS div.OBJ div.JSS_PAGETOP a		{ display:block; float:right; width:50px; height:15px; margin:5px 0px 0px 0px; padding:20px 0px 0px 0px; background:url(/com/img/pagetop.png) 50% 0% no-repeat scroll; text-align:left; text-indent:-9999px; letter-spacing:0.1em; font-size:65%; }
div#JSS div.OBJ div.JSS_PAGETOP a:link		{ color:rgba(0,0,0,0.6); background-position:50% 0px; text-align:left; text-indent:-9999px; }
div#JSS div.OBJ div.JSS_PAGETOP a:visited	{ color:rgba(0,0,0,0.6); background-position:50% 0px; text-align:left; text-indent:-9999px; }
div#JSS div.OBJ div.JSS_PAGETOP a:hover		{ color:rgba(0,0,0,1.0); background-position:50% -100px; text-align:center; text-indent:0px; }
div#JSS div.OBJ div.JSS_PAGETOP a:active	{ color:rgba(0,0,0,1.0); background-position:50% -100px; text-align:center; text-indent:0px; }

/* -- LINK -- */
a.LINK					{ display:inline-block; width:auto; min-width:25%; margin:50px auto 100px auto; padding:10px 35px 10px 20px; border-radius:15px; box-shadow:0 0 3px rgba(0,0,0,0.1); text-align:center; color:#fff; font-family:sans-serif; font-size:15px; font-weight:bold; letter-spacing:3px; }
div.EN a.LINK				{ letter-spacing:1px; }
a.LINK:link				{ color:#fff; background:#320;  }
a.LINK:visited				{ color:#fff; background:#320;  }
a.LINK:hover				{ color:#fff; background:#210; }
a.LINK:active				{ color:#fff; background:; }
a.LINK::after				{ position:absolute; content: ""; top:35%; left:auto; right:20px; vertical-align: middle; width:0.5em; height:0.5em; background:transparent; border:0 solid #fff; border-top-width:3px; border-right-width:3px; transform:rotate(45deg); } /* -webkit-transform: rotate(45deg);*/
a.LINK::after				{ filter:opacity(0.6) grayscale(1.0); transition:filter 0.3s ease-in-out 0s; }
a.LINK:hover::after				{ filter:opacity(1.0) grayscale(0.0); }
a.LINK small				{ display:inline-block; padding:0 0 0 1.0em; vertical-align:middle; }

/* -- PDF -- */
a.PDF				{ clear:both; display:block; width:auto; height:auto; margin:0.5em 0 1.5em 0; padding:1.0em 0 1.0em 0; font-size:75%; line-height:150%; font-weight:normal; font-style:normal; border:1px dotted #aaa; }
a.PDF:link			{ color:#777; }
a.PDF:visited			{ color:#777; }
a.PDF:hover			{ color:#d21; }
a.PDF:active			{ color:#d21; }
a.PDF em				{ display:inline-block; float:left; width:auto; height:16px; margin:0 0 0 0; padding:0 1.0em 0 25px; background:transparent url(/com/img/pdf.png) 2px 50% no-repeat; color:#000; font-size:80%; line-height:200%; font-weight:bold; font-style:normal; }

/* -- PAGENAVI -- */
ol.PAGENAVI			{ clear:both; display:block; height:auto; margin:50px auto 50px auto; padding:0 0 0 0; font-size:13px; line-height:20px; text-align:center; letter-spacing:0; }
ol.PAGENAVI li			{ display:inline-block; width:auto; height:auto; margin:0 15px; padding:0; background:transparent 50% 50% no-repeat; }
ol.PAGENAVI li span			{ clear:both; display:inline-block; width:30px; height:30px; margin:0; padding:5px 5px; color:#fff; font-weight:bold; border-radius:50%; background:#000;}
ol.PAGENAVI li a			{ clear:both; display:inline-block; width:30px; height:30px; margin:0; padding:5px 5px; color:#fff; font-weight:bold; border-radius:50%; }
ol.PAGENAVI li a:link		{ background:#aaa;  }
ol.PAGENAVI li a:visited		{ background:#aaa;  }
ol.PAGENAVI li a:hover		{ background:#444;  }
ol.PAGENAVI li a:active		{ background:#444;  }
ol.PAGENAVI li.PREV			{ margin-left:0; }
ol.PAGENAVI li.PREV span		{ width:30px; height:30px; text-indent:0; background:transparent url(/com/img/symbol.svg) 50% 25% no-repeat; background-size:auto 630px; text-indent:-9999em; opacity:0.1; }
ol.PAGENAVI li.PREV a		{ width:30px; height:30px; text-indent:0; background:transparent url(/com/img/symbol.svg) 50% 25% no-repeat; background-size:auto 630px; text-indent:-9999em; opacity:0.8; }
ol.PAGENAVI li.PREV a:hover		{ opacity:1.0; }
ol.PAGENAVI li.NEXT			{ margin-right:0; }
ol.PAGENAVI li.NEXT span		{ width:30px; height:30px; text-indent:0; background:transparent url(/com/img/symbol.svg) 50% 20% no-repeat; background-size:auto 630px; text-indent:-9999em; opacity:0.1; }
ol.PAGENAVI li.NEXT a		{ width:30px; height:30px; text-indent:0; background:transparent url(/com/img/symbol.svg) 50% 20% no-repeat; background-size:auto 630px; text-indent:-9999em; opacity:0.8; }
ol.PAGENAVI li.NEXT a:hover		{ opacity:1.0;  }
ol.PAGENAVI li.P span		{ border:none; background:#000; color:#fff; }
ol.PAGENAVI li.P a			{ }
ol.PAGENAVI li.DOT			{ margin-left:0; margin-right:0; }
ol.PAGENAVI li.DOT span		{ width:auto; background:transparent; color:#aaa; }
ol.PAGENAVI li.PAGENO		{ width:100px; float:right; margin:0px 25px 0px 0px; text-align:right; font-size:80%; letter-spacing:0.5px; }
ol.PAGENAVI li.PAGENO strong		{ font-size:18px; font-weight:200;}

/* ------------------------------- PROJECT LIST ------------------------------- */
dl.PROJECT_LIST				{ margin-top:50px; font-size:100%; }
dl.PROJECT_LIST dt				{ width:18%; padding:1.0em 0 1.0em 0; border-top:thin groove rgba(0,0,0,0.3); font-size:90%; line-height:135%; letter-spacing:0.05em; }
dl.PROJECT_LIST dt span			{ clear:both; position:relative; width:75px; height:200px; margin:5px 0 0 0; padding:0 0 0 0; background:#fff; }
dl.PROJECT_LIST dt span span			{ position:absolute; width:100%; height:100%; margin:0 0 0 0; padding:0 0 0 0; background:transparent url(/com/img/noimg.png) no-repeat 50% 50%; background-size:contain; }
dl.PROJECT_LIST dt span span img		{ display:block; float:none; margin:0px auto; padding:0px; border:none; }

dl.PROJECT_LIST dd				{ padding:1.0em 0 2.0em 0; border-top:thin groove rgba(0,0,0,0.2); }
dl.PROJECT_LIST dd h2			{ width:auto; height:auto; margin:0 0 0 0; padding:0 0 1.0em 0; font-size:90%; line-height:135%; letter-spacing:0.1em; }
dl.PROJECT_LIST dd dl dt			{ width:15%; margin:0 0 0 0;padding:0 0 0 0; border:none; color:rgba(0,0,0,0.6); font-size:100%; line-height:150%; }
dl.PROJECT_LIST dd dl dd			{ width:85%; margin:0 0 0 0; padding:0 0 0 0; border:none; color:rgba(0,0,0,0.6); font-size:100%; line-height:150%; }
dl.PROJECT_LIST dd dl dd a			{ display:inline-block; width:auto; }

dl.PROJECT_LIST dd strong			{ display:block; width:auto; height:auto; overflow:hidden; margin:2.0em 0 0 0; padding:0 0 0.5em 0; border-bottom:thin dotted rgba(0,0,0,0.2); color:#aaa; font-weight:normal; font-size:65%; line-height:110%; letter-spacing:0.1em; }
dl.PROJECT_LIST dd ul			{ clear:both; display:block; width:auto; height:auto; margin:0 0 0 0; padding:0 0 0 0; }
dl.PROJECT_LIST dd ul li			{ clear:both; display:block; width:auto; height:auto; margin:0.5em 0 0 0; padding:0 0 0 0; }
dl.PROJECT_LIST dd ul li a			{ clear:both; display:block; width:auto; height:auto; margin:0 0 0 0; padding:15px 0 0 0; font-size:80%; line-height:150%; letter-spacing:0.1em; }
dl.PROJECT_LIST dd ul li a span		{ position:relative; float:left; width:50px; height:50px; margin:-15px 10px 0 0; padding:0 0 0 0; background:#fff; border:1px solid #fff; }
dl.PROJECT_LIST dd ul li a span span		{ position:absolute; float:none; width:100%; height:100%; margin:0 0 0 0; padding:0 0 0 0; background:transparent url(/com/img/noimg.png) no-repeat 50% 50%; background-size:contain; border:none; }
dl.PROJECT_LIST dd ul li a span span img	{ display:block; float:none; width:100%; height:auto; margin:0 auto; padding:0 0 0 0; border:none; }
dl.PROJECT_LIST dd ul li a:link		{ color:#444; }
dl.PROJECT_LIST dd ul li a:visited		{ color:#444; }
dl.PROJECT_LIST dd ul li a:hover		{ color:#000; text-decoration:underline; }
dl.PROJECT_LIST dd ul li a:active		{ color:#000; }
dl.PROJECT_LIST dd ul li a:link span		{ border-color:rgba(0,0,0,0.1); }
dl.PROJECT_LIST dd ul li a:visited span		{ border-color:rgba(0,0,0,0.1); }
dl.PROJECT_LIST dd ul li a:hover span		{ border-color:rgba(0,0,0,0.5); }
dl.PROJECT_LIST dd ul li a:active span		{ border-color:rgba(0,0,0,0.5); }




















/* ------------------------------ PRINT @media print{ ------------------------------ */
@media print{
html				{ overflow:visible !important; }
body				{ width:auto; height:auto; overflow:visible !important; background:transparent; text-align:justify; background-color:transparent !important; min-width:auto; }
body * 				{ border:none !important; color:#000 !important; background-color:transparent !important; visibility:visible !important; text-shadow:none !important; box-shadow:none !important; }
body div#PAGE			{ position:static; width:802px; min-width:0px; }
body div#BODY			{ position:static; top:auto; left:auto; clear:none; display:block; float:none; width:100%; margin:0px; }
body div#HEADER			{ display:none !important; background:transparent; }
body div#CAT			{ display:none !important; }
body div#FOOTER			{ position:static; bottom:auto; left:auto; clear:both; display:inline; float:none; width:100%; }
body div#FOOTER ul			{ display:none !important; }
body div#SIDE			{ display:none !important; }
body a#NEXT			{ display:none !important; }
body div#BALLOON			{ display:none !important; }
body div#TOP_BALLOON		{ display:none !important; }
body div#BG			{ display:none !important; }
body div#PAGETOP			{ display:none !important; }
body a#NAVI			{ display:none !important; }
body a.PDF			{ display:none !important; }

body div#JSS			{ position:static !important; display:inline !important; float:none !important; width:auto; height:auto; }
body div#JSS div.OBJ		{ position:static !important; clear:both; display:inline !important; float:none !important; width:auto; height:auto; background:transparent; filter:none !important; opacity:1 !important; }
body div.OBJ big			{ display:none !important; }

body div hr			{ position:static; display:block; float:none; width:auto; max-width:100%; margin:1.0em 0 1.0em 0; border:none !important; border-top:thin solid #aaa !important; }
body div h1			{ position:static; display:block; float:none; width:auto; max-width:94%; margin-left:3%; margin-right:3%; margin-top:0px; padding-top:20px; }
body div h2			{ position:static; display:block; float:none; width:auto; max-width:94%; margin-left:3%; margin-right:3%; }
body div h3			{ position:static; display:block; float:none; width:auto; max-width:94%; margin-left:3%; margin-right:3%; }
body div p			{ position:static; display:block; float:none; width:auto; max-width:94%; margin-left:3%; margin-right:3%; }
body div p img			{ clear:both; display:block; float:left; margin:0 1.0em 1.5em 0; padding:0; background:transparent; }
body div span.DATA			{ position:static; display:block; float:none; width:auto; max-width:94%; margin-left:3%; margin-right:3%; }
body div span.TIME			{ position:static; display:block; float:none; width:auto; max-width:94%; margin-left:3%; margin-right:3%; }
body dl				{ position:static; display:block; float:none; width:auto; max-width:94%; margin-left:3%; margin-right:3%; }
body div#FOOTER span#COPYRIGHT	{ clear:both; position:static !important; display:block; float:none; width:auto; max-width:94%; margin-left:3%; margin-right:3%; margin-top:2.0em; text-align:left; }

/* -- JSS FACTORS -- */
body div.JSS_BOX			{ display:none !important; }
body div.JSS_BAR			{ display:none !important; }
/* UP & DN */
body a.JSS_UP			{ display:none !important; }
body a.JSS_DN			{ display:none !important; }
body div.JSS_PAGETOP		{ display:none !important; }

/* -- IMAGE -- */
body div.IMAGES			{ clear:both; position:static; display:inline-block; width:auto; height:auto; max-width:94%; margin-left:3%; margin-right:3%; }
body div.IMAGES img			{ position:static !important; clear:none; display:block !important; float:left; margin:0 1px 1px 0; width:auto !important; height:300px !important; filter:none !important; opacity:1 !important; }
body div.IMAGES div			{ position:static !important; clear:none; display:block !important; float:left; margin:0 1px 1px 0; width:480px !important; min-width:480px; height:360px; filter:none !important; opacity:1 !important; }
body div.IMAGES div img		{ float:none; margin:0 auto; }
body div.IMAGES div.CONS		{ display:none !important; }
body div.IMAGES a.NEXTIMAGE		{ display:none !important; }

body div#JSS div.OBJ div.IMAGES	{ clear:both; position:static;  display:inline; float:left; width:auto; max-width:94%; height:auto; margin-left:3%; margin-right:3%; }
body div#JSS div.OBJ div.IMAGES div	{ width:auto; height:100%; min-width:480px; height:360px; margin:0 1px 1px 0; }

}