/*
Theme Name: Kanzenshuu 3.0
Theme URI: https://github.com/tidythemes/blankslate
Author: TidyThemes
Author URI: http://tidythemes.com/
Modified by: Hujio
Description: Please read: tidythemes.com/concept. BlankSlate is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability and no intrusive visual CSS styles have been added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/tidythemes/blankslate/issues. Thank you.
Version: 1.0.5s
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2019 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

/*--------------------------------------------------------------
# NORMALIZE & RESET ELEMENTS
--------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{line-height:1}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:'';content:none}q{display:inline;font-style:italic}q::before{content:'"';font-style:normal}q::after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:top}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var,em{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}strong{font-weight:600;}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}
a {text-decoration: none;}

/*--------------------------------------------------------------
# OVERALL SITE THEME
--------------------------------------------------------------*/

 html {
	-webkit-text-size-adjust: 100%;
	/* Prevent adjustments of font size after orientation changes in iOS. */
}

body { background: #BBB; }

a:link, a:visited { color: #0077B3; text-decoration: none; }

a:hover { color: #333; text-decoration: none; }

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
:root {
	font-size: 100%;
}

body,
button,
input,
select,
optgroup,
textarea { /*Set overall font family and size*/
	color: #000;
	font: 400 1rem 'Open Sans', sans-serif;
	line-height: 1.5rem;
}

.jpn {
	font-family: 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	font-size: 0.9rem;
	font-weight: inherit;
	line-height: inherit;
}

/*--------------------------------------------------------------
# Site Links / Top Bar
--------------------------------------------------------------*/
#site-links { /*Container*/
	color: #FFF;
	background: linear-gradient(#069,#005580);
	border-bottom: 1px solid #069;
	width: 100%;
}

#top-bar { /*Center content*/
	overflow: hidden;
	color: #FFF;
	margin: 0 auto;
	padding: 10px 0;
	width: 1200px;
}

#site-links .main-links { /*Network link structure*/
	overflow: hidden;
	float: left;
	background: #333;
	border: 1px solid #333;
	border-radius: 3px;
}

#site-links .main-links li {
    float: left;
    background: #CCC;
    margin-right: 29px;
}

#site-links .main-links li > a {
    text-decoration: none;
    display: block;
    position: relative;
    color: #FFF;
	font-family: 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	font-weight: 700;
	letter-spacing: 1px;
	background: #0077B3;
	padding: 1px 12px 0;
	height: 28px;
	transition: all 300ms ease;
}

#site-links .main-links li > a::before {
    content: '';
    position: absolute;
    border: 14px solid #0077B3;
    border-left-color: transparent;
    border-top-color: transparent;
    right: 100%;
    top: 0;
	transition: all 300ms ease;
}

#site-links .main-links li > a:hover::before {
	border-right-color: #005580;
	border-bottom-color: #005580;
}

#site-links .main-links li > a::after {
    content: '';
    position: absolute;
    border: 14px solid #0077B3;
    border-right-color: transparent;
    border-bottom-color: transparent;
    left: 100%;
    top: 0;
	transition: all 300ms ease;
}

#site-links .main-links li > a:hover::after {
	border-top-color: #005580;
	border-left-color: #005580;
}

#site-links .main-links li:first-child > a::after {
	border-top-color: #333;
	border-left-color: #333;
}

#site-links .main-links li:last-child > a::after {
    content: '';
    position: relative;
	border: none;
	left: 0%;
}

#site-links .main-links li:first-child > a {
	padding-left: 20px;
}

#site-links .main-links li:last-child > a {
	border-right: 0;
	margin-right: -29px;
	padding-right: 20px;
}

#site-links .main-links a:hover {
	color: #FFF;
	background: #005580;
}

#site-links .main-links a.main {
	color: #EEE;
	background: #333;
}

#site-links .main-links a.main:hover {
	color: #F90;
}

/*-----Social Media Links-----*/
#site-links .social-media {
	overflow: hidden;
	float: right;
}

#site-links .social-media a {
	float: right;
	display: block;
	position: relative;
	border: 1px solid #BBB;
	border-radius: 3px;
	margin-left: 15px;
	height: 30px;
	width: 30px;
}

#site-links .social-media a.facebook {
	background: #333 url('/wp-content/themes/kanzenshuu3/images/header/connect-facebook.png') no-repeat center center;
	background-size: 75%,auto;
	transition: all 300ms ease;
}

#site-links .social-media a.facebook:hover {
	border-color: #385798;
	background-color: #385798;
}

#site-links .social-media a.google {
	background: #333 url('/wp-content/themes/kanzenshuu3/images/header/connect-google.png') no-repeat center center;
	background-size: 75%,auto;
	transition: all 300ms ease;
}

#site-links .social-media a.google:hover {
	border-color: #F93C1E;
	background-color: #F93C1E;
}

#site-links .social-media a.instagram {
	background: #333 url('/wp-content/themes/kanzenshuu3/images/header/connect-instagram.png') no-repeat center center;
	background-size: 75%,auto;
	transition: all 300ms ease;
}

#site-links .social-media a.instagram:hover {
	border-color: #9B36B7;
	background-color: #9B36B7;
}

#site-links .social-media a.patreon {
	background: #333 url('/wp-content/themes/kanzenshuu3/images/header/connect-patreon.png') no-repeat center center;
	background-size: 75%,auto;
	transition: all 300ms ease;
}

#site-links .social-media a.patreon:hover {
	border-color: #F96855;
	background-color: #F96855;
}

#site-links .social-media a.twitter {
	background: #333 url('/wp-content/themes/kanzenshuu3/images/header/connect-x.png') no-repeat center center;
	background-size: 75%,auto;
	transition: all 300ms ease;
}

#site-links .social-media a.twitter:hover {
	border-color: #000;
	background-color: #000;
}

#site-links .social-media a.bluesky {
	background: #333 url('/wp-content/themes/kanzenshuu3/images/header/connect-bluesky.png') no-repeat center center;
	background-size: 75%,auto;
	transition: all 300ms ease;
}

#site-links .social-media a.bluesky:hover {
	border-color: #1185FE;
	background-color: #1185FE;
}

#site-links .social-media a.tiktok {
	background: #333 url('/wp-content/themes/kanzenshuu3/images/header/connect-tiktok.png') no-repeat center center;
	background-size: 75%,auto;
	transition: all 300ms ease;
}

#site-links .social-media a.tiktok:hover {
	border-color: #ff004f;
	background-color: #ff004f;
}

#site-links .social-media a.youtube {
	background: #333 url('/wp-content/themes/kanzenshuu3/images/header/connect-youtube.png') no-repeat center center;
	background-size: 75%,auto;
	transition: border 300ms ease, background 300ms ease;
}

#site-links .social-media a.youtube:hover {
	border-color: #FD2926;
	background-color: #FD2926;
}

#site-links .social-media a.feed {
	background: #333 url('/wp-content/themes/kanzenshuu3/images/header/connect-feed.png') no-repeat center center;
	background-size: 75%,auto;
	transition: border 300ms ease, background 300ms ease;
}

#site-links .social-media a.feed:hover {
	border-color: #F68306;
	background-color: #F68306;
}

#site-links .social-media a:link {
	border-color: #BBB;
}

/*--------------------------------------------------------------
# Main Header
--------------------------------------------------------------*/
#header {
	width: 100%;
}

#branding { /*Container*/
	color: #FFF;
	background: #005580 url('/wp-content/themes/kanzenshuu3/images/header/background-15.png') no-repeat center bottom;
	background-size: 100%,auto;
	box-shadow: inset 1px 4px 9px -6px #222, inset 1px -4px 9px -6px #222;
	width: 100%;
}

/* #site-title { Center content, set dimensions -- Reset for Shenlong header
	overflow: hidden;
	background: transparent url('/wp-content/themes/kanzenshuu3/images/header/shenlong.png') no-repeat top right;
	background-size: 69%,auto;
	margin: 0 auto;
	padding: 0;
	width: 1200px;
	height: 150px;
	animation: shenlong 1.2s linear infinite alternate;
} */

#site-title { /* Center content, set dimensions */
	overflow: hidden;
	background: transparent url('/wp-content/themes/kanzenshuu3/images/header/toribot-small.png') no-repeat top right;
	margin: 0 auto;
	padding: 0;
	width: 1200px;
	height: 150px;
}

@keyframes shenlong {
	0% {background-position: 100% 0%;}
	100% {background-position: 100% 12%;}
}

#header #site-title a.site-logo { /*Site logo*/
	float: left;
	display: block;
	background: transparent url('/wp-content/themes/kanzenshuu3/images/header/main_logo_full.png') no-repeat left center;
	margin-top: 30px;
	height: 60px;
	width: 420px;
}

#header #site-title a.site-logo.admin { /*Site logo*/
	background: transparent url('/wp-content/themes/kanzenshuu3/images/header/main_fucking_logo.png') no-repeat left center;
}

#header #site-title span { /*Site tagline*/
	display: block;
	clear: left;
	cursor: default;
	color: #EEE;
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
	font-size: 1rem;
	font-style: italic;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 4px 0 0 40px;
	height: 20px;
}

/*-----Larger Home Header-----*/
/* #header.large #site-title { Englarge header height on front page only -- Reset for Shenlong header
	height: 250px;
	background-size: 92%,auto;
} */

#header.large #site-title { /*Center content, set dimensions*/
	overflow: hidden;
	position: relative;
	background-image: url('/wp-content/themes/kanzenshuu3/images/header/toribot-cloud1.png');
	background-position: top right;
	background-repeat: no-repeat;
	background-size: 100%,auto;
	margin: 0 auto;
	padding: 0;
	width: 1200px;
	height: 250px;
	animation: clouds-under 7s ease infinite alternate;
}

#header.large #site-title::before {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	background-image: url('/wp-content/themes/kanzenshuu3/images/header/toribot.png'),url('/wp-content/themes/kanzenshuu3/images/header/toribot-tail.png');
	background-position: top right;
	background-repeat: no-repeat;
	margin: 0 auto;
	padding: 0;
	width: 1200px;
	height: 250px;
	animation: toribot 0.4s linear infinite alternate;
}

#header.large #site-title::after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	background-image: url('/wp-content/themes/kanzenshuu3/images/header/toribot-cloud2.png');
	background-position: top right;
	background-repeat: no-repeat;
	margin: 0 auto;
	padding: 0;
	width: 1200px;
	height: 250px;
	animation: clouds-over 8s ease infinite alternate;
}

@keyframes toribot {
	0% { background-position: 100% 90%, 100% 100%; }
	100% { background-position: 100% 98%, 100% 100%; }
}

@keyframes clouds-over {
	0% { background-position: 100% -20px; }
	100% { background-position: 100% 5px; }
}

@keyframes clouds-under {
	0% { background-position: 100% -10px; }
	100% { background-position: 100% -30px; }
}

#header.large #site-title a.site-logo, #header.large #site-title span {
	display: block;
	content: '';
	position: relative;
	top: 0;
	left: 0;
	margin-top: 8px;	/* Reset to 14px for Shenlong header */
}

/*--------------------------------------------------------------
# Main Site Navigation
--------------------------------------------------------------*/
#mobile-navigation {
	display: none;
}

#main-nav { /*Container*/
	background: linear-gradient(#333,#444);
	border-top: 1px solid #444;
	width: 100%;
}

.sticky-nav { /*Stick main site navigation on scroll*/
	position: fixed;
	z-index: 120;
	top: 0;
	width: 100%;
}

#header.buffer { /*Add padding to bottom of header when sticky is applied*/
	padding-bottom: 52px;
}

#main-nav.sticky-nav { /*Add shadow to sticky menu*/
	box-shadow: 0 5px 6px -6px #000;
}

#color-bar {
	background: linear-gradient(to right,#C00,#FA0);
	height: 2px;
}

#main-nav #main-menus { /*Center menu*/
	margin: 0 auto;
	height: 50px;
	width: 1200px;
	z-index: 500;
}

#main-menus #page-menu {
	float: right;
}

#main-menus #main-menu {
	float: left;
	z-index: 20;
}

/*-----Main Nav Links-----*/
#main-menus ul {
	padding: 0;
	margin: 0;
	float: left;
}

#main-menus ul li { /*Hidden dropdown menu*/
	float: left;
	display: inline;
	position: relative;
	list-style: none;
	border-right: 1px solid #444;
}

#main-menus ul li.logo {
	border-right: none;
}

#main-menus ul li.logo a {
	display: none;
	opacity: 0;
	position: relative;
	top: 4px;
	background: transparent url('/wp-content/themes/kanzenshuu3/images/header/main_logo_sm.png') no-repeat top left;
	width: 68px;
	height: 50px;
	transition: all 300ms ease;
}

#main-nav.sticky-nav ul li.logo a {
	display: block;
	opacity: 1;
}

#main-nav.sticky-nav ul li.logo a:hover {
	opacity: 0.7;
}

#main-menus ul li a.top { /*Main nav link structure*/
	display: block;
	color: #FFF;
	font-family: 'Roboto', sans-serif;
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-top: 3px solid #333;
	border-bottom: 3px solid transparent;
	padding: 11px 11px;
	height: 50px;
	transition: color 300ms ease, border 300ms ease;
}

#main-menus ul li:last-child { /*Remove border from last main nav link*/
	border-right: none;
}

#main-menus ul li:hover a.top { /*Main nav link hover effects*/
	color: #090;
	background: #333;
	border-top: 3px solid #090;
	border-bottom: 3px solid #333;
}

#main-menus li div.menu { /*Hidden dropdown menu*/
	position: absolute;
	top: 100%;
	visibility: hidden;
	opacity: 0;
	color: #FFF;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background: #333;
	border-radius: 0 0 4px 4px;
	padding: 15px;
	width: 510px;
}

#main-menus li div.menu.user {
	right: 0;
}

#main-menus li:hover > div.menu { /*Unhide dropdown menu*/
	visibility: visible;
	opacity: 1;
	overflow: hidden;
	z-index: 10;
}

/*-----Hidden Dropdown Menus-----*/
#main-menus li div.menu.medium { /*Medium menu for single coulumn of links and page highlights*/
	width: 590px;
}

#main-menus li div.menu.large { /*Large menu for two coulumns of links and page highlights*/
	width: 830px;
}

#main-menus li div.menu .col { /*Column of links (normal)*/
	float: left;
	font-family: 'Roboto', sans-serif;
	margin-right: 10px;
	width: 230px;
}

#main-menus li div.menu .col a { /*Page link within a column*/
	display: block;
	color: #CCC;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	padding: 3px 5px;
	width: 100%;
}

#main-menus li div.menu .col a:hover { /*Page link hover effects*/
	color: #00B300;
	background: linear-gradient(to right,#444,#333);
	border-radius: 4px;
}

#main-menus li div.menu .col strong { /*Menu column title*/
	display: block;
	color: #090;
	font-family: 'Roboto', sans-serif;
	font-style: italic;
	font-weight: 500;
	text-transform: uppercase;
	padding: 3px 5px;
	width: 100%;
}

/*-----Menu Descriptions-----*/
#main-menus li div.menu .description {
	color: #222;
	width: 100%;
	padding: 10px;
	margin: 5px 0 15px;
	border-radius: 3px;
	background: linear-gradient(to top right,#444,#555);
	transition: all 300ms ease;
}

#main-menus li div.menu .description span.image { /*General menu Japanese logos*/
	float: left;
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 0;
	margin: 0;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	border: 2px solid #666;
	box-shadow: 0px 0px 5px 0px rgba(51,51,51,0.75);
}

#main-menus li div.menu .description span.menu_news { /*News Japanese logo*/
	background: #FFF url('/wp-content/themes/kanzenshuu3/images/pages/stamps/stamp_news.png') no-repeat center center;
}

#main-menus li div.menu .description span.menu_about { /*About Japanese logo*/
	background: #FFF url('/wp-content/themes/kanzenshuu3/images/pages/stamps/stamp_about.png') no-repeat center center;
}

#main-menus li div.menu .description span.menu_info { /*General Info Japanese logo*/
	background: #FFF url('/wp-content/themes/kanzenshuu3/images/pages/stamps/stamp_info.png') no-repeat center center;
}

#main-menus li div.menu .description span.menu_guide { /*Guides Japanese logo*/
	background: #FFF url('/wp-content/themes/kanzenshuu3/images/pages/stamps/stamp_guide.png') no-repeat center center;
}

#main-menus li div.menu .description span.menu_interact { /*Interation Japanese logo*/
	background: #FFF url('/wp-content/themes/kanzenshuu3/images/pages/stamps/stamp_interaction.png') no-repeat center center;
}

#main-menus li div.menu .description span.menu_media { /*Media Japanese logo*/
	background: #FFF url('/wp-content/themes/kanzenshuu3/images/pages/stamps/stamp_media.png') no-repeat center center;
}

#main-menus li div.menu .description span.menu_podcast { /*Podcast Japanese logo*/
	background: #FFF url('/wp-content/themes/kanzenshuu3/images/pages/stamps/stamp_podcast.png') no-repeat center center;
}

#main-menus li div.menu .description span.menu_user { /*User Login Japanese logo*/
	background: #FFF url('/wp-content/themes/kanzenshuu3/images/pages/stamps/stamp_account.png') no-repeat center center;
}

#main-menus li div.menu .description span.text { /*Main description text box*/
	display: block;
	cursor: default;
	font-family: 'Roboto', sans-serif;
	font-size: 0.9375rem;
	text-indent: 1.6rem;
	text-align: left;
	line-height: 1.3rem;
	background: linear-gradient(to top right,#DDD,#EEE);
	border: 4px solid #090;
	border-radius: 3px;
	box-shadow: inset 0px 0px 15px 0px rgba(85,85,85,0.5);
	margin: 0;
	padding: 10px 15px;
}

#main-menus li div.menu .description span.text em {
	font-weight: 700;
}

#main-menus li div.menu .description span.text a {
	color: #0077B3;
}

#main-menus li div.menu .description span.text a:hover {
	color: #333;
}

/*-----News Menu-----*/
#main-menus li div.menu.news {
	background-image: url('/wp-content/themes/kanzenshuu3/images/header/kanji_url.png');
	background-repeat: no-repeat;
	background-position: bottom 15px left 49px;
}

#main-menus li div.menu .search-form input[type="search"] { /*News search form*/
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	box-sizing: border-box;
	background: linear-gradient(to right,#FFF,#DDD);
	border: none;
	border-radius: 3px;
	margin: 0;
	padding: 5px 10px;
	width: 100%;
	transition: all 300ms ease;
}

#main-menus li div.menu .search-form input[type="search"]:focus {
	color: #090;
	background: #DDD;
}

#main-menus li div.menu .col.category { /*News categories column*/
	background: #444;
	border-radius: 4px;
	margin: 15px 0 0;
	width: 230px;
}

#main-menus li div.menu .col.category strong { /*News categories column title*/
	display: block;
	cursor: default;
	color: #EEE;
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
	font-size: 1.0625rem;
	font-style: italic;
	text-transform: uppercase;
	letter-spacing: 1px;
	background: linear-gradient(#444,#555);
	border-radius: 4px 4px 0 0;
	padding: 5px 10px;
}

#main-menus li div.menu .col.category a { /*News category links*/
	font-weight: 700;
	border-radius: 0;
	padding: 3px 20px;
}

#main-menus li div.menu .col.category a.news {
	color: #C00;
	transition: all 100ms ease;
}

#main-menus li div.menu .col.category a.news:hover {
	color: #FFF;
	background: linear-gradient(to right,#C00,#444);
}

#main-menus li div.menu .col.category a.podcast {
	color: #069;
	transition: all 100ms ease;
}

#main-menus li div.menu .col.category a.podcast:hover {
	color: #FFF;
	background: linear-gradient(to right,#069,#444);
}

#main-menus li div.menu .col.category a.content {
	color: #090;
	transition: all 100ms ease;
}

#main-menus li div.menu .col.category a.content:hover {
	color: #FFF;
	background: linear-gradient(to right,#090,#444);
}

#main-menus li div.menu .col.category a.editorial {
	color: #F90;
	transition: all 100ms ease;
}

#main-menus li div.menu .col.category a.editorial:hover {
	color: #FFF;
	background: linear-gradient(to right,#F90,#444);
}

#main-menus li div.menu .col.category a.site-meta {
	color: #999;
	transition: all 100ms ease;
}

#main-menus li div.menu .col.category a.site-meta:hover {
	color: #FFF;
	background: linear-gradient(to right,#999,#444);
	border-radius: 0 0 4px 4px;
}

#main-menus li div.menu .col div.month-list {
	overflow: hidden;
	background: url('/wp-content/themes/kanzenshuu3/images/pages/dropdown_down.png') no-repeat center right, linear-gradient(to bottom right, #090, #5A5);
	border-radius: 0 0 3px 3px;
	margin: 0;
	height: 29px;
	width: 230px;
}

#main-menus li div.menu .col div.month-list select {
	color: #FFF;
	background: transparent;
	border: none;
	font-family: 'Roboto', sans-serif;
	font-size: 1rem;
	font-weight: 700;
	padding: 4px 5px 5px;
	height: 29px;
	width: 250px;
}

#main-menus li div.menu .col div.month-list select option {
	color: #333;
	font-weight: normal;
	background: #FFF;
}

#main-menus li div.menu .col.latest-news { /*Latest news column*/
	float: right;
	background: #444;
	border-radius: 4px;
	margin: 0;
	padding: 10px;
	width: 555px;
}

#main-menus li div.menu .col.latest-news .news-tags { /*Top news tags*/
	color: #CCC;
	font-size: 0.875rem;
	font-weight: 400;
	border-bottom: 1px dotted #666;
	margin: 0 0 10px;
	padding: 0 0 5px;
	overflow: hidden;
}

#main-menus li div.menu .col.latest-news .news-tags strong {
	display: inline-block;
	cursor: default;
	color: #EEE;
	font-weight: 700;
	text-transform: uppercase;
	background: url('/wp-content/themes/kanzenshuu3/images/header/news_tag.png') no-repeat left top;
	margin-bottom: 3px;
	padding-left: 20px;
}

#main-menus li div.menu .col.latest-news .news-tags a { /*Top news tag links*/
	display: inline-block;
	float: left;
	color: #EEE;
	font-weight: 500;
	line-height: 1rem;
	text-align: center;
	background: linear-gradient(#00B300,#090);
	border-radius: 3px;
	margin: 0 5px 5px 0;
	padding: 5px 7px 4px;
	width: auto;
}

#main-menus li div.menu .col.latest-news .news-tags a:hover {
	color: #00B300;
	background: linear-gradient(#EEE,#DDD);
}

#main-menus li div.menu .col.latest-news .news-item { /*Latest news article list*/
	margin: 10px 0 0;
}

#main-menus li div.menu .col.latest-news .news-item a { /*Latest news article links*/
	color: #EEE;
	font-family: 'Roboto', sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.25rem;
	background: linear-gradient(to left,#444,#333);
	border-radius: 3px;
	padding: 3px 5px;
	transition: all 300ms ease;
}

#main-menus li div.menu .col.latest-news .news-item a:hover {
	color: #BBB;
	background: linear-gradient(to right,#333,#333);
}

#main-menus li div.menu .col.latest-news .news-item a span { /*Latest news article links*/
	color: #777;
	font-family: 'Roboto', sans-serif;
	font-size: 0.875rem;
	font-style: italic;
	font-weight: 900;
	text-transform: uppercase;
	padding: 0;
}

#main-menus li div.menu .col.latest-news .news-item a:hover span {
	color: #00B300;
}

/*-----About Menu-----*/
#main-menus li div.menu .col div.staff { /*Staff listing in About menu*/
	overflow: hidden;
	color: #EEE;
	font-weight: 400;
	margin: 3px 5px;
	padding: 3px 3px;
	width: 100%;
}

#main-menus li div.menu .col div.staff:hover {
	cursor: default;
	background: linear-gradient(to right,#444,#333);
	border-radius: 30px 0 0 30px;
}

#main-menus li div.menu .col div.staff:last-of-type {
	margin-bottom: 0;
}

#main-menus li div.menu .col div.staff span { /*Staff images (custom images below)*/
	float: left;
	display: inline-block;
	border-radius: 50px;
	border: 2px solid #666;
	box-shadow: 0px 0px 5px 0px rgba(51,51,51,0.75);
	padding: 0;
	margin: 0;
	width: 36px;
	height: 36px;
}

#main-menus li div.menu .col div.staff:hover span {
	border-color: #090;
}

#main-menus li div.menu .col div.staff.mike span {
	background: #FFF url('/wp-content/themes/kanzenshuu3/images/news/author_vegettoex.png') no-repeat center center;
}
#main-menus li div.menu .col div.staff.heath span {
	background: #FFF url('/wp-content/themes/kanzenshuu3/images/news/author_hujio.png') no-repeat center center;
}
#main-menus li div.menu .col div.staff.julian span {
	background: #FFF url('/wp-content/themes/kanzenshuu3/images/news/author_saiyajedi.png') no-repeat center center;
}
#main-menus li div.menu .col div.staff.stacy span {
	background: #FFF url('/wp-content/themes/kanzenshuu3/images/news/author_sailorspazz.png') no-repeat center center;
}
#main-menus li div.menu .col div.staff.emma span {
	background: #FFF url('/wp-content/themes/kanzenshuu3/images/news/author_emma.png') no-repeat center center;
}
#main-menus li div.menu .col div.staff.ian span {
	background: #FFF url('/wp-content/themes/kanzenshuu3/images/news/author_ian.png') no-repeat center center;
}
#main-menus li div.menu .col div.staff.ajay span {
	background: #FFF url('/wp-content/themes/kanzenshuu3/images/news/author_ajay.png') no-repeat center center;
}
#main-menus li div.menu .col div.staff.terez span {
	background: #FFF url('/wp-content/themes/kanzenshuu3/images/news/author_terez.png') no-repeat center center;
}
#main-menus li div.menu .col div.staff.zenpai span {
	background: #FFF url('/wp-content/themes/kanzenshuu3/images/news/author_zenpai.png') no-repeat center center;
}

#main-menus li div.menu .col div.staff em {
	float: left;
	clear: right;
	display: inline-block;
	font-size: 1.0625rem;
	font-style: normal;
	padding: 5px 0 0;
	margin: 0 0 0 10px;
	height: 36px;
}

/*-----General Menu Attributes (Columns & Highlights)-----*/
#main-menus li div.menu .pages { /*Page highlight column*/
	float: left;
	background: linear-gradient(to bottom right,#555,#444);
	border-radius: 3px;
	margin: 0;
	padding: 10px;
	width: 320px;
}

#main-menus li div.menu .pages a { /*Page highlight link structure*/
	display: block;
	opacity: 0.75;
	border-radius: 4px;
	width: 300px;
	height: 110px;
}
#main-menus li div.menu .pages a:nth-child(2) {
	margin-top: 10px;
}

#main-menus li div.menu .pages a.db_30 { /*DB 30th highlight link*/
	background: transparent url('/wp-content/themes/kanzenshuu3/images/header/pages-db30.png') no-repeat top center;
	transition: background 600ms ease, opacity 300ms ease;
}

#main-menus li div.menu .pages a.db_30:hover {
	opacity: 1;
	background-position: bottom center;
}

#main-menus li div.menu .pages a.feature { /*Feature highlight link*/
	background: transparent url('/wp-content/themes/kanzenshuu3/images/header/pages-feature.png') no-repeat top center;
	transition: background 600ms ease, opacity 300ms ease;
}

#main-menus li div.menu .pages a.feature:hover {
	opacity: 1;
	background-position: bottom center;
}

#main-menus li div.menu .pages a.database { /*Staff Database highlight link*/
	background: transparent url('/wp-content/themes/kanzenshuu3/images/header/pages-staff_database.png') no-repeat top center;
	transition: background 800ms ease, opacity 300ms ease;
}

#main-menus li div.menu .pages a.database:hover {
	opacity: 1;
	background-position: bottom center;
}

#main-menus li div.menu .pages a.db_super { /*DB Super Manga highlight link*/
	background: transparent url('/wp-content/themes/kanzenshuu3/images/header/pages-db_super.png') no-repeat top center;
	transition: background 600ms ease, opacity 300ms ease;
}

#main-menus li div.menu .pages a.db_super:hover {
	opacity: 1;
	background-position: bottom center;
}

#main-menus li div.menu .pages a.forum { /*Forum highlight link*/
	background: transparent url('/wp-content/themes/kanzenshuu3/images/header/pages-forum.png') no-repeat top center;
	transition: background 600ms ease, opacity 300ms ease;
}

#main-menus li div.menu .pages a.forum:hover {
	opacity: 1;
	background-position: bottom center;
}

#main-menus li div.menu .pages a.lyrics { /*Lyrics highlight link*/
	background: transparent url('/wp-content/themes/kanzenshuu3/images/header/pages-lyrics.png') no-repeat top center;
	transition: background 600ms ease, opacity 300ms ease;
}

#main-menus li div.menu .pages a.lyrics:hover {
	opacity: 1;
	background-position: bottom center;
}

#main-menus li div.menu .pages a.podcast { /*Podcast highlight link*/
	background: transparent url('/wp-content/themes/kanzenshuu3/images/header/pages-podcast.png') no-repeat top center;
	transition: background 600ms ease, opacity 300ms ease;
}

#main-menus li div.menu .pages a.podcast:hover {
	opacity: 1;
	background-position: bottom center;
}

#main-menus li div.menu .pages a span { /*Highlight link title text*/
	display: block;
	color: #FFF;
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
	font-size: 1rem;
	font-style: italic;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
	background: rgba(0,153,0,1);
	border-radius: 4px 4px 0 0;
	padding: 3px 0;
}

/*-----Main Page Links (Press Archive & Translations)-----*/
#main-menus #page-menu a.top { 
	color: #F80;
	border-bottom-color: transparent;
	transition: color 300ms ease, border 300ms ease;
}

#main-menus #page-menu a.top:hover { /*Main page link hover effects*/
	color: #FFF;
	background-color: #333;
	border-top-color: #F80;
	border-bottom-color: #333;
}

/*-----User Login/Logout-----*/
#main-menus #page-menu a.user-login {
	display: block;
	background: #333 url('/wp-content/themes/kanzenshuu3/images/header/user.png') no-repeat center center;
	background-size: 100% 100%;
	border: 2px solid transparent;
	border-radius: 40px;
	margin: 10px 0 10px 15px;
	width: 30px;
	height: 30px;
	transition: all 300ms ease;
}

#main-menus #page-menu a.user-login.green {
	border-color: #090;
}

#main-menus #page-menu a.user-login.orange {
	border-color: #F80;
}

#main-menus #page-menu a.user-login.green:hover {
	border-color: #090;
	background-color: #090;
}

#main-menus #page-menu a.user-login.orange:hover {
	border-color: #F80;
	background-color: #F80;
}

#main-menus #page-menu .menu-item:hover a.user-login.green {
	border-color: #090;
	background-color: #090;
}

#main-menus #page-menu .menu-item:hover a.user-login.orange {
	border-color: #F80;
	background-color: #F80;
}

#main-menus #page-menu .menu.user div.edit {
	overflow: hidden;
	background: linear-gradient(to top left,#333,#444);
	border-radius: 3px;
	margin: 5px 0 15px;
	padding: 10px;
}

#main-menus #page-menu .menu.user div.edit a.link {
	display: block;
	color: #FFF;
	font-family: 'Roboto', sans-serif;
	font-size: 1rem;
	font-weight: 700;
	border-radius: 3px;
	margin: 0;
	padding: 8px 5px 7px;
	width: 49%;
	transition: all 200ms ease;
}

#main-menus #page-menu .menu.user div.edit a.link.wp {
	float: left;
	background: #069 url('/wp-content/themes/kanzenshuu3/images/sidebar/admin-wp.png') no-repeat;
	background-position: 7px 50%;
	margin: 0 0 10px;
	padding-left: 35px;
}
#main-menus #page-menu .menu.user div.edit a.link.wp:hover {
	background-color: #0077B3;
}

#main-menus #page-menu .menu.user div.edit a.link.post {
	float: right;
	background: #999 url('/wp-content/themes/kanzenshuu3/images/sidebar/admin-post.png') no-repeat;
	background-position: 7px 50%;
	margin: 0 0 10px;
	padding-left: 35px;
}
#main-menus #page-menu .menu.user div.edit a.link.post:hover {
	background-color: #AAA;
}

#main-menus #page-menu .menu.user div.edit a.link.page {
	float: left;
	background: #999 url('/wp-content/themes/kanzenshuu3/images/sidebar/admin-page.png') no-repeat;
	background-position: 7px 50%;
	padding-left: 35px;
}
#main-menus #page-menu .menu.user div.edit a.link.page:hover {
	background-color: #AAA;
}

#main-menus #page-menu .menu.user div.edit a.link.edit {
	float: right;
	background: #090 url('/wp-content/themes/kanzenshuu3/images/sidebar/admin-edit.png') no-repeat;
	background-position: 7px 50%;
	padding-left: 35px;
}
#main-menus #page-menu .menu.user div.edit a.link.edit:hover {
	background-color: #00B300;
}

#main-menus #page-menu .menu.user .profile {
	float: left;
	width: 310px;
}

#main-menus #page-menu .menu.user .no-login a {
	display: inline-block;
	color: #777;
	font-size: 0.8125rem;
	background: linear-gradient(to right,#3c3c3c,#333);
	border-radius: 3px;
    margin-top: 10px;
	padding: 5px 10px;
	width: 100%;
	transition: all 200ms ease;
}

#main-menus #page-menu .menu.user .no-login a:hover {
	color: #DDD;
	background: linear-gradient(to right,#3e3e3e,#3e3e3e);
}

#main-menus #page-menu .menu.user .no-login a:hover strong {
	color: #C33;
}

#main-menus #page-menu .menu.user .col {
	float: right;
	margin-right: 0;
}

#login_logout {
	overflow: hidden;
}

#login_logout img.ddavatar {
	float: left;
	background: #FFF;
	border: 10px solid #444;
	border-radius: 3px;
	margin: 0 10px 0 0;
	padding: 0;
	max-width: 90px;
	max-height: 90px;
}

#login_logout .phpbb-user a {
	display: block;
	color: #00B300;
	font-size: 1.5rem;
	font-weight: 900;
	border-bottom: 1px dotted #555;
	margin: 15px 0 5px;
	padding-bottom: 7px;
}

#login_logout a {
	display: block;
	color: #AAA;
	font-weight: 700;
}

#login_logout a:hover {
	color: #DDD;
}

#login_logout a.dboard {
	display: none;
}

#login_logout input[type="text"],
#login_logout input[type="password"] {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	box-sizing: border-box;
	background: #EEE;
	border: none;
	border-radius: 3px;
	margin: 0 0 7px;
	padding: 5px 10px;
	width: 100%;
}

#login_logout #u-extra,
#login_logout #p-extra {
	float: left;
	width: 50%;
}

#login_logout #p-extra {
	text-align: right;
}

#login_logout #p-extra a {
	color: #CCC;
}

#login_logout #p-extra a:hover {
	color: #FFF;
}

#login_logout .reg_button {
	display: none;
}

#login_logout input[type="submit"] { /*Login submit button*/
	float: right;
	display: inline-block;
	color: #00B300;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	background: #444;
	box-sizing: border-box;
	border: 2px solid #444;
	border-radius: 3px;
	margin: 15px 0 0;
	padding: 5px 10px;
	width: 25%;
	transition: all 300ms ease;
}

#login_logout input[type="submit"]:hover {
	color: #FFF;
	background: #555;
	border-color: #00B300;
	cursor: pointer;
}

#forum_posts { /*Recent forum posts*/
	clear: left;
	float: left;
	font-size: 1.0625rem;
	font-weight: 900;
	font-style: italic;
	text-transform: uppercase;
	letter-spacing: 1px;
	background: linear-gradient(to bottom right,#444,#555);
	border-radius: 3px;
	margin-top: 15px;
	padding: 10px;
	width: 100%;
}

#forum_posts .ddrow {
	font-size: 1rem;
	font-weight: 400;
	font-style: normal;
	text-transform: none;
	letter-spacing: 0;
	border-left: 4px solid #090;
	border-right: 4px solid #090;
	margin: 0;
	padding: 5px 10px;
}

#forum_posts .ddrow:first-of-type {
	border-top: 4px solid #090;
	border-radius: 3px 3px 0 0;
	margin-top: 10px;
}

#forum_posts .ddrow:last-of-type {
	border-bottom: 4px solid #090;
	border-radius: 0 0 3px 3px;
}

#forum_posts .ddrow:nth-child(odd) {
	background: #DDD;
}

#forum_posts .ddrow:nth-child(even) {
	background: #EEE;
}

#forum_posts .ddrow a {
	font-size: 0.9375rem;
	font-weight: 700;
}

#forum_posts .ddrow .bddw-author {
	color: #222;
	font-size: 0.8125rem;
	line-height: 1rem;
}

/*--------------------------------------------------------------
# Main Body Content (Blockquote, Images, & Headers)
--------------------------------------------------------------*/
#site-body {
	overflow: hidden;
	background: linear-gradient(#CCC, #BBB 75%);
	border-radius: 3px;
	margin: 15px auto 40px;
	padding: 0;
	width: 1200px;
}

#site-body.set-width {
	background: none;
	width: 100%;
}

#content-header {
	float: left;
	background: linear-gradient(#E6E6E6,#FFF);
	margin: 0;
	padding: 0 0 20px;
	width: 740px;
}

