/*
    font-family: 'Kurale', serif;
    font-family: 'PT Serif', serif;
	
	REPLACEMENT
	#793f2b => rgb(218,224,220)
	#d67745 => rgb(16,129,195)
	#535c2c => rgb(89,84,90)
	#b08f39 => rgb(109,149,157)
	*/
	
	* {
		font-family: 'PT Serif', serif;
		color: #1e1f27;
	}

	html {
	  box-sizing: border-box;
	  margin: 0;
	  padding: 0;
	}

	body {
	  margin: 0;
	  padding: 0;
	}
	
	sup {
		font-size: 9px;
	}

	.hitItJoe {
		margin-top: 3em;
		clear: both;
	}
	
	
	#masthead {
	  width: 100%;
	  min-height: 20em;
	  max-height: 15%;
	  background: #fff url('./img/angel6.gif') right top;
	  background-size: cover;
	  overflow: hidden;
	}


	#content.page-content p img { max-width: 100%; }
	
	body {background: white;}
	
	.navbar, hr { border-top: 5px solid rgb(218,224,220); }
	
	h1, h2, h3, h4, h5, h6 {
		font-family: 'Kurale', serif;
	}
	
	h1, h2, h3 {
		color: rgb(89,84,90);
	}
	
	.navbar, hr {
		border-bottom: 5px solid rgb(218,224,220);
	}
	
	hr {
		width: 80%;
	}
	
	.navbar {
		margin-bottom: 2em;
	}
	
	h4, h5, h6, strong, b, em, i {
		color: rgb(109,149,157);
	}

	strike, s {
		color:rgb(218,224,220)
	}
	
	
	#content {
		min-height: 100%;
		height: 100%;
	}
	
	#content a, #content a:hover, #content a:active, #content a:visited {
		color: rgb(16,129,195);
	}
	
	#content a:hover {
		text-decoration:none;
		background-color: rgb(16,129,195);
		color: #fff; 
	}
	
	#footer {
		clear: both;
		border-top: 5px solid rgb(218,224,220);
		padding: 1em;
	}
	
	#footer a, #footer a:hover, #footer a:active, #footer a:visited {
		color: rgb(16,129,195);
	}
	
	#footer a:hover {
		text-decoration:none;
		background-color: rgb(16,129,195);
		color: #fff; 
	}
	
	#wrapper {
		margin: 0 auto 0;
		background:white;
		/* max-width: 1020px; */
	}

	.container-fluid {
		width: 95%;
		max-width: 1024px;
	}
	
	blockquote {
		padding: 1em 2em;
	}
	
	#footer.container h5, blockquote {
		color: #8b986d !important;
	}
	
	#content ul.breadcrumb {
		padding: 10px 16px;
		list-style: none;
		background-color: #eee;
	}
	#content ul.breadcrumb li {
		display: inline;
		font-size: 18px;
	}
	#content ul.breadcrumb li+li:before {
		padding: 8px;
		color: black;
		content: "/\00a0";
	}
	#content ul.breadcrumb li a {
		color: #0275d8;
		text-decoration: none;
	}
	#content ul.breadcrumb li a:hover {
		color: #01447e;
		text-decoration: underline;
	}
	
	img {
		max-width: 100%;
	}
	
	figure.desu {
		width: 100%;
		text-align:center;
	}
	
	.gallery figure {
		width: 100%;
		text-align:center;
	}
	
	.gallery figure img {
		border: 1px solid #ccc;
		padding: 10px;
		background-color: white;
		border-radius: 3px 7px;
		max-width: 75%;
		margin: 0 auto;
	}
	
	.gallery.mp3 figure, .gallery.chara figure {
		height: 325px;
		float: left;
		clear: none;
		text-align: center;
	}
	
	.gallery.mp3 figure img, .gallery.chara figure img {
		max-width: 250px;
		max-height: 250px;
	}

	.gallery.novel figure img {
		max-width: 150px;
	}

	.gallery.mp3 figcaption, .gallery.chara figcaption, .gallery.novel figcaption {
		text-align: center;
		max-width: 60%;
		margin: 0 auto;
	}
	
	.gallery.novel figure {
		height: 350px;
		float: left;
		clear: none;
		text-align: center;
	}


	.trivia {
		margin-top: 3em;
		clear: both;
	}

	@media screen and (max-width: 650px) {
		.gallery.mp3 figure, .gallery.chara figure, .gallery.novel figure {
			width: 50%;
		}
	}

	@media screen and (min-width: 651px) {
		.gallery.mp3 figure, .gallery.chara figure, .gallery.novel figure {
			width: 33%;
		}
	}
	


	#epilist, #epilist td, #epilist tr, .wikitable, .wikitable td, .wikitable tr, .wikitable th {
		vertical-align: top;
		border-right: 1px solid #ccc;
	}
	
	#epilist, .wikitable {
		margin: 1em;
	}

	#epilist .chapter {
		border-bottom: 3px double #ccc;
	}
	
	#epilist td, .wikitable td, .wikitable th {
		margin-left: 2em;
		padding:1em;
	}
	
	#epilist h1, strong {
		font-weight: normal;
		font-size: 1em;
		color: rgb(89,84,90);
		margin: 0;
		padding: 0;
		display: inline;
	}

	th {
		font-weight: normal;
		font-size: 1em;
		color: rgb(89,84,90);
		border-right: 1px solid #ccc;
		border-top: 3px double #ccc;
	}
	
	#epilist hr {
		border: 1px solid #ccc;
	}
	
	#epilist i, #epilist em, #epilist h2 {
		color: rgb(109,149,157);
		font-style: italic;
		margin: 0;
		padding: 0;
		display: inline;
		font-size: 1em;
	}
	
	section {
		padding-top: 2em;
	}
	
	section:first-child {
		padding-top: 0em;
	}
	
	section.gallery {
		text-align:center;
	}
	
	section.gallery img {
		max-width: 200px;
		border: 1px solid #ccc;
		padding: 3px;
		margin: 1em;
	}
	
	#pagebreak {
		height: 100px;
		wodth: 100%;
		background: #ccc;
		border:2px dotted grey;
		padding:1em;
		margin:1em;
	}
	
	.arr-right .breadcrumb-item+.breadcrumb-item::before {
	  color: color: #1a1710;
	  content: "›";
	  vertical-align:top; 
	  font-size:35px;
	  line-height:18px;
	}
	
	
