/* local common */
#content .local-header-wrap { margin: 16px -30px 0; position: relative; width: 800px; height: 185px; background: url(../img/z17-header.png) no-repeat; }
#content .local-header-wrap .h { margin: 0; position: absolute; left: 400px; top: 62px; color: #fff; font-size: 32px; font-weight: bold; text-shadow: 1px 1px 2px rgba(0,0,0,.8); letter-spacing: 2px; }

#content .local-cont-menu { margin: 16px 0; padding: 0; list-style: none; font-size: 0; text-align: center; }
#content .local-cont-menu li { margin: 8px; display: inline-block; font-size: 16px; }
#content .local-cont-menu li a { padding: 10px; display: block; border: 2px solid #333; box-sizing: border-box; color: #333; background-color: #fff; width: 160px; font-weight: bold; border-radius: 4px; }
#content .local-cont-menu li a:hover { color: #fff; background-color: #333; text-decoration: none; }

#content .local-section { margin: 24px 0 0; padding: 0 30px; line-height: 1.71; color: #111; font-size: 14px; text-align: left; }
#content .local-section .heading-large { margin: 0 -30px 24px -30px; padding: 0 30px; color: #fff; background: url(../img/heading.png); box-sizing: border-box; width: 740px; height: 64px; line-height: 64px; font-size: 20px; text-shadow: 1px 1px 0 #000; }
#content .local-section .heading { margin: 0 -8px 16px -8px; padding: 0 8px; color: #fff; background-color: #444; box-sizing: border-box; line-height: 40px; font-size: 20px; text-shadow: 1px 1px 0 #000; border-radius: 4px; }
#content .local-section .subheading { margin: 16px 0 -4px; padding-bottom: 8px; border-bottom: 6px solid #ccc; line-height: 1; color: #333; font-size: 18px; font-weight: bold; }

#content .local-section a:link { /* text-decoration: underline; */ }
#content .local-section p { margin: 1em 0 0; }
#content .local-section ul { margin: 1em 0 0 20px; }
#content .local-section ul.check { margin-left: 0; padding: 0; list-style: none; }
#content .local-section ul.check li { padding-left: 20px; position: relative; }
#content .local-section ul.check li:before { margin-left: -20px; display: inline-block; position: absolute; width: 20px; text-align: center; content: "\f00c"; font-family: FontAwesome; color: #999; }

#content .local-section table { margin: 1em 0; width: 100%; }
#content .local-section table th,
#content .local-section table td { padding: 8px; border: 1px solid #ccc; box-sizing: border-box; vertical-align: middle; }
#content .local-section table th { font-weight: bold; white-space: nowrap; background-color: #f8f8f8; text-align: center; }
#content .local-section table tbody th { width: 20%; }
#content .local-section table .note { margin: 0; }

#content .local-section .bull-fa { display: inline-block; width: 20px; text-align: center; }
#content .local-section .note { color: #666; }
#content .local-section .note p { margin-bottom: 0; }
#content .local-section ul.note,
#content .local-section .note ul { margin-left: 0; list-style: none; }
#content .local-section .note ul { margin: 0; }
#content .local-section .note li { padding-left: 1em; text-indent: -1em; }
#content .local-section .box { padding: 8px; border: 1px solid #ccc; background-color: #f8f8f8; }

#content .button-large { margin: 0 auto; background: url(../img/button-large.png) center top no-repeat; box-sizing: border-box; width: 584px; height: 112px; }
#content .button-large:hover { background-position: center bottom; }
#content .button-large a,
#content .button-large span { display: block; padding: 24px 48px; line-height: 64px; font-size: 20px; font-weight: bold; text-align: center; }
#content .button-large a:hover { color: #000; text-decoration: none; text-shadow: 1px 1px 1px rgba(255,255,255,.5); }
#content .button-large-na { color: #999; background-image: url(../img/button-large-na.png); }


/* #zenkaichi-index */
#content .local-cont-wrap { margin: 24px 0 -32px; position: relative; }
#content .local-cont-wrap img,
#content .local-cont-wrap iframe { vertical-align: bottom; }
#content .local-cont-wrap .cover { margin: 0 -30px; position: relative; }

#content .local-cont-wrap .cover .shoulder { padding-left: 3em; position: absolute; top: 0; right: 0; overflow: hidden; font-size: 14px; }
#content .local-cont-wrap .cover .shoulder:before { position: absolute; left: 2em; top: -4em; width: 8em; height: 8em; content: ""; background-color: #fff; transform: rotate(-45deg);}
#content .local-cont-wrap .cover .shoulder .inner { margin: 0; position: relative; background-color: #fff; }
#content .local-cont-wrap .cover .shoulder .button { padding: 8px 16px; display: block; box-sizing: border-box; min-width: 144px; font-weight: bold; color: #666; }
#content .local-cont-wrap .cover .shoulder .button:hover { color: #008ff2; text-decoration: none; }