#content-header.corner {
	border-radius: 0 3px 0 0;
}

#content {
	float: left;
	font-size: 0.9375rem;
	text-align: left;
	background: #FFF;
	border-radius: 0 0 4px 4px;
	padding: 0 20px 20px;
	width: 740px;
}

#content.single {
	padding: 20px;
}
	
#content p {
	text-align: left;
	margin: 0 0 20px;
}

#content p[align="center"] {
	text-align: center;
}

div.center {
	text-align: center;
	margin: 0 auto 20px;
	line-height: normal;
	width: auto;
}

div.center p {
	display: none;
}

div.hide {
	display: none;
	padding: 0;
	margin: 0;
}

div.margins {
	margin: 0;
}

div.caption {
	display: block;
	color: #444;
	font: 0.8125rem 'Roboto', sans-serif;
	font-weight: 700;
	text-align: center;
	width: 100%;
}

/*-----Blockquotes-----*/
blockquote {
	color: #333;
	padding: 0 20px 3px;
	margin: 20px 45px;
	border-radius: 3px;
	background: linear-gradient(to bottom right,#EEE,#F9F9F9);
	box-shadow: 1px 1px 1px #CCC;
}

blockquote::before {
	display: block;
	position: relative;
	left: -32px;
	top: 28px;
	content: "\201C";
	color: #5A5;
	font-family: 'Roboto Slab', serif;
	font-size: 5.375rem;
	line-height: 0;
}
blockquote hr {
	display: block;
	border: 0;
	border-bottom: 1px dotted #090;
	padding: 0;
	margin: 0;
	height: 0;
}

#content blockquote p {
	margin: 10px 5px;
	padding: 0;
}

#content ul li blockquote p {
	margin: 5px 5px;
	padding: 0;
}

/*-----Lists-----*/
#content ul {
	list-style-type: square;
	text-align: left;
	margin: 0 0 20px;
	padding: 0 0 0 20px;
}

#content ul li {
	margin: 0 0 7px;
}

#content ul li ul {
	margin: 7px 20px 0;
	padding: 0 0 0 10px;
}

#content ul li p {
	margin: 20px 0 0;
}

#content ul li table {
	margin: 20px 0 0;
	width: 100%;
}

#content ol {
	list-style-type: decimal-leading-zero;
	margin: 0 20px 0;
	padding: 0 0 0 25px;
}

#content ol li {
	margin: 0 0 20px;
}

#content ol li p {
	margin: 20px 0 0;
}

#content ol li table {
	margin: 20px 0 0;
	width: 100%;
}

#content ol li ul {
	list-style-type: square;
	width: 100%;
	margin: 0;
	padding: 0 0 0 20px;
}

#content ol li ul li {
	margin: 0;
	padding: 0;
}

#content ol li ul li table {
	margin: 20px 0 0;
	width: 100%;
}

/*-----Images-----*/
#content img {
	background-color: #EEE;
	border: 1px solid rgba(51,102,153,0.75);
	border-radius: 2px;
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
	background-image: linear-gradient(rgba(0,102,153,1),rgba(0,102,153,0.75),rgba(0,102,153,1));
	margin: 5px;
	padding: 2px;
	box-sizing: content-box;
}

#content a img:hover {
	border-color: #369;
	box-shadow: 0px 0px 5px 0px rgba(0,102,153,1);
}

#content img.none,
#content a img.none {
	border: 0;
	background: transparent;
	border-radius: 0;
	box-shadow: none;
	margin: 0;
	padding: 0;
}

#content img.page-icon {
	border: 0;
	background: transparent;
	box-shadow: none;
	padding: 7px 3px;
	margin: 0;
}

#content img.page-icon:hover  {
	border: 0;
	background: inherit;
	box-shadow: inherit;
}

div.gallery dl.gallery-item dt.gallery-icon img.none { border: 0; background: transparent; }

div.gallery { /*Image Gallery*/
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0 0 20px;
	padding: 0;
	width: 100%;
}

div.gallery div.gallery-row {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 10px 0;
	padding: 0;
}

div.gallery div.gallery-row:last-of-type {
	margin: 0;
}

div.gallery .gallery-item {
	overflow: hidden;
	float: left;
	margin: 0;
	text-align: center;
	line-height: 1rem;
	list-style: none;
	padding: 0;
}

div.gallery .gallery-item dt.gallery-icon {
	margin: 0;
	padding: 0;
}

div.gallery img {
	background-color: #EEE;
	border: 1px solid rgba(51,102,153,0.75);
	border-radius: 2px;
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
	background-image: linear-gradient(rgba(0,102,153,1),rgba(0,102,153,0.75),rgba(0,102,153,1));
	margin: 5px;
	padding: 2px;
}

div.gallery .col-0 { width: 100%; }
div.gallery .col-1 { width: 100%; }
div.gallery .col-1-2 { width: 66.67%; }
div.gallery .col-2 { width: 50%; }
div.gallery .col-2-3 { width: 40%; }
div.gallery .col-3 { width: 33.33%; }
div.gallery .col-4 { width: 25%; }
div.gallery .col-5 { width: 20%; }
div.gallery .col-6 { width: 16.66%; }
div.gallery .col-7 { width: 14.28%; }
div.gallery .col-8 { width: 12.5%; }
div.gallery .col-9 { width: 11.11%; }
div.gallery .col-10 { width: 10%; }
div.gallery .col-11 { width: 9.09%; }
div.gallery .col-12 { width: 8.33%; }
div.gallery .col-13 { width: 7.69%; }
div.gallery .col-14 { width: 7.14%; }
div.gallery .col-15 { width: 6.66%; }
div.gallery .col-16 { width: 6.25%; }
div.gallery .col-17 { width: 5.88%; }
div.gallery .col-18 { width: 5.55%; }
div.gallery .col-19 { width: 5.26%; }
div.gallery .col-20 { width: 5%; }
div.gallery .col-21 { width: 4.76%; }
div.gallery .col-22 { width: 4.54%; }
div.gallery .col-23 { width: 4.34%; }
div.gallery .col-24 { width: 4.16%; }
div.gallery .col-25 { width: 4%; }
div.gallery .col-26 { width: 3.84%; }
div.gallery .col-27 { width: 3.7%; }
div.gallery .col-28 { width: 3.57%; }
div.gallery .col-29 { width: 3.44%; }
div.gallery .col-30 { width: 3.33%; }

/*-----Single Page Headers-----*/
h1.entry-title { /*Headers on category, search, and other pages*/
	color: #222;
	font-family: 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	font-size: 2rem;
	font-style: italic;
	font-weight: 900;
	text-align: left;
	padding: 0 20px;
	margin: 30px 0 40px;
	line-height: 2rem;
	letter-spacing: 2px;
	background-image: linear-gradient(to right, #666 50%, #333);
	background-size: 100% 4px;
	background-position: 0 100%;
	background-repeat: no-repeat;
	cursor: default;
}

h1.entry-title.clear {
	margin-bottom: 5px;
}

h1.entry-title.news {
	background-image: linear-gradient(to right, #C00 50%, #333);
}
h1.entry-title.content {
	background-image: linear-gradient(to right, #090 50%, #333);
}
h1.entry-title.podcast {
	background-image: linear-gradient(to right, #069 50%, #333);
}
h1.entry-title.editorial {
	background-image: linear-gradient(to right, #FA0 50%, #333);
}
h1.entry-title.site-meta {
	background-image: linear-gradient(to right, #666 50%, #333);
}

h2.entry-subtitle {
	color: #666;
	font: 1.25rem 'Roboto', Sans-serif;
	text-align: left;
	font-weight: 700;
	margin: 0 0 40px;
	padding: 0 20px 0 27px;
	line-height: 1rem;
	letter-spacing: 1px;
	white-space: nowrap;
	cursor: default;
}

/*-----Content Page Headers-----*/
h1.page-title { /*Headers on main content pages*/
	color: #222;
	font-family: 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	font-size: 2rem;
	font-style: italic;
	font-weight: 900;
	text-align: left;
	padding: 0 20px;
	margin: 30px 0 10px;
	line-height: 2rem;
	letter-spacing: 2px;
	background-image: linear-gradient(to right, #090 50%, #333);
	background-size: 100% 4px;
	background-position: 0 100%;
	background-repeat: no-repeat;
	cursor: default;
}

h1.page-title img#stamp,
h1.entry-title img#stamp {
	float: right;
	display: none;
	position: relative;
	top: -3px;
	padding: 0;
	width: 46px;
	height: 40px;
	transition: transform 400ms;
}

h1.page-title img#stamp:hover,
h1.entry-title img#stamp:hover {
	transform: rotate(360deg);
}

h2.page-subtitle {
	font: 1.25rem 'Roboto', Sans-serif;
	text-align: left;
	color: #090;
	font-weight: 700;
	padding: 0 20px 10px 30px;
	line-height: 1rem;
	letter-spacing: 1px;
	white-space: nowrap;
	cursor: default;
}

/*-----Page Section Headers and Sub-headers-----*/
#content h1 { /*Content main section title*/
	color: #0077B3;
	font: 1.25rem 'Roboto Slab', Sans-serif;
	font-weight: 900;
	text-align: left;
	text-transform: uppercase;
	padding: 0 0 3px;
	margin: 30px 0 10px;
	letter-spacing: 1px;
	line-height: normal;
	background-image: linear-gradient(to right, #0077B3, #F0F0F0 95%);
	background-size: 100% 4px;
	background-position: 0 100%;
	background-repeat: no-repeat;
}

#content h2 { /*Content sub-section title*/
	color: #E60000;
	font: 1.125rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	font-weight: 900;
	text-align: left;
	line-height: 1rem;
	border-bottom: 1px solid #E0E0E0;
	padding: 0 0 10px;
	margin: 30px 0 20px;
}

#content h2 a:link,
#content h2 a:visited { /*Link in sub-section title*/
	color: #333;
	font-weight: 700;
	text-decoration: none;
}

#content h2 a:hover {
	color: #E60000;
	text-decoration: none;
}

#content h3 { /*Content inner sub-section title*/
	color: #E60000;
	font: 1rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	font-weight: 900;
	font-style: italic;
	text-align: left;
	line-height: 1rem;
	padding: 0;
	margin: 30px 0 10px;
}

#content h3.no-link {
	font-size: 0.9375rem;
	color: #C00;
	font-weight: normal;
	text-align: left;
	border-bottom: 1px dotted #444;
	margin-bottom: 5px;
	padding: 0 20px 2px;
}

/*-----Japanese Title Headers (Episodes, Chapters, & Movies)-----*/
#content h2.jpn-lg,
#lyric-content h2.jpn-lg { /*Main Japanese title*/
	color: #000;
	font: 1.375rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	font-weight: 900;
	text-align: center;
	line-height: normal;
	letter-spacing: 1px;
	border: 0;
	margin: 0;
	padding: 0;
}

#content h2.jpn-lg small { /*Sub-title within a main Japanese title*/
	font-size: 0.875rem;
}

#content h2.jpn-lg.daima span {
	display: inline;
	color: #E60000;
}

#content h2.jpn-md,
#lyric-content h2.jpn-md {
	color: #000;
	font: 1.1875rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	font-weight: 900;
	text-align: center;
	line-height: normal;
	letter-spacing: 1px;
	border: 0;
	margin: 0;
	padding: 0;
}

#content h2.jpn-sm,
#lyric-content h2.jpn-sm {
	color: #000;
	font: 0.9375rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	font-weight: 900;
	text-align: center;
	line-height: normal;
	letter-spacing: 1px;
	border: 0;
	margin: 0;
	padding: 0;
}

#content h2.rom-lg,
#lyric-content h2.rom-lg { /*Main Romanized title*/
	color: #333;
	font: 1.375rem 'Roboto', sans-serif;
	font-weight: 700;
	font-style: italic;
	text-align: center;
	line-height: normal;
	border: 0;
	margin: 0 0 7px;
	padding: 0;
}

#content h2.rom-md,
#lyric-content h2.rom-md {
	color: #333;
	font: 1.1875rem 'Roboto', sans-serif;
	font-weight: 700;
	font-style: italic;
	text-align: center;
	line-height: normal;
	border: 0;
	margin: 0 0 7px;
	padding: 0;
}

#content h2.rom-sm,
#lyric-content h2.rom-sm {
	color: #333;
	font: 1.125rem 'Roboto', sans-serif;
	font-weight: 700;
	font-style: italic;
	text-align: center;
	line-height: normal;
	border: 0;
	margin: 0 0 7px;
	padding: 0;
}

#content h2.rom-smr,
#lyric-content h2.rom-smr {
	color: #333;
	font: 0.9375rem 'Roboto', sans-serif;
	font-weight: 700;
	font-style: italic;
	text-align: center;
	line-height: normal;
	border: 0;
	margin: 0 0 7px;
	padding: 0;
}

#content h2.eng-lg,
#lyric-content h2.eng-lg { /*Main English translated title*/
	color: #C00;
	font: 1.375rem 'Roboto', sans-serif;
	font-weight: 700;
	text-align: center;
	line-height: normal;
	border: 0;
	margin: 0;
	padding: 0;
}

#content h2.eng-md,
#lyric-content h2.eng-md {
	color: #C00;
	font: 1.1875rem 'Roboto', sans-serif;
	font-weight: 700;
	text-align: center;
	line-height: normal;
	border: 0;
	margin: 0;
	padding: 0;
}

#content h2.eng-sm,
#lyric-content h2.eng-sm {
	color: #C00;
	font: 1.125rem 'Roboto', sans-serif;
	font-weight: 700;
	text-align: center;
	line-height: normal;
	border: 0;
	margin: 0;
	padding: 0;
}

#content h2.eng-smr,
#lyric-content h2.eng-smr {
	color: #C00;
	font: 0.9375rem 'Roboto', sans-serif;
	font-weight: 700;
	text-align: center;
	line-height: normal;
	border: 0;
	margin: 0;
	padding: 0;
}

div.gallery-button {
	text-align: center;
	margin: 0;
	padding: 0;
}

div.gallery-button a {
	display: inline-block;
	color: #F9F9F9;
	font-size: 0.9375rem;
	font-weight: 700;
	background: #090;
	border: 2px solid #090;
	border-radius: 4px;
	margin: 0 auto 20px;
	padding: 4px 10px;
	transition: all 200ms ease;
}

div.gallery-button a:hover {
	color: #090;
	background: #F9F9F9;
	box-shadow: 0 0 5px 1px #888;
	padding: 4px 18px;
}

/*--------------------------------------------------------------
# News Post & Page Banner (Front Pages Only)
--------------------------------------------------------------*/
#news-banner {
	color: #FFF;
	text-align: center;
	background: linear-gradient(to bottom right,#FA0,#F70);
	border-radius: 3px;
	margin: 20px 0 40px;
	padding: 10px;
	width: 100%;
	transition: all 800ms ease;
}

#news-banner .website {
	animation: bgfade 20s infinite;
	background-color: #333;
	background-image: none;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%,100%;
	border: 4px solid #FFF;
	border-radius: 3px;
	padding: 50px 0;
	height: 176px;
	transition: background-size 300ms ease;
}

@keyframes bgfade {
0%,14% { background-image: url('/wp-content/themes/kanzenshuu3/images/news/banner1.png'); }
19%,47% { background-image: url('/wp-content/themes/kanzenshuu3/images/news/banner2.png'); }
52%,81% { background-image: url('/wp-content/themes/kanzenshuu3/images/news/banner3.png'); }
86%,100% { background-image: url('/wp-content/themes/kanzenshuu3/images/news/banner1.png'); }
}

#news-banner .forum {
	display: none;
	background: #333 url('/wp-content/themes/kanzenshuu3/images/news/forum.png') no-repeat center center;
	background-size: 100%,100%;
	border: 4px solid #FFF;
	border-radius: 3px;
	padding: 50px 0;
	height: 176px;
	transition: all 300ms ease;
}

#news-banner .website:hover,#news-banner .forum:hover,#news-banner .wiki:hover {
	background-size: 110%,110%;
}

#news-banner span {
	display: block;
	cursor: default;
}

#news-banner span.post-count {
	position: relative;
	top: -6px;
	font-family: 'Roboto', sans-serif;
	font-size: 2.2rem;
	font-weight: 900;
	text-transform: uppercase;
	line-height: 2rem;
	letter-spacing: 4px;
	text-shadow: #000 0 0 10px;
}

#news-banner span.post-count strong {
	color: #FFF;
	font-weight: 900;
}

#news-banner em.amp {
	display: inline-block;
	position: relative;
	top: 6px;
	color: #090;
	font-weight: 700;
	font-family: 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	font-size: 3.5rem;
	padding-right: 4px;
}

#news-banner span.tagline {
	color: #F90;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.2rem;
}

/*--------------------------------------------------------------
# News Articles
--------------------------------------------------------------*/
article.post {
	font-size: 0.9375rem;
}

article header {
	margin-bottom: 20px;
}

article:first-of-type header {
	padding: 0;
}

article .news-title { /*Overall article title section on front page and single pages*/
	font-family: 'Roboto', sans-serif;
	padding: 0;
	margin: 0;
	width: 100%;
	transition: all 300ms ease;
}

article:first-of-type .news-title {
	padding: 0;
}

article .cat-title { /*News category title*/
	display: inline-block;
	font-size: 0.9375rem;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 0.875rem;
	background: #333;
	border-radius: 3px;
	margin: 0 0 10px;
	padding: 7px 7px 5px;
}

article .cat-title a { /*News category title links*/
	color: #FFF;
}

article .news-title .title {
	font-family: 'Roboto Slab', serif;
	font-size: 1.4rem;
	font-weight: 900;
	text-align: left;
	line-height: 1.7rem;
	margin: 0;
	padding: 0;
}

article .news-title .title a {
	display: block;
	color: #333;
	transition: all 300ms ease;
}

article.category-news .cat-title { background: #C00; }
article.category-news .title a:hover,article.category-news .news-sub-title span.author strong a { color: #C00; }
article.category-news header .author-img { border-color: #C00; }

article.category-content .cat-title { background: #090; }
article.category-content .title a:hover,article.category-content .news-sub-title span.author strong a { color: #090; }
article.category-content header .author-img { border-color: #090; }

article.category-podcast .cat-title { background: #069; }
article.category-podcast .title a:hover,article.category-podcast .news-sub-title span.author strong a { color: #069; }
article.category-podcast header .author-img { border-color: #069; }
#content article.category-podcast table img.none { border-radius: 3px; }

article.category-editorial .cat-title { background: #FA3; }
article.category-editorial .title a:hover,article.category-editorial .news-sub-title span.author strong a { color: #FA3; }
article.category-editorial header .author-img { border-color: #FA3; }

article.category-site-meta .cat-title { background: #333; }
article.category-site-meta .title a:hover,article.category-site-meta .news-sub-title span.author strong a { color: #333; }
article.category-site-meta header .author-img { border-color: #333; }

article .news-sub-title { /*Overall article sub-title section*/
	overflow: hidden;
	margin: 15px 0 0;
	padding: 0;
}

article .news-sub-title .author-img { /*Author images (custom images below)*/
	float: left;
	border: 1px solid #666;
	border-radius: 50px;
	margin: 0 8px 0 0;
	width: 36px;
	height: 36px;
	transition: all 300ms ease;
}

article .news-sub-title .author-img.herms,article .news-sub-title .author-img.Herms {
	background: #FFF url('/wp-content/themes/kanzenshuu3/images/news/author_herms.png') no-repeat center center;
}

article .news-sub-title .author-img.hujio,article .news-sub-title .author-img.Hujio {
	background: #FFF url('/wp-content/themes/kanzenshuu3/images/news/author_hujio.png') no-repeat center center;
}

article .news-sub-title .author-img.saiyajedi,article .news-sub-title .author-img.SaiyaJedi {
	background: #FFF url('/wp-content/themes/kanzenshuu3/images/news/author_saiyajedi.png') no-repeat center center;
}

article .news-sub-title .author-img.vegettoex,article .news-sub-title .author-img.VegettoEX {
	background: #FFF url('/wp-content/themes/kanzenshuu3/images/news/author_vegettoex.png') no-repeat center center;
}

article .news-sub-title .data { /*Overall article publication info*/
	color: #333;
	font: 0.875rem 'Roboto', sans-serif;
	font-weight: 500;
	padding: 0;
	margin: 0;
	width: 100%;
}

article .news-sub-title .data a {
	color: #0077B3;
}

article .news-sub-title .data a:hover {
	color: #333;
}

article .news-sub-title span.author {
	display: block;
	color: #555;
	font-size: 1.0625rem;
	font-weight: 700;
	margin-bottom: 2px;
}

article .news-sub-title span.author strong a {
	font-weight: 900;
	transition: all 300ms ease;
}

article .news-sub-title span.author strong a:hover {
	color: #555;
}

article .news-sub-title span.time {
	display:inline-block;
	background: url('/wp-content/themes/kanzenshuu3/images/news/news_time.png') no-repeat left center;
	padding-left: 17px;
	margin-right: 12px;
}

article .news-sub-title span.tag {
	float: right;
	display:inline-block;
	background: url('/wp-content/themes/kanzenshuu3/images/news/news_tag.png') no-repeat left center;
	padding-left: 18px;
}

article .news-sub-title span.comment {
	float: right;
	display:inline-block;
	background: url('/wp-content/themes/kanzenshuu3/images/news/news_comment.png') no-repeat left center;
	padding-left: 18px;
	margin-left: 12px;
}

article .news-sub-title span.edit {
	display:block;
	float:right;
	background: url('/wp-content/themes/kanzenshuu3/images/news/news_edit.png') no-repeat left center;
	margin-left: 12px;
	padding-left: 17px;
}

article .news-sub-title span.edit a {
	color: #E60000;
}

article div.entry-content,article div.entry-summary {
	border-bottom: 1px solid #DDD;
	margin: 0 0 30px;
	padding: 0 0 15px;
}

article:last-of-type div.entry-content,article:last-of-type div.entry-summary {
	border-bottom: none;
	margin: 0;
	padding: 0;
}

article div.news-button {
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
}

article div.news-button a {
	display: inline-block;
	color: #F9F9F9;
	font-size: 1rem;
	font-weight: 900;
	background: #0077B3;
	border: 2px solid #0077B3;
	border-radius: 5px;
	margin: 10px auto 20px;
	padding: 5px 15px;
	transition: all 200ms ease;
	letter-spacing: 1px;
}

article div.news-button a:hover {
	color: #0077B3;
	background: #EEE;
	padding: 5px 25px;
}

article a.more-link::before {
	content: '[';
}

article a.more-link::after {
	content: ']';
}

/*-----Single Page Article-----*/
article header.single {
	background: #FFF;
	border-bottom: 1px solid #EEE;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

article header.single .news-title {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

article header.single .cat-title { /*News article category title section*/
	font-size: 1.125rem;
}

article header.single .title { /*News article title section*/
	font-size: 1.6rem;
	font-weight: 900;
	text-align: left;
	line-height: 2rem;
	margin: 5px 0 15px;
	padding: 0;
}

article.category-news header.single .cat-title {
	border-color: #C00;
}

article.category-content header.single .cat-title {
	border-color: #090;
}

article.category-podcast header.single .cat-title {
	border-color: #069;
}

article.category-editorial header.single .cat-title {
	border-color: #FA3;
}

article.category-site-meta header.single .cat-title {
	border-color: #333;
}

article.category-news header.single .cat-title:hover,article.category-content header.single .cat-title:hover,article.category-podcast header.single .cat-title:hover,article.category-editorial header.single .cat-title:hover { border-color: #333; }

article.category-site-meta header.single .cat-title:hover { border-color: #666; }

/*-----News Article Images, Lists, & Sub-headers-----*/
#content article .entry-content ul {
	list-style-type: square;
	margin: 0 0 20px;
	padding: 0 0 0 30px;
}

#content article .entry-content ul li {
	margin: 0;
	padding: 0;
}

#content article .entry-content ol {
	padding: 0 0 0 30px;
}

#content article .entry-content ol.track-listing {
	line-height: normal;
	border-left: 3px solid transparent;
	margin: 0 20px 20px;
	padding: 0 0 0 40px;
}

#content article.category-news .entry-content ol.track-listing {
	border-color: #E60000;
}

#content article .entry-content ol.track-listing li {
	line-height: normal;
	margin: 5px 0;
	padding: 0;
}

#content article .entry-content img.alignleft {
	display: block;
	background-color: #EEE;
	border: 1px solid rgba(51,102,153,0.75);
	border-radius: 2px;
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
	background-image: linear-gradient(rgba(0,102,153,1),rgba(0,102,153,0.75),rgba(0,102,153,1));
	margin: 20px auto 20px 4px;
	padding: 4px;
}

#content article .entry-content img.aligncenter {
	display: block;
	background-color: #EEE;
	border: 1px solid rgba(51,102,153,0.75);
	border-radius: 2px;
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
	background-image: linear-gradient(rgba(0,102,153,1),rgba(0,102,153,0.75),rgba(0,102,153,1));
	margin: 20px auto;
	padding: 2px;
}

#content article .entry-content img.alignright {
	display: block;
	background-color: #EEE;
	border: 1px solid rgba(51,102,153,0.75);
	border-radius: 2px;
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
	background-image: linear-gradient(rgba(0,102,153,1),rgba(0,102,153,0.75),rgba(0,102,153,1));
	margin: 20px 4px 20px auto;
	padding: 2px;
}

#content article .entry-content img.alignnone {
	display: block;
	background-color: #EEE;
	border: 1px solid rgba(51,102,153,0.75);
	border-radius: 2px;
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
	background-image: linear-gradient(rgba(0,102,153,1),rgba(0,102,153,0.75),rgba(0,102,153,1));
	margin: 20px 4px;
	padding: 2px;
}

#content article .entry-content a img.alignleft:hover,#content article .entry-content a img.aligncenter:hover,#content article .entry-content a img.alignright:hover,#content article .entry-content a img.alignnone:hover {
	border-color: #369;
	box-shadow: 0px 0px 5px 0px rgba(0,102,153,1);
}

#content article .entry-content h2 {
	color: #090;
	font: 1.25rem 'Open Sans', sans-serif;
    font-weight: 900;
    line-height: normal;
    border-bottom: none;
    padding: 0;
    margin: 0 0 10px;
}

#content article .entry-content h2.blue {
	color: #069;
}

#content article .entry-content h2.red {
	color: #C00;
}

#content article .entry-content h2.orange {
	color: #F90;
}

#content article .entry-content h2.center {
	text-align: center;
}

/*-----Share Post on Social Media-----*/
#content article .entry-content .addtoany_content {
	margin: 30px 0 0;
	padding: 0;
}

#content article .entry-content .addtoany_content .addtoany_header {
	color: #444;
	font: 1rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	font-weight: 900;
	cursor: default;
	margin: 0;
	padding: 5px 0 10px;
}

#content article .entry-content .addtoany_share_save_container .addtoany_list {
	padding: 0 10px;
}

/*-----News Comments-----*/
#comments {
	border-top: 1px solid #EEE;
	margin-top: 30px;
}

#comments-list h3.comments-title {
	font-size: 1.25rem;
	font-style: normal;
	cursor: default;
}

#comments-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#comments-list ul li {
	margin: 20px 0;
	padding: 0;
}

#comments-list ul li.thread-even,
#comments-list ul li.thread-odd {
	background: #F2F2F2;
	border-radius: 3px;
	padding: 10px;
}

#comments-list ul li.thread-even ul.children li,
#comments-list ul li.thread-odd ul.children li{
	background-image: linear-gradient(to bottom right,#FFF,#F2F2F2);
	border-radius: 3px;
	margin-right: 10px;
	padding: 10px;
}

#comments-list .comment-author img.avatar {
	float: left;
	background-image: linear-gradient(rgba(60,60,60,1),rgba(60,60,60,0.75),rgba(60,60,60,1));
	box-shadow: none;
	margin: 0 10px 0 0;
}

#comments-list .comment-author cite.fn {
	font-style: normal;
	font-weight: 600;
}

#comments-list .comment-meta {
	font-size: 0.8125rem;
	line-height: 0.75rem;
}

#comments-list .comment-meta .comment-edit-link {
	font-weight: 600;
}

#comments-list .comment-body p {
	margin: 15px 0 0;
}

#comments-list .comment-body .reply a {
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	background: url('/wp-content/themes/kanzenshuu3/images/news/reply.png') center left no-repeat;
	margin-top: 15px;
	padding-left: 20px;
}

#comments-list ul.children {
	border-left: 3px solid #E60000;
	margin: 10px 10px 0;
	padding-left: 20px;
}

#comments-list ul.children li {
	padding: 0;
}

#respond {
	overflow: hidden;
	margin: 0;
}

h3#reply-title {
	color: #444;
	font-style: normal;
	cursor: default;
}

h3#reply-title small {
	padding-left: 7px;
}

#commentform p {
	margin: 0;
	padding: 0;
}

#commentform .comment-form-comment {
	margin: 20px 0 0;
	padding: 0;
}

#commentform textarea#comment {
	color: #222;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	box-sizing: border-box;
	background: linear-gradient(to bottom right,#EEE,#FFF);
	border: 1px solid #EEE;
	border-radius: 3px;
	margin: 0 0 7px;
	padding: 5px 10px;
	width: 100%;
}

#commentform label {
	display: block;
	color: #444;
	font-size: 1rem;
	font-weight: 600;
	padding: 0 0 3px;
}

#commentform input[type="submit"] {
	float: right;
	color: #FFF;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	background: #333;
	box-sizing: border-box;
	border: 2px solid #333;
	border-radius: 3px;
	margin: 5px 0 0;
	padding: 5px 10px;
	width: 25%;
	transition: all 300ms ease;
}

#commentform input[type="submit"]:hover {
	color: #0077B3;
	background: #EEE;
	border-color: #0077B3;
	cursor: pointer;
}

/*--------------------------------------------------------------
# Contact Page
--------------------------------------------------------------*/
/*-----Social Media Links-----*/
#social-contact {
	overflow: hidden;
	margin: 0 auto 20px;
	padding: 0;
	width: 480px;
}

#social-contact a {
	float: left;
	display: block;
	border: 3px solid #EEE;
	border-radius: 10px;
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0);
	margin: 10px 20px;
	width: 80px;
	height: 80px;
	transition: all 200ms ease;
}

#social-contact a.bluesky {
	background-image: url('/wp-content/themes/kanzenshuu3/images/pages/contact-bluesky.png'),linear-gradient(#64AFFE,#1185FE);
	background-repeat: no-repeat,repeat;
	background-size: 50%;
	background-position: 50% 50%;
}

#social-contact a.facebook {
	background-image: url('/wp-content/themes/kanzenshuu3/images/pages/contact-facebook.png'),linear-gradient(#18AEFE,#0164E1);
	background-repeat: no-repeat,repeat;
	background-size: 50%;
	background-position: 50% 50%;
}

#social-contact a.twitter {
	background-image: url('/wp-content/themes/kanzenshuu3/images/pages/contact-twitter.png'),linear-gradient(#37B5EF,#0E93D8);
	background-repeat: no-repeat,repeat;
	background-size: 50%;
	background-position: 50% 50%;
}

#social-contact a.patreon {
	background-image: url('/wp-content/themes/kanzenshuu3/images/pages/contact-patreon.png'),linear-gradient(#FC988A,#F96855);
	background-repeat: no-repeat,repeat;
	background-size: 50%;
	background-position: 50% 50%;
}

#social-contact a.instagram {
	background-image: url('/wp-content/themes/kanzenshuu3/images/pages/contact-instagram.png'),linear-gradient(#9B36B7,#812d98);
	background-repeat: no-repeat,repeat;
	background-size: 50%;
	background-position: 50% 50%;
}

#social-contact a.youtube {
	background-image: url('/wp-content/themes/kanzenshuu3/images/pages/contact-youtube.png'),linear-gradient(#FD2926,#d42421);
	background-repeat: no-repeat,repeat;
	background-size: 50%;
	background-position: 50% 50%;
}

#social-contact a:hover {
	border-color: #FFF;
	border-radius: 40px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}

/*-----Contact Form-----*/
#frmCSCF,
#wpcf7-f72406-o1 {
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 100%;
}

#content .wpcf7-form p {
	margin: 0;
}

#frmCSCF label,
.wpcf7 label {
	display: block;
	color: #444;
	font-size: 1rem;
	font-weight: 600;
	padding: 0 0 3px;
}

#frmCSCF input[type="text"],#frmCSCF input[type="email"],
.wpcf7 input[type="text"],.wpcf7 input[type="email"] {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	box-sizing: border-box;
	background: #EEE;
	border: none;
	border-radius: 3px;
	margin: 0 0 7px;
	padding: 5px 10px;
	width: 100%;
}

#frmCSCF div.form-group {
	margin: 10px 0 10px;
}

#frmCSCF div.has-error {
	border-left: 3px solid #E60000;
	padding-left: 10px;
}

#frmCSCF span.error {
	display: block;
	color: #E60000;
	font-style: italic;
	font-weight: 600;
	margin: 0 10px 5px;
}

#frmCSCF textarea,
.wpcf7 textarea {
	color: #222;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	box-sizing: border-box;
	background: linear-gradient(to bottom right,#EEE,#FFF);
	border: 1px solid #EEE;
	border-radius: 3px;
	margin: 0 0 7px;
	padding: 5px 10px;
	width: 100%;
}

#frmCSCF #recaptcha_div {
	float: right;
	margin: 0 0 10px;
}

#frmCSCF input[type="submit"],
.wpcf7 input[type="submit"] {
	float: right;
	clear: both;
	color: #FFF;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	background: #333;
	box-sizing: border-box;
	border: 2px solid #333;
	border-radius: 3px;
	margin: 5px 0 0;
	padding: 5px 10px;
	width: 25%;
	transition: all 300ms ease;
}

#frmCSCF input[type="submit"]:hover,
.wpcf7 input[type="submit"]:hover {
	color: #0077B3;
	background: #EEE;
	border-color: #0077B3;
	cursor: pointer;
}

.wpcf7 .wpcf7-spinner {
	float: right;
	margin: 5px 24px;
}

.wpcf7 form .wpcf7-response-output {
	clear: both;
	float: left;
	border-radius: 3px;
	margin: 25px 0;
	width: 100%;
}

/*--------------------------------------------------------------
# Page Navigation
--------------------------------------------------------------*/
#pg_nav,.post-navigation .nav-links {
	overflow: hidden;
	font-family: 'Roboto', sans-serif;
	font-size: 1rem;
	background: linear-gradient(to right, #E6E6E6, #FAFAFA, #FAFAFA, #E6E6E6);
	border-radius: 4px;
	margin: 50px 0 0;
	padding: 0;
	width: 100%;
	height: 39px;
}

#pg_nav .current {
	color: #444;
	font-weight: 900;
	background: none;
}

#pg_nav div#pg_nav_lt,.post-navigation .nav-previous {
	float: left;
	color: #888;
	font-size: 4.2rem;
	line-height: 1.8rem;
	vertical-align: middle;
	background-color: transparent;
	margin: 0;
	width: 60px;
	height: 39px;
}

#pg_nav div#pg_nav_lt span,.post-navigation .nav-previous span {
	display: block;
	color: #DDD;
	text-align: center;
	padding: 0;
	margin: 0;
	height: 39px;
	cursor: default;
}

#pg_nav div#pg_nav_lt a span,.post-navigation .nav-previous a span {
	display: block;
	color: #069;
	text-align: center;
	padding: 0;
	margin: 0;
	height: 39px;
	transition: all 200ms ease;
}

#pg_nav div#pg_nav_lt a span:hover,.post-navigation .nav-previous a span:hover {
	padding-right: 15px;
	cursor: pointer;
}

#pg_nav div#pg_nav_md {
	float: left;
	color: #888;
	font-weight: 700;
	text-align: center;
	letter-spacing: 1px;
	padding: 0;
	margin-top: 7px;
	width: 580px;
}
#pg_nav div#pg_nav_md.wide { /*For 1000px wide individual pages (i.e. Tanslations, Press, etc.*/
	float: none;
	width: 880px;
	margin: 7px auto;
}

#pg_nav div#pg_nav_md a.home-link {
	display: inline-block; background: transparent url('/wp-content/themes/kanzenshuu3/images/pages/home_link.png') center center no-repeat;
	margin: 0;
	padding: 0;
	width: 500px;
	height: 28px;
}

#pg_nav div#pg_nav_md a.home-link:hover {
	background: transparent url('/wp-content/themes/kanzenshuu3/images/pages/home_link-hover.png') center center no-repeat;
}

#pg_nav div#pg_nav_rt,.post-navigation .nav-next {
	float: right;
	color: #888;
	font-size: 4.2rem;
	line-height: 1.8rem;
	vertical-align: middle;
	background-color: transparent;
	margin: 0;
	width: 60px;
	height: 39px;
}

#pg_nav div#pg_nav_rt span,.post-navigation .nav-next span {
	display: block;
	color: #DDD;
	text-align: center;
	padding: 0;
	margin: 0;
	height: 39px;
	cursor: default;
}

#pg_nav div#pg_nav_rt a span,.post-navigation .nav-next a span {
	display: block;
	color: #069;
	text-align: center;
	padding: 0;
	margin: 0;
	height: 39px;
	transition: all 200ms ease;
}

#pg_nav div#pg_nav_rt a span:hover,.post-navigation .nav-next a span:hover {
	padding-left: 15px;
	cursor: pointer;
}

