@charset "utf-8";

/* ===================================================================
 BASE
=================================================================== */
*,
*::before,
*::after{
	box-sizing: border-box;}

body{
	width:100%;
/*	min-width:320px;*/
	font-size: 16px;
	line-height: 1.6;
	margin:2.0em;}

body, h2, h3, h4, h5, p, li, dt, dd, th, dd{
	line-height: 1.6;}

h1{
	display:none;}

h2{
	font-size:150%; /*32px*/
	margin-top:0;
	margin-bottom:1.0em;
	border-bottom:1px solid #333; 
	text-align:left;}/*subpage_common.cssのh3に合わせました*/

p{
	font-size:100%;
	text-indent:1.0em;
	margin-bottom:1.0em;}

a {
	color:#68A2D4;/*水色*/
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	text-decoration:underline;
	background: transparent}


/*div#subpage_bg-white内の<a>タグのスタイル*/
a, a:link, a:visited{
	color:#337AB7; /*青*/}

a:hover{
	color:#23527c; /*濃い青*/}

@media(min-width:992px){
	a:active{color:#23527c;} /*hoverに同じ*/}
@media(max-width:991px){
	a:active{color:#337AB7;} /*linkに同じ*/}

ul {
	list-style: none;}

/* ===================================================================
 COMMON
=================================================================== */
#subpage_bg-white{
	width: 100%;
	font-family:"lucida grande", tahoma, verdana, arial, "Hiragino Kaku Gothic Pro","Osaka",Meiryo,"メイリオ","ＭＳ ゴシック",sans-serif;
	padding:50px 2em 60px;
	color:#333;}

#inside-contents {
	width:100%;
	max-width:1280px;
	margin: 0 auto;}

@media(max-width:575px){
	#subpage_bg-white{
		padding:1.0em 0 30px;}}

#mokuji-template{}

#mokuji-template a{
	padding:2px;}/*マウスオーバー時のテキストと背景色の間の余白*/

#mokuji-template a:link, #mokuji-template a:visited{
	text-decoration:none;}

#mokuji-template a:hover, #mokuji-template a:active{
	color:#1F476B; /*#23527Cより濃い青（WCAG:AAA）*/
	text-decoration:none;
	background-color:#f7eb07; /*黄色, 7.75:1*/
	}

#book-intro{
	text-align:center;
	margin-bottom:5.0em;}

#book-intro figure{
	margin-bottom:2.5em;}

#book-intro figure img{
	width:100%;
	max-width:250px;}

@media(max-width:768px){
	#book-intro{
		margin-bottom:3.0em;}}


/*----- 本の紹介 -----*/
ul.ul-link-gazou-mokuroku{
	display:flex;
	flex-wrap:nowrap;
	justify-content:center;
	padding-left:0;
	margin-left:auto;
	margin-right:auto;}

ul.ul-link-gazou-mokuroku li{
	margin:1.0em;}

#mokuji-template ul.ul-link-gazou-mokuroku li a{
	padding:.5em 3em .5em 3.2em;
	border:1px solid #337AB7;
	border-radius:5px;}

#mokuji-template ul.ul-link-gazou-mokuroku li a:hover,
#mokuji-template ul.ul-link-gazou-mokuroku li a:active{
	border:1px solid #1F476B;}

ul.ul-link-gazou-mokuroku li a::after{
	content:"\02009\0bb";}/*\02009は狭い空白を表す（16進数）*/

@media(max-width:768px){
	#mokuji-template ul.ul-link-gazou-mokuroku li a{
		padding:.2em 1.5em .2em 1.7em;}}



#mokuji{}


/*---リスト共通---*/
ul.ul-mokuji, ul.ul-mokuji ol, ul.ul-mokuji ul{
	list-style-type:none;}

ul.ul-mokuji{
	width:100%;
	max-width:960px;}

ul.ul-mokuji li{
	padding:0.5em 0;}

@media(max-width:768px){
	ul.ul-mokuji{
		padding-left:0;}}


/*---「章」のリスト---*/
ol.ol-shou{
	counter-reset:txt-shou 0;/* それぞれの ol 要素に、"txt-shou"カウンターの新しいインスタンスを生成 */}

@media(max-width:736px){
ol.ol-shou{
	padding-left:1.0em;}}

ol.ol-shou > li > a::before{
	counter-increment: txt-shou 1; /* "txt-shou"カウンターのこのインスタンスのみを加算 */
	content:"第" counter(txt-shou) "章\03000"; /* "txt-shou"カウンターのすべてのインスタンスの値を、ピリオドで区切って結合 */}

/*--- 「節」のリスト ---*/
/*一部「○節」が付かない項目が含まれているので（第2章、第3章）、"ol"ではなく"ul"を使用*/



/*余白調整*/
ul.ul-mokuji li.pdg-b0{
	padding-bottom:0;}

ol.ol-shou > li, ul.ul-setsu > li{
	padding-bottom:0;}

ul.ul-setsu > li.pdg-b05e{padding-bottom:0.5em;}/*「節」のリスト内（直下）の連番（入れ子）がない<li>用*/

ul.ul-mokuji li > ul, ul.ul-mokuji li > ol{margin-top:0.5em;} 

/*余白調整ここまで*/

@media(max-width:768px){
	ul.ul-setsu{
		margin:0 0 2.0em 1.3em;
		padding-left:.5em;
		border-left:2px solid #767676;
		background-color:#FAFAFA;}}

@media(min-width:576px) and (max-width:768px){
	ul.ul-setsu ul, ul.ul-setsu ol{
		padding-left:1.5em;}}

@media(max-width:576px){
	ul.ul-setsu ul, ul.ul-setsu ol{
		padding-left:1em;}}


ol.ol-kakko{counter-reset:number-kakko 0;}
ol.ol-kakko > li > a::before{
	counter-increment: number-kakko 1;
	content:"(" counter(number-kakko) ")\02000";}

ol.ol-kakko-r{counter-reset:number-kakko-r 0;}
ol.ol-kakko-r > li > a::before{
	counter-increment: number-kakko-r 1;
	content:counter(number-kakko-r) ")\02000";}


/*"ol"の初期値のスタイルをリンクに入れるため<a>内に指定（第5章3節の3.6で使用）*/
ol.ol-decimal{
	counter-reset:number-decimal 0;}

ol.ol-decimal > li > a::before{
	counter-increment: number-decimal 1;
	content:counter(number-decimal) ".\0A0";}

ol.ol-decimal.nodot > li > a::before{
	counter-increment: number-decimal 1;
	content:counter(number-decimal) "\03000";}


/*概説・関連図表*/
ol.ol-shou span.area-kanren-zuhyo{
	font-size:82%;
	display:inline-block;
	margin-left:0.5em;}

ol.ol-shou a.zuhyo{}

ol.ol-shou a.zuhyo::before{
	content:"[";
	color:#333;}

ol.ol-shou a.zuhyo::after{
	content:"]";
	color:#333;}

span.shikiri{
	visibility:hidden;}