
@charaset "UTF-8";
body{
	background-color:#000;
	-webkit-text-size-adjust: 100%;
}
/*----------------
　header部分
----------------*/
header{
	width:100%;
	position: fixed;
	height:50px;
	margin-top:-50px;
	z-index:10;
	}
div#fixarea{z-index:10;
	width:100%;
	max-width:800px;	top:0px;
	left:0px;
	padding:12px 0px 0px 8px;
	background-color:#000;
	height:50px;
	box-sizing:border-box;
	margin:0 auto;
	position:relative;
}
div#fixarea span{
	vertical-align:middle;
	color:#fff;
	font-size:24px;
	font-weight:normal;
}
div#fixarea span a{
	color:#fff;
	font-family:"フォーク M";
}

/*----------------
　ボタン
----------------*/
button#btnhead{
	z-index:99;
	position:absolute;
	top:0px;
	right:0px;
}
/*----------------
　ボタンメニュー（オーバーレイ）
----------------*/
nav.btn_menu{
	z-index:90;
	position:fixed;
	left:0;top:0;
	width:100%;height:100%;
	overflow:auto;
	background-color: rgba(255,255,255,0.9);
	background-color: rgba(0,0,0,0.8);
	font-size:16px;
}
nav.btn_menu ul{
	margin:30px 50px;
	font-size:20px;
}
nav.btn_menu ul li a{color:#fff;line-height:3.0;text-decoration:none;}
/*----------------
　article
----------------*/
article{
	margin:50px auto;
	max-width:800px;}

/*----------------
　トップイメージ
----------------*/
div#img_area{
	position:relative;
	width:100%;
	max-width:800px;	margin:50px auto 20px auto;
	overflow:hidden;
}
article img:nth-child(1){
	width:100%;
	max-width:800px;	display:block;
}
div#top_img_cap{
	position:absolute;
	bottom:5px;
	right:5px;
	color:#fff;
	text-align:right;
	line-height:1.35;
	font-size:12px;font-size:1.2rem;	text-shadow: 
	0 0 3px #000, /*水平 垂直 ぼかしの半径 色*/
	0 0 3px #000
}
/*----------------
　h1
----------------*/

/*水平 垂直 ぼかしの半径の順 色 何重にもするので同じ記述が重なっている*/
/*
h1,h1 * {
	text-shadow: 
	0 0 8px #000, 
	0 0 15px #000
}

h1,h1 * {
	text-shadow:
	0 0 2px #000,
	0 0 2px #000,
	0 0 2px #000,
	0 0 2px #000,
	0 0 2px #000,
	0 0 2px #000,
	0 0 2px #000
}
*/
h1{
	font-size:50px;font-size:5rem;	line-height: 1.35;
	color:#fff;
	position:absolute;
	font-family:"フォーク M";
}
h1 span{
	display:block;
}
h1 > div > span{
	padding-bottom:0;
	padding-top:0.5em;
	margin-top:0.5em;
	border-top:solid 1px #fff;
	font-size:26px;font-size:2.6rem;	font-weight:bold;
}
h1 > div > span#h1_ue{
	border-top:none;
	border-bottom:solid 1px #fff;
	padding-bottom:0.5em;

}
/*----------------
　h1.norm
----------------*/
h1.norm > div{
	text-align:left;
}
h1.norm > div > span{

}
/*----------------
　h1.waku
----------------*/
h1.waku{
	color:#4E4229;	
	padding:5px;
	background-color: rgba(249,234,170,0.8);
	line-height:1.2;

}
h1.waku > div{
	border:solid 1px #695727;
	padding:8px 8px 8px 10px;
}
h1.waku > div > span{
	border-top:solid 1px #695727;
}

//何↓
h1 span > span{
	font-size:18px;font-size:1.8rem;}





@media screen and (max-width: 767px){
	h1{
	font-size:36px;font-size:3.6rem;	line-height: 1.2;
	}
	span#h1_ue{margin-bottom:0.25em;}
}
@media screen and (max-width: 479px){
	h1{
	font-size:30px;font-size:3rem;	line-height: 1.2;
	}
	h1 > span{
	font-size:20px;font-size:2rem;	padding-bottom:5px;
	}
}

/*----------------
　wrap
----------------*/
div.wrap{
	width:94%;
	margin:0 auto;
	max-width:800px;;
	position:relative;
}