#pg_nav div#pg_nav_rt:hover a span, #pg_nav div#pg_nav_lt:hover a span {
	color: #444;
}

/*--------------------------------------------------------------
# 404 Error
--------------------------------------------------------------*/
#error_404 {
	text-align: center;
	background: transparent url('/wp-content/themes/kanzenshuu3/images/pages/error_404.png') top center no-repeat;
	margin: 40px auto;
	padding: 275px 0 0;
	width: 700px;
}

#error_404 .new-page {
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    margin: 30px 0 10px;
    padding: 0;
}

#error_404 .new-page a {
	display: inline-block;
    color: #FFF;
    background: #00B300 url(/wp-content/themes/kanzenshuu3/images/sidebar/admin-page.png) no-repeat;
    background-position: 7px 50%;
    border-radius: 3px;
    margin: 0 auto;
    padding: 8px 10px 7px 40px;
    transition: all 200ms ease;
}

#error_404 .new-page a:hover {
    padding: 8px 20px 7px 50px;	
}

#error_404 .summon {
	display: block;
	color: #00B300;
	font-size: 2.75rem;
	font-weight: 700;
	padding-top: 30px;
}

#error_404 .sorry {
	display: block;
	font-size: 1.5rem;
	padding-top: 25px;
}

#error_404 .help {
	display: block;
	font-size: 1.25rem;
	padding-top: 40px;
}

#error_404 .links {
	display: block;
}

#error_404 .links a {
	display: inline-block;
	color: #FFF;
	font-weight: 700;
	text-transform: uppercase;
	background: #444;
	border: 2px solid #444;
	border-radius: 3px;
	margin: 20px 10px 0;
	padding: 10px 15px;
	transition: all 200ms ease;
}

#error_404 .links a:hover {
	color: #00B300;
	background: #EEE;
	border-color: #00B300;
}

#error_404 .or {
	display: block;
	font-size: 1.25rem;
	font-weight: 900;
	padding: 40px;
}

#error_404 .search {
	margin: 0 auto;
	width: 80%;
}

#error_404 .search .search-form input[type="text"] { /*Content search form*/
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	box-sizing: border-box;
	background: linear-gradient(to right,#E0E0E0,#EEE);
	border: 2px solid #444;
	border-right: none;
	border-radius: 3px 0 0 3px;
	margin: 0;
	padding: 5px 10px;
	width: 75%;
	transition: all 300ms ease;
}

#error_404 .search .search-form input[type="submit"] { /*Content search button*/
	color: #FFF;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	background: #444;
	box-sizing: border-box;
	border: 2px solid #444;
	border-left: none;
	border-radius: 0 3px 3px 0;
	margin: 0;
	padding: 5px 10px;
	width: 25%;
	transition: all 300ms ease;
}

#error_404 .search .search-form:hover input[type="submit"] {
	color: #00B300;
	cursor: pointer;
}

#error_404 .search .search-form input[type="text"]:focus {
	color: #090;
}

/*--------------------------------------------------------------
# Support Us
--------------------------------------------------------------*/
#support {
	text-align: center;
	margin: 0 0 20px;
	width: 100%
}

#support a.patreon {
	display: inline-block;
	color: #FFF;
	font: 700 1rem 'Roboto', sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	background-color: #333;
	background-image: url('/wp-content/themes/kanzenshuu3/images/sidebar/patreon_logo.png'),linear-gradient(to bottom right,#333,#555);
	background-position: 12px, 50%;
	background-repeat: no-repeat;
	background-size: 22px, auto;
	border: 2px solid #333;
	border-radius: 3px;
	margin: 0;
	padding: 10px 10px 10px 45px;
}

#support a.patreon:hover {
	color: #333;
	background-image: url('/wp-content/themes/kanzenshuu3/images/sidebar/patreon_logo-hover.png'),linear-gradient(to bottom right,#F70,#F90);
}

/*--------------------------------------------------------------
# About Us
--------------------------------------------------------------*/

.product-single .socials {
	display: block;
	margin-top: 5px;
}

.product-single .socials a {
	display: inline-block;
	height: 30px;
	width: 30px;
	border: 1px solid #333;
	border-radius: 3px;
	margin-left: 10px;
}

.product-single .socials a:first-child { /*Remove margin from first link*/
	margin: 0;
}

.product-single .socials a.bluesky { /*Bluesky Link*/
	background: #333 url('/wp-content/themes/kanzenshuu3/images/header/connect-bluesky.png') no-repeat center center;
	background-size: 75%,auto;
	transition: all 300ms ease;
}

.product-single .socials a.bluesky:hover {
	border-color: #1185FE;
	background-color: #1185FE;
}

.product-single .socials a.twitter { /*Twitter (X) Link*/
	background: #333 url('/wp-content/themes/kanzenshuu3/images/header/connect-x.png') no-repeat center center;
	background-size: 75%,auto;
	transition: all 300ms ease;
}

.product-single .socials a.twitter:hover {
	border-color: #000;
	background-color: #000;
}

.product-single .socials a.youtube { /*YouTube Link*/
	background: #333 url('/wp-content/themes/kanzenshuu3/images/header/connect-youtube.png') no-repeat center center;
	background-size: 75%,auto;
	transition: all 300ms ease;
}

.product-single .socials a.youtube:hover {
	border-color: #FD2926;
	background-color: #FD2926;
}

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
#sidebar {
	float: right;
	font-family: 'Roboto', sans-serif;
	padding: 20px;
	width: 460px;
}

#sidebar.sticky-sidebar #stuck { /*Stick sidebar navigation on scroll*/
	position: fixed;
	z-index: 50;
	top: 72px;
	width: 420px;
}

#sidebar .container { /*General sidebar container*/
	border-radius: 3px;
	margin: 0 0 20px;
	width: 100%;
	box-shadow: 0px 0px 16px 0px rgba(0,0,0,0);
	transition: all 300ms ease;
}

#sidebar .container:hover {
	box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.25);
}

#sidebar .container .title {
	color: #FFF;
	font-family: 'Roboto Slab', serif;
	font-size: 1rem;
	font-weight: 900;
	letter-spacing: 2px;
	text-transform: uppercase;
	border-radius: 3px 3px 0 0;
	padding: 0.75rem 1rem;
	cursor: default;
}

#sidebar .container .title a.settings,
.dropbtn a.settings {
	display: block;
    float: right;
    background: url('/wp-content/themes/kanzenshuu3/images/sidebar/settings.png') no-repeat center center;
    width: 24px;
    height: 24px;
	transition: transform 400ms;
}

#sidebar .container .title a.settings:hover,
.dropbtn a.settings:hover {
	transform: rotate(180deg);
}

#sidebar .container .title.gray {
	color: #F9F9F9;
	background-image: url('/wp-content/themes/kanzenshuu3/images/sidebar/kanji_bg1.png'), linear-gradient(to bottom right,#555,#444);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%, auto;
	border-bottom: 2px solid #333;
}

#sidebar .container .title.red {
	color: #F9F9F9;
	background-image: url('/wp-content/themes/kanzenshuu3/images/sidebar/kanji_bg2.png'), linear-gradient(to bottom right,#CC0000,#E60000);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%, auto;
	border-bottom: 2px solid #333;
}

#sidebar .container .title.blue {
	color: #F9F9F9;
	background-image: url('/wp-content/themes/kanzenshuu3/images/sidebar/kanji_bg3.png'), linear-gradient(to bottom right,#069,#0077B3);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%, auto;
	border-bottom: 2px solid #333;
}

#sidebar .container .title.green {
	color: #F9F9F9;
	background-image: url('/wp-content/themes/kanzenshuu3/images/sidebar/kanji_bg2.png'), linear-gradient(to bottom right,#090,#00B300);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%, auto;
	border-bottom: 2px solid #333;
}

#sidebar .container .title.orange {
	color: #F9F9F9;
	background-image: url('/wp-content/themes/kanzenshuu3/images/sidebar/kanji_bg1.png'), linear-gradient(to bottom right,#F70,#F90);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%, auto;
	border-bottom: 2px solid #333;
}

#sidebar .container .sub {
	background-color: #F9F9F9;
	text-align: left;
	margin: 0;
	padding: 0.75rem;
}

#sidebar .container .sub.round {
	border-radius: 0 0 3px 3px;
}

#sidebar .container .sub p {
	font-family: 'Roboto', sans-serif;
	font-size: 0.875rem;
	padding: 0.15rem 0;
	margin: 0;
}

/*-----Administrative Panel-----*/
#sidebar .container .sub.user {
	margin: 0;
	padding: 0.75rem;
}

#sidebar .container .sub.admin {
	overflow: hidden;
}

#sidebar .container .sub.admin a {
	display: block;
	color: #FFF;
	font-family: 'Roboto', sans-serif;
	font-size: 0.875rem;
	font-weight: 700;
	border-radius: 3px;
	padding: 5px 0 4px;
	width: 49%;
	transition: all 200ms ease;
}

#sidebar .container .sub.admin a.admin-wp {
	float: left;
	background: #0077B3 url('/wp-content/themes/kanzenshuu3/images/sidebar/admin-wp.png') no-repeat;
	background-position: 5px 50%;
	margin: 0 0 5px;
	padding-left: 30px;
}
#sidebar .container .sub.admin a.admin-wp:hover {
	background-color: #069;
}

#sidebar .container .sub.admin a.admin-post {
	float: right;
	background: #AAA url('/wp-content/themes/kanzenshuu3/images/sidebar/admin-post.png') no-repeat;
	background-position: 5px 50%;
	margin: 0 0 5px;
	padding-left: 30px;
}
#sidebar .container .sub.admin a.admin-post:hover {
	background-color: #999;
}

#sidebar .container .sub.admin a.admin-page {
	float: left;
	background: #AAA url('/wp-content/themes/kanzenshuu3/images/sidebar/admin-page.png') no-repeat;
	background-position: 5px 50%;
	padding-left: 30px;
}
#sidebar .container .sub.admin a.admin-page:hover {
	background-color: #999;
}

#sidebar .container .sub.admin a.admin-edit {
	float: right;
	background: #00B300 url('/wp-content/themes/kanzenshuu3/images/sidebar/admin-edit.png') no-repeat;
	background-position: 5px 50%;
	padding-left: 30px;
}
#sidebar .container .sub.admin a.admin-edit:hover {
	background-color: #090;
}

#sidebar #stuck .edit-page {
	display: none;
	box-shadow: 0px 0px 16px 0px rgba(0,0,0,0);
	transition: all 300ms ease;
}

#sidebar #stuck .edit-page:hover {
	box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.25);
}

#sidebar #stuck .edit-page a {
	display: block;
	color: #FFF;
	font-family: 'Roboto Slab', serif;
	font-size: 1rem;
	font-weight: 900;
	letter-spacing: 2px;
	text-transform: uppercase;
	background-image: url('/wp-content/themes/kanzenshuu3/images/sidebar/admin-edit.png');
	background-position: 10px 50%, 0 0;
	background-repeat: no-repeat;
	padding: 0.75rem 1rem 0.75rem 2.5rem;
}

#sidebar.sticky-sidebar #stuck .edit-page {
	display: block;
	background-image: url('/wp-content/themes/kanzenshuu3/images/sidebar/kanji_bg1.png'), linear-gradient(to left,#333,#444);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%, auto;
	border-radius: 3px;
	margin: 0 0 20px;
}

/*-----Search Bar-----*/
#sidebar .search { /*Search sidebar container*/
	background-image: url('/wp-content/themes/kanzenshuu3/images/sidebar/kanji_bg1.png'), linear-gradient(to bottom right,#090,#00B300);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%, auto;
	padding: 0.75rem;	
}

#sidebar .search .search-form input[type="text"] { /*Content search form*/
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	box-sizing: border-box;
	background: linear-gradient(to right,#E0E0E0,#EEE);
	border: 2px solid #444;
	border-right: none;
	border-radius: 3px 0 0 3px;
	margin: 0;
	padding: 5px 10px;
	width: 75%;
	transition: all 300ms ease;
}

#sidebar .search .search-form input[type="submit"] { /*Content search button*/
	color: #FFF;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	background: #444;
	box-sizing: border-box;
	border: 2px solid #444;
	border-left: none;
	border-radius: 0 3px 3px 0;
	margin: 0;
	padding: 5px 10px;
	width: 25%;
	transition: all 300ms ease;
}

#sidebar .search .search-form:hover input[type="submit"] {
	color: #00B300;
	cursor: pointer;
}

#sidebar .search .search-form input[type="text"]:focus {
	color: #090;
}

/*-----Jump To Series Panel-----*/
.dropdown { /*General dropdown menu*/
	position: relative;
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	border-radius: 3px;
	margin: 0 0 20px;
	width: 100%;
	box-shadow: 0px 0px 16px 0px rgba(0,0,0,0);
	transition: all 300ms ease;
}

.dropdown:hover {
	box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.5);
}

.dropbtn {
	display: block;
	color: #FFF;
	font-family: 'Roboto Slab', serif;
	font-size: 1rem;
	font-weight: 900;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	background-image: url('/wp-content/themes/kanzenshuu3/images/sidebar/kanji_bg2.png'), linear-gradient(to bottom right,#CC0000,#E60000);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%, auto;
	border: none;
	border-radius: 3px;
	padding: 0.75rem 1rem;
	width: 100%;
}

.dropdown-content { /* Dropdown content (hidden by default) */
	display: none;
	position: absolute;
	background-color: #F9F9F9;
	border-top: 2px solid #333;
	border-radius: 0 0 3px 3px;
	width: 100%;
	z-index: 2;
	transition: all 300ms ease;
}

.dropdown:hover .dropdown-content { /* Show the dropdown menu on hover */
	display: block;
	box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.5);
}

.dropdown-content p { /* Header inside the dropdown */
	color: #333;
	font-size: 1rem;
	font-weight: 900;
	font-style: italic;
	letter-spacing: 1px;
	background: linear-gradient(#F9F9F9,#DDD);
	padding: 0.5rem 1rem;
	width: 100%;
	cursor: default;
}

.dropdown-content a { /* Links inside the dropdown */
	display: block;
	color: #000;
	border-bottom: 1px solid #DDD;
	padding: 0.75rem 2rem;
	text-align: right;
	width: 100%;
}

.dropdown-content a.manga.db {
	background: #F9F9F9 url('/wp-content/themes/kanzenshuu3/images/sidebar/logo_manga.png') no-repeat left center;
}

.dropdown-content a.manga.super {
	background: #F9F9F9 url('/wp-content/themes/kanzenshuu3/images/sidebar/logo_super.png') no-repeat left center;
}

.dropdown-content a.anime.db {
	background: #F9F9F9 url('/wp-content/themes/kanzenshuu3/images/sidebar/logo_db.png') no-repeat left center;
}

.dropdown-content a.anime.dbz {
	background: #F9F9F9 url('/wp-content/themes/kanzenshuu3/images/sidebar/logo_dbz.png') no-repeat left center;
}

.dropdown-content a.anime.gt {
	background: #F9F9F9 url('/wp-content/themes/kanzenshuu3/images/sidebar/logo_gt.png') no-repeat left center;
}

.dropdown-content a.anime.kai {
	background: #F9F9F9 url('/wp-content/themes/kanzenshuu3/images/sidebar/logo_kai.png') no-repeat left center;
}

.dropdown-content a.anime.super {
	background: #F9F9F9 url('/wp-content/themes/kanzenshuu3/images/sidebar/logo_super.png') no-repeat left center;
}

.dropdown-content a.anime.sdbh {
	background: #F9F9F9 url('/wp-content/themes/kanzenshuu3/images/sidebar/logo_sdbh.png') no-repeat left center;
}

.dropdown-content a.anime.daima {
	background: #F9F9F9 url('/wp-content/themes/kanzenshuu3/images/sidebar/logo_daima.png') no-repeat left center;
}

.dropdown-content a.movie.bog {
	background: #F9F9F9 url('/wp-content/themes/kanzenshuu3/images/sidebar/logo_bog.png') no-repeat left center;
}

.dropdown-content a.movie.rof {
	background: #F9F9F9 url('/wp-content/themes/kanzenshuu3/images/sidebar/logo_rof.png') no-repeat left center;
}

.dropdown-content a.movie.broli {
	background: #F9F9F9 url('/wp-content/themes/kanzenshuu3/images/sidebar/logo_broli.png') no-repeat left center;
}

.dropdown-content a.movie.super_hero {
	background: #F9F9F9 url('/wp-content/themes/kanzenshuu3/images/sidebar/logo_super_hero.png') no-repeat left center;
}

.dropdown-content a:last-of-type {
	border-radius: 0 0 3px 3px;	
	border-bottom: none;
}

.dropdown-content a.manga:hover,.dropdown-content a.anime:hover,.dropdown-content a.movie:hover {
	background-color: #EEE;
}

.dropdown:hover .dropbtn {
	border-radius: 3px 3px 0 0;
}

/*-----Super Manga & Movie Preview-----*/
#sidebar .super {
	overflow: hidden;
}

#sidebar .super .banner a {
	display: block;
	background: #FFF url('/wp-content/themes/kanzenshuu3/images/sidebar/super_manga-hero2.png') no-repeat center center;
	background-size: 100%,100%;
	border-radius: 3px 3px 0 0;
	width: 100%;
	height: 130px;
	transition: all 200ms ease;
}

#sidebar .super.daima .banner a {
	background: #FFF url('/wp-content/themes/kanzenshuu3/images/sidebar/banner_daima2.png') no-repeat center center;
	background-size: 100%,100%;
}

#sidebar .super .banner a:hover {
	background-size: 102%,102%;
}

#sidebar .super .menu,#sidebar .translation .menu {
	overflow: hidden;
	border-top: 2px solid #333;
	border-radius: 0 0 3px 3px;
}

#sidebar .super .menu a,#sidebar .translation .menu a {
	float: left;
	display: block;
	color: #0077B3;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	background: linear-gradient(#F9F9F9,#DDD);
	border-right: 1px solid #CCC;
	padding: 7px 5px;
	transition: all 300ms ease;
}

#sidebar .super .menu a:hover,#sidebar .translation .menu a:hover {
	color: #333;
	background: linear-gradient(#EEE,#EEE);
}

#sidebar .super .menu a:last-of-type,#sidebar .translation .menu a:last-of-type {
	border-right: none;
}

#sidebar .menu.two a {
	width: 50%;
}

#sidebar .menu.one a {
	width: 100%;
}
	
/*-----Podcast Panel-----*/
#sidebar .podcast span,#sidebar .support span {
	display: block;
}

#sidebar .podcast span.number {
	color: #F90;
	font-size: 1.25rem;
	font-weight: 900;
	line-height: 1.25rem;
	text-transform: uppercase;
}

#sidebar .podcast span.date {
	color: #333;
	font-weight: 700;
}

#sidebar .podcast span.date::before {
	content: 'For the Week of ';
}

#sidebar .podcast span.topic a {
	display: block;
	font-size: 1.25rem;
	font-weight: 700;
	margin: 10px 0 3px;
}

#sidebar .podcast span.description,#sidebar .support span.description {
	font-family: 'Open Sans', sans-serif;
	font-size: 0.9375rem;
	text-align: left;
}

#sidebar .podcast .footer {
	overflow: hidden;
	background: linear-gradient(#005580,#0077B3);
	border-top: 1px solid #333;
	border-radius: 0 0 3px 3px;
	padding: 0.75rem;
}

#sidebar .podcast .links a {
	display: block;
	float: left;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50px,50px;
	border: 2px solid #333;
	border-radius: 3px;
	margin: 0 8px;
	padding: 0;
	width: 50px;
	height: 50px;
	transition: all 200ms ease;
}

#sidebar .podcast .links a:hover {
	background-size: 60px,60px;
}

#sidebar .podcast .links a.google {
	background-image: url('/wp-content/themes/kanzenshuu3/images/sidebar/podcast_google.png');
}

#sidebar .podcast .links a.apple {
	background-image: url('/wp-content/themes/kanzenshuu3/images/sidebar/podcast_apple.png');
}

#sidebar .podcast .links a.mp3 {
	background-image: url('/wp-content/themes/kanzenshuu3/images/sidebar/podcast_mp3.png');
}

#sidebar .podcast .links a.rss {
	background-image: url('/wp-content/themes/kanzenshuu3/images/sidebar/podcast_rss.png');
}

#sidebar .podcast .links a.soundcloud {
	background-image: url('/wp-content/themes/kanzenshuu3/images/sidebar/podcast_soundcloud.png');
}

#sidebar .podcast .links a.spotify {
	background-image: url('/wp-content/themes/kanzenshuu3/images/sidebar/podcast_spotify.png');
}

#sidebar .podcast .links a.youtube {
	background-image: url('/wp-content/themes/kanzenshuu3/images/sidebar/podcast_youtube.png');
}

#sidebar .podcast .links a:first-of-type {
	margin-left: 8px;
}

#sidebar .podcast .links a:last-of-type {
	margin-right: 0;
}

/*-----Recent Translation Panel-----*/
#sidebar .translation .sub {
	overflow: hidden;
	position: relative;
}

#sidebar .translation .sub .background {
	z-index: 0;	
}

#sidebar .translation .sub .background img {
	position: absolute;
	top: -75px;
	left: 0;
	width: 100%;
	filter: blur(5px);
	opacity: 0.45;
}

#sidebar .translation a {
	z-index: 1;
}

#sidebar .translation .foreground {
	position: relative;
	z-index: 1;
}

#sidebar .translation .image {
	float: left;
	display: block;
	width: 80px;
}

#sidebar .translation .image img {
	position: relative;
	left: -5px;
	background: #333;
	border: 2px solid #333;
	border-radius: 3px;
	margin: 5px 10px 0;
	padding: 0;
	width: inherit;
	transform: rotate(-10deg);
}

#sidebar .translation .info {
	float: right;
	display: block;
	background: rgba(255,255,255,0.5);
	border-radius: 3px;
	padding: 5px 8px;
	width: 290px;
}

#sidebar .translation .info strong {
	font-size: 1.25rem;
	font-weight: 700;
}

#sidebar .translation .info p {
	color: #222;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.9375rem;
}

#sidebar .translation .info p em {
	font-style: italic;
	font-weight: 600;
}

/*-----Support Panel-----*/
#sidebar .support span.description em {
	font-style: italic;
	font-weight: 600;
}

#sidebar .support .footer {
	overflow: hidden;
	background: linear-gradient(#333,#444);
	border-radius: 0 0 3px 3px;
}

#sidebar .support .footer a {
	display: none;
	color: #FFF;
	font: 700 1rem 'Roboto', sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0 auto;
	padding: 0.75rem;
}

#sidebar .support span.links {
	overflow: hidden;
	display: block;
	margin: 15px 10px 0;
	padding: 0;
}

#sidebar .support span.links a.patreon {
	float: left;
	display: block;
	color: #FFF;
	font: 700 1rem 'Roboto', sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	background-color: #333;
	background-image: url('/wp-content/themes/kanzenshuu3/images/sidebar/patreon_logo.png'),linear-gradient(to bottom right,#333,#555);
	background-position: 12px, 50%;
	background-repeat: no-repeat;
	background-size: 22px, auto;
	border: 2px solid #333;
	border-radius: 3px;
	margin: 0;
	padding: 10px 0 10px 45px;
	width: 220px;
}

#sidebar .support span.links a.patreon:hover {
	color: #333;
	background-image: url('/wp-content/themes/kanzenshuu3/images/sidebar/patreon_logo-hover.png'),linear-gradient(to bottom right,#F70,#F90);
}

#sidebar .support span.links a.support {
	float: right;
	display: block;
	color: #FFF;
	font: 700 1rem 'Roboto', sans-serif;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	background: linear-gradient(to bottom right,#333,#555);
	border: 2px solid #333;
	border-radius: 3px;
	margin: 0;
	padding: 10px 0;
	width: 140px;
}

#sidebar .support span.links a.support:hover {
	color: #333;
	background: linear-gradient(to bottom right,#F70,#F90);
}

/*--------------------------------------------------------------
# Main Footer
--------------------------------------------------------------*/
#site-footer {
	font-family: 'Roboto', sans-serif;
	background: #222;
	border-top: 3px solid #069;
}

/*-----Main Footer Area-----*/
#main-footer {
	overflow: hidden;
	color: #EEE;
	margin: 0 auto;
	padding: 30px 0;
	width: 1200px;
}

#main-footer .footer-lt {
	float: left;
	width: 40%;
	margin: 0;
	padding: 0 25px 0 0;
}

#main-footer .footer-rt {
	float: right;
	width: 60%;
	margin: 0;
	padding: 0;
}

#main-footer .title {
	color: #EEE;
	font-family: 'Roboto Slab', serif;
	font-size: 1.1rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	border-bottom: 1px solid #444;
	margin-bottom: 5px;
	padding: 0 10px 2px;
}

#main-footer .title.connect {
	border-color: #00B300;
}

#main-footer .title.disc {
	border-color: #0077B3;
}

#main-footer .title.recent {
	border-color: #F90;
}

#main-footer .title a {
	float: right;
	display: inline-block;
	font-size: 0.8125rem;
	background: #F90;
	border-radius: 3px;
	line-height: 0.75rem;
	padding: 5px 10px;
	transition: all 300ms ease;
}

#main-footer .title a:link, #main-footer .title a:visited {
	color: #FFF;
}

#main-footer .title a:hover {
	color: #333;
}

/*-----Social Media Links-----*/
#main-footer .social p.social-link {
	margin: 0 0 20px;
	padding: 3px 10px;
}

#main-footer .social p.social-link a:first-child { /*Remove margin from first link*/
	margin: 0;
}

#main-footer .social p.social-link a {
	display: inline-block;
	height: 30px;
	width: 30px;
	border: 1px solid #BBB;
	border-radius: 3px;
	margin-left: 15px;
}

#main-footer .social a.facebook { /*Facebook Link*/
	background: transparent url('/wp-content/themes/kanzenshuu3/images/header/connect-facebook.png') no-repeat center center;
	background-size: 75%,auto;
	transition: all 300ms ease;
}

#main-footer .social a.facebook:hover {
	border-color: #385798;
	background-color: #385798;
}

#main-footer .social a.instagram { /*Instagram Link*/
	background: transparent url('/wp-content/themes/kanzenshuu3/images/header/connect-instagram.png') no-repeat center center;
	background-size: 75%,auto;
	transition: all 300ms ease;
}

#main-footer .social a.instagram:hover {
	border-color: #9B36B7;
	background-color: #9B36B7;
}

#main-footer .social a.patreon { /*Patreon Link*/
	background: transparent url('/wp-content/themes/kanzenshuu3/images/header/connect-patreon.png') no-repeat center center;
	background-size: 75%,auto;
	transition: all 300ms ease;
}

#main-footer .social a.patreon:hover {
	border-color: #F96855;
	background-color: #F96855;
}

#main-footer .social a.twitter { /*Twitter (X) Link*/
	background: transparent url('/wp-content/themes/kanzenshuu3/images/header/connect-x.png') no-repeat center center;
	background-size: 75%,auto;
	transition: all 300ms ease;
}

#main-footer .social a.twitter:hover {
	border-color: #000;
	background-color: #000;
}

#main-footer .social a.bluesky { /*Bluesky Link*/
	background: transparent url('/wp-content/themes/kanzenshuu3/images/header/connect-bluesky.png') no-repeat center center;
	background-size: 75%,auto;
	transition: all 300ms ease;
}

#main-footer .social a.bluesky:hover {
	border-color: #1185FE;
	background-color: #1185FE;
}

#main-footer .social a.tiktok { /*TikTok Link*/
	background: transparent url('/wp-content/themes/kanzenshuu3/images/header/connect-tiktok.png') no-repeat center center;
	background-size: 75%,auto;
	transition: all 300ms ease;
}

#main-footer .social a.tiktok:hover {
	border-color: #ff004f;
	background-color: #ff004f;
}

#main-footer .social a.youtube { /*YouTube Link*/
	background: transparent url('/wp-content/themes/kanzenshuu3/images/header/connect-youtube.png') no-repeat center center;
	background-size: 75%,auto;
	transition: all 300ms ease;
}

#main-footer .social a.youtube:hover {
	border-color: #FD2926;
	background-color: #FD2926;
}

#main-footer .social a.feed { /*Site Feed Link*/
	background: transparent url('/wp-content/themes/kanzenshuu3/images/header/connect-feed.png') no-repeat center center;
	background-size: 75%,auto;
	transition: all 300ms ease;
}

#main-footer .social a.feed:hover {
	border-color: #F68306;
	background-color: #F68306;
}

#main-footer .social a:link, #main-footer .social a:visited {
	border-color: #BBB;
}

/*-----Site Disclaimer-----*/
#main-footer .disclaimer {
	color: #DDD;
	font-size: 0.875rem;
	text-align: left;
	line-height: 1.25rem;
	padding: 3px 10px;
}

#main-footer .disclaimer a {
	color: #DDD;
	border-bottom: 1px dotted #DDD;
	transition: all 300ms ease;
}

#main-footer .disclaimer a:hover {
	color: #0077B3;
	border-bottom: 1px dotted #0077B3;
}

/*-----Recently Edited Pages-----*/
#main-footer .recent-edits {
	font-size: 0.875rem;
	padding: 3px 10px;
}

#main-footer .recent-edits p {
	display: list-item;
	list-style: square;
	text-align: left;
	line-height: auto;
	margin: 0 0 5px 14px;
	padding: 0;
	transition: color 300ms ease;
}

#main-footer .recent-edits p:nth-child(odd) {
	background: linear-gradient(to right, #222, #333);
	border-radius: 3px;
}

#main-footer .recent-edits p:nth-child(even) {
	background: linear-gradient(to right, #222, #282828);
	border-radius: 3px;
}

#main-footer .recent-edits p:last-child {
	margin-bottom: 0;
}

#main-footer .recent-edits p:hover {
	color: #F90;
}

#main-footer .recent-edits p a, #main-footer .recent-edits p a:link, #main-footer .description p a:visited {
	display: block;
	color: #DDD;
	border-bottom: 0;
	padding: 1px 0;
}

#main-footer .recent-edits p a:hover {
	color: #F90;
}

#main-footer .recent-edits p span {
	color: #BBB;
	font-size: 0.75rem;
}

#trans-footer,#movie-footer {
	margin: 8px 10px;
}

#trans-footer .text {
	background: linear-gradient(to right, #333, #222);
	border-radius: 3px;
	margin: 0 3px;
	padding: 7px;
}

#trans-footer .text span {
	display: none;
	color: #F90;
	font-weight: 400;
	font-style: italic;
	line-height: 1rem;
}

#trans-footer .text span.on {
	display: block;
}

#trans-footer .cover {
	overflow: visible;
	margin: 10px 0 0;
	width: 100%;
}

#trans-footer .cover a {
	display: block;
	float: left;
	line-height: 0;
	margin-top: 7px;
	padding: 0 4px 0;
	transition: all 200ms ease;
}

#trans-footer .cover a:first-of-type {
	margin-left: 3px;
	padding-left: 0;
}

#trans-footer .cover a:last-of-type {
	padding-right: 0;
}

#trans-footer .cover a:hover {
	margin-top: 0;
}

#trans-footer .cover a img {
	border: 3px solid #090;
	border-radius: 3px;
}

#trans-footer .cover a:hover img {
	border: 3px solid #F90;
}

#movie-footer a {
	display: inline-block;
}

#movie-footer a img {
	background-color: #EEE;
	border: 1px solid rgba(51,102,153,0.75);
	border-radius: 2px;
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,1);
	background-image: linear-gradient(rgba(255,153,0,1),rgba(255,153,0,0.75),rgba(255,153,0,1));
	margin: 5px 18px;
	padding: 2px;
	box-sizing: content-box;
}

#movie-footer a:first-child img {
	margin-left: 5px;
	
}

#movie-footer a:last-child img {
	margin-right: 5px;
	
}

#movie-footer a img:hover {
	border-color: #F90;
	box-shadow: 0px 0px 5px 0px rgba(255,153,0,1);
}

#color-footer { /*Multi-colored horizontal break line*/
	background: linear-gradient(to right, #069, #5A5, #C33, #F90, #069, #5A5);
	height: 2px;
}

/*-----Sub Footer Area-----*/
#sub-footer {
	background-color: #333;
}

#sub-footer .top {
	overflow: hidden;
	color: #999;
	font-family: 'Roboto', sans-serif;
	font-size: 0.8125rem;
	line-height: 1rem;
	margin: 0 auto;
	padding: 10px 0;
	width: 1200px;
}

#sub-footer .top .logo { /*Site coding information*/
	float: left;
	margin-top: 3px;
}

#sub-footer .top .logo a {
	display: inline-block;
	vertical-align: top;
}

#sub-footer .top .logo span {
	display: inline-block;
	cursor: default;
	color: #555;
	font-size: 2rem;
	font-weight: 700;
	line-height: auto;
	margin-top: 12px;
	padding-right: 15px;
}

#sub-footer .top .logo span:last-of-type {
	padding: 0 15px;
}

#sub-footer .top .browser { /*Browser compatibility information*/
	float: right;
	margin-top: 12px;
}

#sub-footer .top .browser span.best {
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 2px solid #999;
	margin: 0 5px;
	padding: 0 0 3px;
	cursor: default;
}

#sub-footer .top .browser span.version {
	position: relative;
	left: -7px;
	top: 2px;
	font-size: 0.625rem;
	background-color: #666;
	border-radius: 2px;
	padding: 2px;
}

#sub-footer .top .browser a:link, .top .browser a:visited {
	color: #FFF;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#sub-footer .top .browser a:hover {
	color: #FFF;
	filter: alpha(opacity=100);
	opacity: 1;
}

#sub-footer .top .browser img {
	vertical-align: text-top;
	margin: 0 3px 0 5px;
}

#sub-footer .bottom { /*Copyright information*/
	overflow: hidden;
	color: #666;
	font-family: 'Roboto', sans-serif;
	font-size: 0.8125rem;
	font-weight: 500;
	line-height: auto;
	border-top: 2px solid #444;
	margin: 5px auto 0;
	padding: 15px 0 15px;
	width: 1200px;
	cursor: default;
}

#sub-footer .bottom .modified { /*Date last modified*/
	float: right;
	display: inline-block;
}

#sub-footer .bottom a:link,#sub-footer .bottom a:visited {
	color: #666;
	border-bottom: 1px dotted #666;
	transition: all 300ms ease;
}

#sub-footer .bottom a:hover {
	color: #0077B3;
	border-bottom: 1px dotted #0077B3;
}

/*-----Scrolling Page Top Link-----*/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 300;
}

#page-top a {
	display: block;
	text-indent: -9999px;
	background: url('/wp-content/themes/kanzenshuu3/images/pages/page-top.png') no-repeat left top;
	width: 40px;
	height: 40px;
}

#page-top a:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

/*--------------------------------------------------------------
# SINGLE PAGE COMMON STYLES
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Page Breadcrumb Path
--------------------------------------------------------------*/
#path { /*Path container*/
	margin: 15px 0;
	padding: 0;
}

#path ul#breadcrumbs {
	list-style: none;
	background: linear-gradient(to top left, #DDD, #EEE);
	border-radius: 3px;
	margin: 0 auto;
	padding: 10px;
	width: 1200px;
	height: 60px;
}

#path ul#breadcrumbs li {
	display: inline-block;
}

#path ul#breadcrumbs li a {
	display: block;
	position: relative;
	float: left;
	color: #0077B3;
	font-family: 'Roboto', sans-serif;
	font-size: 0.9375rem;
	font-weight: 500;
	line-height: auto;
	background: linear-gradient(to right,#DDD,#CCC);
	margin: 0 22px 0 0;
	padding: 8px 5px 0 10px;
	height: 40px;
	transition: color 200ms ease;
}

#path ul#breadcrumbs li a:hover {
	background: linear-gradient(to right,#CCC,#CCC);
}

#path ul#breadcrumbs li a::before {
	content: "";
	position: absolute;
	border-width: 20px 0 20px 20px;
	border-style: solid;
	border-color: #DDD #DDD #DDD transparent;
	margin-top: 0;
	top: 0;
	left: -20px;
}

#path ul#breadcrumbs li a::after {
	content: "";
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #CCC;
	position: absolute;
	right: -20px;
	top: 0;
}

#path ul#breadcrumbs li:first-child a::before {
	display: none;
}

#path ul#breadcrumbs li:first-child a {
	border-radius: 3px 0 0 3px;
}

#path ul#breadcrumbs li a:hover::before {
	border-color: #CCC #CCC #CCC transparent;
}

#path ul#breadcrumbs li a:hover::after {
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #CCC;
}

#path ul#breadcrumbs li.home a {
	background: #0077B3 url('/wp-content/themes/kanzenshuu3/images/pages/path_home.png') center right no-repeat;
	padding: 10px 0 0 30px;
	transition: all 200ms ease;
}

#path ul#breadcrumbs li.home a:hover {
	background-color: #069;
}

#path ul#breadcrumbs li.home a::after {
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #0077B3;
	transition: all 200ms ease;
}

#path ul#breadcrumbs li.home a:hover::after {
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #069;
}

#path ul#breadcrumbs li.current a {
	color: #FFF;
	background: #0077B3;
	cursor: default;
}

#path ul#breadcrumbs li.current a::before {
	border-color: #0077B3 #0077B3 #0077B3 transparent;
}

#path ul#breadcrumbs li.current a::after {
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #0077B3;
}

