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

/* ---------------------------------------------------------------------------------------------

　   SECTION

--------------------------------------------------------------------------------------------- */

section{
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	}

	@media only screen and (max-width: 1200px) {
		}
	@media only screen and (max-width: 680px) {
		}


/* ---------------------------------------------------------------------------------------------

　   パンくず

--------------------------------------------------------------------------------------------- */

.pan {
	width: 90%;
	max-width: 1200px;
	font-size:		0.9em;
	color:			#777;
	padding:		0;
	margin:			20px auto 50px auto;
	}
.pan ul li{
	float: left;
	list-style: none;
	}
.pan ul li:before{
	content: '\00a0>\00a0';
	}
.pan ul li:first-child:before{
	content: none;
	}
.pan a {	
	color:			#777;
	text-decoration:none;
	}
.pan a:hover {
	color:			#777;
	text-decoration:underline;
	}
.pan .post{
	float:none;
	}
	@media only screen and (max-width: 1080px) {
		.pan {
			margin:			0 auto 15px auto;
			}
		}
	@media only screen and (max-width: 680px) {
		.pan {
			font-size:		0.8em;
			line-height: 150%;
			}
		.pan{
    		word-break :break-all;
			}
		}

/* ---------------------------------------------------------------------------------------------

　   ページ タイトル

--------------------------------------------------------------------------------------------- */

.page_ttl{/* 背景画像指定　各css　*/
	width:			100%;
	min-height:		160px;
	line-height:	160px;
	display:		block;
	margin:			0 0 10px 0;
	text-align:		center;
	align-items:	center;
	}
.page_ttl h2{/* 色指定　各css　*/
	margin: 0 ;
	font-size:		1.8em;
	color:			#fff;
	font-weight:	500;
	}
	@media only screen and (max-width: 800px) {
		.page_ttl{
			min-height:		120px;
			line-height:	120px;
			}
		}
	@media only screen and (max-width: 680px) {
		.page_ttl{
			background-size: 130%;
			min-height:		80px;
			line-height:	80px;
			}
		.page_ttl h2{
			font-size:		1.6em;
			}
		}

/* ---------------------------------------------------------------------------------------------

　   見出し

--------------------------------------------------------------------------------------------- */

.tex h3 {
	color: #777;
	border-left: solid 3px #2aaed2;/* 色指定　各css　*/
	position: relative;
	padding: 7px 0 7px 20px;
	margin: 20px 0;
	font-size: 1.8em;
	font-weight:	500;
	float: none;
	clear: both;
}
.tex h4 {
	color: #2aaed2;/* 色指定　各css　*/
	border-bottom: solid 1px #ccc;
	position: relative;
	padding: 5px 0 9px 0;
	margin: 20px 0 11px 0;
	font-size: 1.4em;
	font-weight:	500;
	float: none;
	clear: both;
}
.tex h4:after {
	content: "";
	display: block;
	line-height: 0;
	overflow: hidden;
	position: absolute;
	border-bottom: solid 1px #2aaed2;/* 色指定　各css　*/
	bottom: -1px;
	width: 25%;
}
.tex h5{
	color: #777;
	font-size: 1.2em;
	font-weight:	500;
	margin: 8px 0 3px 0;
}
	@media only screen and (max-width: 680px) {
		.tex h3 {
			padding: 5px 0 5px 12px;
			margin: 12px 0;
			font-size: 1.4em;
			}
		.tex h4 {
			font-size: 1.25em;
			padding: 3px 0 7px 0;
			margin: 10px 0 7px 0;
			}
		.tex h5 {
			font-size: 1.1em;
			}
		}

/* ---------------------------------------------------------------------------------------------

　   TABLE

--------------------------------------------------------------------------------------------- */
table,
.bt2 table {
	width:100%;
	width:100%;
	border:1px solid #ccc;
	margin:5px 0 30px 0;
	border-collapse:collapse;
	}
table th,
.bt2 table th{
	text-align:center;
	padding:5px;
	border:1px solid #ccc;
	background-color:#F5F5EF;
	}
table td,
.bt2 table td{
	padding:12px;
	border:1px solid #ccc;
	}
table.mobile-block,
.bt2 table.mobile-block {
	line-height: 135%;
	}
