@charset "UTF-8";

/*子テーマ用「base.css」*/

/* -------------------------------------------------------	 */
/* 					全体									 */
/* -------------------------------------------------------	 */

/* リンク文字 */
a{
	color:#0e7eb5;
}


/* --------------------------------	 */
/* 		ページトップへボタン		 */
/* --------------------------------	 */
.page-top{
	bottom:100px;
	opacity:0.5;
}
.page-top a{
	padding:16px 17px;
}



/* -------------------------------------------------------	 */
/* 					ヘッダー								 */
/* -------------------------------------------------------	 */
/* 余白の調整 */
.site-title{
	padding:0;
	min-height:52px;
}
/* 下線 */
.keni-header_wrap{
	padding-top:0;
	border-bottom:solid 1px #666;
	background-image:none!important;
}

/* ヘッダー追従辞める */
.keni-gnav_btn{
	position:absolute;
}
.admin-bar .keni-gnav_btn{
	position:absolute;
}


/* --------------------------------	 */
/* 			ハンガーボタン			 */
/* --------------------------------	 */
.keni-gnav_btn{
	border-left:solid 1px #666;
	width:50px;
	height:45px;
}


/* -------------------------------------------------------	 */
/* 					記事本文								 */
/* -------------------------------------------------------	 */
/* 行間 */
.article-body p{
	 margin-bottom:1.5em;
}

/* --------------------------------	 */
/* 			文字装飾				 */
/* --------------------------------	 */
/* ピーチ色 */
.peach{
	color:#ffcccc;
}

/* 関連ボタン */
span.outlink{
	color:#000;
	background-color:#abcdff;
	padding:1px 7px;
	border-radius:5px;
	font-size:14px;
	margin-right:7px;
	border:solid 1px #f0f0f0
}

/* 汎用テキストアイコン */
span.text_icon{
	color:#fff;
	background-color:#abcdff;
	padding:1px 7px;
	border-radius:5px;
	font-size:14px;
	margin-right:7px;
}


/* --------------------------------	 */
/* 		文字番号付きリスト			 */
/* --------------------------------	 */
ol.list_style02{
	border:solid 1px #666;
	border-radius:10px;
	padding:15px;
	margin-left:0px;
}
ol.list_style02 li{
	margin-left:1.5em;
}

ol.list_style02 ul{
	margin:1em 0em;
}


/* -------------------------------
/   	広告用のリスト（オススメ記事）
/--------------------------------- */
.relate_lists{
	margin:50px auto 20px auto;
	position:relative;
}
.relate_lists .head_text{
	position:absolute;
	top:-1em;
	left:0.5em;
	background-color:#e03333;
	color:#fff;
	line-height:2em;
	padding:0px 10px;
	border-radius:5px;
	font-size:14px;
}
.relate_lists .head_text span{
	margin-left:0.5em;
}
.relate_lists .relates{
	border:solid 3px #e03333;
	border-radius:5px;
	padding:15px 5px 5px 15px;
	background-color:#fff0f0;
}
.relate_lists .relates ul{
	margin:0;
	margin-left:20px;
}
.relate_lists .relates li{
	padding-left:0.2em;
	text-align:left;
}


/* --------------------------------	 */
/* 			テーブル				 */
/* --------------------------------	 */
/* 余白 */
th,td{
	padding:0.4em 0.6em;
}

/* テーブルHEAD部見出し */
thead th{
	border-right: 1px solid #aaa !important;
	text-align:center;
}
thead th:last-of-type{
	border-right: none !important;;
}

/* テーブルBODY部見出し */
tbody th{
	vertical-align:middle;
}

.th_left th{
	text-align:left;
}

/* 背景色付き */
.bg_orange{
	background:#fff0c0;
}

.bg_pink{
	background:#fee;
}



/* --------------------------------	 */
/* 			画像関係				 */
/* --------------------------------	 */
/* 画像のキャプション */
.wp-caption-text{
	font-size:0.8em;
	text-align:center;
}
.wp-caption{
	background-color:#eee;
	padding: 5px;
	padding-bottom:0;
	box-sizing: border-box;
}

/* アイコン画像 */
img.size-icon{
	vertical-align:middle;
	margin-right:0.2em;
}

/* カテゴリーページ用のアイコン画像キャプション */
.caption_iconimg{
	text-align:center;
}
.caption_iconimg .aligncenter,
.caption_iconimg .alignright,
.caption_iconimg .alignleft{
	margin-bottom:0.5em
}