/*--------------------------------------------------------------
# Section Navigaion Buttons
--------------------------------------------------------------*/
/*-----Section Navigation Dropdown Menu (Top Left of Page)-----*/
#section-container {
	background: linear-gradient(to right,#BBB 50%,#CCC);
	padding: 0;
	height: 39px;
	width: 740px;
}

#jump-to-nav {
	float: left;
	margin: 0 10px 0 0;
}

#jump-to-nav span {
	display: block;
	color: #FFF;
	font-family: 'Roboto Slab', sans-serif;
	font-size: 1rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	background-color: #F90;
	background-image: url('/wp-content/themes/kanzenshuu3/images/pages/dropdown_down.png'),linear-gradient(to bottom right,#090,#00B300);
	background-position: right 5px top 50%,0 0;
	background-repeat: no-repeat;
	border-radius: 3px 3px 0 0;
	margin: 0;
	padding: 8px 40px 7px 10px;
	width: 250px;
	cursor: pointer;
	transition: 200ms all ease;
}

#jump-to-nav span.drop {
	color: #FFF;
	background: url('/wp-content/themes/kanzenshuu3/images/pages/dropdown_green.png') center right no-repeat, linear-gradient(to bottom right,#090,#00B300);
	background-position: right 5px top 50%,0 0;
	border-radius: 3px 3px 0 0;
	width: 300px;
}

#jump-to-nav ul { list-style: none; position: relative; float: left; margin: 0; padding: 0; z-index: 3; }
#jump-to-nav ul a { display: block; color: #333; text-decoration: none; font-weight: 700; font-size: 0.875rem; line-height: 32px; padding: 0 10px; font-family: 'Roboto', sans-serif; }
#jump-to-nav ul li { position: relative; float: left; text-align: left; margin: 0; padding: 0; }
#jump-to-nav ul li:first-of-type { border-radius: 0 3px 0 0; }
#jump-to-nav ul li:first-of-type.top { border-radius: 0; }
#jump-to-nav ul li:hover { background-color: #F6F6F6; }
#jump-to-nav ul ul { display: none; position: absolute; top: 100%; left: 0; background: linear-gradient(to right, #E6E6E6, #F6F6F6 75%); border-radius: 0 3px 3px 3px; box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.25); padding: 0; z-index: 4; }
#jump-to-nav ul ul li { float: none; width: 300px; background: linear-gradient(to right, #E6E6E6, #F6F6F6 75%); }
#jump-to-nav ul ul li:last-of-type { border-bottom: 5px solid #090; border-radius: 0 0 3px 3px; }
#jump-to-nav ul ul li:hover { background: #E6E6E6; }
#jump-to-nav ul ul a { color: #333; line-height: 120%; padding: 10px; text-overflow: ellipsis; }
#jump-to-nav ul ul a.sub { background: url('/wp-content/themes/kanzenshuu3/images/pages/dropdown-sub.png') center right no-repeat; padding: 10px 30px 10px 10px; }
#jump-to-nav ul ul a.sub:hover { color: #00B300; background: url('/wp-content/themes/kanzenshuu3/images/pages/dropdown-sub_hover.png') center right no-repeat; }
#jump-to-nav ul ul a.sub.click { color: #00B300; background: #E6E6E6 url('/wp-content/themes/kanzenshuu3/images/pages/dropdown-sub_hover.png') center right no-repeat; }
#jump-to-nav ul ul a.sub.none { cursor: pointer; }
#jump-to-nav ul ul a:hover { color: #00B300; }
#jump-to-nav ul ul ul { top: 0; left: 100%; z-index: 3; }
#jump-to-nav ul.scroll { overflow-y: scroll; height: 412px; }

#jump-to-nav:hover {
	cursor: pointer;
}

/*-----Episode Dropdown Listing (Top of Page)-----*/
#page-chp-list,
#page-eps-list {
	position: relative;
	overflow: hidden;
	float: left;
	background-color: #F90;
	background-image: url('/wp-content/themes/kanzenshuu3/images/pages/dropdown_down.png'),linear-gradient(to bottom right,#F60,#F90);
	background-position: right 5px top 50%,0 0;
	background-repeat: no-repeat;
	border-radius: 3px 3px 0 0;
	margin: 0 10px 0 0;
	padding: 4px 40px 3px 10px;
	width: 142px;
	cursor: pointer;
	transition: 200ms all ease;
}

#page-chp-list .chp-select,
#page-eps-list .eps-select {
	color: #FFF;
	font-family: 'Roboto Slab', sans-serif;
	font-size: 1rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	background: transparent;
	border: none;
	padding: 4px 5px 5px;
	width: 275px;
	cursor: pointer;
}

#page-chp-list .chp-select option,
#page-eps-list .eps-select option {
	color: #111;
	font-weight: 700;
	font-size: 0.875rem;
	font-family: 'Roboto', sans-serif;
	text-transform: none;
	line-height: 32px;
	padding: 0 10px;
}

#page-chp-list.drop,
#page-eps-list.drop {
	background: url('/wp-content/themes/kanzenshuu3/images/pages/dropdown_orange.png') center right no-repeat, linear-gradient(to bottom right,#F60,#F90);
	background-position: right 5px top 50%,0 0;
	border-radius: 3px 3px 0 0;
	width: 192px;
}

/*-----Page Edit Button (Top Right of Page)-----*/
#page-edit a,#page-wp a {
	float: left;
	color: #FFF;
	font-family: 'Roboto', sans-serif;
	font-size: 1rem;
	font-weight: 700;
	border-radius: 3px 3px 0 0;
	margin: 0 10px 0 0;
	padding: 8px 10px 7px 40px;
	transition: all 100ms ease;
}

#page-edit a {
	background-image: url('/wp-content/themes/kanzenshuu3/images/sidebar/admin-edit.png'),linear-gradient(to left,#333,#444);
	background-position: 10px 50%, 0 0;
	background-repeat: no-repeat;
}

#page-edit a:hover {
	background-position: 15px 50%, 0 0;
	padding: 8px 20px 7px 50px;
}

#page-wp a {
	background-image: url('/wp-content/themes/kanzenshuu3/images/sidebar/admin-wp.png'),linear-gradient(to left,#069,#369);
	background-position: 10px 50%, 0 0;
	background-repeat: no-repeat;
}

#page-wp a:hover {
	background-position: 15px 50%, 0 0;
	padding: 8px 20px 7px 50px;
}

/*-----See Also Link At Top of Page-----*/
div#see-also {
	margin: -20px 10px 30px;
	font-style: italic;
	cursor: default;
}

div#see-also .link strong {
	color: #666;
}

/*-----Guide Sub-section Text Links-----*/
div.link-nav {
	position: relative;
	color: #FFF;
	font-size: 0.9375rem;
	font-weight: 700;
	text-align: center;
	border-radius: 3px;
	margin: 0 auto 20px;
	padding: 0;
	width: 100%;
}

div.link-nav a {
	display: inline-block;
	color: #FFF;
	text-align: center;
	line-height: normal;
	background: linear-gradient(to bottom right,#069,#0077B3);
	border-radius: 3px;
	margin: 0 5px 7px;
	padding: 7px 15px;
	min-width: 45px;
}

div.link-nav a:hover {
	color: #0077B3;
	background: linear-gradient(to bottom right,#DDD,#EEE);
}

/*-----Guide Sub-section Button Links-----*/
#content .guide-links {
	overflow: hidden;
	margin: 0;
	width: 100%;
}

#content .guide-links a.link,
#content .guide-links a.dead {
	position: relative;
	overflow: hidden;
	float: left;
	display: block;
	background: #069;
	border: 1px solid #0077B3;
	border-radius: 3px;
	box-shadow: none;
	margin: 5px 0 20px 15px;
	padding: 0;
	width: 220px;
	height: 120px;
	transition: 100ms all ease;
}


#content .guide-links a:last-of-type {
	margin-right: 0;
}

#content .guide-links a.single {
	margin-left: 240px;
}

#content .guide-links a.double {
	margin-left: 122px;
}

#content .guide-links a.triple {
	margin-left: 5px;
}

#content .guide-links a.link:hover {
	box-shadow: 0 0 5px 1px #666;
}

#content .guide-links a.link img.none,
#content .guide-links a.dead img.none {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background: none;
	border-bottom: none;
	box-shadow: none;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	width: 220px;
	height: auto;
	transition: 100ms all ease;
	z-index: 1;
}

#content .guide-links a.link:hover img.none {
	
}

#content .guide-links a.link span,.guide-links a.dead span {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	color: #F9F9F9;
	font-weight: 600;
	font-size: 0.875rem;
	text-align: center;
	line-height: 1.25rem;
	background: rgba(0,119,179,0.9);
	padding: 7px 3px;
	width: 220px;
	transition: 200ms all ease;
	z-index: 2;
}

#content .guide-links a.link:hover span {
	color: #0077B3;
	font-weight: 700;
	background: rgba(255,255,255,0.9);
	border: 0;
	padding: 50px 3px;
}

#content .guide-links a.dead {
	border: 1px solid #666;
	cursor: default;
	opacity: 0.5;
}

#content .guide-links a.dead img {
	filter: grayscale(100%); -webkit-filter: grayscale(100%);
}

#content .guide-links a.dead span {
	color: #999;
	background: rgba(0,0,0,0.9);
}

/*--------------------------------------------------------------
# Recently Edited Page Log
--------------------------------------------------------------*/
#content div.edit-log {
	width: 100%;
	margin: 0 0 20px;
}

#content div.edit-log ul.list {
	list-style: none;
	overflow: hidden;
	border-bottom: 1px solid #DDD;
	margin: 0;
	padding: 0;
	width: 700px;
}

#content div.edit-log ul.list:last-of-type {
	border-bottom: 5px solid #DDD;
	border-radius: 0 0 3px 3px;
}

#content div.edit-log ul.list:nth-child(odd) {
	background: #F9F9F9;
}

#content div.edit-log ul.list:nth-child(even) {
	background: #F2F2F2;
}

#content div.edit-log ul.list.title {
	background: linear-gradient(#D3D3D3,#E3E3E3);
	border-radius: 3px 3px 0 0;
	margin: 0;
	padding: 0;
	cursor: default;
}

#content div.edit-log ul.list.title li {
	color: #090;
	font-size: 1rem;	
	font-weight: 600;
}

#content div.edit-log ul.list li {
	float: left;
	font-size: 0.875rem;
	line-height: 1rem;
	margin: 0;
	padding: 7px 5px;
}

#content div.edit-log ul.list li.page {
	text-align: left;
	width: 580px;
}

#content div.edit-log ul.list li.user {
	text-align: center;
	width: 120px;
}

#content div.edit-log a {
	display: block;
	font-size: 0.875rem;
	font-weight: 600;
}

#content div.edit-log ul.list li span {
	color: #333;
	font-size: 0.6875rem;
	font-style: italic;
}

/*--------------------------------------------------------------
# Single Listing Item (Features, Reviews, Rumor, Tidbits, etc.)
--------------------------------------------------------------*/
#content .listing-single {
	overflow: hidden;
	background: linear-gradient(to bottom, #EEE 10%, #FFF);
	background-size: 100% 50px;
	background-repeat: no-repeat;
	border-radius: 3px;
	margin: 20px 0 25px;
	padding: 7px 0 10px;
	width: 100%;
}

#content .listing-single .image { /*Left column, typically for an image*/
	float: left;
	text-align: center;
	line-height: 1rem;
	margin: 0 5px;
	padding: 0;
	width: 120px;
}

#content .listing-single .info { /*Right column, for article information*/
	float: right;
	width: 570px;
}

#content .listing-single .info .title { /*Listing article title*/
	color: #222;
	font: 1rem 'Roboto', sans-serif;
	font-weight: 700;
	text-align: left;
	line-height: 1.25rem;
	margin: 7px 0;
}

#content .listing-single .info .title a:link,
#content .listing-single .info .title a:visited {
	color: #0077B3;
	text-decoration: none;
}

#content .listing-single:hover div.info div.title a:hover {
	color: #444;
	text-decoration: none;
}

#content .listing-single .info .title span {
	float: right;
	display: block;
	position: relative;
	top: -14px;
	color: #FFF;
	font-size: 0.75rem;
	line-height: 1rem;
	font-weight: 500;
	border-radius: 0 3px 0 3px;
	padding: 3px 7px;
}

#content .listing-single .info .description {
	margin-right: 5px;
}

#content .listing-single .more {
	overflow: hidden;
	float: right;
	color: #555;
	font: 0.8125rem 'Roboto', sans-serif;
	line-height: 1.25rem;
	background: linear-gradient(to right,#FFF,rgba(255,255,255,0)),linear-gradient(#EEE,#E6E6E6);
	border-top: 1px solid #DDD;
	border-radius: 0 0 3px 3px;
	margin-top: 10px;
	padding: 5px 7px;
	width: 100%;
}

#content .listing-single .more a {
	float: right;
	display: inline-block;
	color: #0077B3;
	font-size: 0.875rem;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: normal;
	background: #F9F9F9;
	border: 2px solid #0077B3;
	border-radius: 5px;
	padding: 5px 15px;
	transition: all 200ms ease;
}

#content .listing-single .more a:hover {
	color: #F9F9F9;
	background: #0077B3;
	padding: 5px 25px;
}

#content .listing-single .more a::before {
	content: 'Read More';
}

/*-----Rumor Guide-----*/

#content .listing-single.rumor span {
	text-transform: uppercase;
	letter-spacing: 1px;
}

#content .listing-single.rumor span.true {
	background: linear-gradient(#00A200,#00B300);
}

#content .listing-single.rumor span.false {
	background: linear-gradient(#C00,#E60000);
}

#content .listing-single.rumor span.maybe {
	background: linear-gradient(#F90,#FA0);
}

/*--------------------------------------------------------------
# Single Image Product (Individual Disc, Tankōbon, etc.)
--------------------------------------------------------------*/
#content .product-single {
	overflow: hidden;
	background: linear-gradient(to bottom, #EEE 10%, #FFF);
	background-size: 100% 50px;
	background-repeat: no-repeat;
	border-radius: 3px;
	margin: 20px 0 25px;
	padding: 7px 0 10px;
	width: 100%;
}

/*

#content .product-single::before {
	content: "";
	position: relative;
	display: block;
	top: -7px;
	left: 520px;
	background: #999;
	border-radius: 0 3px 0 3px;
	width: 300px;
	height: 5px;
	transition: all 200ms ease;
}

#content .product-single:hover::before {
	background: #090;
}

#content .product-single::after {
	content: "";
	position: relative;
	display: block;
	top: -7px;
	left: 550px;
	background: #BBB;
	border-radius: 0 0 0 3px;
	width: 200px;
	height: 3px;
	transition: all 200ms ease;
}

#content .product-single:hover::after {
	background: #FA0;
}

*/

#content .product-single .cover { /*Left column, typically for the cover image*/
	float: left;
	text-align: center;
	line-height: 1rem;
	margin: 0 5px;
	padding: 0;
	width: 120px;
}

#content .product-single .cover span.item-id { /*Product's ID or catalogue number*/
	display: block;
	color: #222;
	font: 0.5625rem 'Roboto', sans-serif;
	font-weight: 500;
}

#content .product-single .cover span.cover { /*Note the cover illustration for Weekly Jump issues*/
	display: inline-block;
	color: #222;
	font: 0.625rem 'Roboto', sans-serif;
	font-weight: 500;
	margin-top: 3px;
	width: 106px;
}

#content .product-single .cover span.cover strong { /*Title text for the cover illustration*/
	display: block;
	color: #069;
	font: 0.6875rem 'Roboto', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	background-image: linear-gradient(to right, rgba(255,255,255,0), #0077B3, rgba(255,255,255,0));
    background-size: 100% 1px;
	background-position: 0 100%;
    background-repeat: no-repeat;
    margin: 3px auto;
    padding: 3px;
}

#content .product-single .cover span.item-region img { /*DVD or Blu-ray region image*/
	border: 0;
	background: transparent;
	box-shadow: none;
	margin: 4px 2px;
	padding: 0;
	height: 20px;
}

#content .product-single .info { /*Right column, for product information*/
	float: right;
	width: 570px;
}

#content .product-single .info h2 { /*Product header title*/
	color: #222;
	font: 1rem 'Roboto', sans-serif;
	font-weight: 700;
	text-align: left;
	line-height: 1.25rem;
	letter-spacing: 0;
	border: none;
	margin: 4px 0;
	padding: 0;
}

#content .product-single .info h2 a:link,
#content .product-single .info h2 a:visited {
	color: #0077B3;
}

#content .product-single:hover .info h2 a:hover {
	color: #444;
}

#content .product-single .info h2.cast { /*Remove italic style from header (depricated)*/
	font-style: normal;
}

#content .product-single .info .sub-title { /*Product sub-title (individual chapter listing)*/
	font: 0.875rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	border-bottom: 1px dotted #DDD;
	margin: 7px 0;
	padding-bottom: 7px;
}

#content .product-single .info .sub-title em {
	font: 0.875rem 'Roboto', sans-serif;
	font-style: italic;
}

#content .product-single .info .sub-title span {
	display: block;
	color: #E60000;
	font: 0.875rem 'Roboto', sans-serif;
	font-weight: 500;
	margin-top: 5px;
}

#content .product-single .info .description {
	color: #222;
	font-size: 0.875rem;
}

#content .product-single .info .data {
	overflow: hidden;
	margin-bottom: 15px;
}

#content .product-single .info .data dl { /*Release data information box*/
	float: left;
	text-align: center;
	background: #DDD;
	border: 1px solid #DDD;
	border-radius: 3px;
	margin: 6px 12px 0 0;
	padding: 0;
	width: 182px;
}

#content .product-single .info .data dl:last-of-type { /*Remove right margin from last data box*/
	margin: 6px 0 0;
}

#content .product-single .info .data dd { /*Release data info (top)*/
	color: #222;
	font: 0.6875rem 'Roboto', sans-serif;
	font-weight: 400;
	background: #FFF;
	border-bottom: 2px solid #999;
	border-radius: 3px 3px 0 0;
	margin: 0;
	padding: 3px 0;
}

#content .product-single .info .data dt { /*Release data header (bottom)*/
	color: #090;
	font: 0.6875rem 'Roboto', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	background: #DDD;
	border-radius: 0 0 3px 3px;
	margin: 0;
	padding: 4px 0 3px;
}

#content .product-single .info .note { /*Product notes*/
	color: #333;
	font-size: 0.875rem;
	text-align: left;
	margin: 0 0 10px;
}

#content .product-single .info .title { /*Listing title (chapters, episodes, tracks, etc.)*/
	color: #090;
	font: 0.9375rem 'Roboto', sans-serif;
	font-weight: 700;
	margin: 0;
	padding: 3px 5px;
	background: linear-gradient(#D3D3D3,#E3E3E3);
	border-top: 1px solid #DDD;
	border-radius: 5px 5px 0 0;
	cursor: default;
}

#content .product-single .info .title span.pg { /*List page number title*/
	float: right;
}

#content .product-single .info .list.odd.comment.last { /*Author comment*/
	border: none;
	border-left: 5px solid #C00;
	border-radius: 5px;
}

#content .product-single .info .list.comment .left {
	width: 40px;
}

#content .product-single .info .list.comment .right {
	width: 525px;
}

#content .product-single .info .list.comment .right span {
	display: inline-block;
	color: #222;
	font: 400 0.875rem 'Roboto', sans-serif;
	line-height: 1.25rem;
	margin: 0;
	padding: 0 5px;
}

#content .product-single .info .list.comment .right em {
	font: 400 0.875rem 'Roboto', sans-serif;
	font-style: italic;
}

#content .product-single .list { /*Listing item*/
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 570px;
}

#content .product-single .info .list.odd { /*Odd listing item*/
	background: #F2F2F2;
	border-top: 1px solid #DDD;
	padding: 3px 0;
}

#content .product-single .info .list.even { /*Even listing item*/
	background: #F9F9F9;
	border-top: 1px solid #DDD;
	padding: 3px 0;
}

#content .product-single .info .list.link { /*Linked listing item*/
	background-image: url(/wp-content/themes/kanzenshuu3/images/pages/link-bg.png);
    background-repeat: no-repeat;
    background-position: top -12px left -12px;
	transition: all 200ms ease;
}

#content .product-single .info .list.link:hover {
    background-position: top -10px left -10px;	
}

#content .product-single .info .list.link a.link {
	display: block;
	color: #000;
}

#content .product-single .info .list.link a.link {
	display: block;
	color: #000;
}

#content .product-single .info .list.link:hover a.link {
	color: #0077B3;
}

#content .product-single .info .list.link:hover a.link span {
	color: #069;
}

#content .product-single .info .list.link .left {
	color: #0077B3;
	cursor: default;
}

#content .product-single .info .list.last { /*Last listing item*/
	border-bottom: 5px solid #DDD;
	border-radius: 0 0 5px 5px;
	margin-bottom: 15px;
}

#content .product-single .list .left { /*Left listing column (chapter, episode, track number)*/
	float: left;
	color: #222;
	font: 600 0.8125rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	text-align: center;
	width: 45px;
}

#content .product-single .list .right { /*Right listing column*/
	float: left;
	font: 0.875rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	text-align: left;
	width: 525px;
}

#content .product-single .list .right strong {
	display: inline-block;
	font: 700 0.875rem 'Roboto', sans-serif;
	margin-bottom: 5px;
}

#content .product-single .list .right em,
#content .product-single .list .middle em {
	font: italic 0.875rem 'Roboto', sans-serif;
}

#content .product-single .list .right span,
#content .product-single .list .middle span {
	display: block;
	color: #E60000;
	font: 0.875rem 'Roboto', sans-serif;
	font-weight: 500;
	margin-top: 5px;
}

#content .product-single .list .right span em,
#content .product-single .list .middle span em {
	font: italic 0.875rem 'Roboto', sans-serif;
	font-weight: 500;
}

#content .product-single .list .middle { /*Middle column when including page column*/
	float: left;
	font: 0.8125rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	text-align: left;
	width: 485px;
}

#content .product-single .list .page { /*List page column*/
	float: right;
	color: #222;
	font: 600 0.8125rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	text-align: center;
	padding-right: 5px;
	width: 39px;
}

/*-----CD Notes-----*/
#content .product-single .info .cd-notes {
	font: 0.8rem 'Roboto', sans-serif;
	line-height: normal;
	background: linear-gradient(to top left, #EEE 10%, #FFF);
	border: 1px solid #DDD;
	border-radius: 3px;
	margin: 0;
	padding: 7px;
	width: 100%;
}

#content .product-single .info .cd-notes strong {
	display: block;
	color: #090;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0 0 5px;
}

#content .product-single .info .cd-notes p {
	margin: 0;
	padding: 0;
}

#content .product-single .info .cd-notes ul {
	margin: 0 0 0 18px;
	padding: 0;
}

#content .product-single .info .cd-notes li {
	margin: 0 0 5px;
	padding: 0;
}

#content .product-single .info .cd-notes li:last-child {
	margin: 0;
	padding: 0;
}

#content .product-single .info .cd-notes li strong {
	display: inline;
	color: #222;
	font-weight: 600;
	text-transform: none;
}

/*--------------------------------------------------------------
# Stacked Image Products (DVD, Blu-ray, Manga, CD, etc.)
--------------------------------------------------------------*/
#content .product-stack {
	overflow: hidden;
	margin: 0 0 30px;
	padding: 0;
	width: 700px;
}

#content .product-stack .info { /*Right column, for product information*/
	color: #222;
	text-align: left;
	background: #EEE;
	border-left: 3px solid #FA0;
	border-radius: 3px;
	margin: 0;
	padding: 0;
}

#content .product-stack .info .title { /*Listing product title*/
	color: #222;
	font: 1rem 'Roboto', sans-serif;
	font-weight: 700;
	text-align: left;
	line-height: 1.25rem;
	margin: 7px;
}

#content .product-stack .info .title span { /*Listing product type*/
	float: right;
	display: block;
	position: relative;
	top: -7px;
	right: -7px;
	color: #FFF;
	font-family: 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	font-size: 0.75rem;
	line-height: 1rem;
	font-weight: 400;
	background: linear-gradient(#00A200,#00B300);
	border-radius: 0 3px 0 3px;
	padding: 3px 5px;
}

#content .product-stack .info .title span.jpn {
	font-weight: 300;
}

#content .product-stack .info .title a:link,
#content .product-stack .info .title a:visited {
	color: #0077B3;
	text-decoration: none;
}

#content .product-stack:hover div.info div.title a:hover {
	color: #444;
	text-decoration: none;
}

#content .product-stack .info div.descript { /*Listing product description*/
	font-size: 0.8125rem;
	text-align: left;
	line-height: 1.25rem;
	margin: 0;
	padding: 0 7px 7px;
}

#content .product-stack .info div.data { /*Listing product release information*/
	color: #444;
	font-size: 0.75rem;
	font-family: 'Roboto', sans-serif;
	line-height: normal;
	background: #EEE;
	border-top: 1px solid #DDD;
	border-radius: 0 0 3px 0;
	padding: 5px 7px;
}

#content .product-stack .info div.data h3 { /*Release information title*/
	color: #E60000;
	font: 0.875rem 'Roboto', sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	margin: 0 0 3px;
}

#content .product-stack .info div.data span { /*Release information specific data title*/
	font-weight: 700;
	padding-right: 5px;
}

#content .product-stack .info p {
	line-height: 1rem;
	margin: 0;
	padding: 0;
}

#content .product-stack .info ul {
	margin: 0 0 0 5px;
	padding: 0;
}

#content .product-stack .info ul li {
	list-style: square;
	margin: 0 0 0 15px;
	padding: 0;
}

/*-----DVD Product Type-----*/
#content div.dvd-type div.cover { /*Left column, for the DVD cover image*/
	position: relative;
	overflow: visible;
	float: left;
	width: 200px;
	height: 200px;
}

#content div.dvd-type div.info { /*Right column, for DVD product information*/
	float: left;
	background: #F9F9F9;
	background-image: linear-gradient(to bottom, #EEE 10%, #F9F9F9);
	background-size: 100% 50px;
	background-repeat: no-repeat;
	width: 500px;
}

#content div.dvd-type img.img3 { /*Bottom stacked image*/
	position: absolute;
	top: 0;
	left: 22px;
	transition: all 150ms ease;
}

#content div.dvd-type div.cover:hover img.img3 {
	left: 2px;
}

#content div.dvd-type img.img2 { /*Middle stacked image*/
	position: absolute;
	top: 15px;
	left: 42px;
	transition: all 150ms ease;
}

#content div.dvd-type div.cover:hover img.img2 {
	left: 37px;
}

#content div.dvd-type img.img1 { /*Top stacked image*/
	position: absolute;
	top: 30px;
	left: 62px;
	transition: all 150ms ease;
}

#content div.dvd-type div.cover:hover img.img1 {
	left: 72px;
}

/*-----Blu-ray Product Type-----*/
#content div.bd-type div.cover { /*Left column, for the Blu-ray cover image*/
	position: relative;
	overflow: visible;
	float: left;
	width: 200px;
	height: 200px;
}

#content div.bd-type div.info { /*Right column, for Blu-ray product information*/
	float: left;
	background: #F9F9F9;
	background-image: linear-gradient(to bottom, #EEE 10%, #F9F9F9);
	background-size: 100% 50px;
	background-repeat: no-repeat;
	width: 500px;
}

#content div.bd-type img.img3 { /*Bottom stacked image*/
	position: absolute; top: 0; left: 22px; transition: all 150ms ease;
}

#content div.bd-type div.cover:hover img.img3 {
	left: 2px;
}

#content div.bd-type img.img2 { /*Middle stacked image*/
	position: absolute;
	top: 15px;
	left: 42px;
	transition: all 150ms ease;
}

#content div.bd-type div.cover:hover img.img2 {
	left: 37px;
}

#content div.bd-type img.img1 { /*Top stacked image*/
	position: absolute;
	top: 30px;
	left: 62px;
	transition: all 150ms ease;
}

#content div.bd-type div.cover:hover img.img1 {
	left: 72px;
}

/*-----CD Product Type-----*/
#content div.cd-type div.cover { /*Left column, for the CD cover image*/
	position: relative;
	overflow: visible;
	float: left;
	width: 200px;
	height: 160px;
}

#content div.cd-type div.info { /*Right column, for CD product information*/
	float: left;
	background: #F9F9F9;
	background-image: linear-gradient(to bottom, #EEE 10%, #F9F9F9);
	background-size: 100% 50px;
	background-repeat: no-repeat;
	width: 500px;
}

#content div.cd-type img.img3 { /*Bottom stacked image*/
	position: absolute;
	top: 0;
	left: 22px;
	transition: all 150ms ease;
}

#content div.cd-type div.cover:hover img.img3 {
	left: 2px;
}

#content div.cd-type img.img2 { /*Middle stacked image*/
	position: absolute;
	top: 15px;
	left: 42px;
	transition: all 150ms ease;
}

#content div.cd-type div.cover:hover img.img2 {
	left: 37px;
}

#content div.cd-type img.img1 { /*Top stacked image*/
	position: absolute;
	top: 30px;
	left: 62px;
	transition: all 150ms ease;
}

#content div.cd-type div.cover:hover img.img1 {
	left: 72px;
}

/*--------------------------------------------------------------
# Tables (Information, Data, Contents, etc.)
--------------------------------------------------------------*/
#content table[align="center"] {
	margin: 0 auto;
}

#content table.margin { /*Table with bottom margin*/
	font-size: inherit;
	line-height: inherit;
	text-align: left;
	margin: 0 0 20px;
}

#content table.margin p {
	margin: 0 0 20px;
}

#content table.no-margin { /*Table with no margins*/
	font-size: inherit;
	line-height: inherit;
	text-align: left;
	margin: 0;
}

#content table.no-margin p {
	margin: 0 0 20px;
}

#content table.width { /*Full-width table*/
	width: 100%;
}

#content table.width td.left { /*Full-width table, left column*/
	width: 120px;
	text-align: center;
}

#content table.width td.right { /*Full-width table, right column*/
	width: 100%;
}

#content table.main-info.width td {
	vertical-align: middle;
}

/*-----Main Information Table-----*/
#content table.main-info {
	color: #222;
	font-size: 0.8125rem;
	line-height: 1.5em;
	margin: 0 0 20px;
	padding: 0;
}

#content table.main-info tr td:first-of-type { /*Round right corners of table row*/
	color: #000;
	border-radius: 3px 0 0 3px;
}

#content table.main-info tr td:last-of-type { /*Round left corners of table row*/
	border-radius: 0 3px 3px 0;
}

#content table.main-info tr.header td { /*Header text in the table*/
	color: #E60000;
	font-size: 1rem;
	font-weight: 700;
	padding: 3px 0;
}

#content table.main-info tr.odd td {
	background-color: #EEE;
	padding: 3px;
}

#content table.main-info tr.even td {
	background-color: #FFF;
	padding: 3px;
}

#content table.main-info tr td hr { /*Horizontal line break between sections*/
	display: block;
	border: 1px solid #FFF;
	border-bottom: 1px dotted #DDD;
	margin: 7px 0;
	padding: 0;
	height: 0;
}

#content table.main-info ul { /*List within a table*/
	margin-bottom: 0;
	padding: 0;
}

#content table.main-info ul li {
	margin: 0 0 0 20px;
	padding: 0;
}

#content table.main-info .play-button { /*Play button within a table for trailers, etc.*/
	display: block;
	position: relative;
	width: 25px;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 15px solid #069;
	border-radius: 2px;
	z-index: 100;
	transition: all 200ms ease;
}

#content table.main-info .play-button:hover {
	border-left: 15px solid #333;
}

#content table.main-info .play-button::before {
	content: '';
	position: relative;
	left: -24px;
	top: -15px;
	display: block;
	background: linear-gradient(135deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.05) 100%);
	border-radius: 30px;
	width: 30px;
	height: 30px;
	z-index: 250;
	transition: all 200ms ease;
}

#content table.main-info .play-button::before:hover {
	background: linear-gradient(135deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.05) 100%);
}

/*-----Book Release Info Table-----*/
#content table.book-info a:link,
#content table.book-info a:visited {
	color: #0077B3;
	text-decoration: none;
}

#content table.book-info a:hover {
	color: #333;
	text-decoration: none;
}

#content table.book-info { /*Book release info, typically in a single product table*/
	font-size: 0.8125rem;
	line-height: 1.25rem;
	margin: 8px 0 8px;
	padding: 0;
}

#content table.book-info tr.odd td {
	background-color: #EEE;
	padding: 3px;
}

#content table.book-info tr.even td {
	background-color: #FFF;
	padding: 3px;
}

#content table.book-info tr td:first-of-type {
	color: #000;
	border-radius: 3px 0 0 3px;
}

#content table.book-info tr td:last-of-type {
	border-radius: 0 3px 3px 0;
}

/*-----Musical Score Availability Table (Episode & Movie Pages)-----*/
#content table.music-info {
	border-bottom: 5px solid #CCC;
	border-radius: 5px;
	border-collapse: separate;
	margin: 0 0 20px;
	padding: 0;
	width: 100%;
}

#content table.music-info tr.title td {
	color: #090;
	font-weight: 600;
	font-size: 0.9375rem;
	line-height: 1rem;
	background: linear-gradient(#D3D3D3,#E3E3E3);
	border-right: 1px solid #CCC;
	border-bottom: 0;
	padding: 9px 7px;
	cursor: default;
	white-space: nowrap;
}

#content table.music-info tr.title td:first-of-type {
	border-radius: 5px 0 0 0;
}

#content table.music-info tr.title td:last-of-type {
	border-radius: 0 5px 0 0;
	border-right: 0;
}

#content table.music-info tr td {
	font-weight: 400;
	font-size: 0.75rem;
	line-height: 1rem;
	border-bottom: 1px solid #CCC;
	padding: 7px;
}

#content table.music-info tr td.ut { /*Unreleased track*/
	color: #E60000;
	font-style: italic;
}

#content table.music-info tr:last-of-type td {
	border-bottom: none;
}

#content table.music-info tr:nth-child(odd) {
	background-color: #F9F9F9;
}

#content table.music-info tr:nth-child(even) {
	background-color: #F2F2F2;
}

/*-----Main Section Note-----*/
#content #main-note,
#lyric-content #main-note {
	overflow: hidden;
	margin: 0 auto 30px;
	width: 85%;
	max-width: 800px;
}

#content #main-note .title,
#lyric-content #main-note .title {
	color: #FFF;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	background: linear-gradient(#090,#00B300);
	border-bottom: 2px #333 solid;
	border-radius: 3px 3px 0 0;
	padding: 5px 10px 4px;
}

#content #main-note .title.red {
	background: linear-gradient(#C00,#E60000);	
}

#content #main-note .title.blue {
	background: linear-gradient(#069,#0077B3);
}

#content #main-note .note,
#lyric-content #main-note .note {
	color: #333;
	font-size: 0.875rem;
	line-height: normal;
	background: linear-gradient(to bottom right,#EEE,#FFF);
	border: 1px solid #CCC;
	border-top: none;
	border-radius: 0 0 3px 3px;
	text-align: left;
	padding: 7px 10px;
}

#content #main-note .note p,
#lyric-content #main-note .note p {
	margin: 0 0 20px;
}

#content #main-note .note p:last-of-type,
#lyric-content #main-note .note p:last-of-type {
	margin: 0;
}

/*--------------------------------------------------------------
# GENERAL INFORMATION SPECIFIC SECTION STYLES
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# FAQs
--------------------------------------------------------------*/

#content .faq.updated::before {
	content: 'Last Updated: ';
}

#content .faq.updated {
	display: inline-block;
	color: #FFF;
	font: 700 0.9rem 'Roboto', sans-serif;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	background: linear-gradient(to bottom right,#090,#00B300);
	border-radius: 3px;
	margin: 0px;
	padding: 7px 10px;
}

/*--------------------------------------------------------------
# Features
--------------------------------------------------------------*/
/*-----Family Names-----*/

#content .confirmation { /*Confirmation legend table*/
	background: linear-gradient(#EEE,#F9F9F9);
	border: 1px solid #00B300;
	border-radius: 3px;
	margin: 0 auto 20px;
	padding: 7px;
	width: 80%;
}

#content .confirmation .row {
	overflow: hidden;
	border-bottom: 1px solid #DDD;
	padding: 10px 7px;
}

#content .confirmation .row:last-of-type {
	border-bottom: none;
}

#content .confirmation .row img {
	float: left;
	margin-right: 20px;
}

#content .confirmation .row span {
	display: block;
	text-align: left;
}

#content .sub-header { /*Sub-header section (also used in Gods Guide)*/
	font-weight: 600;
	margin: 0 0 20px;
}

#content .sub-header strong {
	color: #090;
}

#content .sub-header img {
	float: right;
	margin: 0 0 0 10px
}

/*--------------------------------------------------------------
# Translation & Press Archives
--------------------------------------------------------------*/
/*-----Toriyama Quote Box-----*/
.tori-quote {
	position: relative;
	top: 7px;
	color: #FFF;
	font: small-caps 900 1.375rem 'Roboto Slab', sans-serif;
	text-align: center;
	letter-spacing: 2px;
	text-shadow: -1px -1px 0 #5A5,1px -1px 0 #5A5,-1px 1px 0 #5A5,1px 1px 0 #5A5;
	margin: 0;
}