/*---------------------
 目次 page_index
--------------------- */
nav#page_index{
	padding:1.5em 0.5em;
	margin-bottom:2em;
	width:100%;
	border-radius:10px;
	position:relative;
}
nav#page_index div#ttl{font-size:20px;font-size:2rem;	border-bottom:none;
	color:#543f32;
	font-weight: bold;
	color: #c9171e;
	margin-bottom:0.75em;
}
nav#page_index > ol{margin-left:2em;line-height:1.5;}
nav#page_index li{
	font-size:16px;font-size:1.6rem;	padding-top:1.25em;
	list-style-type:decimal-leading-zero;
	list-style-position:inside;
	color:#fff;
}
nav#page_index li a{color:#fff;}
/*
ol#page_index_bra ol{margin-left:10px;}
ol#page_index_bra li{list-style-type:disc}
*/
/*----------------
　section
----------------*/
section{
	background-color:#fff;
	margin:5px auto 24px auto;
	padding:38px;

}
	section.kiji_top{
		background-color:black;
		padding:38px 0px;
		margin: 5px auto 7px auto;
	}
	section.kiji_top *{color:#fff;}

@media screen and (max-width: 479px){
	section{
		padding:24px;
	}
}
section div.colm2{position:relative;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	-moz-column-gap: 40px;
	-webkit-column-gap: 40px;
	column-gap: 40px;
}
@media screen and (max-width: 767px){
section div.colm2{column-count:1;}
}
@media screen and (min-width: 768px){
div.colm2:before {
 content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -30px;
    width: 11px;
    height: 11px;
    background-image: url("../img/arrow_column.png");
  }
}

/*----------------
　セクション番号
----------------*/
div.sub {
	font-size: 24px;
	color: #000;
	font-family:"Trebuchet MS";
	margin-bottom:20px;
}
div.sub span{
	font-size: 18px;
	font-family:"Trebuchet MS";
	letter-spacing: 0.1em;
	color:#999;
	margin-bottom:30px;
}

/*----------------
　パネル
----------------*/
div.pnl_ttl{
	width:100%;
	color:#fff;
	font-size:16px;
	margin-top:-12px;
	margin-bottom:32px;
	text-align:right;
}
div.pnl_ttl:hover{cursor:pointer;}

/*----------------
　コラム
----------------*/
section.koe{
	margin-top:6em;
	position:relative;
	z-index:5;
	padding: 2.5em 3.5em 1.75em 4em;
}
section > section.koe{
	margin-top:4em;
	position:relative;
	z-index:5;
	padding: 2em 3em 1.75em 3em;
}


section.koe h2{
    padding:0.75em 0em 0.35em 0em;
    line-height: 1;
}
section.none{margin-top:1em;}
.koe div.sub{
	font-family:'Trebuchet MS';
	font-size:18px;font-size:1.8rem;
	color:#fff;
	background-color:#999;
	position:absolute;
	padding:5px 8px;
	border-radius: 6px 6px 0px 0px;
	right:0px;
	top:-28px;
	margin-bottom:0px;text-align:right;
z-index:0;
}
section.REASONING div.sub{background-color:#a6c8b2;}

.column h2 span,.koe h2 span{/*←必要210608*/
	display:block;
	font-size:16px;font-size:1.6rem;	color:#999;
	margin-top:5px;
}
.column img{
	display:block;
	margin:0 auto 10px auto;
}

div.whois{
	width:100%;
	font-size:14px;
	color:#999;
	text-align:right;
	line-height:1.35;
}
/*声デフォルト*/
section.koe{background-image:url(../img/bg/wa_blue.jpg);}
/*旧約聖書*/
section.旧約聖書{background-image:url(../img/bg/wa_red.jpg);}
section.旧約聖書 div.sub{background-color:#6c3524;}

section.Principle{background-image:url(../img/bg/koushi.png);}
section.REASONING{background-image:url(../img/bg/reasoning.jpg);}
section.Golden{background-image:url(../img/bg/wa_red.jpg);}
/*コラム*/
section.column,
div.cl,
section.Parable{
	background-image:url(../img/bg/koushi.png);
}

section.column div.sub{background-color:#474a4d;display:none;}
/*その他（none）*/
section.none{
	background-image:url(../img/bg/wa_green.jpg);
}
/*----------------
　Bible
----------------*/
.o_testa div.sub,
.n_testa div.sub,
.g_legend div.sub,
.dp div.sub{
	font-family:'Trebuchet MS';
	font-size:40px;
	color:#ccc;
	margin-bottom:20px;
}
@media screen and (max-width: 479px){
.o_testa div.sub,
.n_testa div.sub,
.n_testa div.sub{
	font-size:30px;
}
}
.copy{font-family:"Arial Black";font-weight:bold;}
/*----------------
　non_pnl(記事内で聖書等を引用するとき)
----------------*/
div.non_pnl
{
	background-image:url(../img/bg/bible.jpg);
	padding:1.5em 1em 1.5em 1.5em;
	margin:1em -1em 1em -1em;
}
div.non_pnl > div.sub{
	margin-bottom:10px;
	color:#ccc;
}
section.o_testa{
	background-image:url(../img/bg/bible.jpg);
}
section.n_testa{
	background-image:url(../img/bg/bible_n.jpg);
}
section.g_legend{
	background-image:url(../img/bg/g_legend.jpg);
}

/*----------------
　h2、h3
----------------*/
h2{
	font-size:22px;font-size:2.2rem;	margin-bottom:24px;
	font-family:"フォーク M";
	line-height:1.35;
}
h3{
	font-size:18px;font-size:1.8rem;	margin:24px 0 20px 0;
	line-height:1.35;
	color:maroon;
}
h2 span{
	display: block;
	color: #666;
	font-size: 14px;
	font-size: 1.4rem;
}
/*----------------
　p
----------------*/
section p,section blockquote,
section q,
dl *
{
	font-size:16px;font-size:1.6rem;	line-height:1.8;
	color:#432f2f;
	padding-bottom:0.5em;
	letter-spacing:0.05em;
}
section .non_pnl p{
	color:#666;
}
section p:last-child{margin-bottom:0;}
section p span{font-size:12px;font-size:1.2rem;color:#999;}

p.tyu{
	text-indent:-1.0em;
	padding-left:1.0em;
	padding-bottom:0.5em;
	color:#999;
	font-size:14px;font-size:1.4rem;	line-height:1.5;
}



span.mkr{
	font-size:16px;font-size:1.6rem;	color:#f00;
	background-color:#ffc;

}

section.kiji_top p span.mkr{
background-color: #000;
}

/*---------------------
　blockquote
---------------------*/
section blockquote{
	color:#111;
}
section blockquote.func{
	border-left:solid 8px #432f2f;
	margin:1em 1em 1em 0;
	padding:0 0 0 1em;
	
}
section blockquote.func p{color:#432f2f;}
section blockquote.func cite{font-size:14px;font-size:1.4rem;	display:block;
	width:100%;
	text-align:right;

}
/*---------------------
　hr
---------------------*/
.wrap > hr{display:none;}

/*---------------------
　ul系(lst)
---------------------*/
section ul.lst{
	margin-left:25px;
	color:#666;
}
section ul.lst li{
	font-size:16px;font-size:1.6rem;	line-height:2.0;
	list-style-type:disc;
	padding-bottom:10px;
}

/*---------------------
　ul(lnks)
---------------------*/
section ul.lnks{
	margin-top:1em;
	border-bottom:dashed 1px #ccc;
}
section ul.lnks li{
	border-top:dashed 1px #ccc;
	font-size:16px;font-size:1.6rem;	line-height:2.0;
	list-style-type:none;
	padding:0.5em 0;
	background:url(../img/arrow.png) no-repeat right center;
}
/*---------------------
　ol系
---------------------*/
section ol{margin-left:40px;}
section ol li{
	font-size:16px;font-size:1.6rem;	line-height:2.0;
	list-style-type:decimal;
	padding-bottom:10px;
	color:#432f2f;
}
/*---------------
 メニュー表示
---------------*/
nav#pan{
	height:30px;
	display:block;
	color:#fff;
	font-size:14px;font-size:1.4rem;}
nav#pan a{
	color:#fff;
	text-decoration:none;
}
/*---------------
 メニュー表示
---------------*/
h3#menu_ttl{font-size:24px;font-size:2.4rem;	color:#fff;
	border-bottom:solid 1px #fff;
	padding-bottom:16px;
}

nav#menu{
	margin: 5px auto 24px auto;
}

nav#menu:after{
	content:" ";
	display:block;
	clear:both;
	height:1px;width:1px;
}

nav#menu ul{
	width:48%;/*重要*/
	float:left;
}

