@charset "utf-8";
/*
 * /css/p_issue-semantics.css
 * Version: 1.0.0
 * Copyright (c) 2018 Kenshokai All Rights Reserved.
 */

/* bottom navigation↓ */
.to_top,
.to_back,
.to_home {
	position: fixed;
	right: 10px;
	width: 60px;
	height: 60px;
	z-index: 9999;
	transition: 0.3s;
}

.to_top {
	display: none;
	bottom: 130px;
}


.to_back {
	display: block;
	bottom: 70px;
}

.to_home {
	display: block;
	bottom: 10px;
}

.to_back img,
.to_home img,
.to_top img {
	width: 60px;
	height: 60px;
}

.to_top:hover,
.to_back:hover,
.to_home:hover {
	opacity: 0.7;
}

.right {
	text-align: right;
}

section h2,
section h1 {
	width: calc(1000px - (15px + 15px));
	position: relative;
	display: block;
	background: #2886bf;
	margin: 50px auto 10px;
	padding: 15px;
	border: none;
	font-size: 2em;
	color: #fff;
	text-align: center;
	font-family: "dnp-shuei-4go-std", "yu-mincho-pr6n", "Yu Mincho", "YuMincho", 'ＭＳ Ｐ明朝', 'MS PMincho', 'serif';
	font-weight: 500;
	/* font-family: @gothic; */
}

section h1::after {
	display: none;
}

section>h1,
section>h2.em {
	background: #000044;
}

#contents {
	width: 1000px;
	margin: 0 auto;
}

.issue .section-body {
	padding: 30px 20px;
	margin-bottom: 50px;
	background-color: #fff;
	font-family: "yu-mincho-pr6n", "Yu Mincho", "YuMincho", 'ＭＳ Ｐ明朝', 'MS PMincho', 'serif';
	font-weight: 400;
	color: #000;
	text-align: justify;
	font-size: 1.2em;
	line-height: 2em;
	border: 1px solid #b3d3ef;
	margin: 0 auto;
}

.issue>h2.em+section {
	border: 1px solid #000044;
}

.issue section:has(> h1)>section>.section-body {
	border: 1px solid #000044;
}

.issue section:has(> h1)>section>h2 {
	border: 1px solid #000044;
	width: calc(1000px - 2px - (15px + 15px));
}

.issue h3,
.issue h4 {
	display: flex;
	font-size: 1.2em;
	color: #162138;
	font-weight: bolder;
	width: 100%;
	margin-top: 30px;
	margin-bottom: 30px;
	align-items: center;
}

.issue h4 {
	font-size: 1.0em;
}

.section-body>section>h3 {
	display: block;
	background-color: #f6f6f6;
	padding-left: 10px;
	margin: 30px 0 20px !important;
	padding: 10px;
	box-sizing: border-box;
}

.issue section p {
	text-indent: 1em;
}

a.link_button {
	display: block;
	margin: 16px auto 24px;
	line-height: 38px;
	width: 250px;
	height: 40px;
	color: #fff;
	background: #2b5c84;
	text-align: center;
	transition: .3s ease;
	text-decoration: none;
	border-radius: 30px;
	padding: 0 16px;
	font-family: "tbchibirgothicplusk-pro", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ";
	font-size: 18px;
}

a.link_button {
	color: #fff;
}

a.link_button:link,
a.link_button:visited {
	color: #fff;
	text-decoration: none;
}

a.link_button:hover {
	opacity: 0.8;
}

@media print {
	.info_title::after {
		display: none;
	}
}

p.para {
	margin-top: 1em !important;
}

section:has(> h2)>section>h3 {
	display: block;
	background-color: #f6f6f6;
	padding-left: 10px;
	margin: 30px 0 20px !important;
	padding: 10px;
	box-sizing: border-box;
}


.footer {
	width: 100%;
	margin-top: 30px;
	margin-bottom: 20px;
	color: #000;
	text-align: center;
	font-family: "tbchibirgothicplusk-pro", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
	font-style: oblique;
	font-size: 1em;
}

figure {
	margin-top: 10px;
	text-align: center;
}

figcaption {
	display: none;
}