#quote-box {
	overflow: hidden;
	border: none;
	background: linear-gradient(#DDD, #FFF);
	border-radius: 3px;
	border-top: 4px solid #5A5;
	margin: 0 0 30px;
	padding: 0;
	width: 100%;
}

#quote-box .image {
	float: left;
	display: block;
	background: url('/generalinfo/translations/icons/toriyama-quote.png') center top no-repeat;
	margin: 10px 0;
	width: 138px;
	min-height: 100px;
}

#quote-box .blockquote {
	float: left;
	border: 1px solid #DDD;
	border-radius: 3px;
	background: #FFF;
	margin: 15px 10px 10px;
	padding: 0;
	width: 540px;
}

#quote-box .blockquote::before {
	display: block;
	position: relative;
	left: -32px;
	top: 28px;
	content: "\201C";
	color: #5A5;
	font-family: 'Roboto Slab', serif;
	font-size: 5.375rem;
	font-style: italic;
	line-height: 0;
}

#quote-box .blockquote a {
	display: block;
	color: #333;
	text-align: left;
	font-size: 0.875rem;
	line-height: 1.25rem
}

#quote-box .blockquote a span {
	display: block;
	color: #090;
	font-size: 0.8125rem;
	font-style: italic;
	padding-top: 7px;
}

#quote-box .blockquote p {
	margin: 0;
	padding: 10px 15px 0;
}

#quote-box .blockquote span#newQuote {
	float: right;
	display: inline-block;
	background: url('/generalinfo/translations/icons/reload.png') center center no-repeat;
	margin: 2px 0 7px;
	padding: 0;
	width: 17px;
	height: 12px;
	cursor: pointer;
	transition: all 400ms;
}

#quote-box .blockquote span#newQuote:hover {
	transform: rotate(360deg);
}

/*-----Filter Panel-----*/
#filter-panel { /*Filter panel container*/
	overflow: hidden;
	font-family: 'Roboto', sans-serif;
	border: none;
	border-radius: 3px;
	background: linear-gradient(to bottom right, #BBB, #DDD);
	margin: 0 0 10px;
	padding: 0 0 10px;
	width: 700px;
}

#filter-panel .title { /*Filter panel title*/
	overflow: hidden;
	color: #FFF;
	font-weight: 500;
	border: none;
	border-radius: 3px 3px 0 0;
	background-color: #444;
	padding: 5px 10px;
}

#filter-panel .title .subtitle {
	float: left;
	width: 40%;
}

#filter-panel .title .results {
	float: right;
	text-align: right;
	width: 50%;
}

#filter-panel .title .results span.view-count::before {
	content: 'Showing Voice Actors: ';
	color: #F90;
}

#filter-panel .container { /*Selection button container*/
	padding: 5px;
}

#filter-panel .selection { /*Selection buttons*/
	display: inline-block;
	color: #444;
	font-size: 0.875rem;
	font-weight: 500;
	text-align: center;
	line-height: normal;
	background: rgba(255,255,255,0.3);
	border-radius: 3px;
	cursor: pointer;
	margin: 5px 5px 0 5px;
	padding: 6px 0;
	width: 128px;
}

#filter-panel .selection:last-of-type {
	margin-bottom: 5px;
}

#filter-panel .selection.dead { /*Inactive button*/
	color: #999;
	cursor: default;
}

#filter-panel .selection.dead:hover {
	color: #999; background: rgba(255,255,255,0.3);
}

#filter-panel .selection:hover {
	color: #FFF; background-color: #C33;
}

#filter-panel .selection.current { /*Currently selected button*/
	color: #FFF;
	font-weight: 500;
	background: linear-gradient(to bottom, #C00, #C33);
	cursor: default;
}

#filter-panel .menu { /*Bottom drop-down menu container*/
	border-top: 1px dotted #999;
	margin: 0 10px;
	padding: 10px 0;
	height: 28px;
}

#filter-panel div.filter-drop { /*Filter drop-down menus*/
	display: block;
	float: left;
	overflow: hidden;
	border-radius: 3px;
	margin: 0;
	padding: 0;
	width: 162px;
	height: 28px;
}

#filter-panel div.filter-drop select {
	color: #FFF;
	background: transparent;
	border: none;
	font: 500 0.8125rem 'Roboto',sans-serif;
	padding: 3px 5px 4px;
	width: 190px;
	height: 28px;
}

#filter-panel div.filter-drop select option {
	color: #333;
	font-weight: normal;
	background: #FFF;
}

#filter-panel div.filter-drop.release { /*Translation publication drop-down*/
	background: url('/wp-content/themes/kanzenshuu3/images/pages/dropdown_down.png') no-repeat center right, linear-gradient(to bottom right, #090, #5A5);
	margin-right: 10px;
}

#filter-panel div.filter-drop.type { /*Translation type drop-down*/
	background: url('/wp-content/themes/kanzenshuu3/images/pages/dropdown_down.png') no-repeat center right, linear-gradient(to bottom right, #F70,#F90);
	margin-right: 10px;
	width: 163px;
}

#filter-panel div.filter-drop.format { /*Translation format drop-down*/
	background: url('/wp-content/themes/kanzenshuu3/images/pages/dropdown_down.png') no-repeat center right, linear-gradient(to bottom right, #C00, #C44);
	margin-right: 10px;
	width: 163px;
}

#filter-panel div.filter-drop.year { /*Translation year drop-down*/
	background: url('/wp-content/themes/kanzenshuu3/images/pages/dropdown_down.png') no-repeat center right, linear-gradient(to bottom right, #069, #0080aa);
}

#filter-panel div.filter-drop.release.current {
	box-shadow: 0px 0px 5px 0px #090;
}

#filter-panel div.filter-drop.type.current {
	box-shadow: 0px 0px 5px 0px #F70;
}

#filter-panel div.filter-drop.format.current {
	box-shadow: 0px 0px 5px 0px #C00;
}

#filter-panel div.filter-drop.year.current {
	box-shadow: 0px 0px 5px 0px #069; }

/*-----Search Panel (Also Used in Animation Staff Search)-----*/
#box-container {
	margin: 0;
}

#box-container input#box[type=text] { /*Search text input box*/
	display: inline-block; color: #333; font-size: 0.875rem; font-weight: 500; background: linear-gradient(to right, #DDD, #BBB); border: none; border-radius: 3px 0 0 3px; margin-bottom: 10px; padding: 0 10px; width: 506px; height: 31px;
}

#box-container .clear { /*Clear search box*/
	display: inline-block;
	background: #BBB url('/wp-content/themes/kanzenshuu3/images/pages/close.png') center center no-repeat;
	vertical-align: top;
	width: 31px;
	height: 31px;
	cursor: pointer;
}

#box-container .clear:hover {
	background-image: url('/wp-content/themes/kanzenshuu3/images/pages/close_hover.png');
}

#box-container .results { /*Search result count*/
	display: inline-block;
	color: #FFF;
	font-size: 0.8125rem;
	font-weight: 600;
	background: linear-gradient(#090, #5A5);
	border-left: 3px solid #666;
	border-radius: 0 3px 3px 0;
	vertical-align: top;
	text-align: center;
	line-height: 31px;
	padding: 0 10px;
	width: 163px;
	height: 31px;
	cursor: default;
}

/*-----Sort Order-----*/
h1 span#order {
	float: right;
	color: #333;
	font-size: 0.9375rem;
	font-weight: 500;
	line-height: normal;
	text-transform: capitalize;
	letter-spacing: 0;
	margin-top: 4px;
	cursor: pointer;
}

h1 span#order span {
	display: none;
	background: url('/generalinfo/translations/icons/sort-arrows.png') right center no-repeat;
	padding-right: 16px;
}

h1 span#order span.on {
	display: inline;
}

/*-----Main Page Translation/Press Archive Listings-----*/
#trans-list ul.list,
#press-list ul.list
 { /*Translation listing container*/
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
	width: 100%;
}

#trans-list li.item,
#press-list li.item { /*Individual translation listing item*/
	overflow: hidden;
	background: linear-gradient(#EEE,#F9F9F9);
	border-radius: 5px;
	margin-bottom: 10px;
	padding: 4px 0;
	transition: all 200ms ease;
}

#trans-list li.item:hover,
#press-list li.item:hover {
	background: linear-gradient(#EEE,#EEE);
}

#trans-list li.item:last-of-type,
#press-list li.item:last-of-type {
	margin-bottom: 0;
}

#trans-list li.item.no-results,
#press-list li.item.no-results { /*Listing item for no search results*/
	color: #C00;
	font-size: 1.125rem;
	font-weight: 600;
	padding: 4px 6px;
	cursor: default;
}

#trans-list li.item.no-results:hover,
#press-list li.item.no-results:hover {
	background: linear-gradient(#EEE,#F9F9F9);
}

#trans-list li.item a,
#press-list li.item a {
	display: block;
}

#trans-list .cover,
#press-list .cover { /*Left column for cover image*/
	float: left;
	text-align: center;
	width: 95px;
}

#trans-list .info,
#press-list .info { /*Right column for translation information*/
	float: right;
	margin-top: 4px;
	width: 602px;
}

#trans-list .info .header,
#press-list .info .header { /*Header container for title and source*/
	border-bottom: 1px dotted #CCC;
	margin-bottom: 6px;
	padding-bottom: 3px;
}

#trans-list .info .title,
#press-list .info .title { /*Main title*/
	display: block;
	font-size: 0.875rem;
	font-weight: 600;
	text-align: left;
	line-height: 20px;
	text-transform: uppercase;
}

#trans-list .info .title sup,
#press-list .info .title sup { /*Superscript in title*/
	font-size: 0.5rem;
	font-weight: 900;
}

#trans-list .info .source,
#press-list .info .source { /*Source material*/
	display: block;
	color: #333;
	font-size: 0.875rem;
	font-style: italic;
	text-align: left;
	line-height: 20px;
}

#trans-list .data,
#press-list .data { /*Translation data (release type, format, date, etc.)*/
	padding-bottom: 8px;
}

#trans-list .data span,
#press-list .data span { /*General data element container*/
	display: inline-block;
	color: #333;
	font-size: 0.6875rem;
	font-weight: 700;
	line-height: 16px;
	margin-right: 5px;
	padding: 3px 7px;
}

#trans-list .data span.type,
#press-list .data span.type { /*Source type*/
	color: #FFF;
	text-align: center;
	background: linear-gradient(#F70,#F90);
	border-radius: 3px;
}

#trans-list .data span.format,
#press-list .data span.format { /*Translation format*/
	color: #FFF;
	text-align: center;
	background: linear-gradient(#C00, #C44);
	border-radius: 3px;
}

#trans-list .data span.date,
#press-list .data span.date { /*Publication date of source*/
	color: #FFF;
	text-align: center;
	background: linear-gradient(#069, #0080aa);
	border-radius: 3px;
}

#trans-list .data span.date::before,
#press-list .data span.date::before {
	content: 'Published: ';
}

#trans-list .indent,
#press-list .indent {
	color: #090;
	font-size: 0.8125rem;
	font-weight: 400;
	line-height: 1rem;
	padding-left: 18px;
}

#trans-list .people,
#press-list .people { /*People involved in the translation*/
	text-align: left;
	background: url('/generalinfo/translations/icons/people.png') top left no-repeat;
	margin: 2px 5px 0 0;
	min-height: 15px;
}

#trans-list .topic,
#press-list .topic { /*Topics covered in the translation*/
	text-align: left;
	background: url('/generalinfo/translations/icons/topic.png') center left no-repeat;
	margin: 5px 5px 0 0;
	min-height: 15px;
}

/*-----Single Translation Page-----*/
#trans-content { /*Main transition content container*/
	font-size: 0.9375rem;
	background: #FFF;
	border-radius: 3px;
	margin: 0 auto;
	padding: 30px 100px;
	width: 1200px;
	min-height: 800px;
}

#trans-content p {
	margin: 20px 0 0;
}

#trans-content div.header {
	color: #222;
	font: 900 2rem/2rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	font-style: italic;
	text-align: center;
	letter-spacing: 3px;
	background-image: linear-gradient(to right, #FFF, #090 50%, #FFF);
	background-size: 100% 4px;
	background-position: 0 100%;
	background-repeat: no-repeat;
	margin: 0 auto 3px;
	padding: 0;
	width: 700px;
	cursor: default;
}

#trans-content h1 {
	color: #000;
	font: 700 1.625rem 'Open Sans', sans-serif;
	text-align: center;
	line-height: normal;
	margin: 0;
}

#trans-content h2 {
	color: #000;
	font: 700 1.25rem 'Open Sans', sans-serif;
	text-align: center;
	line-height: normal;
	margin: 0;
	padding: 0 0 20px;
}

#trans-content h2:first-of-type {
	color: #090;
	font: 700 1.25rem 'Roboto', sans-serif;
}

#trans-content div.interview {
	color: #111;
	font: 0.9375rem 'Open Sans', sans-serif;
	text-align: left;
	line-height: 1.5rem;
	border-top: 1px solid #DDD;
	margin: 20px 0 0;
	padding: 20px 20px 0;
}

#trans-content div.interview h2 {
	color: #000;
}

#trans-content div.interview .question {
	color: #090;
	font-weight: 700;
	margin: 0 0 10px 0;
}

#trans-content div.interview .answer {
	background-image: linear-gradient(to bottom, #090, #00B300);
	background-size: 2px 100%;
	background-position: 0 0;
	background-repeat: no-repeat;
	margin: 0 0 25px 5px;
	padding-left: 10px;
}

#trans-content div.interview ol {
	padding: 0 0 0 18px;
}

#trans-content img {
	background-color: #EEE;
	border: 1px solid rgba(51,102,153,0.75);
	border-radius: 2px;
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
	background-image: linear-gradient(rgba(0,102,153,1),rgba(0,102,153,0.75),rgba(0,102,153,1));
	margin: 5px;
	padding: 2px;
}

#trans-content img.none {
	border: none; background: #FFF; margin: 5px; padding: 2px; box-shadow: none;
}

#trans-content .question sup,
#trans-content .answer sup {
	position: relative;
	bottom: 5px;
	color: #FFF;
	font: 0.75rem 'Roboto', sans-serif;
	font-weight: 700;
	background: rgba(230,0,0,0.5);
	border-radius: 3px;
	margin: 0 3px;
	padding: 0 3px;
	height: 0;
	vertical-align: baseline;
	cursor: default;
}

#trans-content .question:hover sup,
#trans-content .answer:hover sup {
	background: rgba(230,0,0,1);
}

#trans-content .interview .note sup {
	position: relative;
	bottom: 1px;
	color: #FFF;
	font: 0.75rem 'Roboto', sans-serif;
	font-weight: 700;
	background: rgba(230,0,0,1);
	border-radius: 3px;
	margin: 0 3px 0 0;
	padding: 0 3px;
	height: 0;
	vertical-align: baseline;
	cursor: default;
}

#trans-content div.interview .note {
	color: #666;
	font-size: 0.8125rem;
	margin-bottom: 25px;
	line-height: 1.25rem;
}

#trans-content div.interview .note br {
	display: block;
	content:' ';
	margin: 0 0 7px;
}

#trans-content div.interview .note p { /*Paragraph in the notes section*/
	margin: 0 0 7px;
}

#trans-content div.interview ul {
	list-style-type: square;
	margin: 0 0 20px;
	padding: 0 0 0 20px;
}

#trans-content div.interview ul li {
	margin: 0 0 2px;
}

#trans-content div.credit {
	color: #333;
	font: 1rem 'Roboto', sans-serif;
	font-style: italic;
	font-weight: 700;
	text-align: center;
	background-image: linear-gradient(to right, #FFF, #090 50%, #FFF);
	background-size: 100% 2px;
	background-position: 0 0;
	background-repeat: no-repeat;
	margin: 30px auto 20px;
	padding: 4px 0 0;
	width: 800px;
	cursor: default;
}

#trans-content div.go-back {
	font: 0.9375rem 'Open Sans',sans-serif;
	font-weight: 600;
	text-align: center;
	margin: 30px auto 0;
	width: 800px;
}

/*--------------------------------------------------------------
# GUIDES SPECIFIC SECTION STYLES
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Animation Producion Guide
--------------------------------------------------------------*/
/*----Staff Positions & Roles-----*/
#content .staff-roles {
	margin: 0 0 30px;
	width: 700px;
}

#content .staff-roles .section {
	font: 14pt 'Roboto', sans-serif;
	font-weight: 700;
	letter-spacing: 3px;
	line-height: 0;
	text-transform: uppercase;
	text-align: center;
	border-top: 1px solid #0077B3;
	margin: 40px 0 30px;
}

#content .staff-roles .section span {
	color: #0077B3;
	background: #FFF;
	padding: 0 10px;
}

#content .staff-roles .title {
	color: #090;
	font: 1.1875rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	font-weight: 700;
	vertical-align: bottom;
	line-height: auto;
	border-bottom: 1px dotted #090;
	margin: 3px 0 7px;
}

#content .staff-roles .title span {
	display: inline-block;
	color: #444;
	font: 1.125rem 'Roboto', sans-serif;
	font-weight: 900;
	font-style: italic;
	letter-spacing: 1px;
	vertical-align: middle;
	line-height: auto;
	margin-left: 10px;
}

#content .staff-roles .info {
	margin: 0 0 20px;
}

#content .staff-roles .info p {
	margin: 0 0 20px;
}

#content .staff-roles .info div {
	color: #333;
	font: 0.875rem 'Roboto', sans-serif;
	line-height: 1.125rem;
	background: #EEE;
	border-left: 2px solid #5A5;
	border-radius: 3px;
	margin: 10px 10px 20px;
	padding: 5px 7px;
}

#content .staff-roles .info div span.jpn {
	font-size: 0.875rem;
}

#content .staff-roles .info div::before {
	content: 'Note: ';
	color: #090;
	font-weight: 700;
}

/*-----Staff Profile List-----*/
#content #staff-profile,
#content #staff-list,
#content .intro { /*Hide the staff profile page elements on main listing page*/
	display: none;
}

#content .intro {
	margin: 0 0 20px;
}

#content a#staff-link { /*Staff search link*/
	display: block;
	color: #F9F9F9;
	font: 0.9375rem 'Roboto', sans-serif;
	font-weight: 700;
	text-align: center;
	background: #E60000;
	border: 2px solid #E60000;
	border-radius: 4px;
	letter-spacing: 1px;
	margin: 0px auto;
	padding: 5px 0;
	width: 200px;
	transition: all 200ms ease;
}

#content a#staff-link:hover {
	color: #C00;
	border: 2px solid #E60000;
	background: #F9F9F9;
	box-shadow: 0 0 5px 1px #888;
	width: 220px;
}

#content #select-panel { /*Search filter panel*/
	font-family: 'Roboto', sans-serif;
	background: linear-gradient(to bottom right, #BBB, #DDD);
	border: none;
	border-radius: 15px 15px 3px 3px;
	margin: 0 0 10px;
	width: 700px;
}

#content #select-panel .title { /*Search panel title*/
	color: #FFF;
	font-size: 0.9375rem;
	font-weight: 500;
	background-color: #444;
	border: none;
	border-radius: 3px 3px 0 0;
	padding: 5px 10px;
}

#content #select-panel .container { /*Selection button container*/
	padding: 5px 5px 10px 5px;
}

#content #select-panel .selection { /*Search panel filter buttons*/
	display: inline-block;
	color: #444;
	font-size: 0.875rem;
	font-weight: 500;
	text-align: center;
	line-height: normal;
	background: rgba(255,255,255,0.3);
	border-radius: 3px;
	margin: 5px 5px 0 5px;
	padding: 6px 0;
	width: 128px;
	cursor: pointer;
	transition: background 100ms ease;
}

#content #select-panel.small .selection {
	font-size: 8pt;
	width: 114px;
}

#content #select-panel.small .selection:first-of-type {
	width: 60px;
}

#content #select-panel .selection:hover {
	color: #FFF;
	background-color: #E60000;
}

#content #select-panel .selection.current {
	color: #FFF;
	font-weight: 500;
	background: linear-gradient(to bottom, #C00, #E60000);
	cursor: default;
}

#content .department { /*Production department selection container*/
	overflow: hidden;
	border-top: 1px dotted #999;
	margin: 0 10px;
	padding: 10px 0 10px;
}

#content .department span.link { /*Check box link*/
	float: left;
	color: #222;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 0.875rem;
	line-height: normal;
	background: url('/guides/manga/btn_off.png') left center no-repeat;
	margin: 0 8px;
	padding-left: 23px;
	cursor: pointer;
}

#content .department span.link:first-of-type {
	margin-left: 0;
}

#content .department span.link:last-of-type {
	margin-right: 0;
}

#content .department span.link:hover {
	color: #666;
}

#content .department span.link.check { /*Checked box link - selected*/
	color: #0077B3;
	background: url('/guides/manga/btn_check.png') left center no-repeat;
}

#content .department span.link.check:hover {
	color: #0077B3;
	cursor: default;
}

#content #staff-list ul { /*Staff listing */
	list-style: none;
	margin: 0;
	padding: 0;
}

#content #staff-list li.staff-name {
	font: 0.875rem 'Open Sans', sans-serif;
	margin: 0 0 4px;
}

#content #staff-list li.staff-name a {
	display: block;
	background: #F9F9F9;
	border-radius: 3px;
	padding: 5px;
	transition: all 200ms ease;
}

#content #staff-list li.staff-name a:hover {
	background: #EEE;
	border-radius: 3px;
}

#content #staff-list li.staff-name.no-results {
	padding: 3px 5px;
	cursor: default;
}

#content #staff-list li.staff-name .eng-name {
	color: #444;
	font: 0.9rem 'Roboto', sans-serif;
	font-weight: 700;
}

#content #staff-list li.staff-name .hidden-name {
	display: none;
}

#content #staff-list li.staff-name .jpn-name {
	color: #090;
	font: 0.9rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	font-weight: 500;
}

#content #staff-list li.staff-name .main-role {
	float: right;
	color: #369;
	font: 0.75rem 'Roboto', sans-serif;
	font-weight: 500;
	padding: 4px 4px 0 0;
}

/*-----Animation Staff Database (Series Select and Info)-----*/
#content #series-container {
	overflow: hidden;
}

#content #series-select { /*Database left column, series select*/
	float: left;
	margin: 0 0 30px 0;
	padding: 0;
	width: 245px;
}

#content #series-select .series-select {
	overflow: hidden;
	background: linear-gradient(to right, #333 50%, transparent 90%);
	border-radius: 3px;
	margin: 0 0 15px;
	padding: 0 0 0 7px;
	width: 245px;
	cursor: pointer;
}

#content #series-select .series-select:hover {
	background: linear-gradient(to right, #090 50%, transparent 90%);
}

#content #series-select .selected {
	background: linear-gradient(to right, #090 50%, transparent 90%);
	cursor: default;
}

#content #series-select .series-select img {
	display: block;
	float: left;
	background: linear-gradient(to right, #999, #CCC);
	border-radius: 3px 0 0 3px;
	margin: 0;
	padding: 5px 9px 5px 3px;
}

#content #series-select .series-select span {
	display: block;
	float: left;
	color: #333;
	font: 0.8125rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	font-weight: 600;
	background: #CCC url('/wp-content/themes/kanzenshuu3/images/pages/dropdown-sub.png') center right no-repeat;
	padding: 2px 0 0;
	width: 146px;
	height: 40px;
}

#content #series-select .series-select span strong {
	display: block;
	color: #333;
	font: 0.6875rem 'Roboto', sans-serif;
	font-weight: 500;
	margin-left: 2px;
}

#content #series-select .series-select span.condense {
	letter-spacing: -0.07rem;
}

#content #series-select .series-select span.condense strong {
	letter-spacing: normal;
}

#content #series-select .series-select:hover span,
#content #series-select .selected span {
	color: #090;
	background: #CCC url('/wp-content/themes/kanzenshuu3/images/pages/dropdown-sub_hover.png') center right no-repeat;
}

#content #series-select #hide { /*Hide translated credits*/
	float: left;
	background: linear-gradient(to right,#CCC,#BBB);
	border-radius: 30px;
	margin: 15px 0 0;
	padding: 0 3px;
	width: 36px;
	height: 21px;
	cursor: pointer;
}

#content #series-select #hide.hidden {
	display: block;
}

#content #series-select #hide .slider {
	background: #333;
	border-radius: 20px;
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 15px;
	height: 15px;
	transition: background 100ms ease, margin 50ms ease;
}

#content #series-select #hide:hover .slider {
	background: #666;
}

#content #series-select #hide .slider.select {
	background: #069;
	margin-left: 15px;
}

#content #series-select .jpn-only {
	display: inline-block;
	float: left;
	color: #333;
	font: 700 0.8rem 'Roboto', sans-serif;
	margin: 18px 0 0 10px;
	cursor: default;
}

#content .credits.jpn dd.single h3,
#content .credits.jpn dd.single.color h3,
#content .credits.jpn dd.lt h3,
#content .credits.jpn dd.rt h3,
#content .credits.jpn dd.lt h4,
#content .credits.jpn dd.rt h4 {
	font: 500 0.9rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
}

#content .credits.jpn dd.single h3 {
	margin-bottom: 4px;
}

#content #series-info { /*Database right column, series info*/
	float: right;
	border-left: 1px dotted #CCC;
	margin: 0 0 30px 9px;
	padding: 0 0 0 10px;
	width: 440px;
	min-height: 550px;
}

#content #series-info div.title { /*Position title (Japanese)*/
	font: 0.8125rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	font-weight: 600;
	color: #5A5;
	vertical-align: bottom;
	margin: 0;
}

#content #series-info div.title span { /*Position title (English)*/
	display: inline-block;
	font: 11pt 'Roboto', sans-serif;
	font-weight: 900;
	font-style: italic;
	color: #444;
	letter-spacing: 1px;
	vertical-align: middle;
	margin-left: 10px;
}

#content #series-info dl { /*Position listing container*/
	font: 0.8125rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	margin: 0 0 20px 10px;
}

#content #series-info dl:last-of-type {
	margin-bottom: 0;
}

#content #series-info dt {
	display: block;
	margin-top: 5px;
	padding: 3px;
}

#content #series-info dt:nth-child(odd) {
	background: #EEE;
	border-radius: 3px;
}

#content #series-info dt:nth-child(even) {
	background: #F9F9F9;
	border-radius: 3px;
}

#content #series-info dt span {
	font: 0.8125rem 'Roboto', sans-serif;
	font-weight: 500;
	line-height: 0.75rem;
	padding: 0 3px 0;
}

#content #series-info dt span.name::before {
	content: '/';
	margin-right: 3px;
}

#content #series-info dt span.eps {
	display: inline-block;
	font-size: 0.6875rem;
	color: #555;
	font-weight: 500;
}

#content #series-info dt span.eps::before {
	content: '(';
}

#content #series-info dt span.eps::after {
	content: ')';
}

#content #series-info dt span.aff { /*Staff Company Affiliation*/
	display: inline-block;
	float: right;
	color: #090;
	font-size: 0.6875rem;
	font-weight: 500;
	line-height: 1.25rem;
}

#content #series-sub-select { /*Episode select container*/
	margin: 40px 0 0;
	padding: 0;
	width: 245px;
}

#content .eps-list-select {
	display: none;
	overflow: hidden;
	background: url('/wp-content/themes/kanzenshuu3/images/pages/dropdown_down.png') no-repeat center right, linear-gradient(to bottom right, #090, #5A5);
	border-radius: 3px;
	margin: 0;
	height: 29px;
	width: 245px;
}

#content .eps-list-select select {
	color: #FFF;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: 700;
	background: transparent;
	border: none;
	padding: 4px 5px 5px;
	height: 29px;
	width: 265px;
}

#content .eps-list-select select option {
	color: #333;
	font-weight: normal;
	background: #FFF;
}

#content .eps-list-select.other {
	background: url('/wp-content/themes/kanzenshuu3/images/pages/dropdown_down.png') no-repeat center right, linear-gradient(to bottom right, #C00, #C44);
	margin-top: 15px;
}

#content #eps-credit span.eps-header { /*Episode or movie credit header*/
	display: block;
	font: 1.1875rem 'Roboto', sans-serif;
	color: #090;
	font-weight: 700;
	background: url('/wp-content/themes/kanzenshuu/images/eps_credit_shadow.png') center top no-repeat;
	border-top: 1px solid #DDD;
	margin: 0 0 7px;
	padding: 40px 0 0;
}

#content #eps-credit span.eps-sub-header { /*Episode or movie credit header*/
	display: block;
	font: 1rem 'Roboto', sans-serif;
	color: #E60000;
	font-weight: 700;
	border-bottom: 1px dotted #DDD;
	margin: 0 100px 0;
	padding: 20px 0 5px;
}

#content #eps-credit span.eps-link {
	display: block;
	font-size: 0.875rem;
	font-weight: 600;
	margin-top: 14px;
}

#content #eps-credit span.eps-link.no-margin {
	margin-top: 5px;
}

/*-----Staff Profile Page-----*/
#content #duplicate {
	margin: -20px 27px 10px;
}

#content #profile-note {
	overflow: hidden;
	margin: 0 20px;
	width: 700px;
}

#content #profile-note::before {
	content: 'NOTE: ';
	color: #090;
	font-weight: 600;
}

#content #profile-note .note {
	float: right;
	padding-right: 20px;
	width: 643px;
}

#content .staff-list {
	width: 100%;
	margin: 0 0 30px;
}

#content .staff-list .title {
	color: #090;
	font: 1.1875rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	font-weight: 700;
	line-height: 1.375rem;
	vertical-align: bottom;
	border-bottom: 1px dotted #090;
	margin: 20px 0 7px;
}

#content .staff-list .title:first-of-type {
	margin: 5px 0 7px
}

#content .staff-list .title span {
	display: inline-block;
	color: #444;
	font: 1.125rem 'Roboto', sans-serif;
	font-weight: 900;
	font-style: italic;
	letter-spacing: 1px;
	vertical-align: middle;
	margin-left: 10px;
}

#content .series-roles .list a {
	color: #333;
}

#content .series-roles .list:hover a {
	color: #0077B3;
}

#content .series-roles .list:nth-child(odd) {
	background: #F6F6F6;
	border-radius: 3px;
	margin: 0 0 5px;
	padding: 3px;
}

#content .series-roles .list:nth-child(even) {
	background: #EEE;
	border-radius: 3px;
	margin: 0 0 5px;
	padding: 3px;
}

#content .series-roles span.series {
	display: inline-block;
	color: #333;
	font-size: 0.9375rem;
	font-weight: 600;
	margin: 0 3px 0;
	padding: 0;
}

#content .series-roles span.eps {
	display: inline-block;
	color: #333;
	font-size: 0.8125rem;
	font-weight: 400;
	margin: 0 3px 0;
	padding: 0;
}

#content #eps-credits.load {
	background: #333;
	min-height: 233px;
}

#content .eps-credits span.sub-title,
#content .other-credits span.sub-title {
	display: inline-block;
	color: #333;
	font-size: 0.9375rem;
	font-weight: 600;
	margin: 0 5px 0;
	padding: 0;
}

#content .eps-credits span.eps-count,
#content .other-credits span.eps-count {
	display: inline-block;
	color: #333;
	font-size: 0.8125rem;
	font-weight: 400;
	margin: 0 3px 0;
	padding: 0;
}

#content .eps-credits ul,
#content .other-credits ul {
	list-style: none;
	overflow: hidden;
	margin: 5px 0 20px;
	padding: 0;
}

#content .eps-credits li,
#content .other-credits li {
	float: left;
	margin: 0;
	padding: 0;
	width: 175px;
}

#content .eps-credits li a,
#content .other-credits li a {
	display: block;
	color: #444;
	font: 0.875rem 'Open Sans', sans-serif;
	font-weight: 600;
	background: linear-gradient(to bottom right, #DDD, #F6F6F6);
	border: 1px solid #BBB;
	border-radius: 3px;
	margin: 0 5px 10px;
	padding: 5px 7px;
	transition: color, border 300ms ease;
}

#content .eps-credits li a:hover,
#content .other-credits li a:hover {
	color: #0077B3;
	border: 1px solid #0077B3;
}

/*-----Animation Supervisor Catalog-----*/
#content .supervisor-list { /*Supervisor listing main container*/
	margin: 0 0 10px 0;
	width: 100%;
}

#content .supervisor-list ul {
	list-style: none;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#content .supervisor-list ul li { /*Supervisor list item*/
	float: left;
	overflow: hidden;
	border-radius: 3px;
	margin: 0 0 10px 12px;
	padding: 0;
}

#content .supervisor-list ul li a { /*Supervisor link (DB, DBZ, GT)*/
	display: block;
	position: relative;
	background: linear-gradient(to top right, #DDD, #F6F6F6);
	border-radius: 3px;
	margin: 0;
	padding: 0;
	width: 160px;
	height: 120px;
}

#content .supervisor-list.super ul li a { /*Adjust height of DB Super links*/
	height: 90px;
}

#content .supervisor-list li a.link::before { /*Top right active link tab*/
	position: absolute;
	top: -3px;
	right: -3px;
	content: url('/guides/ani_production/catalog/link-bg.png');
	height: 33px;
	transition: all 300ms ease;
	z-index: 3;
}

#content .supervisor-list li a.no-link {
	cursor: default;
}

#content .supervisor-list li a.no-link::before { /*Top right dead link tab*/
	position: absolute;
	top: -3px;
	right: -3px;
	content: url('/guides/ani_production/catalog/no-link-bg.png');
	height: 33px;
	transition: all 300ms ease;
	z-index: 3;
}

#content .supervisor-list .name { /*Supervisor name block container*/
	position: absolute;
	bottom: 60px;
	left: 0;
	display: block;
	background-color: rgba(0,0,0,0);
	margin: 0;
	padding: 3px 0;
	width: 160px;
	transition: all 300ms ease;
	z-index: 2;
}

#content .supervisor-list.super .name { /*Re-position block for DB Super animators*/
	position: absolute;
	bottom: 46px;
	left: 0;
	display: block;
	background-color: rgba(0,0,0,0);
	margin: 0;
	padding: 3px 0;
	width: 160px;
	transition: all 300ms ease;
	z-index: 2;
}

#content .supervisor-list li a:hover .name {
	bottom: 0;
	background-color: rgba(0,0,0,0.65);
}

#content .supervisor-list.super li a:hover .name {
	bottom: 0;
	background-color: rgba(0,0,0,0.65);
}

#content .supervisor-list .name .jpn {
	display: block; color: #5A5; font: 1rem 'Noto Sans JP', 'Noto Sans TC', sans-serif; font-weight: 600; text-align: center; transition: all 300ms ease;
}

#content .supervisor-list .name .jpn.small {
	font-size: 0.875rem; font-weight: 700; letter-spacing: -2px;
}

#content .supervisor-list .name .jpn.smaller {
	font-size: 0.875rem; font-weight: 700; letter-spacing: -3px;
}

#content .supervisor-list li a:hover .name .jpn {
	font-size: 0.875rem; font-weight: none; padding-top: 2px;
}

#content .supervisor-list.super li a:hover .name .jpn {
	font-size: 0.875rem; font-weight: none; padding-top: 0;
}

#content .supervisor-list .name .eng {
	display: block; color: #333; font-size: 0.875rem; line-height: 1rem; font-weight: 600; text-align: center; margin: 0; padding: 0; transition: all 300ms ease;
}

#content .supervisor-list li a:hover .name .eng {
	font-size: 0.8125rem; color: #FFF; font-weight: 600; line-height: 0.8125rem; padding-bottom: 5px;
}

#content .supervisor-list .eps {
	display: block; opacity: 0.9; position: absolute; bottom: 0; left: 0; color: #FFF; font-size: 0.875rem; font-weight: 600; text-align: center; line-height: 1rem; background: linear-gradient(to bottom, #090, #5A5); margin: 0; padding: 5px 0; width: 160px; transition: all 300ms ease;
}

#content .supervisor-list.super .eps {
	display: block; opacity: 0.9; position: absolute; bottom: 0; left: 0; color: #FFF; font-size: 0.875rem; font-weight: 600; text-align: center; line-height: 1rem; background: linear-gradient(to bottom, #090, #5A5); margin: 0; padding: 5px 0; width: 160px; transition: all 300ms ease;
}

#content .supervisor-list .eps span {
	display: block; font-size: 8pt; font-weight: 400;
}

#content .supervisor-list li a:hover .eps {
	bottom: -100px;
}

#content .supervisor-list li img {
	position: absolute; opacity: 0; top: 0; left: 0; border: 0; background: transparent; border-radius: 3px; box-shadow: none; margin: 0; padding: 0; width: 160px; height: 120px; transition: all 500ms ease; z-index: 1;
}

#content .supervisor-list.super li img {
	position: absolute; opacity: 0; top: 0; left: 0; border: 0; background: transparent; border-radius: 3px; box-shadow: none; margin: 0; padding: 0; width: 160px; height: 90px; transition: all 500ms ease; z-index: 1;
}

#content .supervisor-list li a:hover img {
	opacity: 1;
}

#content #supervisor-tabs {
	margin: 5px 0 0;
}

#content #supervisor-tabs .tab {
	display: inline-block; position: relative; top: 5px; color: #FFF; font-size: 0.875rem; font-weight: 500; text-align: center; background: linear-gradient(to top, #BBB, #DDD 20%, #F6F6F6); border: 1px solid #BBB; border-bottom: 0; border-radius: 3px 3px 0 0; cursor: pointer; margin-right: 20px; padding: 15px 10px 10px; width: 138px; transition: all 100ms ease;
}

