body { 
	font-family: "Zen Old Mincho", serif;
	background: url("../img/bg.png");
}
body::before { background: #FFF;}

header {
	border-bottom: 2px solid #8e1616;
	box-shadow: 0px 10px 15px -20px #777777;
}

.midashi img { height: auto;}
.top-content::after { background-color: #e2e2e2}
.top-content .cover img {
    border-color: #040000;
    box-shadow: 0px 0px 15px -5px #040000;
}

.release span {
	background: #8e1616;
	color: #FFF;
}
.catch-txt strong { font-weight: 400;}
.catch-txt small { color: #8e1616;}

.common-btns { border-color: #cbc9c9;}

.content-title { 
	color: #FFF;
	font-weight: 400;
}
.content-title:before,
.content-title:after { background: #FFF;}

.content-title span::before,
.content-title span::after {
    content: "";
    display: block;
    width: 2px;
    height: 10px;
    border-radius: 0;
    position: absolute;
    top: calc(50% - 5px);
	background-color: #FFF;
}
.content-title i { 
	color: #040000;
	z-index: -1;
}

.name::after { background: #8e1616;}

.cover-btn .side-cover img { 
	border: 2px solid #040000;
	box-shadow: 0px 10px 15px -20px #777777;

}

.txtarea::after { background-color: #e2e2e2}

.txtarea-title { color: #8e1616;}
.txtarea-title::before {
	content: "";
	display: block;
	width: 1.7rem;
	height: 1em;
	background: url("../img/arasuji.png") no-repeat center left;
	background-size: contain;
}

.sakuhin .content-title span::before { left: calc(50% - 5.5rem);}
.sakuhin .content-title span::after { right: calc(50% - 5.5rem);}
.comic .content-title span::before { left: calc(50% - 7.5rem);;}
.comic .content-title span::after { right: calc(50% - 7.5rem);}


@media screen and (max-width: 675px) {
	.catch-txt strong { letter-spacing: -0.1em;}
	footer { background: #FFF;}
}