@charset "utf-8";
body {
	background-color: #113C2B;}
	h1 {
		margin-top: 1em;
		padding-top: 1em;
		padding-bottom: 1em;
	}
	h4, h5, h6 {
		font-size: medium;
	}
	.toc {
		width: 80%;
		margin: 1em auto;
	}
	.toc td {
		width: 25%;
		text-align: center;
		padding: .2em 0;
	}
	.list ul {
		margin-left: 1.5em;
		padding-left: 0;
	}
	.list li {
		margin-left: 0em;
		padding-left: 0;
	}
	.blk blockquote p {
		margin: 0 0 .5em 0;
		padding: 0 0 0 0
	}
	table.lined {
		width: 100%;
		line-height: 1.3 !important;
		margin: 1em auto !important;
		background-color: #fff;
		font-size: small !important;
	}
	table.lined th, table.lined td {
		vertical-align: middle;
		padding-right: .5em;
		padding-left: .5em;
	}
	table.lined .detail {
		font-size: small !important;
	}
/* tab */
ul.tab-area {
	display: flex;
	justify-content: center;
	position: sticky;
	top: 0;
	left: 0;
	margin: 0 0 -1px 0;
	padding: 10px 0 0 0;
	width: 100%;
	list-style: none;
	background-color: #113C2B;
	border-bottom: 1px solid rgba(256,256,256, 0.15);
}
li.tab {
	display: inline-block;
	width: 505px;
	min-width: 10em;
	list-style: none;
	margin: 0 0;
	padding: 0 0;
	text-align: center;
	color: #454;
	font-size: 16px;
	line-height: 1;
	border: none;
	cursor: pointer;}
li.tab:not(:first-of-type) {
	position: relative;
	left: -5px;}
li.tab.active { z-index: 2;}
li.tab a {
	display: block;
	text-decoration: none;
	margin: 0 0;
	padding: .5em 1em;
	line-height: 1;
	color: #2b546a;
	border: 1px solid #ccc;
	border-bottom: none;
	border-radius: 8px 8px 0 0;
	background-color: #f6f6f6;}
li.tab.active a { background-color: #fff;}

/* 更新情報 */
dl#info {
	background-color: #f9f9f9;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	width: 978px;
	max-height: 5em;
	margin: 0px 0 25px calc(50% - 505px);
	padding: 7px 14px;
	overflow-y: scroll;
	font-size: 13px;
	line-height: 1.25;
	color: #666;
	border-radius: 0 0 8px 8px;
	}
	dl#info dt { 
		margin: 0 0;
		padding: 0 0;
		width: 5.5em;}
	dl#info dd { 
		margin: 0 0;
		padding: 0 0;
		width: calc(100% - 5.5em);}
.panel { display: none;}
.panel.active { display: block;}

/* article */
section#a/* 書誌情報 */{ background-color: transparent;}
section#b/* 進捗報告会 */{ 
	padding: 40px 1px;
	background-color: #fff;}

section#a {}
div.block {
	margin: 0 64px 0 0;
	padding: 32px 32px 32px 96px;
	border-radius: 0 0;}

section#a h1,
section#a h2,
section#a h3,
section#a h4 {
	background-color: transparent;
	border: none;
	border-width: 0 0 0 0;
	font-size: 100%;
	font-weight: bold;
	margin:0 0 .5em 0;
	padding: 0 0 0 0;}

/* 書影と書誌情報 */
div#bibliography {
	padding-top: 64px;
	padding-bottom: 64px;
	color: #fff;}
/* 紹介文 */
div#bookDescrption {
	font-size: medium;
	border-radius: 0 3px 0 0;
	background-color: #fff}
/* 目次 */
div#toc {
	padding-left: 12%;
	background-color: #f3f3f3}
/* 著者紹介・訳者紹介 */
div#aboutTheAuthor {
	padding-right: 12%;
	padding-left: 12%;
	background-color: #fff;}
/* 反響 */
div#reaction {
	margin-bottom: 60px;
	padding-left: 12%;
	border-radius: 0 0 3px 0;
	background-color: #f3f3f3}
/******************************************************/
/* 書影と書誌情報 */
div#bibliography ul.layout,
div#bibliography ul#quotations {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	padding: 0 0;
	width: 90%;
	list-style: none;
	line-height: 1.6;}
	div#bibliography ul.layout { justify-content: center;}
div#bibliography ul.layout li {
	margin: 0 0;
	padding: 0 0;
	list-style: none;
	line-height:1.6;}
div#bibliography ul#quotations li {
	margin: 0 0;
	padding: 0 0;
	width: calc(33% - 64px);
	list-style: none;
	line-height:1.6;}

div#bibliography ul.layout li.cover { 
	text-align: center;
	width: 350px;}
div#bibliography ul.layout li.cover img { 
	width: 260px;
	box-shadow: 0 12px 10px -6px rgba(0,0,0,.3);
	}
div#bibliography ul.layout h1,
div#bibliography ul.layout h2,
div#bibliography ul.layout h3 { 
	margin-bottom: 0.25em;
	font-family: "Ryumin Regular KL", serif;
	/* line-height: 1;*/}
