@charset "utf-8";
:root {
	--bgColor1: rgba(243, 243, 243, 0.8);
	--bgColor2: rgba(255, 255, 255, 0.9);
	--bgPhoto1: url('1560278055.webp');/* 茶色い紙 */
	--bgPhoto2: url('attractor.webp');/* ローレンツアトラクター */
	--bgPhoto3: url('fractal.webp');/* フラクタル */
}
body {
	background-color: transparent;
	background-image: var(--bgPhoto3);
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
	}
/* 進捗報告会 */
h1 {
	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;
	margin: 10px 0 0 0;
	padding: 0 0;
	width: 100%;
	list-style: none;
	border-bottom: 1px solid var(--bgColor2);
	cursor: pointer;
}
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;}
li.tab:not(:first-of-type) {
	position: relative;
	left: 2px;}
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 var(--bgColor1);
	border-radius: 8px 8px 0 0;
	background-color: var(--bgColor1);}
li.tab.active a { background-color: var(--bgColor2);}

dl#info {/* 更新情報 */
	background-color: #f9f9f9;
	display: flex;
	flex-wrap: wrap;
	width: 980px;
	margin: 5px auto 25px auto;
	padding: 7px 14px;
	height: 3.5em;
	overflow-y: scroll;
	font-size: 13px;
	line-height: 1.25;
	color: #666;
	}
	dl#info dt { 
		margin: 0 0;
		padding: 0 0;
		width: 6em;}
	dl#info dd { 
		margin: 0 0;
		padding: 0 0;
		width: calc(100% - 6.5em);}
.panel { display: none;}
.panel.active { display: block;}

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

section#a {}
div.block {
	margin: 0 64px 0 0;
	padding: 32px 32px 32px 96px;
	border-radius: 0 3px 3px 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;}
	section#a h2 { font-size: 140%;}
	section#a h3 { font-size: 120%;}
	section#a h4 { font-size: 100%;}

/* 書影と書誌情報 */
div#bibliography, div#toc, div#event { background-color: var(--bgColor2);}
div#bookDescrption, div#bookDescrption, div#aboutTheAuthor { background-color: var(--bgColor1);}
div#bibliography {
	padding-top: 64px;
	padding-bottom: 64px;}
/* 紹介文 */
div#bookDescrption {}
/* 目次 */
div#toc { padding-left: 12%;}
/* 著者紹介・訳者紹介 */
div#aboutTheAuthor { padding-left: 12%;}
/* 反響 */
div#event {padding-left: 12%;}
/******************************************************/
/* 書影と書誌情報 */
div#bibliography ul.layout,
div#bibliography ul#quotations {
	display: flex;
	margin: 0 auto;
	padding: 0 0;
	width: 90%;
	list-style: none;
	line-height: 1.6;}
div#bibliography ul.layout li,
div#bibliography ul#quotations li {
	margin: 0 0;
	padding: 0 0;
	flex-basis: 50%;
	list-style: none;
	line-height:1.6;}

div#bibliography ul.layout li.cover { text-align: center;}
div#bibliography ul.layout li.cover img { 
	width:80%;
	max-width: 400px;
	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 {	
		line-height: 1.1;
		font-family: "UD Shin Go Regular", sans-serif;
		font-family: "UD Shin Go Conde90 M", sans-serif;}
		div#bibliography ul.layout  h1 { font-size: 3.75vw; margin-bottom: 0.15em; letter-spacing: -0.05em;}
		div#bibliography ul.layout  h2 { font-size: 3.75vw; margin-bottom: 0.5em; letter-spacing: -0.025em;}
		div#bibliography ul.layout h3 { font-size: 2.5vw}
div#bibliography table.spec { font-size: medium;}
div#bibliography table.spec th,
div#bibliography table.spec td {
	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#bookDescrption blockquote { margin: 2em 10%;}
div#bookDescrption blockquote p { margin: .5em 0; text-indent: 1em;}
/* 目次 */
div#toc ul, div#toc ul li { list-style: none; margin-left:0}

/* 著者紹介・訳者紹介 */
section#a div#aboutTheAuthor h2 { font-size: 125%;}
/* 反響 */
div#event dl {
	display: flex;
	flex-wrap: wrap;
	margin: 1em 0;
	padding: 0 0;
	line-height: 2;
	color: #000;
	}
	div#event  dt { 
		margin: 0 0;
		padding: 0 0;
		width: 5.5em;}
	div#event  dd { 
		margin: 0 0;
		padding: 0 0;
		width: calc(100% - 5.5em);}
/********************************************/
/* 共通パーツ */
.open {
	font-size: 95%;
	padding-left: .5em;
	font-weight: bold;
	white-space: nowrap;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;}
.open a {
	display: inline-block;
	color: orangered;
	padding: 0px 2px !important;
	border: none;}
.open a::after {
	content:'開';
}
.open a.on::after {
	content:'閉';
}
.open a::before {
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	margin-left: 0;
	margin-right: 0.25em;
	font-style: normal;
	font-weight: bold;
	vertical-align: baseline;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.open a::before { content: "\f0fe";}
.open a.on::before { content: "\f146";}
.showhide {
	display: none;
}
/*****************************************
	パンくずリスト
******************************************/
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) { 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 !important;}
	ul.tab-area { margin: 1vw 0 0 0;}
	li.tab  { flex-basis: 46vw;}
	li.tab span { display: none;}
	dl#info { 
		display: block;
		width: auto;
		margin: 0 2vw 2vw 2vw;}
		dl#info dt { width: auto;}
		dl#info dd { width: auto;}
	div.block { 
		margin: 0 1.5vw 0 1.5vw;
		padding: 4vw 2vw 4vw 2vw}
	div#bibliography { padding-top: 4vw; padding-bottom: 4vw}
	div#bibliography ul.layout, div#bibliography ul#quotations { display: block;}
	div#bibliography ul.layout li.cover { margin-bottom: 4vw;}
		div#bibliography ul.layout h1 { font-size: 9vw; nargin-bottom: 1vw;}
		div#bibliography ul.layout h2 { font-size: 7.5vw; margin-bottom: 4vw;}
		div#bibliography ul.layout h3 { font-size: 6vw; margin-bottom: 1vw;}
	table.spec { width:100%}
	div#bibliography ul#quotations li { margin: 6vw 0;}
	div#toc,
	div#aboutTheAuthor,
	div#event { padding-left: 4vw;}
	#breadcrumbs, .breadcrumbs { display: none;}
	div#toc ul { margin: 0.3em 0em 0.3em 0.75em; padding-left: 0.5em;}
}