#content #supervisor-tabs .tab:last-of-type {
	margin-right: 0;
}

#content #supervisor-tabs .tab:hover {
	top: 0px; box-shadow: inset 0px -40px 50px -25px rgba(0,153,0,1); padding: 15px 10px;
}

#content #supervisor-tabs .tab img {
	border: 0; background: transparent; border-radius: 0; filter: grayscale(100%); opacity: 0.6; box-shadow: none; margin: 0; padding: 0;
}

#content #supervisor-tabs .tab:hover img {
	filter: none; opacity: 1.0;
}

#content #supervisor-tabs .tab.current {
	top: 0px; background: linear-gradient(#5A5, #090); border-color: #090; filter: none; opacity: 1; cursor: default; padding: 15px 10px 15px; margin-top: 0;
}

#content #supervisor-tabs .tab.current img {
	filter: none; opacity: 1;
}

#content #supervisor-content .tab-content {
	display: none;
}

#content #supervisor-content .tab-content.db {
	display: block;
}

#content #supervisor-content .db .border {
	background: linear-gradient(to right, #090 25%, #666 35%); margin: 0 0 10px; width: 100%; height: 2px;
}

#content #supervisor-content .dbz .border {
	background: linear-gradient(to right, #666 15%,#090 25%,#090 50%,#666 60%); margin: 0 0 10px; width: 100%; height: 2px;
}

#content #supervisor-content .gt .border {
	background: linear-gradient(to right, #666 40%,#090 50%,#090 75%,#666 85%); margin: 0 0 10px; width: 100%; height: 2px;
}

#content #supervisor-content .super .border {
	background: linear-gradient(to right, #666 65%, #090 75%); margin: 0 0 10px; width: 100%; height: 2px; }

/*--------------------------------------------------------------
# Battle Power Guide
--------------------------------------------------------------*/
/*-----Battle Power Listings-----*/
#content h4.bp { /*Battle power listing at bottom of blockquote*/
	color: #090;
	font-weight: 700;
	text-align: left;
	border-top: 1px dotted #999;
	margin: 10px 5px;
	padding: 10px 0 0;
}

#content div.bp { /*Main battle power listing*/
	color: #090;
	font-weight: 600;
	line-height: 1.75rem;
	padding: 5px 10px;
	margin: 20px 45px;
	border-radius: 3px;
	background: linear-gradient(to bottom right,#EEE,#F9F9F9);
	box-shadow: 1px 1px 1px #CCC;
}

#content div.bp span {
	color: #000;
	font-weight: normal;
	padding-left: 3px;
}

/*-----Translation Section (Databook)-----*/
#content .bp-line { /*Top and bottom line of translation section*/
	margin: 0 30px;
	background: #999;
	height: 1px;
}

#content .bp-trans { /*Translation section container*/
	color: #222;
	padding: 20px;
	margin: 0 40px;
	background-color: #F9F9F9;
	box-shadow: inset -10px 0 10px -10px rgba(0,0,0,0.5), inset 10px 0 10px -10px rgba(0,0,0,0.5);
}

#content .bp-trans p {
	margin: 0 0 20px;
	padding: 0;
}

#content .bp-trans div.title { /*Title block*/
	border: 7px solid #222;
	background-color: #EEE;
	margin: 0 0 20px;
	padding: 5px;
}

#content .bp-trans div.title span { /*Title block header text*/
	display: inline-block;
	font-size: 1.125rem;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 5px;
	width: 100%;
}

#content .bp-trans div.header { /*Sub-header text*/
	font-size: 1rem;
	font-weight: 700;
	border-left: 1px solid #222;
	border-top: 2px solid #222;
	padding: 2px 4px;
	margin: 0 0 5px;
}

#content .bp-trans span.bp { /*Battle power listing*/
	overflow: hidden;
	display: inline-block;
	color: #222;
	font-weight: 600;
	line-height: 1.5rem;
	background: linear-gradient(to right, #222, #FFF 20%);
	border: 2px solid #222;
	border-radius: 40px;
	padding: 0 7px 0 0;
	margin: 2px 0;
}

#content .bp-trans span.bp span { /*BP listing title*/
	display: inline-block;
	color: #FFF;
	background: #222;
	margin: 0;
	padding: 0 7px;
}

#content .bp-trans div.bp-note { /*Translation note*/
	font-size: 0.8125rem;
	line-height: normal;
	background: linear-gradient(to bottom right,#EEE,#FFF);
	border: 1px solid #CCC;
	border-radius: 3px;
	margin: 10px 20px 20px;
	padding: 7px;
}

#content .bp-trans div.bp-note p {
	margin-bottom: 12px;
}

#content .bp-trans div.bp-note::before {
	content: "Note: ";
	color: #090;
	font-weight: 700;
}

#content .bp-trans div.last {
	margin-bottom: 0;
}

#content .bp-trans p.last {
	margin-bottom: 0;
}

/*-----Combined Battle Power List-----*/
#content .bp-list {
	margin: 0 0 20px;
}

#content .bp-list ul.list {
	margin: 0;
	padding: 0;
}

#content .bp-list ul.list li {
	font-size: 0.875rem;
	font-weight: 600;
	list-style: none;
	border-top: 1px solid #DDD;
	margin: 0;
	padding: 3px 5px;
}

#content .bp-list ul.list li:first-of-type {
	border-top: 5px solid #DDD;
	border-radius: 3px 3px 0 0;
}

#content .bp-list ul.list li:last-of-type {
	border-bottom: 5px solid #DDD;
	border-radius: 0 0 3px 3px;
}

#content .bp-list ul.list li strong {
	color: #090;
}

#content .bp-list ul.list li span {
	font-size: 0.75rem;
	font-weight: 600;
	color: #888;
	margin: 0 2px 0;
	padding: 0;
}

#content .bp-list ul.list li span::before {
	content: "(";
}

#content .bp-list ul.list li span::after {
	content: ")";
}

#content .bp-list ul.list li span a {
	color: #0077B3;
}

#content .bp-list ul.list li span a:hover {
	color: #333;
}

#content .bp-list ul.list li.odd {
	background: #F2F2F2;
}

#content .bp-list ul.list li.even {
	background: #F9F9F9;
}

#content .bp-list ul.list li.sub {
	border-top: none;
	padding-left: 25px;
}

/*--------------------------------------------------------------
# Cast Guide
--------------------------------------------------------------*/
/*-----Voice Actor Profile-----*/
#content .actor-profile {
	overflow: hidden;
	background: linear-gradient(to bottom, #EEE 10%, #FFF);
	background-size: 100% 50px;
	background-repeat: no-repeat;
	border-radius: 3px;
	margin: 20px 0 25px;
	padding: 7px 0 10px;
	width: 100%;
}

#content .actor-profile .photo {
    float: left;
    text-align: center;
    line-height: 1rem;
    margin: 0 5px;
    padding: 0;
    width: 120px;
}

#content .actor-profile .info {
	overflow: hidden;
    float: right;
    width: 570px;
}

#content .actor-profile .info .name {
	float: left;
    color: #222;
    font: 1.125rem 'Roboto', sans-serif;
    font-weight: 700;
    text-align: left;
    line-height: 1.25rem;
    letter-spacing: 0;
    border: none;
    margin: 4px 0;
    padding: 0;
	width: 276px;
}

#content .actor-profile .info .name span {
	display: block;
	color: #090;
	font: 1.25rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
    font-weight: 400;
}

#content .actor-profile .info .links {
	float: right;
	text-align: right;
    margin: 4px 0;
    padding: 0;
	width: 282px;
}

#content .actor-profile .info .links a {
	display: inline-block;
	margin-right: 10px;
	width: 40px;
	height: 40px;
}

#content .actor-profile .info .links a.across {
	background: url('/guides/cast/links/across.png') no-repeat center center;
	background-size: 90%,auto;
	width: 90px;
}

#content .actor-profile .info .links a.addninth {
	background: url('/guides/cast/links/add9th.png') no-repeat center center;
	background-size: 80%,auto;
}

#content .actor-profile .info .links a.aoni {
	background: url('/guides/cast/links/aoni.png') no-repeat center center;
	background-size: 80%,auto;
}

#content .actor-profile .info .links a.amuleto {
	background: url('/guides/cast/links/amuleto.png') no-repeat center center;
	background-size: 90%,auto;
	width: 90px;
}

#content .actor-profile .info .links a.artsvision {
	background: url('/guides/cast/links/artsvision.png') no-repeat center center;
	background-size: 90%,auto;
	width: 92px;
}

#content .actor-profile .info .links a.aslead {
	background: #FFF url('/guides/cast/links/aslead.png') no-repeat center center;
	background-size: 80%,auto;
	border-radius: 40px;
}

#content .actor-profile .info .links a.axlone {
	background: url('/guides/cast/links/axlone.png') no-repeat center center;
	background-size: 90%,auto;
}

#content .actor-profile .info .links a.ayahirano {
	background: url('/guides/cast/links/aya-hirano.png') no-repeat center center;
	background-size: 90%,auto;
	width: 100px;
}

#content .actor-profile .info .links a.baobab {
	background: url('/guides/cast/links/baobab.png') no-repeat center center;
	background-size: 90%,auto;
	width: 80px;
}

#content .actor-profile .info .links a.breeze {
	background: url('/guides/cast/links/breeze.png') no-repeat center center;
	background-size: 90%,auto;
	width: 80px;
}

#content .actor-profile .info .links a.gekidan {
	background: url('/guides/cast/links/gekidan.png') no-repeat center center;
	background-size: 80%,auto;
}

#content .actor-profile .info .links a.haikyo {
	background: url('/guides/cast/links/haikyo.png') no-repeat center center;
	background-size: 100%,auto;
}

#content .actor-profile .info .links a.haiyuza {
	background: url('/guides/cast/links/haiyuza.png') no-repeat center center;
	background-size: 90%,auto;
	width: 90px;
}

#content .actor-profile .info .links a.himawari {
	background: url('/guides/cast/links/himawari.png') no-repeat center center;
	background-size: 90%,auto;
	width: 92px;
}

#content .actor-profile .info .links a.inari {
	background: url('/guides/cast/links/inari.png') no-repeat center center;
	background-size: 90%,auto;
	width: 90px;
}

#content .actor-profile .info .links a.juggler {
	background: url('/guides/cast/links/juggler.png') no-repeat center center;
	background-size: 80%,auto;
}

#content .actor-profile .info .links a.kaoru {
	background: url('/guides/cast/links/kaoru.png') no-repeat center center;
	background-size: 95%,auto;
}

#content .actor-profile .info .links a.ken-pro {
	background: url('/guides/cast/links/ken-pro.png') no-repeat center center;
	background-size: 85%,auto;
}

#content .actor-profile .info .links a.kenyu {
	background: url('/guides/cast/links/kenyu.png') no-repeat center center;
	background-size: 90%,auto;
	width: 120px;
}

#content .actor-profile .info .links a.localdream {
	background: url('/guides/cast/links/local-dream.png') no-repeat center center;
	background-size: 85%,auto;
	width: 90px;
}

#content .actor-profile .info .links a.maxmix {
	background: url('/guides/cast/links/maxmix.png') no-repeat center center;
	background-size: 90%,auto;
	width: 64px;
}

#content .actor-profile .info .links a.osawa {
	background: url('/guides/cast/links/osawa.png') no-repeat center center;
	background-size: 90%,auto;
	width: 92px;
}

#content .actor-profile .info .links a.produce {
	background: url('/guides/cast/links/81produce.png') no-repeat center center;
	background-size: 75%,auto;
}

#content .actor-profile .info .links a.raccoon {
	background: url('/guides/cast/links/raccoon.png') no-repeat center center;
	background-size: 90%,auto;
}

#content .actor-profile .info .links a.rme {
	background: url('/guides/cast/links/rme.png') no-repeat center center;
	background-size: 80%,auto;
	width: 80px;
}

#content .actor-profile .info .links a.rush {
	background: url('/guides/cast/links/rush-style.png') no-repeat center center;
	background-size: 90%,auto;
}

#content .actor-profile .info .links a.saeba {
	background: url('/guides/cast/links/saeba.png') no-repeat center center;
	background-size: 90%,auto;
	width: 100px;
}

#content .actor-profile .info .links a.sigma {
	background: url('/guides/cast/links/sigma7.png') no-repeat center center;
	background-size: 90%,auto;
	width: 50px;
}

#content .actor-profile .info .links a.starcrew {
	background: url('/guides/cast/links/starcrew.png') no-repeat center center;
	background-size: 90%,auto;
}

#content .actor-profile .info .links a.subaru {
	background: url('/guides/cast/links/subaru.png') no-repeat center center;
	background-size: 80%,auto;
}

#content .actor-profile .info .links a.tsfactory {
	background: url('/guides/cast/links/tsfactory.png') no-repeat center center;
	background-size: 90%,auto;
	width: 90px;
}

#content .actor-profile .info .links a.wiki {
	background: url('/guides/cast/links/kanzenshuu.png') no-repeat center center;
	background-size: 100%,auto;
}

#content .actor-profile .info .links a.wikipedia {
	background: url('/guides/cast/links/wikipedia.png') no-repeat center center;
	background-size: 90%,auto;
}

#content .actor-profile .info .data {
    overflow: hidden;
	clear: both;
    margin-bottom: 15px;
}

#content .actor-profile .info .data dl {
    float: left;
    text-align: center;
    background: #DDD;
    border: 1px solid #DDD;
    border-radius: 3px;
    margin: 6px 12px 0 0;
    padding: 0;
    width: 182px;
}

#content .actor-profile .info .data dd {
    color: #222;
    font: 0.6875rem 'Roboto', sans-serif;
    font-weight: 400;
    background: #FFF;
    border-bottom: 2px solid #999;
    border-radius: 3px 3px 0 0;
    margin: 0;
    padding: 3px 0;
}

#content .actor-profile .info .data dt {
    color: #333;
    font: 0.6875rem 'Roboto', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    background: #DDD;
    border-radius: 0 0 3px 3px;
    margin: 0;
    padding: 4px 0 3px;
}

#content .actor-profile .info .data dl:last-of-type {
    margin: 6px 0 0;
}

#content .actor-profile .info .note {
	color: #222;
	font-size: 0.85rem;
	line-height: normal;
    margin-bottom: 15px;
}

#content .actor-profile .info .roles {
	overflow: hidden;
	font: 0.85rem 'Roboto', sans-serif;
	font-weight: 700;
	line-height: normal;
	background: linear-gradient(to top left, #EEE 10%, #FFF);
    border: 1px solid #EEE;
    border-radius: 3px;
    margin: 15px 0 0;
    padding: 0;
}

#content .actor-profile .info .roles .title::before {
	float: left;
	display: inline-block;
	font: 0.6875rem 'Roboto', sans-serif;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	background: #EEE;
	border-radius: 3px 0 3px 0;
	margin: 0;
	padding: 5px 10px;
}

#content .actor-profile .info .roles.replace .title::before {
	content: 'Replacement Roles';
	color: #222;
}

#content .actor-profile .info .roles.tv .title::before {
	content: 'Main Series Roles';
	color: #090;
}

#content .actor-profile .info .roles.tv.minor .title::before {
	content: 'Minor Series Roles';
	color: #666;
}

#content .actor-profile .info .roles.movie .title::before {
	content: 'Main Movie Roles';
	color: #06C;
}

#content .actor-profile .info .roles.movie.minor .title::before {
	content: 'Minor Movie Roles';
	color: #333;
}

#content .actor-profile .info .roles.awards .title::before {
	content: 'Notable Awards';
	color: #E60000;
}

#content .actor-profile .info .roles.vg .title::before {
	content: 'Video Game Roles';
	color: #93F;
}

#content .actor-profile .info .roles span {
	display: inline-block;
	color: #222;
	font-weight: 400;
	margin-left: 7px;
}

#content .actor-profile .info .roles strong {
	display: inline-block;
	font-weight: 700;
	margin-left: 7px;
}

#content .actor-profile .info .roles strong:nth-child(3) {
	color: #222;
}

#content .actor-profile .info .roles strong.arrow {
	font-size: 1rem;
	font-weight: 900;
	line-height: 1rem;
}

#content .actor-profile .info .roles ul {
	overflow: hidden;
	float: left;
	color: #222;
	margin: 0;
	padding: 0 0 0 25px;
	width: 100%;
}

#content .actor-profile .info .roles ul li {
	float: left;
	margin: 5px 0;
	width: 50%;
}

#content .actor-profile .info .roles.replace ul li {
	float: left;
	margin: 5px 0;
	width: 100%;
}

#content span.cast.highlight,
#content .actor-profile .info .roles ul li.main {
	color: #F70;
}

#content span.cast.highlight::before {
	content:'orange';
}

/*-----Cast Database Legend-----*/
#content #cast-legend {
	margin: 0;
	padding: 0;
}

#content #cast-legend .title {
	color: #E60000;
	font: 1.125rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	font-weight: 900;
	line-height: 1rem;
	border-bottom: 1px solid #E0E0E0;
	margin: 30px 0 10px;
	padding: 0 0 10px;
}

#content #cast-legend .title span {
	float: right;
	position: relative;
	top: -3px;
    color: #FFF;
	font: 0.75rem 'Open Sans', sans-serif;
	font-weight: 400;
    line-height: normal;
    background: #111;
    border-radius: 3px;
	margin: 0;
    padding: 3px 5px;
}

#content #cast-legend .tv {
	overflow: hidden;
	font-size: 0.7rem;
	line-height: normal;
}

#content #cast-legend .tv .series {
	float: left;
	font-size: 0.875rem;
	font-weight: 400;
	text-align: center;
	background: linear-gradient(#DDD,#FFF);
	border-radius: 3px;
	margin-left: 6px;
	padding: 3px 0 0;
	width: 106px;
}

#content #cast-legend .tv .series:first-of-type {
	margin-left: 0;
}


#content #cast-legend .tv .series:nth-child(1) {
	width: 76px;
}

#content #cast-legend .tv .series:nth-child(2) {
	width: 86px;
}

#content #cast-legend .tv .series:nth-child(3) {
	width: 90px;
}

#content #cast-legend .tv .series:nth-child(4) {
	width: 94px;
}

#content #cast-legend .tv .series span {
	display: block;
	color: #000;
    font-size: 0.7rem;
	font-weight: 400;
	background: linear-gradient(#444,#666);
	border-top: 2px solid #090;
	border-radius: 0 0 3px 3px;
	margin: 3px 0 0;
	padding: 4px 0;
}

#content #cast-legend .tv .series span a {
	color: #FFF;
}

#content #cast-legend .tags {
	overflow: hidden;
	font-size: 0.7rem;
	line-height: normal;
	background: linear-gradient(#DDD,#FFF);
	border: 1px solid #CCC;
	border-radius: 3px;
	margin: 20px 0;
	padding: 0 0 3px;
}

#content #cast-legend .tags .sub-title {
	color: #222;
	font: 0.75rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	font-weight: 600;
	background: linear-gradient(to right, #CCC, transparent);
	margin: 0 0 3px;
	padding: 5px 7px;
}

#content #cast-legend .tags .item {
	float: left;
	color: #FFF;
	font-size: 0.6rem;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
	line-height: normal;
	background: #666;
	border-radius: 4px;
	margin: 3px 0 3px 7px;
	padding: 3px 6px;
	width: 50px;
	cursor: default;
}

#content #cast-legend .tags .item.festa {
	background: #F39;
}

#content #cast-legend .tags .item.game {
	background: #903;
}

#content #cast-legend .tags .item.movie {
	background: #06C;
}

#content #cast-legend .tags .item.other {
	background: #039;
}

#content #cast-legend .tags .item.psa {
	background: #090;
}

#content #cast-legend .tags .item.vg {
	background: #F70;
}

#content #cast-legend .tags .item.web {
	background: #93F;
}

#content #cast-legend .tags .desc {
	float: left;
	font-size: 0.75rem;
	font-weight: 400;
	margin: 4px 0;
	padding: 0 0 0 7px;
	width: 630px;
}

/*-----Cast Database Listing-----*/
#content #cast-list {
	margin: 30px 0;
	width: 700px;
}

#content #cast-list h1 { /*Alphabetical Title*/
	color: #E60000;
	font: 1.125rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	text-align: left;
	font-weight: 900;
	border-bottom: 1px solid #E0E0E0;
	background-image: none;
	background-size: 0 0;
	background-position: 0 0;
	margin: 30px 0 20px;
	padding: 0 0 10px;
}

#content #cast-list dl { /*Actor Name Title (Japanese Name)*/
	color: #090;
	font: 1.125rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	border-bottom: 1px dotted #CCC;
	margin: 0 0 7px 0;
	padding: 0 0 2px;
}

#content #cast-list .actor {
	margin: 0 0 20px;
}

#content #cast-list .no-results { /*No actor results*/
	color: #E60000;
	font-size: 1.125rem;
	font-weight: 900;
	text-align: center;
	background-color: #F9F9F9;
	border-radius: 3px;
	padding: 10px;
	cursor: default;
}

#content #cast-list dl span.name { /*Romanized Name*/
	color: #222;
	font: 1.125rem 'Roboto', sans-serif;
	font-weight: 700;
	padding: 0 3px 0;
}

#content #cast-list dl span.name::before {
	content: ' / ';
}

#content #cast-list dl span.death { /*Death Date*/
	float: right;
	color: #E60000;
	font-size: 0.8125rem;
	font-weight: 500;
	padding-top: 8px;
}

#content #cast-list dl span.death::before {
	content: 'Deceased: ';
}

#content #cast-list .note {
	color: #555;
	font-size: 0.8125rem;
	margin: 0 0 15px 10px;
	line-height: normal;
}

#content #cast-list .note .more {
	display: none;
}

#content #cast-list .note .click {
	display: inline-block;
}

#content #cast-list .note .click strong {
	color: #069;
	cursor: pointer;
}

#content #cast-list .note .click strong:hover {
	color: #333;
}

#content #cast-list ul.list {
	overflow: hidden;
	color: #222;
	font-size: 0.875rem;
	border-left: 2px solid #CCC;
	margin: 0 10px;
	padding: 0 0 0 10px;
	width: 690px;
}

#content #cast-list ul.aka .jpn span {
	display: inline-block;
	position: relative;
	top: -2px;
	color: #FFF;
	font: 0.6rem 'Open Sans', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
	line-height: normal;
	background: #666;
	border-radius: 4px;
	margin: 0 7px 0 0;
	padding: 3px 6px;
	cursor: default;
}

#content #cast-list .src span {
	display: inline-block;
	position: relative;
	top: -1px;
	color: #FFF;
	font: 0.6rem 'Open Sans', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
	line-height: normal;
	background: #666;
	border-radius: 4px;
	margin: 0 0 0 7px;
	padding: 3px 6px;
	cursor: default;
}

#content #cast-list ul.event {
	color: #F39;
	border-color: #F39;
}

#content #cast-list ul.event .src span {
	background: #F39;
}

#content #cast-list ul.game {
	color: #903;
	border-color: #903;
}

#content #cast-list ul.game .src span {
	background: #903;
}

#content #cast-list ul.movie {
	color: #06C;
	border-color: #06C;
}

#content #cast-list ul.movie .src span {
	background: #06C;
}

#content #cast-list ul.other {
	color: #039;
	border-color: #039;
}

#content #cast-list ul.other .src span {
	background: #039;
}

#content #cast-list ul.psa {
	color: #090;
	border-color: #090;
}

#content #cast-list ul.psa .src span {
	background: #090;
}

#content #cast-list ul.vg {
	color: #F70;
	border-color: #F70;
}

#content #cast-list ul.vg .src span {
	background: #F70;
}

#content #cast-list ul.web {
	color: #93F;
	border-color: #93F;
}

#content #cast-list ul.web .src span {
	background: #93F;
}

#content #cast-list ul.list li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 3px 0;
}

#content #cast-list ul.list:hover {
	background-color: #F9F9F9;
	cursor: default;
}

#content #cast-list ul.list li.jpn {
	width: 30%;
	font-weight: 500;
	font-size: 100%;
}

#content #cast-list ul.list li.eng {
	width: 34%;
}

#content #cast-list ul.list li.src {
	width: 36%;
}

#filter-panel div.filter-drop.letter.dead,
#filter-panel div.filter-drop.medium.dead,
#filter-panel div.filter-drop.special.dead,
#filter-panel div.filter-drop.status.dead { /*Dead drop-down*/
	background: url('/wp-content/themes/kanzenshuu3/images/pages/dropdown_down.png') no-repeat center right, linear-gradient(to bottom right, #999, #BBB);
	opacity: 0.6;
}

#filter-panel div.filter-drop.letter { /*Alphabetical letter drop-down*/
	background: url('/wp-content/themes/kanzenshuu3/images/pages/dropdown_down.png') no-repeat center right, linear-gradient(to bottom right, #090, #5A5);
	margin-right: 10px;
}

#filter-panel div.filter-drop.medium { /*Visual medium drop-down*/
	background: url('/wp-content/themes/kanzenshuu3/images/pages/dropdown_down.png') no-repeat center right, linear-gradient(to bottom right, #F70,#F90);
	margin-right: 10px;
	width: 163px;
}

#filter-panel div.filter-drop.special { /*Special feature drop-down*/
	background: url('/wp-content/themes/kanzenshuu3/images/pages/dropdown_down.png') no-repeat center right, linear-gradient(to bottom right, #C00, #C44);
	margin-right: 10px;
	width: 163px;
}

#filter-panel div.filter-drop.status { /*Activity status drop-down*/
	background: url('/wp-content/themes/kanzenshuu3/images/pages/dropdown_down.png') no-repeat center right, linear-gradient(to bottom right, #069, #0080aa);
}

#filter-panel div.filter-drop.letter.current {
	box-shadow: 0px 0px 5px 0px #090;
}

#filter-panel div.filter-drop.medium.current {
	box-shadow: 0px 0px 5px 0px #F70;
}

#filter-panel div.filter-drop.special.current {
	box-shadow: 0px 0px 5px 0px #C00;
}

#filter-panel div.filter-drop.status.current {
	box-shadow: 0px 0px 5px 0px #069;
}

#filter-panel .filter-drop select option:disabled {
    color: #CCC;
}

/*--------------------------------------------------------------
# Credit Listings
--------------------------------------------------------------*/

#content #credits-toggle { /*View/Hide credits button*/
	text-align: center; margin: 0; padding: 0;
}

#content #credits-toggle span {
	display: inline-block;
	color: #F9F9F9;
	font-size: 0.9375rem;
	font-weight: 700;
	background: #0077B3;
	border: 2px solid #0077B3;
	border-radius: 4px;
	margin: 0 auto 20px;
	padding: 4px 10px;
	transition: all 200ms ease;
	cursor: pointer;
}

#content #credits-toggle span:hover {
	color: #0077B3;
	background: #F9F9F9;
	box-shadow: 0 0 5px 1px #888;
	padding: 4px 18px;
}


#content .credits,
#lyric-content .credits {
	margin: 0 auto 0;
}

#content .credits dl,
#lyric-content .credits dl {
	overflow: hidden;
	margin: 0 0 20px;
	padding: 0;
	width: 700px;
}

#content .credits dt,
#lyric-content .credits dt {
	clear: both;
}

#content .credits dd.single.color,
#content .credits dd.single.color h3 {
	color: #090;
}

#content .credits dd.single h3,
#lyric-content .credits dd.single h3 {
	color: #333;
	font: 0.9rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	font-weight: 500;
	text-align: center;
	margin: 0;
	padding: 0;
}

#content .credits dd.single h4,
#lyric-content .credits dd.single h4 {
	font: 0.875rem 'Roboto', sans-serif;
	font-weight: bold;
	text-align: center;
	margin: 0 0 8px;
	padding: 0;
}

#content .credits dd.space,
#lyric-content .credits dd.space {
	margin: 0 0 20px;
}

#content .credits h4.break,
#lyric-content .credits h4.break {
	height: 16px;
}

#content .credits dd,
#lyric-content .credits dd {
	float: left;
	margin: 0 0 8px;
	padding: 0;
	width: 348px;
}

#content .credits dd.single,
#lyric-content .credits dd.single {
	color: #333;
	margin: 0;
	padding: 0;
	width: 700px;
}

#content .credits dd.lt,
#lyric-content .credits dd.lt {
	color: #090;
	text-align: right;
}

#content .credits dd.lt.none,
#content .credits dd.lt.none h3,
#content .credits dd.lt.list.none h3,
#content .credits dd.rt.list h3 {
	color: #333;
}

#content .credits dd.lt.list h3,
#lyric-content .credits dd.lt.list h3 {
	color: #090;
}

#content .credits dd.lt h3,
#lyric-content .credits dd.lt h3 {
	color: #090;
	font: 0.9rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	font-weight: 500;
	text-align: right;
	margin: 0;
	padding-right: 5px;
}

#content .credits dd.lt h4,
#lyric-content .credits dd.lt h4 {
	font: 0.875rem 'Roboto', sans-serif;
	font-weight: bold;
	margin: 0;
	padding-right: 5px;
}

#content .credits dd.rt,
#lyric-content .credits dd.rt {
	color: #333; text-align: left; border-left: 2px solid #CCC;
}

#content .credits dd.rt h3,
#lyric-content .credits dd.rt h3 {
	color: #333;
	font: 0.9rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	font-weight: 500;
	margin: 0;
	padding-left: 5px;
}

#content .credits dd.rt h4,
#lyric-content .credits dd.rt h4 {
	font: 0.875rem 'Roboto', sans-serif;
	font-weight: 700;
	margin: 0;
	padding-left: 5px;
}

#content .credits dd.list h4,
#lyric-content .credits dd.list h4 {
	margin-bottom: 8px;
}

#content .credits dd.list h3.last,
#content .credits dd.list h4.last,
#lyric-content .credits dd.list h3.last,
#lyric-content .credits dd.list h4.last {
	margin-bottom: 0;
}

#content .credits dd h3 span,
#lyric-content .credits dd h3 span {
	font-size: 0.6875rem;
}

#content .credits dd h4 span,
#lyric-content .credits dd h4 span {
	font-size: 0.6875rem; font-weight: normal;
}

#content .credits dd.single.note { /*Used in Daima eps. 5*/
	overflow: hidden;
	font-size: 0.6875rem;
	line-height: normal;
	background: #EEE;
	border: 1px solid #CCC;
	border-radius: 5px;
	margin: 0 180px 10px;
	padding: 3px;
	width: 340px;
	opacity: 0.4;
	transition: opacity 200ms ease;
}

#content .credits dd.single.note:hover {
	cursor: default;
	opacity: 1;
}

#content .credits dd.single.note .lt {
	float: left;
	color: #090;
	font-weight: 700;
	text-align: center;
	width: 38px;
}

#content .credits dd.single.note .rt {
	float: right;
	text-align: justify;
	padding-right: 3px;
	width: 292px;
}

/*--------------------------------------------------------------
# Databook Guide
--------------------------------------------------------------*/
/*-----Book Index-----*/
#content #book-index dl {
	overflow: hidden;
	position: relative;
	margin: 0 0 20px;
	padding: 0;
	width: 100%;
}

#content #book-index dt {
	clear: both;
	margin: 0 0 12px;
	width: 700px;
}

#content #book-index dt.note {
	color: #333;
	font-size: 0.8125rem;
	font-weight: 400;
	text-align: left;
	line-height: 1.25rem;
}

#content #book-index dt.note p {
	margin: 0;
	padding: 0;
}

#content #book-index dt.note div.margin {
	margin: 0 0 10px;
	padding: 0;
}

#content #book-index dt.note ul {
	margin: 5px 20px 0;
	padding: 0 0 0 10px;
}

#content #book-index dt.main {
	margin: 0 30px 0 10px;
	width: 660px;
}

#content #book-index dt.sub {
	margin: 0 30px 0 20px;
	width: 650px;
}

#content #book-index dd.title {
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	width: 670px;
}

#content #book-index dd.title2 {
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	width: 636px;
}

#content #book-index dd.title3 {
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	width: 603px;
}

#content #book-index dd.title4 {
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	width: 570px;
}

#content #book-index dd.title.main,
#content #book-index dd.title2.main,
#content #book-index dd.title3.main,
#content #book-index dd.title4.main {
	color: #090;
}

#content #book-index dd.main {
	font-size: 0.9375rem;
	background: #FFF url('/wp-content/themes/kanzenshuu/images/book_index_main.gif') repeat-x right center;
	margin-bottom: 5px;
}

#content #book-index dd.main span {
	font-size: 0.9375rem;
	font-weight: 700;
	line-height: normal;
	background: #FFF;
	padding-right: 9px;
}

#content #book-index dd.sub {
	font-size: 0.875rem;
	font-weight: 600;
}

#content #book-index dd.sub,
#content #book-index dd.sub2 {
	background: #FFF url('/wp-content/themes/kanzenshuu/images/book_index_sub.gif') repeat-x right center;
}

#content #book-index dd.sub span,
#content #book-index dd.sub2 span {
	background: #FFF;
	padding: 0 9px 0;
}

#content #book-index dd.sub2 {
	background: #FFF url('/wp-content/themes/kanzenshuu/images/book_index_sub.gif') repeat-x right center;
}

#content #book-index dd.sub2 span {
	font-style: italic;
	background: #FFF;
	padding: 0 9px 0 24px;
}

#content #book-index dd.pg {
	float: right;
	text-align: right;
	width: 30px;
	margin: 0;
	padding: 0;
}

#content #book-index dd.pg2 {
	float: left;
	text-align: right;
	margin: 0;
	padding: 0;
	width: 64px;
}

#content #book-index dd.pg3 {
	float: left;
	text-align: right;
	margin: 0;
	padding: 0;
	width: 97px;
}

#content #book-index dd.pg4 {
	float: left;
	text-align: right;
	margin: 0;
	padding: 0;
	width: 130px;
}

/*--------------------------------------------------------------
# Episode Guide
--------------------------------------------------------------*/
/*-----Detailed Listing Container-----*/
#content .episode-list {
	overflow: hidden;
	width: 100%;
	margin: 20px 0;
	padding: 0 0 10px;
}

#content .episode-list .info {
	text-align: left;
	line-height: 1.25rem;
	margin: 0;
	padding: 0;
}

#content .episode-list .info p {
	margin: 0;
	padding: 0;
}

#content .episode-list .info h2 {
	color: #333;
	font-size: 0.9375rem;
	text-align: left;
	letter-spacing: 0;
	border-bottom: 1px dotted #C00;
	margin: 6px 0 5px;
	padding: 0 0 2px;
}

/*-----Filler Listing-----*/
#content .filler .image { /*Left Column*/
	float: left;
	text-align: left;
	width: 160px;
}

#content .filler .info { /*Right Column*/
	float: left;
	width: 540px;
	text-align: left;
	margin: 3px 0 0;
}

#content .filler .info p.margin {
	margin-bottom: 15px;
}

#content .filler .info h2 {
	color: #222;
	font: 0.9375rem 'Roboto', sans-serif;
	font-weight: 700;
	text-align: left;
	line-height: 1.25rem;
	letter-spacing: 0;
	margin: 4px 0 7px;
	padding: 0;
	border: none;
}

#content .filler .info .last {
	padding-top: 15px;
}

#content .filler .info .title {
	color: #090;
	font: 0.9375rem 'Roboto', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 0 5px;
	padding: 0 0 5px;
	border-bottom: 1px solid #E0E0E0;
}

#content .filler .info .descript {
	font: 0.9375rem 'Open Sans', sans-serif;
	line-height: 1.5rem;
}

#content .filler .info .conflict {
	color: #C33;
	font: 10pt 'Roboto', sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 5px;
	border-bottom: 1px dotted #DDD;
}

/*-----List View Links-----*/
#content .episode-links { /*Link container*/
	overflow: hidden;
	font: 1rem 'Roboto', sans-serif;
	font-weight: 700;
	text-align: center;
	background: #333;
	border: 2px solid #333;
	border-radius: 4px;
	margin: 30px auto 35px;
	padding: 0;
	width: 300px;
}

#content .episode-links .select { /*Detailed view (default)*/
	float: left;
	color: #0077B3;
	background: linear-gradient(#E3E3E3,#F3F3F3);
	border-radius: 3px 0 0 3px;
	margin: 0;
	padding: 7px 5px;
	width: 50%;
	cursor: default;
}

#content .episode-links .link a { /*List view link*/
	float: left;
	display: block;
	color: #EEE;
	border-radius: 0 3px 3px 0;
	margin: 0;
	padding: 7px 5px;
	width: 50%;
	transition: all 200ms ease;
}

#content .episode-links .link a:hover {
	color: #EEE;
	background: linear-gradient(#069,#0077B3);
}

/*-----Detailed Series and Story Arc Listings-----*/
#content .arc .image { /*Left column, typically series or arc title image*/
	float: left;
	text-align: left;
	width: 160px;
}

#content .arc .image img { /*Remove regular image styles*/
	background: #FFF;
	border: 0;
	border-radius: 4px 0 0 4px;
	box-shadow: none;
	margin: 0;
	padding: 0;
}

#content .arc .info { /*Right column*/
	float: left;
	background: #F9F9F9;
	border-left: 3px solid #FA0;
	border-radius: 0 3px 3px 3px;
	box-shadow: inset 0px 15px 40px -40px rgba(0,0,0,0.75);
	width: 537px;
}

