@charset "utf-8";
/* CSS Document */

/* ************************************************ 
 *	
 *	ページのデザイン
 *	
 * ************************************************ */
.no_post{
	background:#f5f5f5;
	text-align:center;
	padding:20% 0px;
	color:#aaa;
}

/* 横幅が100％
------------------------------------------------------------------*/
@media only screen and  ( max-width : 768px ) {
	.page_width100{
		width:111.5%;
		position: relative;
		left:-6%;
		overflow:hidden;
	}
}

/* ページリンク
------------------------------------------------------------------*/
.page_link{
  padding-top:50px;
}


/* ************************************************ 
 *	
 *	PDF ICON
 *	
 * ************************************************ */
.kakudai{
	text-align:center;
	padding:0.5em;
	font-weight:bold;
	color: #18244a;
	text-decoration: none;
	font-size:80%;
}


.kakudai:before{
	content: '';
	display: inline-block;
	width: 15px;
	height: 15px;
	background-image: url(images/common/kakudai.png);
	background-size: contain;
	vertical-align: middle;
	margin-right:0.5em;

}
@media only screen and  ( max-width : 800px ) {
	.kakudai{
		font-size:70%;

	}
	.kakudai:before{
		width: 10px;
		height: 10px;
	}
}



/* ************************************************ 
 *	
 *	PANKUZU
 *	
 * ************************************************ */
.pankuzu{
	font-weight:normal;
	font-size:70%;
	padding:1em 0em;
	background:#f5f5f5;

}
.pankuzu strong{
	font-weight:normal;
}
.pankuzu a{
	font-weight:normal;
}
/* ************************************************ 
 *	
 *	ページレイアウト
 *	
 * ************************************************ */

	#content{
		margin-bottom:2em;

	}
	.page_contents{
		padding:2em 0em 3em 0em;
	}

	#sidebar{
		padding-bottom:2em;
	}








/* ************************************************ 
 *	
 *	ブログ背景
 *	
 * ************************************************ */

#blog_contents .wrapper #wrap{
	background:#f5f5f5;
}
/* -----------------------シングルブロック---------------------- */
.box_shadow_bg{
	background:#fff;
	/* box-shadow */
	box-shadow:0px 0px 3px 2px #dbdbdb;
	/* react native */
	shadowColor:"#dbdbdb",
	shadowOffset:{width:0,height:0},
	shadowOpacity:1,
	shadowRadius:3,
	borderWidth:1,
	borderColor:"#cccccc",
	borderRadius:6

}


/* ************************************************ 
 *	
 *	アーカイブタイトル
 *	
 * ************************************************ */
.archives-title{
	color:#fff;
	background:#19244b;
	padding:1em 1em 1em 2em;
	position: relative;
}
.archives-title:before{
	content: "";
	position: absolute;
	top: 0.5em;
	left: 0.5em;
	width: 2px;
	background:#fff;
	height:2.5em;
}

.loop_date,
.loop_title{
	display:block;
}

.loop_date{
	color:#000033;
}
.loop_title{
	color:#333;
	font-weight:bold;
}

@media print, screen and ( min-width : 768px ) {
	.loop_date{
		width:12em;
		float:left;
	}
	.loop_title{
		padding-left:12em;
	}
}
@media only screen and  ( max-width : 768px ) {
	.loop_date{
		margin-bottom:0.5em;
		font-size:70%;
	}
}






/* ************************************************ 
 *	
 *	WPブログページ共通
 *	
 * ************************************************ */
/* -----------------------タイトル----------------------- */
.entry_title h2{
	font-size:180%;
	padding-bottom:0.4em;
	margin-bottom:0.4em;
	line-height:160%;
	letter-spacing:3px;
	padding:5%;
	border-bottom:3px solid #19244b;
	color:#19244b;
}
@media only screen and  ( max-width : 768px ) {
	.entry_title h2{
		font-size:130%;
	}
}

