/*原作紹介*/

.originalBlock {
	background-image: -webkit-gradient(linear, center left, center right, from(transparent), color-stop(0.3, transparent), color-stop(0.3, hsla(210, 20%, 40%,0.5)), to(hsla(210, 20%, 40%,0.2)));
	background-image: linear-gradient(90deg,transparent 30%, hsla(210, 20%, 40%,0.2) 30%);
}

.originalBlock .prof {}
.originalBlock .prof h2, .originalBlock .works h2{ text-align: center; }
.originalBlock .prof section {border: solid 1px #fff; padding: 30px; margin-bottom: 60px;}
.originalBlock .prof h3 {
    border-bottom: 1px solid;
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
	font-size: 1.2em;
}

.originalBlock .works .unit { position: relative;}





.originalBlock article div.inner > div.unit > figure,
.originalBlock article div.inner > div.unit > article {
	position:relative;
	z-index:2;
}
.originalBlock > article > header {
	text-align:center;
	margin-bottom:1.5em;
}
.originalBlock > article > header p {
	text-align:center;
}
.originalBlock > article > header > h2 {
	line-height:1.25;
}
.originalBlock article h3,
.originalBlock article p,
.originalBlock article th, .originalBlock article td {
	line-height:1.5;
}
.originalBlock p {
	text-align:justify;
	text-justify:inter-ideograph;
}



.originalBlock .works section {
	border:1px solid #fff;
}
.originalBlock .works section h3,
.originalBlock .works div.unit article header {
	border-bottom:1px solid;
	padding-bottom:0.5em;
	margin-bottom:0.5em;
}
.originalBlock .works div.unit article header {
	margin-bottom:0.75em;
}
.originalBlock .works div.unit figure { z-index: 2;}
.originalBlock .works div.unit figure span,
.originalBlock .works div.unit figure span img {
	display:block;
}
.originalBlock .works div.unit figure span {
	position:relative;
	height:0;
	background-size:cover;
}
.originalBlock .works div.novel1988 figure span {
	padding-top: -webkit-calc(903 / 640 * 100%);
	padding-top: calc(903 / 640 * 100%);
}
.originalBlock .works div.novel1990 figure span {
	padding-top: -webkit-calc(899 / 640 * 100%);
	padding-top: calc(899 / 640 * 100%);
}
.originalBlock .works div.novel1991 figure span {
	padding-top: -webkit-calc(905 / 640 * 100%);
	padding-top: calc(905 / 640 * 100%);
}
.originalBlock .works div.novel1980 figure span {
	padding-top: -webkit-calc(949 / 640 * 100%);
	padding-top: calc(949 / 640 * 100%);
}
.originalBlock .works div.unit figure span.lazy-done {
	-webkit-animation: fadeIn 500ms;
	animation: fadeIn 500ms;
}
.originalBlock .works div.unit figure span img {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.originalBlock .works div.unit figure figcaption {
	font-size:75%;
	margin-top:0.5em;
	text-align:right;
}
.originalBlock .works div.unit article header h3 {
	color:#fff20d;
}
.originalBlock .works div.unit > article > p.txt {
	margin-bottom:1em;
}
.originalBlock .works div.unit > article table {
	width:100%;
}
.originalBlock .works div.unit > article table tr:not(:last-child) {
	border-bottom:1px solid #fff;
}
.originalBlock .works div.unit > article table th,
.originalBlock .works div.unit > article table td {
	padding:0.25em 0.5em;
}
.originalBlock .works div.unit > article table th {
	background-color:hsla(0,0%,100%,0.3);
	text-align:center;
	width:6em;
}
.originalBlock .works div.unit > article table td {
	background-color:hsla(0,0%,100%,0.15);
}


@media all and (min-width: 768px) {
	.originalBlock .prof section { width: 880px; margin: 0 auto;}
	.originalBlock .prof section { margin-bottom:60px; padding: 30px;}
	
	.originalBlock .prof h2, .originalBlock .works h2{ font-size: 1.75em; text-align: center; margin-bottom: 1.5em; line-height: 1.5em;}
	
	.originalBlock { padding-bottom: 50px;}
	
	
.originalBlock > article,
div.highlights > article,
div.caststaff > article{
	max-width:1080px;
	padding:0 30px;
	margin:0 auto;
	transform: translate(0, -40px);
}
.originalBlock > article > header > h2,
div.highlights > article > header > h2,
div.caststaff > article > header > h2,
div.interview > article > header > h2,
div.movie > article > header > h2{
	font-size:200%;
}
.originalBlock > article > header > p,
.originalBlock .works p.p-title {
	font-size:175%;
}
.originalBlock .works section > h3 {
	font-size:125%;
}
.originalBlock .works div article header h3 {
	font-size:150%;
}
.originalBlock .works div article header p {
	font-size:125%;
}
.originalBlock .works section > p,
.originalBlock .works div article p,
.originalBlock .works div article table th,
.originalBlock .works div article table td {
	font-size:112.5%;
}
.originalBlock .works section {
	padding:30px;
	margin-bottom:60px;
}
.originalBlock .works div.unit:not(:last-child) {
	margin-bottom:60px;
}
.originalBlock .works div.unit {
	display:flex;
	justify-content:space-between;
	align-items: center;
}
.originalBlock .works div.unit > figure {
	width:32%;
}
.originalBlock .works div.unit > article {
	width:calc(68% - 30px);
	vertical-align: top;
}
}
@media all and (max-width: 767px) {
	.originalBlock .prof section { padding: 3.125vw; margin-bottom: 30px;}
	
	.originalBlock .prof h2, .originalBlock .works h2{ font-size: 1.25em; margin-bottom: 1.5em; line-height: 1.5em;}
	.originalBlock .prof p.txt { line-height: 1.5em;}
	
	.originalBlock .prof h3 {font-size: 1.0em; }
	
.originalBlock > article {
	padding:0 3.125vw;
	transform: translate(0, -20px);
}

.originalBlock .works header > h2{
	font-size:150%;
}
.originalBlock .works header p {
	font-size:125%;
}
.originalBlock .works p.p-title {
	font-size:5.5vw;
}
.originalBlock .works section h3 {
	font-size:112.5%;
}
.originalBlock .works div article header h3 {
	font-size:125%;
}
.originalBlock .works div article header p {
	font-size:100%;
}
.originalBlock .works section p,
.originalBlock .works div article p,
.originalBlock .works div article table th,
.originalBlock .works div article table td {
	font-size:87.5%;
}
.originalBlock .works section {
	padding:3.125vw;
	margin-bottom:30px;
}
.originalBlock .works div.unit {
	width:80%;
	margin:0 auto;;
}
.originalBlock .works div.unit:not(:last-child) {
	margin-bottom:40px;
}
.originalBlock .works div.unit figure {
	margin-bottom:15px;
}
}