#content .arc .info .title { /*Series or story arc title*/
	color: #222;
	font: 1.0625rem 'Roboto', sans-serif;
	font-weight: 700;
	text-align: left;
	line-height: 1.25rem;
	padding: 7px 7px 0;
}

#content .arc .info .title span { /*Right series title*/
	float: right;
	display: block;
	position: relative;
	top: -7px;
	right: -7px;
	color: #FFF;
	font: 0.75rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	font-weight: 400;
	line-height: 1rem;
	background: linear-gradient(#00A200,#00B300);
	border-radius: 0 3px 0 3px;
	padding: 3px 5px;
}

#content .arc .info .title span.jpn {
	font-weight: 300;
}

#content .arc .info .links {
	border-top: 1px solid #DDD;
	background: linear-gradient(#EEE, #F9F9F9);
	margin-top: 10px;
}

#content .arc .info .links a {
	display: inline-block;
	color: #0077B3;
	font-size: 0.8125rem;
	font-weight: 400;
	border-right: 1px solid #DDD;
	margin: 0;
	padding: 7px 12px;
	transition: all 200ms ease;
}

#content .arc .info .links a:hover {
	color: #444;
	background: #F9F9F9;
}

#content .arc .info .date {
	color: #555;
	font: 0.8125rem 'Roboto', sans-serif;
	line-height: 1.25rem;
	background: linear-gradient(#EEE,#E6E6E6);
	border-top: 1px solid #DDD;
	border-radius: 0 0 3px 0;
	padding: 5px 7px;
}

#content .arc .info p {
	color: #222;
	font-size: 0.875rem;
	text-align: left;
	line-height: 1.375rem;
	margin: 0;
	padding: 7px;
}

#content .arc .info .date b {
	font-weight: 600;
}

#content .arc .info .title a,
#content .arc .info .title a:visited {
	color: #0077B3;
}

#content .arc .info .title a:hover {
	color: #444;
}

#content .arc .info span.button a {
	display: inline-block;
	color: #0077B3;
	font: 10pt 'Roboto', sans-serif;
	font-weight: 700;
	text-align: center;
	background: #F9F9F9;
	border: 2px solid #666;
	box-shadow: inset 0px 20px 20px -20px rgba(204,204,204,1);
	border-radius: 3px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 5px;
	width: 90px;
}

#content .arc .info span.button a:hover {
	color: #444;
	box-shadow: 1px 1px 1px #CCC;
}

/*-----Detailed Episode Listings-----*/
#content .episode .image {
	float: left;
	width: 133px;
	text-align: left;
}

#content .episode .image img {
	background: #FFF;
	border: 0;
	border-radius: 3px 0 0 3px;
	box-shadow: none;
	margin: 0;
	padding: 0;
}

#content .episode .info {
	float: left;
	background: #F9F9F9;
	border-left: 3px solid #FA0;
	border-radius: 0 3px 3px 3px;
	box-shadow: inset 0px 15px 40px -40px rgba(0,0,0,0.75);
	width: 564px;
}

#content .episode .info .title {
	color: #222;
	font: 1rem 'Roboto', sans-serif;
	font-weight: 700;
	text-align: left;
	line-height: 1.25rem;
	margin: 5px 7px 7px;
}

#content .episode .info .title span {
	float: right;
	display: block;
	position: relative;
	top: -5px;
	right: -7px;
	color: #FFF;
	font: 0.75rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	font-weight: 400;
	line-height: 1rem;
	background: linear-gradient(#00A200,#00B300);
	border-radius: 0 3px 0 3px;
	padding: 3px 5px;
}

#content .episode.none .info .title span {
	background: linear-gradient(#F70,#F90);
}

#content .episode .info .eps-title {
	color: #222;
	font: 0.9375rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	margin: 7px;
}

#content .episode .info .eps-title.daima strong span {
	display: inline;
	color: #E60000;
	font: 0.9375rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	font-weight: 600;
}

#content .episode .info .eps-title em {
	font-family: 'Roboto', sans-serif;
}

#content .episode .info .eps-title span {
	display: block;
	color: #E60000;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	margin-top: 5px;
}

#content .episode .info .descript {
	color: #222;
	font-size: 0.8125rem;
	text-align: left;
	margin-top: 5px;
}

#content .episode .info .eps-credit {
	color: #555;
	font: 0.75rem 'Roboto', sans-serif;
	line-height: 1rem;
	background: linear-gradient(#EEE,#E6E6E6);
	border-top: 1px solid #DDD;
	border-radius: 0 0 3px 0;
	padding: 5px 7px;
}

#content .episode .info .eps-credit::before {
	display: block;
	content: 'Main Episode Staff';
	color: #090;
	font-size: 0.8125rem;
	font-weight: 600;
	margin: 0 0 3px;
}

#content .episode.none .info .eps-credit {
	min-height: 20px;
}

#content .episode.none .info .eps-credit::before {
	content: none;
}

#content .episode .info .eps-credit b,
#content .episode .info .eps-credit strong {
	font-weight: 600;
}

#content .episode .info .title a:link,
#content .episode .info .title a:visited {
	color: #0077B3;
	text-decoration: none;
}

#content .episode:hover .info .title a:hover {
	color: #444;
	text-decoration: none;
}

/*-----Complete Numerical Episode Listings-----*/
#content .episode-list ul.list {
	overflow: hidden;
	list-style: none;
	border-bottom: 1px solid #DDD;
	margin: 0;
	padding: 0;
	width: 700px;
}

#content .episode-list ul:nth-of-type(even) {
	background-color: #F2F2F2;
	margin: 0;
	padding: 4px 0;
}

#content .episode-list ul:nth-of-type(odd) {
	background-color: #F9F9F9;
	margin: 0;
	padding: 4px 0;
}

#content .episode-list ul.list.title {
	background: linear-gradient(#D3D3D3,#E3E3E3);
	border-bottom: 0;
	border-radius: 3px 3px 0 0;
	margin: 0;
	padding: 9px 0;
	cursor: default;
}

#content .episode-list ul.list.title li.eps-number {
	color: #090;
	font: 0.9375rem 'Open Sans', sans-serif;
	font-weight: 600;
	line-height: 1rem;
	text-align: center;
	margin: 0;
	padding: 0;
	width: 45px;
}

#content .episode-list ul.list.title li.eps-title {
	color: #090;
	font: 0.9375rem 'Open Sans', sans-serif;
	font-weight: 600;
	line-height: 1rem;
	margin: 0;
	padding: 0;
	width: 510px;
}

#content .episode-list ul.list.title li.eps-title.wide,
#content .episode-list ul.list li.eps-title.wide {
	width: 560px;
}

#content .episode-list ul.list.title li.eps-rate {
	color: #090;
	font: 0.9375rem 'Open Sans', sans-serif;
	font-weight: 600;
	line-height: 1rem;
	text-align: center;
	width: 50px;
}

#content .episode-list ul.list.title li.eps-date {
	color: #090;
	font: 0.9375rem 'Open Sans', sans-serif;
	font-weight: 600;
	line-height: 1rem;
	text-align: center;
	width: 95px;
}

#content .episode-list .story-arc {
	color: #F90;
	font: 0.9375rem 'Open Sans', sans-serif;
	font-weight: 700;
	font-style: italic;
	line-height: 1rem;
	background: linear-gradient(to bottom, #F2F2F2, #DDD);
	border-bottom: 1px solid #DDD;
	margin: 0;
	padding: 9px;
	cursor: default;
}

#content .episode-list ul.list li {
	float: left;
	margin: 0;
	padding: 0;
}

#content .episode-list ul.list.link {
	background-image: url('/wp-content/themes/kanzenshuu3/images/pages/link-bg.png');
	background-repeat: no-repeat;
	background-position: top -12px left -12px;
	transition: all 200ms ease;
}

#content .episode-list ul.list.link:hover {
	background-position: top -10px left -10px;	
}

#content .episode-list ul.list li.eps-number {
	font-size: 0.875rem;
	font-weight: 600;
	text-align: center;
	width: 45px;
	cursor: default;
}

#content .episode-list ul.list.link li.eps-number {
	color: #0077B3;
}

#content .episode-list ul.list li.eps-title {
	font: 0.875rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	width: 510px;
}

#content .episode-list ul.list li.eps-title em {
	font-family: 'Roboto', sans-serif;
}

#content .episode-list ul.list li.eps-title span {
	display: block;
	color: #E60000;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	margin-top: 5px;
}

#content .episode-list ul.list li.eps-title a.link {
	display: block;
	color: #000;
}

#content .episode-list ul.list:hover li.eps-title a.link {
	color: #0077B3;
}

#content .episode-list ul.list:hover li.eps-title a.link span {
	color: #069;
}

#content .episode-list ul.list li.eps-rate {
	font-size: 0.875rem;
	text-align: center;
	width: 50px;
}

#content .episode-list ul.list li.eps-rate small {
	display: block;
	line-height: normal;
}

#content .episode-list ul.list li.eps-date {
	font-size: 0.875rem;
	text-align: center;
	width: 95px;
}

#content .episode-list ul.list:last-of-type {
	border-bottom: 5px solid #DDD;
	border-radius: 0 0 3px 3px;
}

/*-----Summary/Synopsis Toggle Text-----*/
#content h1.summary {
	cursor: pointer;
}

#content h1 span.header {
	display: none;
}

#content h1 span.header.on {
	display: inline;
}

#content h1 span.toggle {
	float: right;
	color: #0077B3;
	font-size: 0.9375rem;
	font-weight: 500;
	line-height: normal;
	text-transform: capitalize;
	letter-spacing: 0;
	background: #d5dce4;
	border-radius: 3px 3px 0 0;
	padding: 4px 10px;
}

#content h1.summary:hover span.toggle {
	color: #333;
}

#content h1 span.toggle span {
	display: none;
}

#content h1 span.toggle span.on {
	display: inline;
}

#content #synopsis {
	margin: 0 0 20px;
}

#content #summary {
	display: none;
	margin: 0 0 0;
}

#content #synopsis p,
#content #summary p {
	margin: 0 0 20px;
}

/*-----Next Episode Preview Text-----*/
#content h2.next-eps span { /*Title text ("Next Time")*/
	display: block;
	color: #333;
	font: 1.125rem 'Open Sans', Sans-serif;
	font-weight: 700;
	text-align: center;
	line-height: 1.5rem;
	letter-spacing: 2px;
	background-image: linear-gradient(to right, #FFF, #E0E0E0 50%, #FFF);
	background-size: 100% 1px;
	background-position: 0 100%;
	background-repeat: no-repeat;
	margin: 0 0 5px;
	padding: 0;
}

#content h2.next-eps { /*Next episode title*/
	color: #E60000;
	font: 1rem 'Roboto', Sans-serif;
	font-weight: 500;
	text-align: center;
	line-height: 1rem;
	letter-spacing: 0;
	border: 0;
	margin: 0;
}

#content h2.next-eps br {
	display: none;
}

/*-----Universe Characters-----*/
#content .character {
	overflow: hidden;
    margin: 0;
    padding: 0;
    width: 700px;
}

#content .character .image {
    float: left;
    width: 130px;
}

#content .character .info {
    float: left;
    width: 570px;
}

#content .character .rank {
    float: right;
    color: #E60000;
    font-weight: 700;
}

#content .character span.name {
    font-size: 1.1rem;
    line-height: normal;
}

#content .character span.name strong {
    font-weight: 700;
}

#content .character span.name sup {
    color: #F90;
    font-weight: 600;
    height: 0;
    bottom: 5px;
    left: 2px;
    vertical-align: baseline;
    position: relative;
}

#content .character .pun {
    margin-top: 7px;
}

#content .character .pun strong {
    color: #090;
}

#content .divider {
	border-bottom: 1px dotted #DDD;
    margin: 12px 0 12px;
}

/*--------------------------------------------------------------
# Manga Guide
--------------------------------------------------------------*/
/*-----Video Sales Listing-----*/
#content .video-sales-list {
	overflow: hidden;
	margin: 0 0 20px;
	padding: 0;
	width: 700px;
}

#content .video-sales-list ul.list { list-style: none; overflow: hidden; width: 700px; margin: 0; padding: 0; border-top: 1px solid #DDD;
}

#content .video-sales-list ul:first-of-type {
	border-top: none;
	border-radius: 3px 3px 0 0;
}

#content .video-sales-list ul:last-of-type {
	border-bottom: 5px solid #DDD;
	border-radius: 0 0 3px 3px;
}

#content .video-sales-list ul.title {
	color: #090;
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1rem;
	background: linear-gradient(#D3D3D3,#E3E3E3);
	margin: 0;
	padding: 0;
}

#content .video-sales-list ul.odd {
	background: #F2F2F2;
	padding: 0;
}

#content .video-sales-list ul.even {
	background: #F9F9F9;
	padding: 0;
}

#content .video-sales-list ul.list li {
	float: left;
	text-align: center;
	line-height: normal;
	margin: 0;
	padding: 7px 0;
	width: 96px;
}

#content .video-sales-list ul.list li.video-title {
	text-align: left;
	padding: 7px;
	width: 310px;
}

#content .video-sales-list ul.list li.video-title a {
	color: #0077B3;
	font-weight: 600;
}

#content .video-sales-list ul.list li.video-title a:hover {
	color: #333;
}

/*--------------------------------------------------------------
# Manga Guide
--------------------------------------------------------------*/
/*-----Main Manga Listing-----*/
#content .chp-list {
	width: 100%;
	padding: 0 0 10px;
	margin: 0 0 20px;
	overflow: hidden;
}

#content .chp-list .info { /*Right column*/
	text-align: left;
	line-height: normal;
	margin: 0;
	padding: 0;
}

#content .chp-list .info p {
	padding: 0;
	margin: 0;
}

/*-----Detailed Series Listings-----*/
#content .chp-list.series .image { /*Left column, series logo*/
	float: left;
	text-align: left;
	width: 200px;
}

#content .chp-list.series .image img { /*Remove regular image styles from logo*/
	background:#FFF;
	border: 0;
	border-radius: none;
	box-shadow: none;
	margin: 0;
	padding: 0;
}

#content .chp-list.series .info { /*Right column*/
	float: left;
	background: #F9F9F9;
	background-image: linear-gradient(to bottom, #EEE 10%, #F9F9F9);
	background-size: 100% 50px;
	background-repeat: no-repeat;
	border-left: 3px solid #FA0;
	border-radius: 3px;
	width: 487px;
}

#content .chp-list.series .info .title { /*Series title*/
	color: #222;
	font: 1.0625rem 'Roboto', sans-serif;
	font-weight: 700;
	text-align: left;
	line-height: 1.25rem;
	padding: 7px 7px 0;
}

#content .chp-list.series .info .title span { /*Right series title (in Japanese)*/
	float: right;
	display: block;
	position: relative;
	top: -7px;
	right: -7px;
	color: #FFF;
	font: 0.75rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	font-weight: 400;
	line-height: 1rem;
	background: linear-gradient(#00A200,#00B300);
	border-radius: 0 3px 0 3px;
	padding: 3px 5px;
}

#content .chp-list.series .info .title span.jpn {
	font-weight: 400;
}

#content .chp-list.series .info .links {
	border-top: 1px solid #DDD;
	background: linear-gradient(#EEE, #F9F9F9);
	margin-top: 10px;
}

#content .chp-list.series .info .links a {
	display: inline-block;
	color: #0077B3;
	font-size: 0.8125rem;
	font-weight: 400;
	border-right: 1px solid #DDD;
	margin: 0;
	padding: 7px 12px;
	transition: all 200ms ease;
}

#content .chp-list.series .info .links a:hover {
	color: #444;
	background: #F9F9F9;
}

#content .chp-list.series .info .date { /*Series publication dates*/
	color: #555;
	font: 0.8125rem 'Roboto', sans-serif;
	line-height: 1.25rem;
	background: linear-gradient(#EEE,#E6E6E6);
	border-top: 1px solid #DDD;
	border-radius: 0 0 3px 0;
	padding: 5px 7px;
}

#content .chp-list.series .info p { /*Series information and details*/
	color: #222;
	font-size: 0.875rem;
	text-align: left;
	line-height: 1.375rem;
	margin: 0;
	padding: 7px;
}

#content .chp-list.series .info .title a,
#content .chp-list.series .info .title a:visited {
	color: #0077B3;
}

#content .chp-list.series:hover .info .title a:hover {
	color: #444;
}

/*-----Detailed Story Arc Listings-----*/
#content .chp-list.arc .image { /*Left column, story arc title image*/
	float: left;
	text-align: left;
	width: 161px;
}

#content .chp-list.arc .image img { /*Remove regular image styles*/
	background: #FFF;
	background-image: none;
	border: 1px solid #DDD;
	border-right: 0;
	border-radius: 3px 0 0 3px;
	box-shadow: none;
	margin: 0;
	padding: 0;
	width: 160px;
	height: 120px;
}

#content .chp-list.arc .info { /*Right column*/
	float: left;
	background: #F9F9F9;
	border-left: 3px solid #FA0;
	border-radius: 0 3px 3px 3px;
	box-shadow: inset 0px 15px 40px -40px rgba(0,0,0,0.75);
	width: 536px;
}

#content .chp-list.arc .info .title { /*Story arc title*/
	color: #222;
	font: 1.0625rem 'Roboto', sans-serif;
	font-weight: 700;
	text-align: left;
	line-height: 1.25rem;
	padding: 7px 7px 0;
}

#content .chp-list.arc .info .title span { /*Right story arc chapters*/
	float: right;
	display: block;
	position: relative;
	top: -7px;
	right: -7px;
	color: #FFF;
	font: 0.75rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	font-weight: 400;
	line-height: 1rem;
	background: linear-gradient(#00A200,#00B300);
	border-radius: 0 3px 0 3px;
	padding: 3px 5px;
}

#content .chp-list.arc .info .title span.jpn {
	font-weight: 300;
}

#content .chp-list.arc .info .date { /*Chapter publication dates*/
	color: #555;
	font: 0.8125rem 'Roboto', sans-serif;
	line-height: 1.25rem;
	background: linear-gradient(#EEE,#E6E6E6);
	border-top: 1px solid #DDD;
	border-radius: 0 0 3px 0;
	padding: 5px 7px;
}

#content .chp-list.arc .info p { /*Story arc description*/
	color: #222;
	font-size: 0.875rem;
	text-align: left;
	line-height: 1.375rem;
	margin: 0;
	padding: 7px;
}

#content .chp-list.arc .info .title a,
#content .chp-list.arc .info .title a:visited {
	color: #0077B3;
}

#content .chp-list.arc .info .title a:hover {
	color: #444;
}

/*-----Detailed Chapter Listings-----*/
#content .chp-list.chapter .image { /*Left column, chapter title page image*/
	float: left;
	text-align: left;
	line-height: 0;
	width: 100px;
}

#content .chp-list.chapter .image img { /*Remove regular image styles*/
	background: #FFF;
	background-image: none;
	border: 1px solid #DDD;
	border-right: 0;
	border-radius: 3px 0 0 3px;
	box-shadow: none;
	margin: 0;
	padding: 0;
	width: 100px;
	height: 142px;
}

#content .chp-list.chapter .info { /*Right column*/
	float: left;
	background: #F9F9F9;
	background-image: linear-gradient(to bottom, #EEE 10%, #F9F9F9);
	background-size: 100% 50px;
	background-repeat: no-repeat;
	border-left: 3px solid #FA0;
	border-radius: 0 3px 3px 3px;
	width: 600px;
}

#content .chp-list.chapter .info .title { /*Chapter title*/
	color: #222;
	font: 1.0625rem 'Roboto', sans-serif;
	font-weight: 700;
	text-align: left;
	line-height: 1.25rem;
	padding: 7px 7px 0;
}

#content .chp-list.chapter .info .title span {
	float: right;
	display: block;
	position: relative;
	top: -7px;
	right: -7px;
	color: #FFF;
	font: 0.75rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	font-weight: 400;
	line-height: 1rem;
	background: linear-gradient(#00A200,#00B300);
	border-radius: 0 3px 0 3px;
	padding: 3px 5px;
}

#content .chp-list.chapter .info .chp-title {
	color: #222;
	font: 0.9375rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	margin: 7px;
}

#content .chp-list.chapter .info .chp-title em {
	font-family: 'Roboto', sans-serif;
}

#content .chp-list.chapter .info .chp-title span {
	display: block;
	color: #E60000;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	margin-top: 5px;
}

#content .chp-list.chapter .info .descript {
	color: #222;
	font-size: 0.875rem;
	line-height: 1.375rem;
	text-align: left;
	margin: 7px;
}

#content .chp-list.chapter .info .chp-date { /*Chapter publication date*/
	color: #555;
	font: 0.8125rem 'Roboto', sans-serif;
	line-height: 1.1875rem;
	background: linear-gradient(#EEE,#E6E6E6);
	border-top: 1px solid #DDD;
	border-radius: 0 0 3px 0;
	padding: 5px 7px;
}

#content .chp-list.chapter .info .chp-date::before {
	display: block;
	content: 'Publication Date';
	color: #090;
	font-size: 0.8125rem;
	font-weight: 600;
	margin: 0 0 3px;
}

#content .chp-list.chapter .info .title a,
#content .chp-list.chapter .info .title a:visited {
	color: #0077B3;
}

#content .chp-list.chapter .info .title a:hover {
	color: #444;
}

/*-----Tankōbon Chapter Listings-----
#content .manga .image {
	float: left;
	text-align: left;
	line-height: 0;
	width: 100px;
}

#content .manga .image img {
	background: #FFF;
	background-image: none;
	border: 1px solid #DDD;
	border-right: 0;
	border-radius: 3px 0 0 3px;
	box-shadow: none;
	margin: 0;
	padding: 0;
	width: 100px;
	height: 142px;
}

#content .manga .info {
	float: left;
	background: #F9F9F9;
	background-image: linear-gradient(to bottom, #EEE 10%, #F9F9F9);
	background-size: 100% 50px;
	background-repeat: no-repeat;
	border-left: 3px solid #FA0;
	border-radius: 0 3px 3px 3px;
	width: 600px;
}

#content .manga .info .title {
	color: #222;
	font: 1.0625rem 'Roboto', sans-serif;
	font-weight: 700;
	text-align: left;
	line-height: 1.25rem;
	padding: 7px 7px 0;
}

#content .manga .info .title span {
	color: #999;
	font-size: 8pt;
	font-weight: bold;
	text-transform: capitalize;
	padding-left: 10px;
}

#content .manga .info .chp-title {
	color: #222;
	font: 0.9375rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	margin: 7px;
}
	
#content .manga .info .chp-title em {
	font-family: 'Roboto', sans-serif;
}

#content .manga .info .chp-title span {
	display: block;
	color: #E60000;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	margin-top: 5px;
}

#content .manga .info .descript { color: #444; font-size: 9pt; margin-top: 5px; padding-top: 5px; border-top: 1px dotted #DDD; }

#content .manga .info .margin { margin-bottom: 8px; }

#content .manga .info .chp-date {
	color: #555;
	font: 0.8125rem 'Roboto', sans-serif;
	line-height: 1.1875rem;
	background: #EEE;
	border-top: 1px solid #DDD;
	border-radius: 0 0 3px 0;
	padding: 5px 7px;
}

#content .manga .info .title a,
#content .manga .info .title a:visited {
	color: #0077B3;
}

#content .manga .info .title a:hover {
	color: #444;
}
*/

/*-----Author Comments-----*/
#content .wj_toriyama { /*Original Akira Toriyama comments (WJ)*/
	background-image: url('/wp-content/themes/kanzenshuu3/images/pages/wj_toriyama.png'), linear-gradient(to bottom right,#EEE,#F9F9F9);
	background-position: 3px 0, 0 0;
	background-repeat: no-repeat;
	border-radius: 3px;
	box-shadow: 1px 1px 1px #CCC;
	margin: 20px;
	padding: 5px 10px 5px 65px;
	min-height: 50px;
}
#content .wj_toriyama2 { /*Recent Akira Toriyama comments*/
	background-image: url('/wp-content/themes/kanzenshuu3/images/pages/wj_toriyama2.png'), linear-gradient(to bottom right,#EEE,#F9F9F9);
	background-position: 3px 0, 0 0;
	background-repeat: no-repeat;
	border-radius: 3px;
	box-shadow: 1px 1px 1px #CCC;
	margin: 10px 20px;
	padding: 5px 10px 5px 65px;
	min-height: 50px;
}

#content .wj_eiichiro { /*Ei’ichirō Oda comments*/
	background-image: url('/wp-content/themes/kanzenshuu3/images/pages/wj_eiichiro.png'), linear-gradient(to bottom right,#EEE,#F9F9F9);
	background-position: 3px 0, 0 0;
	background-repeat: no-repeat;
	border-radius: 3px;
	box-shadow: 1px 1px 1px #CCC;
	margin: 10px 20px;
	padding: 5px 10px 5px 65px;
	min-height: 50px;
}

#content .fusionsauthor {
	background-image: url('/wp-content/themes/kanzenshuu3/images/pages/fusions_author_comment.png'), linear-gradient(to bottom right,#EEE,#F9F9F9);
	background-position: 3px 0, 0 0;
	background-repeat: no-repeat;
	border-radius: 3px;
	box-shadow: 1px 1px 1px #CCC;
	margin: 10px 20px;
	padding: 5px 10px 5px 65px;
	min-height: 50px;
}

#content .wj_toriyama div:first-of-type,
#content .wj_toriyama2 div:first-of-type,
#content .wj_eiichiro div:first-of-type,
#content .fusionsauthor div:first-of-type {
	font-family: 'Noto Sans JP', 'Noto Sans TC', sans-serif;
}

#content .wj_toriyama hr,
#content .wj_toriyama2 hr,
#content .wj_eiichiro hr,
#content .fusionsauthor hr {
	display: block;
	border: 1px solid #EEE;
	border-bottom: 1px dotted #999;
	margin: 7px 0;
	padding: 0;
	height: 0;
}

/*-----Jaco Chapter Titles-----*/
#content .jaco-circle {
	color: #FFF;
	font-size: 1.1875rem;
	text-align: center;
	background-color:#000;
	border-radius: 50%;
	margin: 0 auto 10px;
	padding: 0px;
	width: 80px;
	height: 80px;
}

#content .jaco-circle p {
	text-align: center;
	margin: 0;
	padding: 0;
}

#content .jaco-circle .chp {
	font-weight: 700;
	font-size: 2rem;
	line-height: 2rem;
	border-bottom: 3px solid #FFF;
	margin: 0 auto 3px;
	padding: 8px 0 0;
	width: 60%;
}

strong.jaco {
	display: block;
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: 3px;
}

/*-----Manga Chapter Listing-----*/
#content .manga-index { /*Release selection container*/
	overflow: hidden;
	margin: 0 0 10px;
	padding: 0;
	width: 100%;
}

#content .manga-index span.link { /*Check box link*/
	float: left;
	color: #222;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	line-height: normal;
	background: url('/guides/manga/btn_off.png') left center no-repeat;
	margin: 0 7px;
	padding-left: 23px;
	cursor: pointer;
}

#content .manga-index span.link:hover {
	color: #666;
}

#content .manga-index span.link.check { /*Checked box link*/
	color: #0077B3;
	background: url('/guides/manga/btn_check.png') left center no-repeat;
}

#content .manga-index span.link.check:hover {
	color: #0077B3;
	cursor: default;
}

#content #manga-list { /*Manga chapter listing*/
	border-bottom: 4px solid #CCC;
	border-radius: 3px;
	border-collapse: separate;
	margin: 0;
	padding: 0;
	width: 100%;
}

#content #manga-list tr td {
	vertical-align: top;
	border-bottom: 1px solid #CCC;
	margin: 0;
	padding: 3px 0;
}

#content #manga-list tr:first-of-type td:first-child {
	border-radius: 3px 0 0 0;
}

#content #manga-list tr:first-of-type td:last-child {
	border-radius: 0 3px 0 0;
}

#content #manga-list .title,
#content #manga-list .title.nmbr {
	color: #090;
	font: 0.9375rem 'Open Sans', sans-serif;
	font-weight: 600;
	vertical-align: middle;
	background: linear-gradient(#D3D3D3,#E3E3E3);
	border-bottom: 1px solid #CCC;
	margin: 0;
	padding: 3px 0;
}

#content #manga-list .odd .chp-title,
#content #manga-list .even .chp-title {
	font-family: 'Noto Sans JP', 'Noto Sans TC', sans-serif;
}

#content #manga-list .chp-title em {
	font-family: 'Roboto', Arial, Tahoma, Sans-serif;
}

#content #manga-list .chp-title span {
	color: #E60000;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
}

#content #manga-list .odd {
	margin: 0;
	padding: 0;
	background: #F2F2F2;
}

#content #manga-list .even {
	margin: 0;
	padding: 0;
	background: #F9F9F9;
}

#content #manga-list .link .nmbr { /*Linked listing item*/
	background-image: url(/wp-content/themes/kanzenshuu3/images/pages/link-bg.png);
    background-repeat: no-repeat;
    background-position: top -12px left -12px;
	transition: all 200ms ease;
}

#content #manga-list .link:hover .nmbr {
    background-position: top -10px left -10px;	
}

#content #manga-list .link .nmbr {
	color: #0077B3;
	cursor: default;
}

#content #manga-list .chp-title a.link {
	display: block;
	color: #000;
}

#content #manga-list .chp-title a.link {
	display: block;
	color: #000;
}

#content #manga-list .link:hover .chp-title a.link {
	color: #0077B3;
}

#content #manga-list .link:hover .chp-title a.link span {
	color: #069;
}

#content #manga-list .vol {
	text-align: center;
}

#content #manga-list .nmbr {
	color: #222;
	font: 600 0.875rem/1.5rem 'Open Sans', sans-serif;
	text-align: center;
	width: 45px;
}

#content #manga-list .cover {
	line-height: 1rem;
	background: #EEE;
	border-right: 1px solid #CCC;
	width: 135px;
}

#content #manga-list .cover.na {
	color: #090;
	font-size: 0.875rem;
	line-height: 0.875rem;
	padding: 5px 20px;
	vertical-align: middle;
}

#content #manga-list .cover small strong {
	font-weight: 600;
}

#content #manga-list .tan {
	text-align: center;
}

#content #manga-list .kan,
#content #manga-list .digital,
#content #manga-list .full-color,
#content #manga-list .digest {
	display: none;
	text-align: center;
}

#content #manga-list .date {
	text-align: center;
	width: 110px;
}

/*-----Toriyama Tankōbon Introductions-----*/
#content .episode-list.manga .image {
	float: left;
	text-align: left;
	line-height: 0;
	width: 130px;
}

#content .episode-list.manga .info.text-switch { /*Right column*/
	float: left;
	background: none;
	border-left: none;
	border-radius: none;
	margin: 5px 0 0;
	width: 570px;
}

#content .episode-list.manga .info.text-switch .margin {
	margin-bottom: 15px;
}

#content .text-switch .text-btn {
	float: left;
	width: 28px;
}

#content .text-switch .btn {
	color: #999;
	font: 0.875rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	font-weight: 600;
	text-align: center;
	background-color: #EEE; border: 1px solid #DDD;
	border-right: 0;
	border-radius: 5px 0 0 5px;
	box-shadow: inset -5px 0 7px -5px #CCC;
	margin-bottom: 4px;
	padding: 4px 2px;
	cursor: pointer;
}

#content .text-switch .text-btn .btn:hover {
	color: #222;
}

#content .text-switch .text-btn .btn-current {
	color: #090;
	font: 0.875rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	font-weight: 600;
	text-align: center;
	background-color: #DDD;
	border: 1px solid #DDD;
	border-right: 0;
	border-radius: 5px 0 0 5px;
	box-shadow: inset -5px 0 7px -5px #BBB;
	margin-bottom: 4px;
	padding: 4px 2px;
	cursor: default;
}

#content .text-switch .text-jpn {
	display: none;
	float: left;
	font: 0.9375rem/1.5rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	text-align: left;
	background: linear-gradient(to bottom right, #EEE, #FFF);
	border-left: 3px solid #090;
	border-radius: 0 3px 3px 3px;
	padding: 5px 10px;
	width: 542px;
}

#content .text-switch .text-eng {
	float: left;
	font: 0.9375rem/1.5rem 'Open Sans', sans-serif;
	text-align: left;
	background: linear-gradient(to bottom right, #EEE, #FFF);
	border-left: 3px solid #090;
	border-radius: 0 3px 3px 3px;
	padding: 5px 10px;
	width: 542px;
}

/*-----Chapter Title Page Image Select-----*/
#content .image-select { line-height: 1rem;
}

#content .image-select a {
	position: relative;
	display: inline-block;
}

#content .image-select a:hover::before {
	position: absolute;
	bottom: 15px;
	right: 15px;
	display: block;
	content: '';
	background: rgba(0,119,179,0.75) url('/wp-content/themes/kanzenshuu3/images/pages/expand.png') center center no-repeat;
	border: 1px solid #FFF;
	border-radius: 3px;
	padding: 2px;
	width: 24px;
	height: 24px;
}

#content .image-select span.image1,
#content .image-select span.image2,
#content .image-select span.image3,
#content .image-select span.image4 {
	display: none;
}

#content .image-select span.caption {
	display: inline-block;
	color: #069;
	font: 0.875rem 'Roboto', sans-serif;
	font-weight: 700;
	margin: 0 0 3px;
	cursor: default;
}

#content .image-select .selector1,
#content .image-select .selector2,
#content .image-select .selector3,
#content .image-select .selector4 {
	display: inline-block;
	background: #CCC;
	border: 1px #999 solid;
	border-radius: 20px;
	margin: 5px 8px 0;
	height: 15px;
	width: 15px;
	cursor: pointer;
}

#content .image-select .selector1:hover,
#content .image-select .selector2:hover,
#content .image-select .selector3:hover,
#content .image-select .selector4:hover {
	border-color: #005580; box-shadow: 0 0 3px 1px #999;
}

#content .image-select span.on {
	background: #0077B3;
	border-color: #005580;
	box-shadow: 0 0 3px 1px #999;
}

/*-----Chapter Page Breakdown-----*/
#content .gallery div.manga-pages .gallery-item div {
	color: #090;
	font-size: 0.9375rem;
	font-weight: 700;
	border-bottom: 1px solid #DDD;
	margin: 0 25px 3px;
	padding: 0 0 3px;
}

#content .gallery div.manga-pages .gallery-item p {
	color: #222;
	font-size: 0.875rem;
	font-weight: 700;
	text-align: center;
}

/*--------------------------------------------------------------
# Movie Guide
--------------------------------------------------------------*/
/*-----Main Movie Listing-----*/
#content .movie .image {
	float: left;
	text-align: left;
	width: 100px;
}

#content .movie .image img {
	background: none;
	border: 0;
	border-radius: 3px 0 0 3px;
	box-shadow: none;
	margin: 0;
	padding: 0;
}

#content .movie .info {
	float: left;
	background: #F9F9F9;
	background-image: linear-gradient(to bottom, #EEE 10%, #F9F9F9);
	background-size: 100% 50px;
	background-repeat: no-repeat;
	border-left: 3px solid #FA0;
	border-radius: 0 3px 3px 3px;
	width: 600px;
}

#content .movie .info .title {
	color: #222;
	font: 1.0625rem 'Roboto', sans-serif;
	font-weight: 700;
	text-align: left;
	line-height: 1.25rem;
	padding: 7px 7px 0;
}

#content .movie .info .title span {
	float: right;
	display: block;
	position: relative;
	top: -7px;
	right: -7px;
	color: #FFF;
	font: 0.75rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	font-weight: 400;
	line-height: 1rem;
	background: linear-gradient(#00A200,#00B300);
	border-radius: 0 3px 0 3px;
	padding: 3px 5px;
}

#content .movie .info .mov-title {
	color: #222;
	font: 0.9375rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	margin: 7px;
}

#content .movie .info .mov-title em {
	font-family: 'Roboto', sans-serif;
	font-style: italic;
}

#content .movie .info .mov-title span {
	display: block;
	color: #E60000;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	margin-top: 5px;
}

#content .movie .info .descript {
	color: #222;
	font-size: 0.875rem;
	line-height: 1.375rem;
	text-align: left;
	margin: 7px;
}

#content .movie .info .mov-credit {
	color: #555;
	font: 0.8125rem 'Roboto', sans-serif;
	line-height: 1.1875rem;
	background: linear-gradient(#EEE,#E6E6E6);
	border-top: 1px solid #DDD;
	border-radius: 0 0 3px 0;
	padding: 5px 7px;
}

#content .movie .info .mov-credit::before {
	display: block;
	content: 'Main Production Staff';
	color: #090;
	font-size: 0.8125rem;
	font-weight: 600;
	margin: 0 0 3px;
}

#content .movie .info .title a,
#content .movie .info .title a:visited {
	color: #0077B3;
}

#content .movie .info .title a:hover {
	color: #444;
}

/*-----Character Name Pun Note-----*/
#content .name-pun {
	color: #222;
	font: 0.9375rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	line-height: 0.9375rem;
	background: #EEE;
	border-left: 5px solid #5A5;
	border-radius: 3px;
	margin: 10px 5px;
	padding: 5px 8px;
}

#content .name-pun strong {
	display: inline-block;
	color: #5A5;
	font-size: 1.25rem !important;
	font-weight: 900;
	margin: 0 3px;
}

#content .name-pun em {
	font: 1rem 'Roboto', sans-serif;
	font-style: italic;
	letter-spacing: 1px;
}