cite {
	display: inline;
	font-style: normal;
}

.normal,
.quote-mark {
	color: #000;
	font-family: "yu-mincho-pr6n", "Yu Mincho", "YuMincho", 'ＭＳ Ｐ明朝', 'MS PMincho', 'serif';
	font-style: normal;
	font-weight: normal;
}

.bold,
strong,
q,
blockquote {
	font-family: "a-otf-gothic-bbb-pr6n", "Hiragino Kaku Gothic Pro", "Meiryo", " MS PGothic", "arial", "helvetica", sans-serif;
	font-style: normal;
	font-weight: 500;
}

/*
 blockquoteの使い分け
 - gokingen: 御金言、日寛上人御指南等
 - ougen: 誑言（宗門・学会の明らかに仏法違背の言辞等）
 - press: 報道、新聞記事等
 - speech: 講演、演説、スピーチ等
 - official: 公式文書、声明、告示、通達、条文、行政文書等
 - document: 一般書籍、論文、資料等
*/
/*
 -inline の使い方。
 |　そこには「引用文」と記載がある。
 というような文章（完全に文中にある）場合は <q> を使って、
 　そこには「<q>引用文</q>」と記載がある。
 とするが、
 |　そこには、
 |　「引用文」と記載がある。
 というように、段落を分けて引用文が開始している場合は、xxx-inlineを使って以下のようにコーディングする。
 <blockquote class="xxx-inline">
  <p><span class="quote-mark">「</span>引用文<span class="quote-mark">」</span></p>
 </blockquote>
 <p>と記載がある。</p><!-- 次の<p>はInlineになる -->
*/
blockquote:is(.gokingen, .gokingen-inline, .ougen, .ougen-inline, .press, .press-inline, .speech, .speech-inline, .official, .official-inline, document, .document-inline) {
	display: block;
	background: none;
	padding: 0;
}

blockquote:is(.gokingen, .gokingen-inline, .ougen, .ougen-inline, .press, .press-inline, .speech, .speech-inline, .official, .official-inline, document, .document-inline) p {
	margin: 0;
	text-indent: 1em;
}

blockquote:is(.gokingen-inline, .ougen-inline, .press-inline, .speech-inline, .official-inline, .document-inline),
blockquote:is(.gokingen-inline, .ougen-inline, .press-inline, .speech-inline, .official-inline, .document-inline)+p,
blockquote:is(.gokingen-inline, .ougen-inline, .press-inline, .speech-inline, .official-inline, .document-inline) p {
	display: inline;
}

/*連続する.xxx-inlineの先頭、もしくは単一の.xxx-inline */
blockquote.gokingen-inline:not(blockquote.gokingen-inline + blockquote.gokingen-inline),
blockquote.ougen-inline:not(blockquote.ougen-inline + blockquote.ougen-inline),
blockquote.press-inline:not(blockquote.press-inline + blockquote.press-inline),
blockquote.speech-inline:not(blockquote.speech-inline + blockquote.speech-inline),
blockquote.official-inline:not(blockquote.official-inline + blockquote.official-inline),
blockquote.document-inline:not(blockquote.document-inline + blockquote.document-inline) {
	padding-left: 1em;
}


/*確認用：強調表示・引用を赤文字で表示する*/
body.preview {
	background: #ccf;
}

body.preview strong,
body.preview q,
body.preview blockquote {
	color: red;
}

@media only screen and (max-width: 768px) {

	div#contents {
		width: 95%;
		margin: 0 auto;
	}

	.issue h1,
	.issue h2,
	.issue section:has(> h1)>section>h2 {
		width: calc(100% - 10px);
		margin: 0 auto;
		margin-top: 50px;
		padding: 10px 5px 10px 5px;
		font-size: 1.5em;
		line-height: 2rem;
	}
	.issue section:has(> h1)>section>h2 {
		width: calc(100% - 12px);
	}

	figure {
		display: block;
		width: 100%;
	}

	figure img {
		width: 100%;
	}

	figure img.portrait {
		max-height: 80vh;
		width: auto;
		max-width: 100%;
	}

	.issue > section:last-of-type {
		margin-bottom: 10em;
	}
}