#content .local-cont-wrap .title-pane { position: relative; background: #111 url(../img/z17-cover-title-back.jpg) top center no-repeat; }
#content .local-cont-wrap .title-pane .title { margin: 0; }
#content .local-cont-wrap .title-pane .result { margin: -64px 0 0; padding: 8px 48px 80px; text-align: center; font-size: 18px; text-shadow: none; }
#content .local-cont-wrap .title-pane .result strong { padding: 16px 0 8px; display: block; color: #fff; font-size: 22px; font-weight: bold; text-shadow: 2px 2px 1px #000, 0 0 40px #000; }
#content .local-cont-wrap .title-pane .result .win { margin: 16px 0 8px; font-size: 24px; color: #fc0; text-shadow: 2px 2px 1px #000, 0 0 40px #000; }
#content .local-cont-wrap .title-pane .result table { margin: 8px auto 16px; width: 100%; text-align: left; font-size: 22px; font-weight: bold; }
#content .local-cont-wrap .title-pane .result table th,
#content .local-cont-wrap .title-pane .result table td { padding: 8px 16px; border-bottom: 2px solid #222; }
#content .local-cont-wrap .title-pane .result table th { background: #000; color: #fff; text-align: left; font-weight: normal; }
#content .local-cont-wrap .title-pane .result table td { background: #fff; font-weight: bold; color: #d00; }
#content .local-cont-wrap .title-pane .result table th { border-right: 2px solid #222; }
#content .local-cont-wrap .title-pane .result .fa span { margin-left: .5em; display: inline-block; font-weight: bold; }
#content .local-cont-wrap .title-pane .result .fa-trophy:before { color: #fc0; }
#content .local-cont-wrap .title-pane .result .info { font-size: 32px; }
#content .local-cont-wrap .title-pane .result .info span { color: #fc0; }
/*
#content .local-cont-wrap .title-pane .message { margin-top: -56px; padding: 0 48px 96px; position: relative; color: #fff; text-align: center; line-height: 1.5; text-shadow: 2px 2px 1px #000, 0 0 40px #000; }
#content .local-cont-wrap .title-pane .message .box { padding-bottom: 1em; }
#content .local-cont-wrap .title-pane .message .box:nth-child(n+2) { padding-top: 1em; border-top: 3px solid #fff; }
#content .local-cont-wrap .title-pane .message .box:last-child { padding-bottom: 0; }
#content .local-cont-wrap .title-pane .message .box p { margin: 0; }
#content .local-cont-wrap .title-pane .message .box b,
#content .local-cont-wrap .title-pane .message .box a { color: #fc0; }
#content .local-cont-wrap .title-pane .message .box a { text-decoration: underline; }
#content .local-cont-wrap .title-pane .message .main { font-size: 24px; font-weight: bold; font-style: italic; }
#content .local-cont-wrap .title-pane .message .note { margin: .5em 0 -1em; color: #ccc; font-size: 14px; }
#content .local-cont-wrap .title-pane .message .time { margin: 1em 0 0; font-size: 16px; }
#content .local-cont-wrap .title-pane .message .time table { margin: 1em auto 0; width: 80%; }
#content .local-cont-wrap .title-pane .message .time th,
#content .local-cont-wrap .title-pane .message .time td { padding: 12px; border-width: 1px; border-style: solid none; border-color: #fff; box-sizing: border-box; vertical-align: middle; }
#content .local-cont-wrap .title-pane .message .time th { border-right-style: dashed; width: 45%; text-align: right; color: #fc0; }
#content .local-cont-wrap .title-pane .message .time td { width: 55%; text-align: left; font-weight: bold; }
#content .local-cont-wrap .title-pane .message .time .live { margin: 2em auto 0; }
*/
#content .local-cont-wrap .title-pane .social { position: absolute; z-index: 10; right: 0; bottom: 16px; }
#content .local-cont-wrap .title-pane .social .but { margin: 0 8px; display: inline-block; vertical-align: middle; }
#content .local-cont-wrap .toc-dark-pane { color: #fff; background-color: #111; text-align: center;
	text-shadow: 1px 1px 1px #000;
	box-shadow: inset 1px 0 1px 0 rgba(255,255,255,.2), inset -1px 0 1px 0 rgba(255,255,255,.2);
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8cmFkaWFsR3JhZGllbnQgaWQ9ImcyNzYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjeD0iNTAlIiBjeT0iNTAlIiByPSI1MCUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjNDQ0NDQ0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMTExMTExIiBvZmZzZXQ9IjEiLz4KPC9yYWRpYWxHcmFkaWVudD4KPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2cyNzYpIiAvPgo8L3N2Zz4=); }
#content .local-cont-wrap .toc-dark-pane .inner { padding: 16px 0; box-sizing: border-box; min-height: 640px; background: url(../img/z17-cover-toc.png) center bottom no-repeat; }
#content .local-cont-wrap .toc-dark-pane a { color: #fc0; }
#content .local-cont-wrap .toc-dark-pane .first { }
#content .local-cont-wrap .toc-dark-pane .news { margin: -12px 6px 0; padding: 16px; line-height: 1.6; color: #d00; background-color: #fff; text-align: left; text-shadow: none; }
#content .local-cont-wrap .toc-dark-pane .news p { margin: 0; font-size: 14px; font-weight: bold; }
#content .local-cont-wrap .toc-dark-pane .news p:nth-child(n+2) { margin-top: 12px; }
#content .local-cont-wrap .toc-dark-pane .news p b { margin: 4px; padding: 2px 6px; display: inline-block; color: #fff; background-color: #d00; font-size: 18px; }
#content .local-cont-wrap .toc-dark-pane .news p b:first-child,
#content .local-cont-wrap .toc-dark-pane .news p br + b { margin-left: 0; }
#content .local-cont-wrap .toc-dark-pane .where { margin: 32px 0 0; font-size: 24px; font-weight: bold; font-style: italic; text-decoration: underline; }
#content .local-cont-wrap .toc-dark-pane .limit { margin: 32px 0 0; }
#content .local-cont-wrap .toc-dark-pane .limit p { margin: 0; font-size: 20px; font-weight: bold; }
#content .local-cont-wrap .toc-dark-pane .category { margin: 32px 0 0; }
#content .local-cont-wrap .toc-dark-pane .category dl { margin: 0; font-size: 20px; font-weight: bold; }
#content .local-cont-wrap .toc-dark-pane .category dt { margin: 0; }
#content .local-cont-wrap .toc-dark-pane .category dd { margin: 4px 0 0; line-height: 48px; }
#content .local-cont-wrap .toc-dark-pane .category dd .plate { margin: 0 8px; height: 48px; vertical-align: middle; }
#content .local-cont-wrap .toc-dark-pane table { margin: 16px auto 0; font-size: 14px; }
#content .local-cont-wrap .toc-dark-pane table th,
#content .local-cont-wrap .toc-dark-pane table td { padding: 8px; border: 1px solid #666; box-sizing: border-box; vertical-align: middle; }
#content .local-cont-wrap .toc-dark-pane table th { font-weight: bold; white-space: nowrap; background-color: #333; text-align: center; }
#content .local-cont-wrap .toc-dark-pane table tbody th { width: 20%; }
#content .local-cont-wrap .toc-dark-pane table tbody em { color: #ccc; font-style: normal; }
#content .local-cont-wrap .toc-dark-pane table .note { margin: 0; }
#content .local-cont-wrap .toc-dark-pane .end { margin: 24px 0 -8px; line-height: 1.5; }
#content .local-cont-wrap .toc-dark-pane .end b { color: #fc0; }
#content .local-cont-wrap .toc-dark-pane .end .main { margin: 1em 0 0; font-size: 24px; font-weight: bold; }
#content .local-cont-wrap .toc-dark-pane .newcharacter-end { opacity: .5; }