nav#menu ul:nth-child(1){margin-left:0;}
/*
nav#menu ul li:nth-child(1){border-top:solid 1px #fff;}
*/
nav#menu ul li{
	height:70px;
	/*border-bottom:dashed 1px #fff;*/
}

	nav#menu ul li a{
		font-size:18px;font-size:1.8rem;		color:#fff;
		vertical-align:middle;
		text-decoration:none;
		width:100%;
		height:100%;
		display:block;
		line-height:3.8;
		font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
	}
	nav#menu ul li a img{height:12px;}
	nav#menu div.ich-dan:after{content:' ';display:block;clear:left;height:50px;}
@media screen and (max-width: 767px){
	nav#menu ul{width:100%;/*重要*/}
	/*nav#menu ul:nth-child(2) li:nth-child(1){border-top-width:0px;/*重要}*/
	/*nav#menu ul:nth-child(2) li:last-child{border-bottom:solid 1px #fff;/*重要}*/
	nav#menu ul{margin-left:0;/*重要*/}
}

/*-----------------
 table
-----------------*/
section > table{
	font-size:16px;font-size:1.6rem;	color:#666;
	border:solid 1px #999;
	width:100%;
	margin-top:1em;
}
section > table caption{
	text-align:left;
	background-color:#192f60;
	color:#fff;
	padding:0.5em 0 0.5em 0.5em;
	margin-bottom:0.25em;
}
section > table th,
section > table td{
	border:solid 1px #999;
	padding:0.35em;
	line-height:1.5;
}
section > table th{text-align:left;}
section > table thead th{text-align:center;}



