@charset "Shift_JIS";

/*--------------------------------
ガイドブック共通クラス用CSS
--------------------------------*/

	
/*--------------------------------
カラー用
--------------------------------*/

.blue {
	color: #0000FF;
	}

.red {
	color: #FF3300;
	}

/*--------------------------------
テキスト位置用
--------------------------------*/

.text_center {
	text-align:center;
	}


/*--------------------------------
テキスト装飾用
--------------------------------*/

.text_underline {
	text-decoration:underline;
	}

/*.blank {
	background:url(/guidebook/images/com_ico-blank.gif) no-repeat right;
	padding-right:12px;
}*/

a[target="_blank"]:after,
a.target_blank:after {
    content: "\f2d2";
    font-family: FontAwesome;
    font-size:0.5em;
    margin: 0 0.2em;
	color:#CCC;
}

	header a[target="_blank"]:after,
	footer a[target="_blank"]:after,
	.pr-sps a[target="_blank"]:after,
	.adsense a[target="_blank"]:after,
	.amazon a[target="_blank"]:after,
	.side_bnrsps a[target="_blank"]:after,
	.sd-content a[target="_blank"]:after,
	.side-bnrsps a[target="_blank"]:after {
		content:none;
	}


.dotted_bottom {
	border-bottom:1px dotted #CCC;
	margin:10px 0 20px 0;
	}

#main_contents .cap {/*キャプション*/
	font-size:10px;
	line-height:1.2em;
	margin:0px 0px 10px;
	}

		
/*--------------------------------
フォントサイズ用
--------------------------------*/

.font_10px {
	font-size:10px;
	}

.font_12px {
	font-size:12px;
	}

.font_14px {
	font-size:14px;
	}

/*--------------------------------
フロート用
--------------------------------*/

.float_left {
	float:left;
	}

.float_right {
	float:right;
	}

.float_none {
	float:none;
	}


/*--------------------------------
レイアウト用
--------------------------------*/
/* Adsense/amazon */
.add {
	padding-top: 10px;
	margin: 0 auto;
	text-align:center;
	clear:both;
	}

.add iframe {
	float:none;
	margin:0 0 10px 0;
	clear:both;
	}

.adsense {
	padding: 1em 0;
	clear:both;
	overflow:hidden;
	text-align: center;
}

	.adsense img{
		width: inherit;
		height:auto;
	}
	


/*================================
メモ：マージン
マージンは一括で変更できるものと
一方向ごとに変更するものを用意
================================*/

/*--------------------------------
マージン上下左右用
--------------------------------*/

.margin_0px {
	margin:0px;
	}

.margin_4px {
	margin:4px;
	}

.margin_5px {
	margin:5px;
	}

/*--------------------------------
マージン上下用
--------------------------------*/

/*-- マージン上下5px --*/
.margin_top_bottom_5px {
	margin-top:5px;
	margin-bottom:5px;
	}

/*--------------------------------
マージン左右用
--------------------------------*/

/*-- マージン左右0px --*/
.margin_left_right_0px {
	margin-left:0px;
	margin-right:0px;
	}

/*-- マージン左右4px --*/
.margin_left_right_4px {
	margin-left:4px;
	margin-right:4px;
	}

/*-- マージン左右6px --*/
.margin_left_right_6px {
	margin-left:6px;
	margin-right:6px;
	}

/*-- マージン左右10px --*/
.margin_left_right_10px {
	margin-left:10px;
	margin-right:10px;
	}

/*-- マージン左右15px --*/
.margin_left_right_15px {
	margin-left:15px;
	margin-right:15px;
	}

/*-- マージン左右20px --*/
.margin_left_right_20px {
	margin-left:20px;
	margin-right:20px;
	}

/*-- マージン左右25px --*/
.margin_left_right_25px {
	margin-left:25px;
	margin-right:25px;
	}

/*--------------------------------
マージン左用
--------------------------------*/

/*-- マージン左4px --*/
.margin_left_4px {
	margin-left:4px;
	}

/*-- マージン左10px --*/
.margin_left_10px {
	margin-left:10px;
	}


/*--------------------------------
マージン右用
--------------------------------*/

/*-- マージン右3px --*/
.margin_right_3px {
	margin-right:3px;
	}

/*-- マージン右5px --*/
.margin_right_5px {
	margin-right:5px;
	}

/*-- マージン右8px --*/
.margin_right_8px {
	margin-right:8px;
	}