table.mobile-block input,
table.mobile-block select,
.bt2 table.mobile-block input,
.bt2 table.mobile-block select {
	margin: 0 0 10px 0;
	}
	@media only screen and (max-width: 680px) {
		table,
.bt2 table{
			line-height: 160%;
			}
		table th,
.bt2 table th{
			padding: 4px 5px ;
			border:1px solid #ccc;
			border-bottom:none;
			}
		table td,
.bt2 table td{
			padding:4px 5px;
			border:1px solid #ccc;
			}
		table.mobile-block td,
		table.mobile-block th,
		.bt2 table.mobile-block td,
		.bt2 table.mobile-block th {
			display:block;
			}
		table.mobile-block,
		.bt2 table.mobile-block {
			border:none;
				}
		table.mobile-block th,
		.bt2 table.mobile-block th{
			text-align:left;
			font-weight: bold;
			}
		table.mobile-block td,
		.bt2 table.mobile-block td{
			border:none;
			}
		table.mobile-block th br
		.bt2 table.mobile-block th br{
			display: none;
			}
		}

/* table2
---------------------------------------------------- */
.bt table{
	width:100%;
	border-top:1px solid #ccc;
	border-left: none;
	border-right: none;
	border-bottom: none;
	margin:5px 0 30px 0;
	border-collapse:collapse;
	}
.bt table th{
	text-align:center;
	padding:10px;
	border-bottom:1px solid #ccc;
	border-left: none;
	border-right: none;
	border-top: none;
	background-color:#F5F5EF;
	}
.bt table td{
	padding:12px;
	border-bottom:1px solid #ccc;
	border-left: none;
	border-right: none;
	border-top: none;
	}
.bt table.mobile-block{
	line-height: 135%;
	}
.bt table.mobile-block input,
.bt table.mobile-block select{
	margin: 0 0 10px 0;
	}
	@media only screen and (max-width: 680px) {
	.bt table{
			line-height: 160%;
			}
	.bt table th{
			padding: 8px 10px ;
			border-top:1px solid #ccc;
			border-bottom:none;
	border-left: none;
	border-right: none;
			}
	.bt table td{
			padding:8px 10px;
			}
	.bt table.mobile-block td,
	.bt table.mobile-block th{
			display:block;
			}
	.bt table.mobile-block {
			border:none;
				}
	.bt table.mobile-block th{
			text-align:left;
			font-weight: bold;
			}
	.bt table.mobile-block td{
			border:none;
			}
	.bt table.mobile-block th br{
			display: none;
			}
		}

/* ---------------------------------------------------------------------------------------------

　   TEX

--------------------------------------------------------------------------------------------- */

.tex,
.tex2 {
	width: 100%;
	font-size:1em;
	margin: 0 0 60px 0;
	text-align:justify;
	text-justify:inter-ideograph;
	}
.tex:after,
.tex2:after {
	content: " "; 
	display: block;
	clear: both;
	}
.tex a,
.tex2 a {
	color:			#122cc1;
	text-decoration:none;
	}
.tex a:hover,
.tex2 a:hover {
	opacity: 0.7;
	}
.tex img,
.tex2 img {
	border: 0;
	max-width: 100%;
	height: auto;
	}
.tex img a,
.tex2 img a {
	border: 0;
	}
.tex a:hover img,
.tex2 a:hover img {
	opacity:0.75;
	filter:alpha(opacity=75);
	-ms-filter: "alpha( opacity=75 )";
	}
	@media only screen and (max-width: 680px) {
		.tex,
		.tex2 {
			margin: 0 0 20px 0;
			}
		}

/* ---------------------------------------------------------------------------------------------

　   ブログページ

--------------------------------------------------------------------------------------------- */

.entry{
	width: 68%;
	margin: 30px 0;
	float: left;
	/*border-bottom: solid 1px #ddd;*/
	}
aside.aside{
	width: 26%;
	margin: 35px 0 0 0;
	float: right;
	}
	@media only screen and (max-width: 680px) {
		.entry{
			width: 100%;
			margin: 10px 0 20px 0;
			float: none;
			}
		aside.aside{
			display: none;
			}
		}
aside ul li{
	list-style: none;
	margin: 0 0 50px 0;
	font-size:0.95em;
}
aside h2.widgettitle{
	color:#777;
	font-size:1em;
	font-weight:bold;
	line-height: 160%;
	margin-bottom:20px;
	padding-bottom: 5px;
	border-bottom: dotted 1px #aaa;
}
aside .widget_categories ul li:before,
aside .widget_recent_entries ul li:before,
aside .widget_archive ul li:before{
	content: "・";
	color:#777;
}
aside .widget_categories ul li,
aside .widget_recent_entries ul li,
aside .widget_archive ul li{
	line-height: 140%;
	margin-bottom: 8px;
}
aside .widget_categories ul li a,
aside .widget_recent_entries ul li a,
aside .widget_archive ul li a,
aside .widget_categories ul li,
aside .widget_recent_entries ul li,
aside .widget_archive ul li{
	color:			#777;
}

aside .widget_recent_entries ul li{
	padding-left:1em;
	text-indent:-1em;
}


/*	arvhive
/* ------------------------------------- */
.info_box1{
	margin: 20px 0px 0px 0px;
}
.info_box {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 15px 0px;
}