#content .local-cont-wrap .update { margin: 0; padding: 6px 0 1px; text-align: left; position: relative; box-shadow: 0 1px 0 0 #000; }
#content .local-cont-wrap .update .h { margin: -36px 0 0; padding: 0 12px; position: absolute; color: #fc0; background-color: #111; height: 36px; line-height: 36px; font-size: 14px; font-weight: bold; display: inline-block; box-shadow: inset 1px 0 1px 0 rgba(255,255,255,.2); }
#content .local-cont-wrap .update .t { margin: 0 6px; color: #fff; text-shadow: none; }
#content .local-cont-wrap .update .t th,
#content .local-cont-wrap .update .t td { padding: 10px 12px; font-size: 14px; }
#content .local-cont-wrap .update .t th { background-color: #444; width: 10%; white-space: nowrap; font-size: 12px; font-weight: normal; }
#content .local-cont-wrap .update .t td { background-color: #333; font-weight: bold; }
#content .local-cont-wrap .update .t td a { margin: -10px -12px; padding: 10px 12px; display: block; color: #fff; }
#content .local-cont-wrap .update .t td a b { color: #fc0; }
#content .local-cont-wrap .update .t tr:hover th { background-color: #555; }
#content .local-cont-wrap .update .t tr:hover td a { background-color: #444; text-decoration: none; }
#content .local-cont-wrap .update .t tr:hover td a b { }