/*-----------------
 イメージボックス
-----------------*/
.img_box{width:100%;}
.img_box img{
	display:block;
	margin-bottom:2px;
	width:100%;/*重要*/
}

section div.img_box p{
	font-size:14px;
	font-size:1.4rem;
	line-height:1.35;
	padding-top:0.15em;
	width:100%;/*重要*/
	word-wrap: break-word;
	color:#999;
}

.img_box_r{
	float:right;
	margin:10px 0 10px 20px;
}

.img_box_l{
	float:left;
	margin:10px 20px 10px 0px;
}
.img_box_c{
	margin:10px auto;
}
.img_box_c p{text-align:right;}
@media screen and (max-width: 767px){
	.img_box_r,.img_box_l{
		float:none;
		margin:10px auto;
	}
	.img_box{width:100%;}
}

/*-----------------
 shareアイコン
-----------------*/
div#share{
	width:100%;
	text-align:right;
	margin-top:20px;
	margin-bottom:20px;
}
div#share a{
	color:#fff;
	font-size:40px;
	padding-left:20px;
}


/*-----------------
 出典・参考
-----------------*/
section#sankou{
	font-size:14px;font-size:1.4rem;	line-height:1.8;
	border:solid 1px #fff;
	padding:0.75em;
	text-indent:-0.7em;
	padding-left:1.4em;
	color:#999;
	border-radius:7px;
}

/*-----------------
 footer
-----------------*/
footer{
font-size:16px;font-size:1.6rem;margin-top:20px;
padding-top:10px;
border-top:solid 1px #fff;
color:#fff;
text-align:center;
	line-height:1.8;
	padding-bottom:1em;
}
footer a{
	color:#fff;
	text-decoration:none;
}

/*---------------------
　totop
---------------------*/
#totop{
	position: fixed;
	bottom: 0px;
	right: 2px;
	opacity:0.9;
}
#totop:hover{cursor:pointer}
/*-----------------
 プリント用
-----------------*/
@page { 
	size:A4 portrait;/*またはlandscape */
	margin-top:0.5cm;
	margin-bottom:0cm;
	margin-left:1cm;
	margin-right:1cm;
}
@media print{
	body{background-color:#000;}
	article div.wrap *{font-size: 9pt;}
	article div.wrap img{display:none;}
	header{display:none;}
	div#img_area{display:none;}
	div#ads{display:none;}
	div#menu{display:none;}
	section div.colm2{column-count:1;}
	.img_box p{display:none;}
	.pnl_ttl{display:none;}
	section#sankou{font-size: 9pt;}
}
/*-----------------
 各種装飾・デザイン用
-----------------*/
.-r{width:98%;text-align:right;}