/* フレーム付き */
.frame2{
	background-color:#eee;
	padding:5px;
	box-sizing:border-box;
}


/* --------------------------------	 */
/* 			横並び画像				 */
/* --------------------------------	 */
.img_box{
	text-align:center;
	font-size:13px;
	margin-bottom:1.5em;
	line-height:1.5em;
}



/* --------------------------------	 */
/* 			リンクボタン			 */
/* --------------------------------	 */
.btn{
	width:100%;
}

/* --------------------------------	 */
/* 			コンソールブロック		 */
/* --------------------------------	 */
.console{
	background-color:black;
	color:#eee;
	padding:0 1em;
	margin-bottom:1.5em;
}


/* --------------------------------	 */
/* 			グレーブロック		 */
/* --------------------------------	 */
.gray_box{
	background:#f0f0f0;
	border:solid 1px #aaa;
	padding:0 1em;
	margin-bottom:1.5em;
}


/* --------------------------------	 */
/* 		箇条書きチェックリスト		 */
/* --------------------------------	 */
.check-list{
	border-radius:5px;
	border:solid 2px #eb3b54;
	padding:10px 15px 5px 10px;
	font-weight:bold;
	color:#000;
	margin-left:0;
}

.check-list li{
	margin-left:30px;
	font-weight:bold;
	border-bottom:dashed 1px #eb3b54;
	padding-bottom:0.5em;
	margin-bottom:0.5em;
}
.check-list li:last-of-type{
	border:none;
}


.check-list li::before{
	left:-28px;
	top:8px;
}


/* --------------------------------	 */
/* 			カエレバ				 */
/* --------------------------------	 */
.kaerebalink-box,
.booklink-box {
	width:100%;
	font-size:12px;
	color:#5e6065;
	border:1px solid #ddd;
	padding:15px 15px 14px;
	margin:26px 0 28px;
	box-sizing:border-box;
	word-break:break-all;
}
.kaerebalink-box:after,
.booklink-box:after {
	content:"";
	display:block;
	clear:both;
}
.kaerebalink-image,
.booklink-image {
	float:left;
	width:100px;
	text-align:center;
}
.kaerebalink-image img,
.booklink-image img {
	margin:0 !important;
	width:100%;
	height:auto;
}
.kaerebalink-info,
.booklink-info {
	margin:0 0 0 110px;
}
.kaerebalink-name > a,
.booklink-name > a {
	font-size:14px;
	font-weight:bold;
	color:#2e3035;
}
.kaerebalink-powered-date,
.booklink-powered-date {
	line-height:1.5;
	margin:3px 0;
}
.kaerebalink-powered-date a,
.booklink-powered-date a {
	color:#5e6065;
}
.kaerebalink-detail,
.booklink-detail {
	line-height:1.5;
}
.kaerebalink-link1 a,
.booklink-link2 a {
	color:#fff;
	text-decoration:none;
	display:block;
	text-align:center;
	line-height:28px;
	border-radius:4px;
}
/* ブランドカラーより少し薄めに */
.shoplinkamazon a {
	background:#f8a512;
	margin:7px 0 5px;
}
.shoplinkkindle a {
	background:#159dd6;
	margin:5px 0;
}
.shoplinkrakuten a {
	background:#d43232;
}
/* ショップ名の後ろに「で探す」を表示 */
.shoplinkamazon a::after,
.shoplinkkindle a::after,
.shoplinkrakuten a::after {
	content:"\3067\63A2\3059";
}
.kaerebalink-link1 a:hover,
.booklink-link2 a:hover {
	opacity:.8;
	color:#fff;
}
.kaerebalink-box p,
.booklink-box p {
	margin:0;
}
/* レスポンスウェブデザイン */
@media screen and (min-width:471px) {
	.kaerebalink-detail,
	.booklink-detail {
		margin-bottom:7px;
	}
	.kaerebalink-link1,
	.booklink-link2 {
		margin-right:-6px;
	}
	.kaerebalink-link1 div,
	.booklink-link2 div {
		width:50%;
		float:left;
		margin-bottom:5px;
		padding-right:6px;
	}
	.kaerebalink-link1 div::after,
	.booklink-link2 div::after {
		content: "";
		display: block;
		clear: both;
	}
	.booklink-link2 div:nth-of-type(3) {
		margin-top:1px;
	}
	.shoplinkamazon a,
	.shoplinkkindle a {
		margin:0;
	}
}
@media screen and (min-width:581px) {
	.kaerebalink-box,
	.booklink-box {
		font-size:13px;
		padding:20px 20px 19px;
		margin:28px 0 32px;
	}
	.kaerebalink-image,
	.booklink-image {
		width:112px;
	}
	.kaerebalink-info,
	.booklink-info {
		margin:0 0 0 124px;
	}
	.kaerebalink-name > a,
	.booklink-name > a {
		font-size:15px;
	}
	.kaerebalink-powered-date,
	.booklink-powered-date {
		margin:4px 0;
	}
	.kaerebalink-link1 a,
	.booklink-link2 a {
		line-height:30px;
		font-size:12px;
	}
}
@media screen and (min-width:768px) {
	.kaerebalink-link1 div,
	.booklink-link2 div {
		width:33.33333333%;
	}
	.booklink-link2 div:nth-of-type(3) {
		margin-top:0;
	}
}


