@charaset "UTF-8";
@font-face {
	font-family: "logotype";
	src: url("/xxx5/fonts/logotype.eot");
	src: url("/xxx5/fonts/logotype.eot?") format('embedded-opentype'),
	url("/xxx5/fonts/logotype.woff") format('woff'),
	url("/xxx5/fonts/logotype.otf") format('opentype');
	font-style: normal;
	font-weight: normal;
}
body{
	background-color:#0E1E39;
	
			background-image:url(../img/bg.jpg);
			background-repeat:repeat;
		-webkit-text-size-adjust: 100%;
font-family: "Noto Sans Japanese",'Helvetica Neue',Helvetica,Arial,"游ゴシック体","Yu Gothic",YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'Helvetica Neue',Helvetica,Arial,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
/*----------------
　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:#0E1E39;
	
			background-image:url(../img/bg.jpg);
			background-repeat:repeat;
			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;
font-family:"SkipStd-E";
}
div#fixarea span a{
	color:#fff;
}

/*----------------
　ボタン
----------------*/
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:50px auto;
	font-size:20px;
	max-width:800px;
}

nav.btn_menu ul li a{
	color:#fff;
	line-height:3.0;
	text-decoration:none;
}

/*----------------
10番めまでの設定
----------------*/
.btn_menu li:nth-child(-n+10){/*m番目まで*/
	width: 50%;
	float: left;
	font-size:16px;
	box-sizing:border-box;
	border-bottom:solid 1px #ccc;
}
.btn_menu li:nth-child(-n+2){/*2番目までは上に線を引く*/
	border-top:solid 1px #fff;
}
.btn_menu li:nth-child(odd){
	border-right:solid 1px #ccc;
}
.btn_menu li a:nth-child(-n+10){/*m番目までのセル設定*/
	text-decoration: none;
	color:#fff;
	display:block;
	text-align:left;
	position:relative;
	height: 49px;
	box-sizing: border-box;
	line-height: 49px;
	padding-left:0.5em;
}
/*----------------
m+1番め以降の設定
----------------*/
.btn_menu li:nth-child(n+11){
	font-size:16px;
}
.btn_menu li:nth-child(n+11) a{
	color:#fff;
	height: 50px;
	box-sizing: border-box;
	background-color:;
	text-align:center;	border:solid 1px #fff;
}
.btn_menu li:nth-child(12),
.btn_menu li:nth-child(13){
	width: 50%;
	display: inline-block;
	float: left;
	box-sizing: border-box;	
	border:none;
}

.btn_menu li:nth-child(12) a{
	margin: 30px 10px 30px 0px;
}
.btn_menu li:nth-child(13) a{
	margin: 30px 0px 30px 10px;
}
.btn_menu li:last-child a{
	margin:0px;
}

.btn_menu li:last-child{
	margin: 0px auto 30px;
	width: 100%;
	clear: both;
}

.btn_menu li:nth-child(n+11) a:before{/*11番目以降*/
	margin-right: 4px;
	display: inline-block;
	content: "";
	vertical-align: middle;
}
.clear {/*11番目のliでfloatを解除*/
	clear: both;
}
.btn_menu li:nth-child(12) a:before{
	/*width: 18px;
	height: 16px;
	background: url(img/headnav01.png) 0 0 no-repeat;*/
	background-size: contain;
}
.btn_menu li:nth-child(13) a:before{
	/*width: 16px;
	height: 24px;
	background: url(img/headnav02.png) 0 0 no-repeat;*/
	background-size: contain;
}
.btn_menu li:nth-child(14) a:before{
	/*width: 18px;
	height: 20px;
	background: url(img/headnav03.png) 0 0 no-repeat;*/
	background-size: contain;
}
/*----------------
　ADD_CSS
----------------*/

.btn_menu li:nth-child(14) a span{
	display:block;
	font-size:12px;
	line-height:12px;
}

/*----------------
　article
----------------*/
article{
	article{margin:50px auto;}
	max-width:800px;}



/*----------------
　トップイメージ
----------------*/
div#img_area{
	position:relative;
	width:100%;
	max-width:800px;	margin:50px auto 20px auto;
}
article img:nth-child(1){
	width:100%;
	max-width:800px;
	display:block;
}
div#top_img_cap{
	position:absolute;
	bottom:5px;
	right:5px;
	color:#fff;
	line-height:1.35;
	font-size:12px;font-size:1.2rem;}
/*----------------
　h1
----------------*/

h1,h1 * {
	text-shadow: 
		0 0 8px #fff, 
		0 0 5px #fff, 
		0 0 0.40px #fff;
}

/*pc-------------------------------------*/
h1{
	font-family:"ModeMinALargeStd-HV";
	font-size:50px;font-size:5rem;/*font-weight:bold;*/
	line-height: 1.0;
	color:#191970;
	position:absolute;
	padding:0;
}
h1 > span{
	font-size:24px;font-size:2.4rem;	display:block;
	padding-bottom:0.5em;
}
/*タブレット------------------------------*/
@media screen and (max-width: 767px){
	h1{font-size:40px;font-size:4rem;}
	h1 > span{font-size:22px;font-size:2.2rem;}
}
/*スマホ----------------------------------*/
@media screen and (max-width: 479px){
	h1{font-size:30px;font-size:3rem;}
	h1 > span{font-size:20px;font-size:2rem;}
}
/*----------------
　wrap
----------------*/

div.wrap{
	width:96%;
	margin:0 auto;
	max-width:800px;;
	position:relative;
}
/*----------------
　section
----------------*/
section{
	background-color:#fff;
	margin:5px auto 24px auto;
	padding:38px;

}
@media screen and (max-width: 479px){
	section{
		padding:24px;
	}
}
section div.colm2{
	-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;}
}