/*-- マージン右9px --*/
.margin_right_9px {
	margin-right:9px;
	}

/*-- マージン右10px --*/
.margin_right_10px {
	margin-right:10px;
	}

/*--------------------------------
マージン下用
--------------------------------*/

/*-- マージン下3px --*/
.margin_bottom_8px {
	margin-bottom:8px;
	}


/*================================
メモ：余白（padding）
余白は一括で変更できるものと
一方向ごとに変更するものを用意
================================*/

/*--------------------------------
余白（padding）上下左右用
--------------------------------*/

.padding_4px {
	padding:4px;
	}

/*--------------------------------
余白（padding）左右用
--------------------------------*/

/*-- 余白（padding）左右3px --*/
.padding_left_right_3px {
	padding-left:3px;
	padding-right:3px;
	}

/*-- 余白（padding）左右8px --*/
.padding_left_right_8px {
	padding-left:8px;
	padding-right:8px;
	}

/*-- 余白（padding）左右10px --*/
.padding_left_right_10px {
	padding-left:10px;
	padding-right:10px;
	}

/*--------------------------------
余白（padding）右用
--------------------------------*/

/*-- 余白（padding）右5px --*/
.padding_right_5px {
	padding-right:5px;
	}

/*-- 余白（padding）右10px --*/
.padding_right_10px {
	padding-right:10px;
	}


/*--------------------------------
twitter,fecebookなどのアイコンスペース
--------------------------------*/
.ico_sps {
	margin-bottom:5px;
	}

.ico_sps a {
	display:block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background:url(../images/com_btn-icons.gif) no-repeat;
	width:18px;
	height:18px;
	}

.ico_sps a.twitter {
	background-position:0 0;
	}

.ico_sps a.twitter:hover {
	background-position:-30px 0;
	}

.ico_sps a.facebook {
	background-position:0 -20px;
	}

.ico_sps a.facebook:hover {
	background-position:-30px -20px;
	}

.ico_sps a.evernote {
	background-position:0 -345px;
	}

.ico_sps a.evernote:hover {
	background-position:-30px -345px;
	}


/*--------------------------------
テキスト前にアイコンをつける
--------------------------------*/
.ico_pdf {
	background:url(/webmag/images/com_ico-pdf.gif) no-repeat left center;
	padding-left:16px;
	display:block;
	}



/*------------------
　編集部ブログ
------------------*/
#blogs_e-report {
	text-align:left;
	clear: both;
    overflow: hidden;
	width:96%;
	padding:2%;
	}

#blogs_e-report h2 {
	border-bottom:2px solid #000;
}

#blogs_e-report img {
	margin: 0;
	width: 28%;
	height: auto;
}

#blogs_e-report .content {
	margin-top:-5px;
	padding-top:5px;
	}
		
#blogs_e-report .blog {
	padding: 1%;
	}

#blogs_e-report .blog_day{
	margin:0;
	color:#666666;
	text-align:right;
	font-size:0.5em;
	/* display: none; */
}

#blogs_e-report div.blog p.blog_text{
	line-height:1.25;
	width: 70%;
	float: right;
	}

#blogs_e-report div.blog p.blog_text:nth-child(2){
	display: none;
}

#blogs_e-report .blog_name{
	font-size:9px;
	text-align:right;
	display: none;
}

/* タブレットレイアウト : 768px以上用（タブレット用）
***************************************************************************/
@media screen and (min-width: 768px) {

/*--------------------------------
レイアウト用
--------------------------------*/
/* Adsense/amazon */
.add {
	padding:10px 5px;
	margin:0 auto 15px auto;
	}

/*------------------
　編集部ブログ
------------------*/
#blogs_e-report .blog {
	width: 31%;
	float: left;
	}


}


/* タブレットレイアウト : 1024px以上用（PC用）
***************************************************************************/
@media screen and (min-width: 1024px) {

/*--------------------------------
サイドナビ固定
--------------------------------*/
.side-fixed {
	z-index: 101;
	margin-bottom:3em;
	width: 300px;
}


/*------------------
　編集部ブログ
------------------*/
#blogs_e-report {
	padding:0;
	width:100%;
}

#blogs_e-report .blog {
	width: 29%;
	padding: 2%;
	}

#blogs_e-report div.blog p.blog_text{
	max-height:50px;
	overflow:hidden;
	}


}