/* -------------------------------------------------------	 */
/* 					記事下の各種							 */
/* -------------------------------------------------------	 */
/* --------------------------------	 */
/* 			Adsenceの関連記事		 */
/* --------------------------------	 */
/* 見出し */
.article-body p.relate_title{
	margin-bottom:23px;
	padding:10px 10px 5px;
	background:#05a5ab;
	color:#fff;
	font-size:1.9rem;
	margin-top:60px;
	font-weight:bold;
}
@media screen and (min-width:768px){
	.article-body p.relate_title{
		font-size:2.1rem;
	}
}


/* -------------------------------------------------------	 */
/* 					サイドバー								 */
/* -------------------------------------------------------	 */
/* --------------------------------	 */
/* 			カスタムHTML			 */
/* --------------------------------	 */
.keni-sub .widget_custom_html{
	padding-left:0;
	padding-right:0;
	margin-left:0;
	margin-right:0;
	background:none;
}


/* --------------------------------	 */
/* 			階層メニュー			 */
/* --------------------------------	 */
.widget_nav_menu .keni-section ul{
	margin-top:-20px;
}
.keni-sub .widget_nav_menu ul li a{
	background-color:#ccc;
}

.keni-sub .widget_nav_menu ul li li a{
	background-color:#fff;
}



/* --------------------------------	 */
/* 			カテゴリーリスト		 */
/* --------------------------------	 */
.keni-sub .cat-item a{
	background-color:#ccc;
}
.keni-sub .cat-item ul.children a{
	background-color:#fff;
}


/* ------------------------------------------------------------------------	 */
/* 					モバイル画面の場合										 */
/* ------------------------------------------------------------------------	 */
@media (max-width:767px){

	/* -------------------------------------------------------	 */
	/* 					ヘッダー								 */
	/* -------------------------------------------------------	 */
	/* --------------------------------	 */
	/* 			サイト説明文			 */
	/* --------------------------------	 */
	/* ホーム画面のトップページ以外は消す */
	.home .keni-header_cont{
		display:block;
	}
	.keni-header_cont,
	.paged .keni-header_cont{
		display:none;
	}

}



/* ------------------------------------------------------------------------	 */
/* 					PC画面の場合											 */
/* ------------------------------------------------------------------------	 */
@media screen and (min-width:768px){

	/* -------------------------------------------------------	 */
	/* 					ヘッダー								 */
	/* -------------------------------------------------------	 */
	/* 余白の調整 */
	.site-title{
		padding-left:10px;
	}


	/* -------------------------------------------------------	 */
	/* 					記事本文								 */
	/* -------------------------------------------------------	 */

	/* --------------------------------	 */
	/* 			リンクボタン			 */
	/* --------------------------------	 */
	.btn{
		width:auto;
	}


	/* --------------------------------	 */
	/* 		文字番号付きリスト			 */
	/* --------------------------------	 */
	ol.list_style02{
		padding:20px;
	}


	/* --------------------------------	 */
	/* 			横並び画像				 */
	/* --------------------------------	 */
	/* 2カラムレイアウト */
	article .img_2box:after{
		content:"";
		display:block;
		clear:both;
	}
	article .img_2box .img_box{
		float:left;
		width:47.75%;
	}
	.img_box:nth-child(even){
		margin-left:4.5%;
	}



	/* -------------------------------------------------------	 */
	/* 					サイドバー								 */
	/* -------------------------------------------------------	 */
	/* --------------------------------	 */
	/* 			末尾広告			 */
	/* --------------------------------	 */
	#side_bottom_fix{
		width: 300px;
	}
}