.i_cat{
	display: inline-block;
	font-size: 0.8em;
	font-weight: bold;
	line-height: 130%;
	margin: 0px 4px 0px 0px;
	padding: 6px 10px 4px 0;
	border-radius: 3px;
}

.i_date{
	display: inline-block;
	color: #777;
	font-size: 0.8em;
	line-height: 100%;
	margin: 0px 0px 0px 0px;
}
.i_text_box{
	margin: 50px 0px 50px 0px;
	padding: 0px;
}
	@media only screen and (max-width: 650px) {/* スマホ幅 */
		.i_text_box{
			margin: 10px 0px 20px 0px;
			padding: 0px;
		}
		.tex p  :empty {
			display:none;
			}
		}
.i_text{
	line-height: 130%;
	margin: 0px 0px 0px 0px;
}

.i_m{
	color: #777;
	margin: 0px 10px 0px 0px;
	clear:both;
}
.i_text a {
	color: #e60012;
	text-decoration: none;
}

.i_text a:hover {
	color: #e60012;
	text-decoration: underline;
}
.i_title {
	color: #339;
	font-size: 1.3em;
	font-weight: normal;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom:#CCC 1px solid;
	padding: 0;
	line-height: 2em;
}
.i_title a {
	color: #339;
	font-weight: normal;
	padding: 0;
}
.i_title a:hover{
	color: #ddd;
}
.i_title:after {
	border-bottom: none!important;/* 色指定　各css　*/
}

/* ---------------------------------------------------------------------------------------------

　   ボタン

--------------------------------------------------------------------------------------------- */

.postmetadata a{
	margin: 5px 0 20px 0;
	padding: 7px 22px 5px 20px;
	color: #777;
	display: inline-block;
	background-color:#f6f3eb;
	border-radius: 5px;
	text-decoration: none;
}
.postmetadata a:hover{
	text-decoration: underline;
}


	@media only screen and (max-width: 800px) {
			.postmetadata a{
				margin: 10px 0;
				}
			}
	@media only screen and (max-width: 680px) {
			.postmetadata a{
				margin: 5px 0;
				padding: 5px 17px 3px 15px;
				}
			}

/* ---------------------------------------------------------------------------------------------

　   ページナビ スタイル

--------------------------------------------------------------------------------------------- */

.wp-pagenavi {
	padding: 10px 20px 80px 0px;
	display:block;
	clear:both;
	}
	@media only screen and (max-width: 650px) {
			.wp-pagenavi {
				font-size: 0.7em;
				padding: 0 !important;
				margin: 0 !important;
				}
			}
.wp-pagenavi a,
.wp-pagenavi a:link {
	padding: 6px 8px !important;
	margin: 2px !important;
	text-decoration: none !important;
	border:1px solid #e2e5e5 !important;
	color: #8c9c9c !important;
	background:url(images/pagination-bg.png) repeat-x !important;
	font-weight: normal !important;
	}
	@media only screen and (max-width: 650px) {
		.wp-pagenavi a,
		.wp-pagenavi a:link {
			padding: 5px 6px !important;
			margin: 1px !important;
			}
		}
.wp-pagenavi span.pages {
	padding: 6px 8px !important;
	margin: 2px !important ;
	border: none !important;
	color: #bcc9c9 !important;
	background: none !important;
	}
	@media only screen and (max-width: 650px) {
		.wp-pagenavi span.pages {
			padding: 5px 6px !important;
			margin: 1px !important ;
			}
		}
.wp-pagenavi span.current,
.wp-pagenavi span.extend,
.wp-pagenavi a:active,
.wp-pagenavi a:hover {
	padding: 6px 8px !important;
	margin: 2px;
	font-weight: bold;
	background:url(images/pagination-bg.png) repeat-x !important;
	border:1px solid #e2e5e5 !important;
	color:#8c9c9c !important;
	}
	@media only screen and (max-width: 650px) {
		.wp-pagenavi span.current,
		.wp-pagenavi span.extend,
		.wp-pagenavi a:active,
		.wp-pagenavi a:hover {
			padding: 5px 6px !important;
			margin: 1px;
			}
		}
.wp-pagenavi a,
.wp-pagenavi a:link,
.wp-pagenavi span.current,
.wp-pagenavi span.extend,
.wp-pagenavi a:active {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	}
	@media only screen and (max-width: 650px) {
		.wp-pagenavi a,
		.wp-pagenavi a:link,
		.wp-pagenavi span.current,
		.wp-pagenavi span.extend,
		.wp-pagenavi a:active {
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
			border-radius: 6px;
			}
		}
.wp-pagenavi a:hover {
	color: #000 !important;
	}