/*----------------
　セクション番号
----------------*/
div.sub {
	font-size: 30px;
	color: #000;
	font-family:"Trebuchet MS";
	margin-bottom:30px;
}
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:-16px;
	margin-bottom:16px;
	text-align:right;
}
/*----------------
　文責
----------------*/
div.bunseki{
	color:#fff;
	width:100%;
	margin:-18px 0 30px 0;
	font-size:16px;font-size:1.6rem;	text-align:right;
	padding-right:0.5em;
font-family: "SkipStd-E";
}

/*----------------
　コラム
----------------*/
.column div.sub{
	font-family:'Trebuchet MS';
	font-size:40px;
	color:#ddd;
}

.column span:nth-child(1){
	display:block;
	font-size:16px;font-size:1.6rem;	color:#999;
	margin-top:5px;
}
.column img{
	display:block;
	margin:0 auto 10px auto;
}
.column p b{
	font-weight:bold;
}

div.whois{
	width:100%;
	font-size:14px;
	color:#999;
	text-align:right;
	line-height:1.35;
}
/*----------------
　Bible
----------------*/
.o_testa div.sub,.n_testa div.sub{
	font-family:'Trebuchet MS';
	font-size:40px;
	color:#ddd;
	margin-bottom:20px;
}
@media screen and (max-width: 479px){
.o_testa div.sub,.n_testa div.sub{font-size:30px;}
}



/*----------------
　h2
----------------*/
h2{
	font-size:20px;
	margin-bottom:30px;
	font-family:"フォーク B";
	line-height:1.35;
/*明朝系
font-family:"logotype";
font-family: 'Noto Serif Japanese',Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
*/
;}
/*----------------
　p
----------------*/

section p{
	font-size:16px;font-size:1.6rem;	line-height:2.0;
	color:#666;
	padding-bottom:0.5em;

/*font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;*/
}
section p:last-child{margin-bottom:0;}
section p span{font-size:12px;font-size:1.2rem;color:#999;}
section p span.mkr{font-size:16px;font-size:1.6rem;color:orangered;background-color:#ffc;}
p.tyu{
	text-indent:-1.0em;
	padding-left:1.0em;
	color:#999;
	font-size:12px;font-size:1.2rem;	line-height:1.5;
}

/*---------------
 記事内リンクリスト
---------------*/
ul.lnks{font-size:16px;font-size:1.6rem;}
ul.lnks li{
	display:table-cell;
	padding-right:3em;
}



/*---------------
 メニュー表示
---------------*/
nav#pan{
	height:30px;
	display:block;
}
nav#pan a{
	color:#fff;
	font-size:14px;font-size:1.4rem;	text-decoration:none;
}
/*---------------
 メニュー表示
---------------*/
div.ich-dan h3{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 div.ich-dan:after{
	content:" ";
	display:block;
	clear:both;
	height:50px;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;}

@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;/*重要*/}
}


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

section div.img_box p{
	font-size:12px;
	font-size:1.2rem;
	line-height:1.2;
	width:100%;/*重要*/
word-wrap: break-word;
}

.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;
}

@media screen and (max-width: 767px){
	.img_box_r,.img_box_l{
		float:none;
		margin:10px auto;
	}
	.img_box{width:100%;}
}

/*---------------------
　書籍購入ボタンNEO
---------------------*/
.bok_shops{
	width:auto;
	height:auto;
	position: relative;
	overflow: hidden;
	margin-top:10px;padding-bottom:7px;
}
.bok_shops .wp{
	height:auto;
	float: left;
	position: relative;
	left: 50%;
	width:auto;
}
.bok_shops .wp div{
	width:100px;/* 固有 */
	height:40px;
	margin-right:10px;
	position: relative;
	left: -50%;
	float: left;
}
.wp div a{
	display:block;
	width:100px;/* 固有 */
	height:40px;
	text-decoration:none;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.wp div a:hover{text-decoration:none;}
.bok_shops .wp div:last-child{
	margin-right:0px;
}
.btn_kindle a		{background:url(../../boks/img/btn/kindle/m/off.png) no-repeat;}
.btn_amazon a		{background:url(../../boks/img/btn/amazon/m/off.png) no-repeat;}
.btn_kino a			{background:url(../../boks/img/btn/kino/m/off.png) no-repeat;}
.btn_kino img		{display:inline !important;}			
.btn_e-hon a		{background:url(../../boks/img/btn/e-hon/m/off.png) no-repeat;}
.btn_j-pub a		{background:url(../../boks/img/btn/j-pub/m/off.png) no-repeat;}
.btn_maruzen a		{background:url(../../boks/img/btn/maruzen/m/off.png) no-repeat;}
.btn_honto a		{background:url(../../boks/img/btn/honto/m/off.png) no-repeat;}
.btn_honto_ng a		{background:url(../../boks/img/btn/honto/m/ng.png) no-repeat;}
.btn_bookfan a		{background:url(../../boks/img/btn/bookfan/m/off.png) no-repeat;}
.btn_bookfan_ng		{background:url(../../boks/img/btn/bookfan/m/ng.png) no-repeat;}

.wp div a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50) ;	/* Ie用 */
}


/*-----------------
 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:-1.4em;
	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;
}
/*-----------------
 アドセンス
-----------------*/
div.ads_resp{
    margin: 5px auto 24px auto;
	text-align:center;
	width:100%;
}
/*-----------------
 プリント用
-----------------*/
@page { 
	size:A4 portrait;/*またはlandscape */
	margin-top:0.5cm;
	margin-bottom:0cm;
	margin-left:1cm;
	margin-right:1cm;
}

@media print{/*なぜか効かない*/
	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;}
}