div#bibliography ul.layout h1 { font-size: 40px;}
	div#bibliography ul.layout h2 { font-size: 32px;}
	div#bibliography ul.layout h3 { font-size: 32px;}
	div#bibliography ul.layout h4 { font-size: 30px;}
div#bibliography table.spec {
	margin-top: 70px;
	color: #fff;
	font-family: "Shin Go Regular";
}
	div#bibliography table.spec a { color: #ffc !important;}
div#bibliography table.spec th { width: 6.5em}
div#bibliography table.spec th,
div#bibliography table.spec td {
	text-align: left;
	border-bottom: 1px dashed #ccc;}

div#bibliography ul#quotations { 
	font-size: 20px;
	font-family: "Shimanami JIS2004";
	/*font-family: "Ryumin Medium KL";*/
	/* font-family: "Midashi Min MA31";*/}
div#bibliography ul#quotations li {
	margin: 32px;}
div#bibliography ul#quotations h1,
div#bibliography ul#quotations h2,
div#bibliography ul#quotations h3,
div#bibliography ul#quotations h4,
div#bibliography ul#quotations li p { margin:0 0 0 0;}
div#bibliography ul#quotations h3,
div#bibliography ul#quotations h4 { text-align: right;}

div#bibliography ul#quotations h3 small,
div#bibliography ul#quotations h4 small { 
	display: inline-block;
	font-size: 12px;}
/* 紹介文 */
div#bookDescrption h2 { margin: 0 10%; font-size: 140%;}
div#bookDescrption h3 { font-size: 130%;}
div#bookDescrption h4 { font-size: 110%;}
div#bookDescrption h3,
	div#bookDescrption h4 { padding:0.75em 0 0.25em 0;}
div#bookDescrption blockquote { margin: 2em 10%;line-height: 2;}
div#bookDescrption blockquote p { margin: .5em 0; text-indent: 1em;}

/* 反響 */
div#reaction dl {
	display: flex;
	flex-wrap: wrap;
	margin: 1em 0;
	padding: 0 0;
	line-height: 2;
	color: #000;
	}
	div#reaction  dt { 
		margin: 0 0;
		padding: 0 0;
		width: 6.5em;
		font-family: serif;}
	div#reaction  dd { 
		margin: 0 0;
		padding: 0 0;
		width: calc(100% - 6.5em);}
	div#reaction img { clear: right; margin: 0 0 1em 1em;} 


/*****************************************
	パンくずリスト
******************************************/
footer { margin-top: 0;}
.breadcrumbs {
	margin: 60px 0 0 0;
	padding: 0 0%;
	min-width: 990px;
	max-height: none;
	font-size: 1rem;
	border: none;
	line-height: 2;
	white-space: nowrap;
	color: #000;
	background-image: none;
	text-align: center;
	background-color: #f3f3f3;
}
	.breadcrumbs + .breadcrumbs { margin: 0 0 0 0;}
	.breadcrumbs:nth-of-type(1) { margin-top: 0; padding-top: 20px;}
	.breadcrumbs:last-of-type { padding-bottom: 20px;}
.breadcrumbs a { color: #777;}
.breadcrumbs a:hover { color: #633;}
.breadcrumbs span, 
.breadcrumbs a,
.breadcrumbs a:link, 
.breadcrumbs a:visited { 
	display: inline-block;
	font-size: 16px; 
	margin: 0;
	padding: 0 .25em; 
	color: #333;
	background-image: none;}
	.breadcrumbs span { }
	.breadcrumbs a:hover,
	.breadcrumb a:active { text-decoration: underline;}
.breadcrumbs a:first-child,
.breadcrumbs span:first-child {}
.breadcrumbs span.disj,
.breadcrumbs a.disj { border: none;}
.breadcrumbs span:last-child,
.breadcrumbs a:last-child { }
	.breadcrumbs a.disj:hover {}
	.breadcrumbs a:last-child:hover {}


/*****************************************/
@media screen and (max-width: 630px) {
	body { font-size: 16px;}
	li.tab  { width: 49vw;}
	li.tab span { display: none;}
	dl#info { 
		width: auto;
		margin: 0 2.5vw 2vw 1vw;}
	div.block { 
		margin: 0 0;
		padding: 4vw 2vw 4vw 2vw}
	div#bibliography { padding-top: 6vw; padding-bottom: 4vw}
	div#bibliography ul.layout, div#bibliography ul#quotations { display: block;}
	div#bibliography ul.layout li.cover { margin-bottom: 4vw;}
	table.spec { width:100%}
	div#bibliography ul#quotations li { margin: 6vw 0; width: auto;}
	div#toc,
	div#aboutTheAuthor,
	div#reaction { padding-left: 4vw;}
	#breadcrumbs, .breadcrumbs { display: none;}
}
table.lined1 {
	width: 100%;
	line-height: 1.3 !important;
	margin: 1em auto !important;
	background-color: #fff;
	font-size: small !important;
}
table.lined td.note {
	width: auto;
}