#content .name-pun hr {
	display: block;
	border: 1px solid #EEE;
	border-bottom: 1px dotted #999;
	margin: 3px 0;
	padding: 0;
	height: 0;
}

/*-----Franchise Timeline-----*/
#content #short-timeline {
	margin: 0 0 20px;
}

#content #short-timeline .events {
	overflow: hidden;
	line-height: 1.25rem;
	background: #FFF;
	margin: 0;
	padding: 0; 
	width: 100%;
}

#content #short-timeline .events.top {
	margin: 0;
}

#content #short-timeline .events span {
	display: block;
	float: left;
	color: #0077B3;
	font-weight: 600;
	text-align: center;
	border-radius: 5px;
	width: 29%;
}

#content #short-timeline .events.top span {
	background-color: #F0F0F0;
	background-image: linear-gradient(to right, transparent 15%, #0077B3, transparent 85%),linear-gradient(to bottom, #DDD, transparent);
    background-size: 100% 1px,100% 100%;
    background-position: 0 100%;
    background-repeat: no-repeat;
	margin: 0 1% 0;
	padding: 7px 0;
}

#content #short-timeline .events.top span:nth-child(2) {
	color: #090;
	background-image: linear-gradient(to right, transparent 15%, #090, transparent 85%),linear-gradient(to bottom, #DDD, transparent);
	width: 36%;
	cursor: default;
}

#content #short-timeline .events.bottom span {
	background-color: #F0F0F0;
	background-image: linear-gradient(to right, transparent 15%, #0077B3, transparent 85%),linear-gradient(to top, #DDD, transparent);
    background-size: 100% 1px,100% 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
	margin: 0 1% 0;
	padding: 7px 0;
}

#content #short-timeline .arrow-down,
#content #short-timeline .arrow-up {
	height: 7px;
}

#content #short-timeline .arrow-down div {
	float: left;
	width: 31%;
}

#content #short-timeline .arrow-down div:nth-child(2) {
	width: 38%;
}

#content #short-timeline .arrow-down div:nth-child(2) span {
	border-top: 7px solid #090;
}

#content #short-timeline .arrow-down div span {
	display: block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #0077B3;
	margin: 0 auto;
	width: 7px;
	height: 7px;
}

#content #short-timeline .arrow-up div {
	float: left;
	width: 33%;
}

#content #short-timeline .arrow-up div:first-of-type {
	margin-left: 17%;
}

#content #short-timeline .arrow-up div span {
	display: block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #0077B3;
	margin: 0 auto;
	width: 7px;
	height: 7px;
}

#content #short-timeline .events.bottom span:first-of-type {
	margin-left: 17%;
	width: 31%;
}

#content #short-timeline .events.bottom span:last-of-type {
	width: 31%;
}

#content #short-timeline .events span strong {
	color: #666;
	font-size: 0.8125rem;
	margin: 0;
	padding: 0;
}

#content #short-timeline .line {
	overflow: hidden;
	background: #FFF url('/wp-content/themes/kanzenshuu3/images/pages/timeline-short_bg.png') center center no-repeat;
	width: 100%;
	padding: 0;
	margin: 15px 0;
}

#content #short-timeline .line div {
	float: left;
}

#content #short-timeline .line span  {
	display: block;
	background-color: #0077B3;
	border-radius: 50%;
	margin: 2px auto 0;
	padding: 0;
	height: 10px;
	width: 10px;
}

#content #short-timeline .line div:nth-child(1),
#content #short-timeline .line div:nth-child(5) {
	width: 31%;
}

#content #short-timeline .line div:nth-child(2),
#content #short-timeline .line div:nth-child(4) {
	width: 5%;
}

#content #short-timeline .line div:nth-child(3) {
	width: 28%;
}

#content #short-timeline .line div:nth-child(3) span {
	background-color: #090;
	margin-top: 0;
	padding: 0;
	height: 14px;
	width: 14px;
}

/*-----Terebikko Feature-----*/
#content .terebikko {
	overflow: hidden;
	color: #E60000;
	background: #EEE;
	border: 1px solid #DDD;
	border-radius: 3px;
	margin: 0px auto 20px;
	padding: 3px;
	width: 460px;
}

#content .terebikko .image {
	float: left;
	overflow: hidden;
	text-align: center;
	padding-top: 7px;
	width: 50%;
}

#content .terebikko .answer {
	float: right;
	text-align: left;
	width: 50%;
}

#content .terebikko .answer span {
	display: block;
	border-bottom: 1px solid #DDD;
	margin: 0;
	padding: 8px 0;
}

#content .terebikko .answer span strong {
	font-weight: 900;
}

#content .terebikko .answer span:last-of-type {
	border-bottom: none;
}

/*--------------------------------------------------------------
# Rumor Guide
--------------------------------------------------------------*/
#content.rumor h1.rumor {
	color: #090;
    font: 1.375rem 'Roboto', sans-serif;
    font-weight: 700;
    text-align: center;
	text-transform: none;
    line-height: normal;
	background-image: none;
    border: 0;
	margin: 0 auto 20px;
    padding: 0;
}

#content.rumor h1.rumor::before {
	content: 'RUMOR: \201C';
	color: #111;
}

#content.rumor h1.rumor::after {
	content: '\201D';
	color: #111;
}

#content.rumor .status {
	margin: 0 auto 20px;
}

#content.rumor .status .title {
	color: #0077B3;
    font-size: 1.125rem;
    font-weight: 700;
	line-height: 1.5rem;
	text-align: center;
	letter-spacing: 1px;
	background-image: linear-gradient(to right, #FFF, #E0E0E0 50%, #FFF);
	background-size: 100% 1px;
	background-position: 0 100%;
	background-repeat: no-repeat;
	margin: 0 0 3px;
	padding: 0 0 3px;
}

#content.rumor .status .item {
	color: #222;
    font-size: 0.9375rem;
    font-weight: 700;
	font-style: italic;
    text-align: center;
}

#content.rumor .status .item strong {
    font-weight: 700;
	text-transform: uppercase;
}

#content.rumor .status .item.true strong {
	color: #090;
}

#content.rumor .status .item.false strong {
	color: #E60000;
}

#content.rumor .status .item.false strong.true {
	color: #090;
}

#content.rumor .status .item.maybe strong {
	color: #F90;
}

/*--------------------------------------------------------------
# Theme Guide
--------------------------------------------------------------*/
/*-----Main Theme Listing-----*/
#content .theme-list {
	overflow: hidden;
	margin: 20px 0;
	padding: 0 0 10px;
	width: 100%;
}

#content .theme-list .info {
	text-align: left;
	line-height: 14pt;
	margin: 0;
	padding: 0;
}

#content .theme-list .info p {
	margin: 0;
	padding: 0;
}

#content .theme .image {
	float: left;
	text-align: left;
	width: 133px;
}

#content .theme .image img {
	background: none;
	border: 0;
	border-radius: 3px 0 0 3px;
	box-shadow: none;
	margin: 0;
	padding: 0;
}

#content .theme .info {
	float: left;
	background: #F9F9F9;
	background-image: linear-gradient(to bottom, #EEE 10%, #F9F9F9);
	background-size: 100% 50px;
	background-repeat: no-repeat;
	border-left: 3px solid #FA0;
	border-radius: 0 3px 3px 3px;
	width: 567px;
}

#content .theme .info .title {
	color: #222;
	font: 1.0625rem 'Roboto', sans-serif;
	font-weight: 700;
	text-align: left;
	line-height: 1.25rem;
	padding: 7px 7px 0;
}

#content .theme .info .title span {
	float: right;
	display: block;
	position: relative;
	top: -7px;
	right: -7px;
	color: #FFF;
	font: 0.75rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	font-weight: 400;
	line-height: 1rem;
	background: linear-gradient(#00A200,#00B300);
	border-radius: 0 3px 0 3px;
	padding: 3px 5px;
}

#content .theme .info .theme-title {
	color: #222;
	font: 0.9375rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	margin: 7px;
}

#content .theme .info .theme-title em {
	font-family: 'Roboto', sans-serif;
	font-style: italic;
}

#content .theme .info .theme-title span {
	display: block;
	color: #E60000;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	margin-top: 5px;
}

#content .theme .info .descript {
	color: #222;
	font-size: 0.875rem;
	line-height: 1.375rem;
	text-align: left;
	margin: 7px;
}

#content .theme .info .theme-credit {
	color: #555;
	font: 0.8125rem 'Roboto', sans-serif;
	line-height: 1.1875rem;
	background: linear-gradient(#EEE,#E6E6E6);
	border-top: 1px solid #DDD;
	border-radius: 0 0 3px 0;
	padding: 5px 7px;
}

#content .theme .info .title a,
#content .theme .info .title a:visited {
	color: #0077B3;
}

#content .theme .info .title a:hover {
	color: #444;
}

/*--------------------------------------------------------------
# Timeline Guide
--------------------------------------------------------------*/

#timeline {
	overflow: hidden;
	margin: 0 auto;
}

/*-----Visual Graph-----*/

#timeline .display {
	overflow: hidden;
}

#timeline .display .info {
	position: relative;
	float: left;
	line-height: normal;
	background: #CCC;
	border-radius: 5px 0 0 5px;
	margin: 0;
	padding: 0;
	height: 2432px;
	width: 334px;
}

#timeline .display .info .note {
	position: relative;
	font-size: 0.75rem;
	background: linear-gradient(to bottom left,#EEE,#E6E6E6);
	border-radius: 3px;
	margin: 3px;
	padding: 3px 10px 3px 5px;
	width: 325px;
}

#timeline .display .info .note::before {
	display: block;
	position: absolute;
	content: '';
	background-image: linear-gradient(to right,#C00,#E60000);
	border-radius: 14px;
	height: 14px;
	width: 14px;
	top: 5px;
	right: -9px;	
}

#timeline .display .info .note.nt-db::before {
	top: 2px;
}

#timeline .display .info .note.nt-1 {
	position: absolute;
	top: 136px;
}

#timeline .display .info .note.nt-2 {
	position: absolute;
	top: 381px;
}

#timeline .display .info .note.nt-dbz {
	position: absolute;
	top: 827px;
}

#timeline .display .info .note.nt-3 {
	position: absolute;
	top: 1381px;
}

#timeline .display .info .note.nt-4 {
	position: absolute;
	top: 1446px;
}

#timeline .display .info .note.nt-manga {
	position: absolute;
	top: 2403px;
}

#timeline .display .info .note.nt-manga::before {
	top: 7px;
}

#timeline .display .y-axis {
	overflow: hidden;
	float: left;
	line-height: normal;
	background: #EEE;
	height: 2432px;
	width: 40px;
}

#timeline .display .y-axis .years {
	overflow: hidden;
	float: right;
	color: #FFF;
	font-size: 0.9rem;
	font-weight: 600;
	line-height: normal;
	text-align: center;
	height: 2432px;
	width: 20px;
}

#timeline .display .y-axis .year {
	background: linear-gradient(to bottom, #F90, #F80);
	height: 260px;
	border-bottom: 1px solid #DDD;
}

#timeline .display .y-axis .year span {
	display: block;
	line-height: 272px;
	transform: rotate(-90deg);
}

#timeline .display .y-axis .year:first-of-type {
	height: 234px;
}

#timeline .display .y-axis .year:first-of-type span {
	line-height: 245px;
}

#timeline .display .y-axis .year.extra {
	height: 265px;
}

#timeline .display .y-axis .year.extra span {
	line-height: 277px;
}

#timeline .display .y-axis .year:last-of-type {
	height: 113px;
	border-bottom: none;
}

#timeline .display .y-axis .year:last-of-type span {
	line-height: 125px;
}

#timeline .display .y-axis .months {
	overflow: hidden;
	float: right;
	color: #FFF;
	font-size: 0.5rem;
	font-weight: 400;
	line-height: normal;
	text-align: center;
	height: 2432px;
	width: 20px;
}

#timeline .display .y-axis .month {
	background: linear-gradient(to bottom, #666, #555);
	border-bottom: 1px solid #DDD;
}

#timeline .display .y-axis .month:last-of-type {
	border-bottom: none;
}

#timeline .display .y-axis .month span {
	display: block;
	transform: rotate(-90deg);
}

#timeline .display .y-axis .week-1 { height: 14px; }
#timeline .display .y-axis .week-1 span { line-height: 14px; }

#timeline .display .y-axis .week-3 { height: 23px; }
#timeline .display .y-axis .week-3 span { line-height: 23px; }

#timeline .display .y-axis .week-4 { height: 20px; }
#timeline .display .y-axis .week-4 span { line-height: 20px; }

#timeline .display .y-axis .week-5 { height: 25px; }
#timeline .display .y-axis .week-5 span { line-height: 24px; }

#timeline .x-axis {
	overflow: hidden;
}

#timeline .x-axis .info-title {
	float: left;
	color: #333;
	font-size: 0.9rem;
	font-weight: 800;
	line-height: normal;
	text-align: center;
	margin: 0;
	width: 334px;
}

#timeline .x-axis .title {
	float: right;
	clear: right;
	color: #333;
	font-size: 0.9rem;
	font-weight: 800;
	line-height: normal;
	text-align: center;
	margin: 0;
	width: 325px;
}

#timeline .x-axis .title {
	padding: 0 0 3px;
}

#timeline .x-axis .labels {
	overflow: hidden;
	float: right;
	clear: both;
	margin: 0;
	padding: 0;
	width: 325px;
}

#timeline .x-axis .labels span {
	float: left;
	display: block;
	color: #090;
	font-size: 0.7rem;
	font-weight: 600;
	line-height: normal;
	text-align: center;
	margin: 0;
	padding: 0;
	width: 7.7%;
}

#timeline .x-axis .labels span:first-of-type {
	width: 3.8%;
}


#timeline .x-axis .ticks {
	float: right;
	clear: both;
	background: linear-gradient(90deg, transparent 24px, #CCC 24px, #CCC 25px, transparent 25px, transparent 49px, #CCC 49px, #CCC 50px, transparent 50px, transparent 74px, #CCC 74px, #CCC 75px, transparent 75px, transparent 99px, #CCC 99px, #CCC 100px, transparent 100px, transparent 124px, #CCC 124px, #CCC 125px, transparent 125px, transparent 149px, #CCC 149px, #CCC 150px, transparent 150px, transparent 174px, #CCC 174px, #CCC 175px, transparent 175px, transparent 199px, #CCC 199px, #CCC 200px, transparent 200px, transparent 224px, #CCC 224px, #CCC 225px, transparent 225px, transparent 249px, #CCC 249px, #CCC 250px, transparent 250px, transparent 274px, #CCC 274px, #CCC 275px, transparent 275px, transparent 299px, #CCC 299px, #CCC 300px, transparent 300px, transparent 324px, #CCC 324px, #CCC 325px, transparent 325px) center/100% auto no-repeat;
	height: 5px;
	width: 325px;
}

#timeline .display .graph-box {
	float: right;
	border: 1px solid #999;
	border-right: none;
	width: 326px;
}

#timeline .display .graph {
	background: linear-gradient(90deg, transparent 24px, #CCC 24px, #CCC 25px, transparent 25px, transparent 49px, #CCC 49px, #CCC 50px, transparent 50px, transparent 74px, #CCC 74px, #CCC 75px, transparent 75px, transparent 99px, #CCC 99px, #CCC 100px, transparent 100px, transparent 124px, #CCC 124px, #CCC 125px, transparent 125px, transparent 149px, #CCC 149px, #CCC 150px, transparent 150px, transparent 174px, #CCC 174px, #CCC 175px, transparent 175px, transparent 199px, #CCC 199px, #CCC 200px, transparent 200px, transparent 224px, #CCC 224px, #CCC 225px, transparent 225px, transparent 249px, #CCC 249px, #CCC 250px, transparent 250px, transparent 274px, #CCC 274px, #CCC 275px, transparent 275px, transparent 299px, #CCC 299px, #CCC 300px, transparent 300px, transparent 324px, #CCC 324px, #CCC 325px, transparent 325px) center/100% auto no-repeat,linear-gradient(to right, #FEFEFE, #EEE);
	padding: 8px 0;
}

#timeline .display .graph span.diff {
	display: block;
	background: linear-gradient(to right, #00B300, #090);
	border-radius: 0 1px 1px 0;
	margin: 0;
	padding: 0;
	height: 4px;
}

#timeline .display .graph .bar {
	position: relative;
	margin: 0;
	padding: 0 0 1px;
}

#timeline .display .graph .bar:hover {
	background-image: linear-gradient(to right, rgba(153,153,153,0.4), rgba(153,153,153,0.4));
	background-repeat: no-repeat;
	background-size: 100% 4px;
}

#timeline .display .graph .bar:last-of-type {
	padding: 0;
}

#timeline .display .graph .bar .count {
	display: none;
	position: absolute;
	top: -8px;
	left: 9px;
	color: #FFF;
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 20px;
	text-align: center;
	background: linear-gradient(#333,#555);
	border-radius: 20px;
	height: 20px;
	width: 30px;
	cursor: default;
	z-index: 1;
}

#timeline .display .graph .bar:hover .count {
	display: block;
}

#timeline .display .graph span.diff-62 { width: 95.4%; }
#timeline .display .graph span.diff-61 { width: 93.8%; }
#timeline .display .graph span.diff-60 { width: 92.3%; }
#timeline .display .graph span.diff-59 { width: 90.8%; }
#timeline .display .graph span.diff-58 { width: 89.2%; }
#timeline .display .graph span.diff-57 { width: 87.7%; }
#timeline .display .graph span.diff-56 { width: 86.2%; }
#timeline .display .graph span.diff-55 { width: 84.6%; }
#timeline .display .graph span.diff-54 { width: 83.1%; }
#timeline .display .graph span.diff-53 { width: 81.5%; }
#timeline .display .graph span.diff-52 { width: 80.0%; }
#timeline .display .graph span.diff-51 { width: 78.5%; }
#timeline .display .graph span.diff-50 { width: 76.9%; }
#timeline .display .graph span.diff-49 { width: 75.4%; }
#timeline .display .graph span.diff-48 { width: 73.8%; }
#timeline .display .graph span.diff-47 { width: 72.3%; }
#timeline .display .graph span.diff-46 { width: 70.8%; }
#timeline .display .graph span.diff-45 { width: 69.2%; }
#timeline .display .graph span.diff-44 { width: 67.7%; }
#timeline .display .graph span.diff-43 { width: 66.2%; }
#timeline .display .graph span.diff-42 { width: 64.6%; }
#timeline .display .graph span.diff-41 { width: 63.1%; }
#timeline .display .graph span.diff-40 { width: 61.5%; }
#timeline .display .graph span.diff-39 { width: 60.0%; }
#timeline .display .graph span.diff-38 { width: 58.5%; }
#timeline .display .graph span.diff-37 { width: 56.9%; }
#timeline .display .graph span.diff-36 { width: 55.4%; }
#timeline .display .graph span.diff-35 { width: 53.8%; }
#timeline .display .graph span.diff-34 { width: 52.3%; }
#timeline .display .graph span.diff-33 { width: 50.8%; }
#timeline .display .graph span.diff-32 { width: 49.2%; }
#timeline .display .graph span.diff-31 { width: 47.7%; }
#timeline .display .graph span.diff-30 { width: 46.2%; }
#timeline .display .graph span.diff-29 { width: 44.6%; }
#timeline .display .graph span.diff-28 { width: 43.1%; }
#timeline .display .graph span.diff-27 { width: 41.5%; }
#timeline .display .graph span.diff-26 { width: 40.0%; }
#timeline .display .graph span.diff-25 { width: 38.5%; }
#timeline .display .graph span.diff-24 { width: 36.9%; }
#timeline .display .graph span.diff-23 { width: 35.4%; }
#timeline .display .graph span.diff-22 { width: 33.8%; }
#timeline .display .graph span.diff-21 { width: 32.3%; }
#timeline .display .graph span.diff-20 { width: 30.8%; }
#timeline .display .graph span.diff-19 { width: 29.2%; }
#timeline .display .graph span.diff-18 { width: 27.7%; }
#timeline .display .graph span.diff-17 { width: 26.2%; }
#timeline .display .graph span.diff-16 { width: 24.6%; }
#timeline .display .graph span.diff-15 { width: 23.1%; }
#timeline .display .graph span.diff-14 { width: 21.5%; }
#timeline .display .graph span.diff-13 { width: 20.0%; }
#timeline .display .graph span.diff-12 { width: 18.5%; }
#timeline .display .graph span.diff-11 { width: 16.9%; }
#timeline .display .graph span.diff-10 { width: 15.4%; }

/*-----Main Timeline Listing-----*/

#timeline .timeline {
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
	width: 100%;
}

#timeline .timeline.key {
	margin: 0;
}

#timeline .timeline .year {
	color: #FFF;
	font: 900 1.125rem 'Noto Sans', 'Noto Sans JP', sans-serif;
	text-align: center;
	line-height: normal;
	margin: 0;
}

#timeline .timeline .year .age {
	display: inline-block;
	letter-spacing: 1px;
	background: linear-gradient(to right,#C00,#E60000,#C00);
	border-radius: 3px;
	padding: 7px 25px;
	text-transform: uppercase;
}

#timeline .events {
	overflow: hidden;
	color: #222;
	font: 400 0.9375rem 'Noto Sans', 'Noto Sans JP', sans-serif;
	list-style: none;
	background: linear-gradient(90deg, #FFF 49%, #DDD 49%, #DDD 51%, #FFF 51%) center/400px auto no-repeat;
	margin: 0;
	padding: 0;
	width: 100%;
}

#timeline .event {
	position: relative;
	line-height: normal;
	background: linear-gradient(to bottom,#FFF,#EEE 90%);
	box-shadow: inset 0px 15px 40px -40px rgba(0,0,0,0.75);
	border-radius: 3px;
	margin: 25px 0;
	padding: 10px;
}

#timeline .event.last {
	margin: 20px 0 0;
}

#timeline .event::before {
	display: block;
	position: absolute;
	content: '';
	background-image: linear-gradient(#C00,#E60000);
	border-radius: 14px;
	height: 14px;
	width: 14px;
	top: -6px;
	left: 343px;
}

#timeline .event .date {
	color: #333;
	font-weight: 600;
	text-align: center;
	border-bottom: 1px dotted #DDD;
	margin: 5px 0 7px;
	padding-bottom: 7px;
}

#timeline.pacing .event .compare {
	overflow: hidden;
}

#timeline.pacing .compare .comp {
	float: left;
	font-weight: 700;
	border: 5px solid #0077B3;
	padding-left: 5px;
	min-height: 50px;
	width: 295px;
}

#timeline.pacing .compare .manga {
	text-align: left;
	background: url('/wp-content/themes/kanzenshuu3/images/sidebar/logo_manga.png') no-repeat 92% 50%,linear-gradient(to bottom right,#EEE,#FFF);
	border-radius: 10px 50px 50px 10px;
	padding-left: 5px;
}

#timeline.pacing .compare .anime {
	border-radius: 50px 10px 10px 50px;
	text-align: right;
	padding-right: 5px;
}

#timeline.pacing .compare .anime.db {
	background: url('/wp-content/themes/kanzenshuu3/images/sidebar/logo_db.png') no-repeat -10% 50%,linear-gradient(to bottom left,#EEE,#FFF);
}

#timeline.pacing .compare .anime.dbz {
	background: url('/wp-content/themes/kanzenshuu3/images/sidebar/logo_dbz.png') no-repeat -10% 50%,linear-gradient(to bottom left,#EEE,#FFF);
}

#timeline.pacing .event.filler .compare .anime {
	border-color: #F90;
}

#timeline.pacing .event.no-eps .compare .anime,
#timeline.pacing .event.no-chp .compare .manga {
	border-color: #999;
	filter: grayscale(100%);
}

#timeline.pacing .compare .manga strong {
	font-size: 0.8rem;
	font-weight: 400;
}

#timeline.pacing .compare .manga strong::before {
	content: 'Weekly Jump ';
}

#timeline.pacing .event.no-eps .compare .anime strong::before,
#timeline.pacing .event.no-chp .compare .manga strong::before {
	content: '';
}

#timeline.pacing .compare .anime strong {
	font-size: 0.8rem;
	font-weight: 400;
}

#timeline.pacing .compare .anime strong::before {
	content: 'Chapter(s): ';
}

#timeline.pacing .compare .counter {
	float: left;
	background: linear-gradient(to bottom,#DDD,#FFF);
	border: 5px solid #090;
	border-radius: 50px;
	margin: 0 20px;
	padding: 5px;
	width: 50px;
	height: 50px;
	cursor: default;
}

#timeline.pacing .compare .counter .count {
	display: block;
	color: #090;
	font-weight: 700;
	font-size: 1.25rem;
	text-align: center;
	line-height: 29px;
}

#timeline.pacing .arcs {
	overflow: hidden;
	width: 100%;
}

#timeline.pacing .arcs .arc {
	color: #FFF;
	font-size: 0.8rem;
	font-weight: 600;
	background: linear-gradient(to bottom,#069,#0077B3);
	border-radius: 0px 0px 50px 10px;
	padding: 2px 5px;
	width: 260px;
}

#timeline.pacing .arcs .manga {
	float: left;
	border-radius: 0px 0px 50px 10px;
	margin-left: 5px;
}

#timeline.pacing .arcs .anime {
	float: right;
	text-align: right;
	border-radius: 0px 0px 10px 50px;
	margin-right: 5px;
}

#timeline.pacing .arcs .arrow {
	float: left;
	border: solid;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
}

#timeline.pacing .arcs .arrow.none {
	border-color: #666;
	border-width: 0 0 3px 0;
	margin: 5px 0 0 70px;
	width: 8px;
}

#timeline.pacing .arcs .arrow.up {
	border-color: #090;
	margin: 10px 0 0 70px;
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}

#timeline.pacing .arcs .arrow.down {
	border-color: #C00;
	margin: 5px 0 0 70px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

#timeline.pacing .event.filler .arcs .anime {
	background: linear-gradient(to bottom,#F70,#F90);
}

#timeline.pacing .event.no-eps .arcs .anime,
#timeline.pacing .event.no-chp .arcs .manga {
	background: linear-gradient(to bottom,#666,#999);
}

#timeline .event .note::before {
	display: inline;
	content: 'Note: ';
	color: #090;
	font-weight: 600;
	padding-right: 5px;
}

#timeline .event .note {
	color: #444;
	font-size: 0.8rem;
	margin-top: 10px;
	padding-left: 42px;
	text-indent: -43px;
}

/*--------------------------------------------------------------
# INTERACTION SPECIFIC SECTION STYLES
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Forum Rules
--------------------------------------------------------------*/
#content .forum-rule {
	text-align: left;
	background: linear-gradient(to bottom right,#EEE,#FFF);
	border-radius: 3px;
	margin: 0 20px 20px;
	padding: 5px 7px;
}

#content .forum-rule::before {
	position: relative;
	float: right;
	display: block;
	top: -5px;
	right: -7px;
	content: '';
	border-top: 15px solid #090;
	border-left: 15px solid transparent;
	height: 0;
	width: 0;
}

#content .forum-rule strong {
	display: block;
	font-size: 1.25rem;
	margin-bottom: 5px;
}

#content .forum-rule.no::before {
	border-top: 15px solid #E60000;
}

#content .forum-rule.yes strong {
	color: #090;
}

#content .forum-rule.no strong {
	color: #E60000;
}

#content .forum-rule.yes strong em {
	border-bottom: 1px solid #090;
}

#content .forum-rule.no strong em {
	border-bottom: 1px solid #E60000;
}

#content .forum-button {
	text-align: center;
	margin: 0;
	padding: 0;
}

#content .forum-button a {
	display: inline-block;
	color: #F9F9F9;
	font-size: 1.125rem;
	font-weight: 700;
	background: #0077B3;
	border: 2px solid #0077B3;
	border-radius: 4px;
	margin: 20px auto 0;
	padding: 4px 20px;
	transition: all 200ms ease;
}

#content .forum-button a:hover {
	color: #0077B3;
	background: #F9F9F9;
	box-shadow: 0 0 5px 1px #888;
	padding: 4px 28px;
}

/*--------------------------------------------------------------
# MEDIA SPECIFIC SECTION STYLES
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Lyrics
--------------------------------------------------------------*/
/*-----Main Lyrics Listing-----*/
#content .lyrics-list ul.list { /*Lyric listing container*/
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
	width: 100%;
}

#content .lyrics-list li.item { /*Individual lyric listing item*/
	overflow: hidden;
	background: linear-gradient(#EEE,#F9F9F9);
	border-radius: 5px;
	margin-bottom: 10px;
	padding: 4px 0;
	transition: all 200ms ease;
}

#content .lyrics-list li.item:hover {
	background: linear-gradient(#EEE,#EEE);
}

#content .lyrics-list li.item:last-of-type {
	margin-bottom: 0;
}

#content .lyrics-list li.item a {
	display: block;
}

#content .lyrics-list li.item p {
	margin: 0;
	padding: 0;
	height: 0;
}

#content .lyrics-list .cover { /*Left column for cover image*/
	float: left;
	text-align: center;
	width: 95px;
}

#content .lyrics-list .info {
	float: right;
	padding: 5px 0;
	width: 602px;
}

#content .lyrics-list .info .title {
	color: #333;
	font: 0.875rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	text-align: left;
	border-bottom: 1px dotted #CCC;
	margin-bottom: 6px;
	padding-bottom: 3px;
}

#content .lyrics-list .item:hover .info .title {
	color: #0077B3;
}

#content .lyrics-list .info .title em {
	font-family: 'Roboto', sans-serif;
}

#content .lyrics-list .info .title span {
	display: block;
	color: #E60000;
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	margin-top: 5px;
}

#content .lyrics-list .data { /*Lyric credit data*/
	padding-bottom: 8px;
}

#content .lyrics-list .data span { /*General data element container*/
	display: inline-block;
	color: #333;
	font-size: 0.6875rem;
	font-weight: 700;
	line-height: 16px;
	margin-right: 5px;
	padding: 3px 7px;
}

#content .lyrics-list .data span.lyrics { /*Lyrics credit*/
	color: #FFF;
	text-align: center;
	background: linear-gradient(#F70,#F90);
	border-radius: 3px;
}

#content .lyrics-list .data span.vocals { /*Vocals credit*/
	color: #FFF;
	text-align: center;
	background: linear-gradient(#069, #0080aa);
	border-radius: 3px;
}

#content .lyrics-list .data span.lyrics::before {
	content: 'Lyrics: ';
}

#content .lyrics-list .data span.vocals::before {
	content: 'Vocals: ';
}

#content .lyrics-list .indent {
	color: #090;
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1rem;
	padding-left: 18px;
}

#content .lyrics-list .usage { /*Song Usage*/
	text-align: left;
	background: url('/generalinfo/translations/icons/video.png') top left no-repeat;
	margin: 5px 5px 0 0;
	min-height: 15px;
}

#content .lyrics-list .series { /*Associates Series*/
	text-align: left;
	background: url('/generalinfo/translations/icons/topic.png') top left no-repeat;
	margin: 2px 5px 0 0;
	min-height: 15px;
}





#content .lyric-list {
	width: 100%;
	margin: 0;
	padding: 0;
}

#content .lyric-list ul.list {
	overflow: hidden;
	list-style: none;
	border-bottom: 1px solid #DDD;
	margin: 0;
	padding: 0;
	width: 100%;
}

#content .lyric-list ul.list.title {
	background: linear-gradient(#D3D3D3,#E3E3E3);
	border-bottom: 0;
	border-radius: 3px 3px 0 0;
	margin: 0;
	padding: 9px 0;
	cursor: default;
}

#content .lyric-list ul.list.title li.song-title {
	padding: 0 10px;
	width: 440px;
}

#content .lyric-list ul.list.title li.link,
#content .lyric-list ul.list.title li.song-title,
#content .lyric-list ul.list.title li.usage {
	color: #090;
	font: 0.9375rem 'Open Sans', sans-serif;
	font-weight: 600;
	line-height: 1rem;
}

#content .lyric-list ul:nth-child(odd) {
	background-color: #F9F9F9;
	margin: 0;
	padding: 4px 0;
}

#content .lyric-list ul:nth-child(even) {
	background-color: #F2F2F2;
	margin: 0;
	padding: 4px 0;
}

#content .lyric-list ul.list li {
	float: left;
	margin: 0;
	padding: 0;
}

#content .lyric-list ul.list li.link {
	text-align: center;
	width: 40px;
}

#content .lyric-list ul.list li.song-title {
	font: 0.875rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	text-align: left;
	padding-right: 10px;
	width: 400px;
}

#content .lyric-list ul.list li.song-title em {
	font-family: 'Roboto', sans-serif;
}

#content .lyric-list ul.list li.song-title span {
	display: block;
	color: #E60000;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	margin-top: 5px;
}

#content .lyric-list ul.list li.usage {
	font-size: 0.8125rem;
	text-align: left;
	line-height: 1.25rem;
	padding-right: 5px;
	width: 260px;
}

#content .lyric-list ul.list:last-of-type {
	border-bottom: 5px solid #DDD;
	border-radius: 0 0 3px 3px;
	margin: 0 0 20px;
}

/*-----Single Lyrics Page-----*/
#lyric-content {
	font-size: 0.9375rem;
	background: #FFF;
	border-radius: 3px;
	margin: 0 auto;
	padding: 30px 40px;
	min-height: 800px;
	min-width: 1200px;
}

#lyric-content.set-width {
	width: 1200px;
	margin: 0 auto;
	transition: width 500ms ease;
}

#lyric-content.set-width.wide {
	width: 94%;
}

#lyric-content #expand {
	float: right;
	position: relative;
	right: -10px;
	color: #FFF;
	font-weight: 700;
	text-transform: uppercase;
	background-color: #0077B3;
	border-radius: 50px;
	padding: 3px 15px;
	transition: all 200ms ease
}

#lyric-content #expand:hover {
	background-color: #006699;
	padding: 3px 30px;
	cursor: pointer;
}

#lyric-content.wide #expand .expand,
#lyric-content #expand .retract{
	display: none;
}

#lyric-content #expand .expand,
#lyric-content.wide #expand .retract {
	display: inline;
}

#lyric-content div.header {
	color: #222;
	font: 900 2rem/2rem 'Noto Sans JP', 'Noto Sans TC', sans-serif;
	font-style: italic;
	text-align: center;
	letter-spacing: 3px;
	background-image: linear-gradient(to right, #FFF, #090 50%, #FFF);
	background-size: 100% 4px;
	background-position: 0 100%;
	background-repeat: no-repeat;
	margin: 0 auto 10px;
	padding: 0;
	width: 700px;
	cursor: default;
}

#lyric {
	margin-top: 40px;
}

#lyric div {
	overflow: hidden;
	text-align: left;
	border-radius: 3px;
	margin: 0;
	padding: 0;
	transition: all 100ms ease;
}

#lyric.single div {
	overflow: hidden;
	text-align: left;
	border-radius: 3px;
	width: 800px;
	margin: 0 auto;
	padding: 0;
	transition: all 100ms ease;
}

#lyric div:hover {
	background: #EEE;
	cursor: default;
}

#lyric dt {
	clear: both;
}

#lyric dd {
	float: left;
	width: 33.333%;
	margin: 0;
	padding: 3px 10px;
}

#lyric.single dd {
	width: 800px;
	margin: 0;
	padding: 3px 10px;
}

#lyric div dd:first-child {
	font-family:'Noto Sans JP', 'Noto Sans TC', sans-serif;
}

#lyric div.sub-header dd:first-child,
#lyric div.note dd:first-child {
	font-family: inherit;
}

#lyric div dd:first-child sup {
	font-family: 'Roboto', sans-serif;
}

#lyric dd sup {
	position: relative;
	bottom: 5px;
	color: #FFF;
	font: 0.75rem 'Roboto', sans-serif;
	font-weight: 700;
	background-color: rgba(230,0,0,0.5);
	border-radius: 3px;
	margin: 0 3px;
	padding: 0 3px;
	height: 0;
	vertical-align: baseline;
	cursor: default;
}

#lyric div:hover sup {
	background: rgba(230,0,0,1);
}

#lyric div.note sup {
	background: rgba(230,0,0,1);
	bottom: 1px;
	margin-left: 0;
}

#lyric div.space {
	border-bottom: #EEE dotted 1px;
	margin: 25px 0;
	width: 100%;
	height: 0;
}

#lyric.single div.space {
	border-bottom: #EEE dotted 1px;
	margin: 25px auto;
	width: 800px;
	height: 0;
}

#lyric div.space:hover {
	background: #FFF;
}

#lyric div.sub-header dd {
	color: #0077B3;
	font-size: 1rem;
	border-bottom: 2px solid #DDD;
	margin: 0 0 20px;
	cursor: default;
}

#lyric div.sub-header:hover {
	background: #FFF;
}

#lyric div.note dd {
	color: #888;
	font-size: 0.8125rem;
	line-height: normal;
}

#lyric div.note:hover {
	background: #FFF;
}

#lyric-content div.credit {
	color: #333;
	font: 1rem 'Roboto', sans-serif;
	font-style: italic;
	font-weight: 700;
	text-align: center;
	background-image: linear-gradient(to right, #FFF, #090 50%, #FFF);
	background-size: 100% 2px;
	background-position: 0 0;
	background-repeat: no-repeat;
	margin: 30px auto 20px;
	padding: 4px 0 0;
	width: 800px;
	cursor: default;
}