.info_date{
	color:#000033;
	letter-spacing:2px;
	font-size:80%;

}
.entry_title .info_date{
	text-align:right;
	padding-right:5%;

}
/* -----------------------本文---------------------- */
.single_txt{
	font-size:110%;
	line-height:160%;
	padding:0% 5% 3em 5%;
}

@media only screen and  ( max-width : 768px ) {
	.blog_single{
		width:110.5%;
		position: relative;
		left:-6%;
	}
}

.entry-tax{
	border-top:1px solid #ccc;
	text-align:right;
	padding:0.5em;
	font-size:80%;
	background:#f6f6f6;
}
.entry-tax a{
	display:inline-block;
	padding:2px 15px;
	border:1px solid #000033;
	color:#000033;
	background:#fff;
}
.entry-tax a:hover{
	border:1px solid #f15a25;
	color:#f15a25;;
}




.single_txt a{font-weight:bold;}
.single_txt h1,
.single_txt h2,
.single_txt h3,
.single_txt h4,
.single_txt h5,
.single_txt h6,
.single_txt h7{line-height:130%; font-weight:bold; margin-bottom:20px;}

.single_txt h1{font-size:180%; margin-bottom:1em;}
.single_txt h2{font-size:150%; margin-bottom:1em;}
.single_txt h3{font-size:120%; margin-bottom:0.8em;}
.single_txt h4,
.single_txt h5,
.single_txt h6,
.single_txt h7{font-size:110%}


.single_txt p{
	margin-bottom:1em;
}
blockquote{
	background:#f6f6f6;
	padding:5%;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size:95%;
}
blockquote p{
	line-height:160%;
}
blockquote p{
	margin:0px;
}
.wp-caption{
	background:#fff;
	text-align:center;
	margin-bottom:20px;
	padding:1.2% 1% 0% 1%;
	border:1px solid #ccc;
	max-width:97%;
}
p.wp-caption-text{
	font-size:80%;
	padding:2%;
	text-align:left;
	line-height:140%;
	color:#000;
	font-style:italic;
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 2%;
	margin-bottom: 1em;
	max-width:46%;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 2%;
	margin-bottom: 1em;
	max-width:46%;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
}
img.alignleft,
img.alignright,
img.aligncenter {
}
.alignnone{
	float:none;
}



/* ************************************************ 
 *	
 *	ブログ一覧
 *	
 * ************************************************ */
.loop_box_height{
	border:1px solid #ccc;
	height:250px;
	overflow:auto;
}
.loop_box_ul{
	background:#dcdcdc;

}
.loop_box{
	border-bottom:1px dashed #ccc;
}
.entry_title_link{
	display:block;
	text-decoration: none;
	padding:1em;
	color:#333;
	background:#fff url(images/common/icon.png) 98% 50% no-repeat;
	-moz-background-size:8px 15px;
	background-size:8px 15px;
	padding-right:3em;
	font-size:90%;
}
.entry_title_link:hover{
	color:#333;
}
.loop_box h2{
	font-size:120%;
	margin-bottom:0.5em;
}
.loop_box .info_date{
	font-size:80%;
}




/* ************************************************ 
 *	
 *	PAGER
 *	
 * ************************************************ */
.pager{
	clear: both;
	text-align:center;
	padding:20px 0px 40px 0px;
}
.pager span,
.pager a{
	text-decoration: none;
	padding: 6px 11px;
	margin: 5px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	font-size:12px;
	background: 
		-webkit-gradient(linear, 
		left top, left bottom, 
		color-stop(50%,#fff),
		color-stop(100%,#f5f5f5)
		);
	color: #555B73;
	border:1px solid #dcdcdc;
}
.pager a:hover{background:#dcdcdc;}
.pager .current{
	color: #fff;
	font-weight:bold;
	background:#aaa;
}

@media only screen and  ( max-width : 768px ) {
	/* smp */
	.wp-pagenavi .first,
	.wp-pagenavi .last, 
	span.extend,
	span.pages{display:none;}
}