#content .local-cont-wrap .toc-dark-pane .pages { margin: 48px 0 0; padding: 0; list-style: none; font-size: 0; }
#content .local-cont-wrap .toc-dark-pane .pages li { margin: 8px; display: inline-block; font-size: 16px; }
#content .local-cont-wrap .toc-dark-pane .pages li a { padding: 10px; display: block; border: 2px solid #fc0; box-sizing: border-box; background-color: #222; width: 184px; font-weight: bold; border-radius: 4px; box-shadow: 1px 1px 1px #000; }
#content .local-cont-wrap .toc-dark-pane .pages li a:hover { color: #000; background-color: #fc0; text-decoration: none; text-shadow: 1px 1px 1px rgba(255,255,255,.5); }
#content .local-cont-wrap .toc-dark-pane .button-large { margin-top: 8px; }
#content .local-cont-wrap .toc-dark-pane .button-large a:hover { color: #000; }
#content .local-cont-wrap .toc-dark-pane .contact { margin-top: 8px; }
#content .local-cont-wrap .toc-dark-pane .contact a { padding: 4px; display: inline-block; color: #ddd; font-size: 16px; font-weight: bold; }
#content .local-cont-wrap .toc-dark-pane .contact a i { margin-right: 4px; }
#content .local-cont-wrap .toc-dark-pane .contact a:hover { color: #fc0; }

/* #zenkaichi-outline-index */
#content .box-table-time .day {}
#content .box-table-time .time { width: 10%; white-space: nowrap; }
#content .box-table-time .do {}

#content .box-table-prize .blank { border: none; }
#content table.box-table-prize tbody th { width: 4%; }
#content .box-table-prize .prize-champ { width: 48%; }
#content .box-table-prize .prize-champ .item { width: 50%; }
#content .box-table-prize .prize-vice,
#content .box-table-prize .prize-part { width: 24%; }
#content .box-table-prize .prize-vice .item,
#content .box-table-prize .prize-part .item { width: 100%; }

#content .box-table-prize .prize { padding: 0 0 8px; text-align: center; }
#content .box-table-prize .prize ul { margin: 0; list-style: none; font-size: 0; }
#content .box-table-prize .prize .item { margin: 8px 0 0; display: inline-block; box-sizing: border-box; vertical-align: middle; font-size: 12px; }
#content .box-table-prize .prize .item p { margin-bottom: 4px; padding: 0 2px; font-size: 12px; }
#content .box-table-prize .prize .item-tit img { width: 140px; }
#content .box-table-prize .prize .item-emb img { width: 60px; }
#content .box-table-prize .prize .item-sta img { width: 130px; }
#content .box-table-prize .prize .item-db p { font-size: 11px; font-weight: bold; }
#content .box-table-prize .prize .item-db  img { width: 26px; }

/* #zenkaichi-terms-index */
#content .term-wrap { margin-top: 20px; padding: 24px; border: 1px solid #ccc; line-height: 1.5; color: #000; font-size: 13px; text-align: left; }
#content .term-wrap .head { margin: 0 0 24px; text-align: center; font-size: 15px; }
#content .term-wrap .name { margin: 0 0 24px; font-weight: bold; text-align: center; font-size: 20px; }
#content .term-wrap .fore { margin: 1em 0 0; }
#content .term-wrap .body { margin: 2em 0 0; padding: 0 0 0 2em; }
#content .term-wrap .body li { margin-top: 1em; }
#content .term-wrap .body li b { display: block; font-weight: normal; }
#content .term-wrap .body li ul { margin: 0; padding: 0 0 0 1.5em; list-style-type: disc; }
#content .term-wrap .body li ul li { margin: 0; }
#content .term-wrap .body li ol { margin: 0; padding: 0; list-style: none; }
#content .term-wrap .body li ol li { margin: 0; padding: 0 0 0 1em; text-indent: -1em;}
#content .term-wrap .period { margin: 2em 0 0; text-align: right; }

/* #zenkaichi-faq-index */
#content .local-section-faq { margin-top: 0; padding-top: 24px; }
#content .local-section-faq table th { font-weight: normal; }
#content .local-section-faq table td { background-color: #fff; }
#content .local-section-faq table ul { margin-top: 0; }