/*=====================================
	CUTENEWS
=====================================*/

article.cutenews {
	padding: 15px !important;
	width: 100%; 
	margin-bottom:15px;
}

article.cutenews:after {
	padding-bottom: 25px;
}

article.cutenews h1,
article.cutenews h2,
article.cutenews h3 {
	color: color: rgb(89,84,90);
	margin-left: 1em;
}

article.cutenews img {
	max-width: 60%;
	background: white;
	padding: 5px;
	border: solid 1px #ccc;
}

article.cutenews img.avi {
	background:#fff;
	max-width: 250px;
	border: 1px solid #ccc;
	border-radius: 3px 15px;
	padding: 5px; 
	float:right;
	text-align: center;
	margin: 1em;
}

article.cutenews section {
	text-align:justify; 
	padding:3px; 
	margin-bottom:5px; 
	border-top:1px solid rgb(139,149,205);
}

article.cutenews header {
	margin-bottom:3px; 
}

article.cutenews header h1,
article.cutenews header h2 {
	color: color: rgb(89,84,90);
	margin-left: 1em;
}


article.cutenews footer {
	border-top: double 3px rgb(139,149,205);
	font-style: italic;
	text-align: right;
}

article hr {
	border-bottom: 1px solid lightgrey;
	width: 50%;
	text-align: center;
}