@charset "UTF-8";

/*メインイメージ
--------------------------------------------------------------------*/
/* メインタイトル */
.contentpage .m_img {
	background-image: url(../images/blog/m_img_blog.jpg);
}
.contentpage .menu_mame .m_img {
	background-image: url(../images/blog/m_img_mamechishiki.jpg);
}



/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
}



/*共通
--------------------------------------------------------------------*/
.entry_list,
.single_page{
	margin-top:-130px;
	padding-bottom: 100px;
}
.blog #pagebody{
	background:#ffffff;}

article img {
	max-width: 100%;
	height: auto;
}

article {
	padding-top: 70px;
	padding-bottom: 70px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3e9fc4+0,3e9fc4+100&0+0,0.1+100 */
background: -moz-linear-gradient(top, rgba(62,159,196,0) 0%, rgba(62,159,196,0.1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(62,159,196,0) 0%,rgba(62,159,196,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(62,159,196,0) 0%,rgba(62,159,196,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003e9fc4', endColorstr='#1a3e9fc4',GradientType=0 ); /* IE6-9 */
}


/* サムネイル有りレイアウト */
.entry-summary {
	width: 77%;
	float: left;
}
.img_thumbnail {
	width: 20%;
	max-width: 250px;
	float: right;
	position: relative;
}

.img_thumbnail p {
	position: relative;
	overflow: hidden;
	text-align: center;
}
.img_thumbnail p::before {
	content: "";
	display: block;
	padding-top: 100%;
	position: relative;
	z-index: 0;
}
.img_thumbnail img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
	max-width: 250px;
	height: auto;
}

/* タイトル */
article .entry-date {
	-webkit-font-smoothing: antialiased;
	color: #939393;
	font-size: 105%;
	letter-spacing: 0em;
	line-height: 1.2em;
	margin-bottom: 10px;
}

article .entry-title-bg{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0482b2+0,0482b2+100&1+0,0.8+52,1+100 */
background: -moz-linear-gradient(left, rgba(4,130,178,1) 0%, rgba(4,130,178,0.8) 52%, rgba(4,130,178,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(4,130,178,1) 0%,rgba(4,130,178,0.8) 52%,rgba(4,130,178,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(4,130,178,1) 0%,rgba(4,130,178,0.8) 52%,rgba(4,130,178,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0482b2', endColorstr='#0482b2',GradientType=1 ); /* IE6-9 */
	padding: 5px 0;
	margin-bottom:40px;}

article .entry-title {
	font-size: 110%;
	letter-spacing: .05em;
	line-height: 1.6em;
	padding: 7px 20px;	
	border-top:1px solid rgba(255,255,255,0.50);
	border-bottom:1px solid rgba(255,255,255,0.50);
}
article .entry-title,
article .entry-title a {
	color: #ffffff;
	text-decoration: none;
}
article .entry-title a:hover {
	color: rgba(255,255,255,0.50);
}

/* 記事内リンク */
.txt_summary a,
.entry-content a {
	border-bottom: rgba(0,0,0,1) 1px solid;
}
.txt_summary a:hover,
.entry-content a:hover {
	color: rgba(0,0,0,0.5);
	text-decoration: none;
}

/* ブログ */
/* タイトル */
.menu_mame .entry-date{
	display:none;
}

.menu_mame article {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#92b14d+0,92b14d+100&0+0,0.1+100 */
background: -moz-linear-gradient(top, rgba(146,177,77,0) 0%, rgba(146,177,77,0.1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(146,177,77,0) 0%,rgba(146,177,77,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(146,177,77,0) 0%,rgba(146,177,77,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0092b14d', endColorstr='#1a92b14d',GradientType=0 ); /* IE6-9 */
}

.menu_mame article .entry-title-bg{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#769d1f+0,769d1f+100&1+0,0.7+52,1+100 */
background: -moz-linear-gradient(left, rgba(118,157,31,1) 0%, rgba(118,157,31,0.7) 52%, rgba(118,157,31,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(118,157,31,1) 0%,rgba(118,157,31,0.7) 52%,rgba(118,157,31,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(118,157,31,1) 0%,rgba(118,157,31,0.7) 52%,rgba(118,157,31,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#769d1f', endColorstr='#769d1f',GradientType=1 ); /* IE6-9 */}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.entry_list,
.single_page{
	margin-top:-10%;
	padding-bottom: 10%;
}

article {
	padding-top: 4%;
	padding-bottom: 4%;
}

/* サムネイル有りレイアウト */
.entry-summary {
	width: 74%;
}
.img_thumbnail {
	width: 24%;
}

/* タイトル */
article .entry-inf {
	margin-bottom: 10px;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.entry_list,
.single_page{
	margin-top:-10%;
	padding-bottom: 10%;
}
article {
	padding-top: 8%;
	padding-bottom: 8%;
}

/* サムネイル有りレイアウト */
.entry-summary {
	width: 100%;
	float: none;
}
.img_thumbnail {
	width: 100%;
	max-width: 178px;
	float: none;
	margin: 0 auto 20px;
}

/* タイトル */
/* タイトル */
article .entry-inf {
	background: none;
	padding-left: 0;
	margin-bottom: 10px;
}
article .entry-title {
	font-size: 140%;
}
.txt_summary p,
.entry-content p {
	line-height: 1.8em;
}
}



/*一覧
--------------------------------------------------------------------*/
/* アーカイブタイトル */
.entry_list .archive-title {
	font-family: 'Open Sans', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-weight: normal;
	letter-spacing: .05em;
}
/* 続きを読む */
.txt_summary .more:hover {
	color: rgba(0,0,0,0.5);
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
}



/*個別ページ
--------------------------------------------------------------------*/
.single_page article {
	padding-bottom: 100px;
}
.single_page .entry-content p {
	margin-top: 30px;
}
/* 画像 */
.single_page article img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.single_page article img.alignright {
	padding-left: 20px;
	padding-bottom: 10px;
	display: inline;
}
.single_page article img.alignleft {
	padding-right: 20px;
	padding-bottom: 10px;
	display: inline;
}
.single_page article .alignright {
	float: right;
}
.single_page article .alignleft {
	float: left;
}

/* 前後の記事へ */
.blog .page_link {
	width: 100%;
	padding: 15px 0;
	border-bottom: solid 1px rgba(4,130,178,0.30);
}
.blog .page_link li {
	width: 48%;
}
.blog .page_link li.flt_l {
	text-align: left;
}
.blog .page_link li.flt_r {
	text-align: right;
}
.blog .page_link li a,
.blog .list_link a {
	font-size: 96%;
	font-weight: bold;
	letter-spacing: .1em;
	line-height: 1.4em;
	text-decoration: none;
	color:#0482b2;
}
.blog .page_link li a:hover,
.blog .list_link a:hover {
	color:rgba(4,130,178,0.50);
}
.blog .page_link li a {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
}
.blog .page_link li a::before,
.blog .page_link li a::after {
	position: absolute;
	top: .1em;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.blog .page_link li.flt_l a {
	padding-left: 15px;
}
.blog .page_link li.flt_r a {
	padding-right: 15px;
}
.blog .page_link li.flt_l a::before{
	left: 0;
	width: 6px;
	height: 6px;
	border-bottom: 1px solid rgba(4,130,178,0.50);
	border-left: 1px solid rgba(4,130,178,0.50);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.blog .page_link li.flt_r a::before{
	right: 0;
	width: 6px;
	height: 6px;
	border-top: 1px solid rgba(4,130,178,0.50);
	border-right: 1px solid rgba(4,130,178,0.50);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* ブログ用*/
.menu_mame .page_link {
	width: 100%;
	padding: 15px 0;
	border-bottom: solid 1px rgba(146,177,77,0.30);
}
.menu_mame .page_link li a,
.menu_mame .list_link a {
	color:#92b14d;
}
.menu_mame .page_link li a:hover,
.menu_mame .list_link a:hover {
	color: rgba(146,177,77,0.50);
}
.menu_mame .page_link li.flt_l a::before{
	border-bottom: 1px solid rgba(146,177,77,0.80);
	border-left: 1px solid rgba(146,177,77,0.80);
}
.menu_mame .page_link li.flt_r a::before{
	border-top: 1px solid rgba(146,177,77,0.80);
	border-right: 1px solid rgba(146,177,77,0.80);
}


/* 一覧へもどる */
.blog .list_link {
	padding-top: 15px;
}
.blog .list_link a{
	position: relative;
	display: inline-block;
	padding-right: 25px;
	vertical-align: middle;
	text-decoration: none;
	color:#0482b2;
}
.blog .list_link a:hover{
	color: rgba(4,130,178,0.50);
}
.blog .list_link a::before,
.blog .list_link a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.blog .list_link a::before {
	right: 0;
	box-sizing: border-box;
	width: 16px;
	height: 16px;
	border: 1px solid rgba(4,130,178,0.70);
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.blog .list_link a::after {
	right: 2px;
	box-sizing: border-box;
	width: 6px;
	height: 2px;
	border: 2px solid transparent;
	border-left: 6px solid rgba(4,130,178,0.70);
}
/* ブログ用*/
.menu_mame .list_link a{
	color:#92b14d;
}
.menu_mame .list_link a:hover{
	color: rgba(146,177,77,0.30);
}
.menu_mame .list_link a::before {
	border: 1px solid rgba(146,177,77,0.70);
}
.menu_mame .list_link a::after {
	border-left: 6px solid rgba(146,177,77,0.70);
}


/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.single_page article {
	padding-bottom: 8%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.single_page article {
	padding-bottom: 10%;
}
/* 画像 */
.single_page article img.aligncenter {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.single_page article img.alignright,
.single_page article img.alignleft {
	padding: 0;
	margin: 0 auto;
	text-align: center;
}
.single_page article .alignright,
.single_page article .alignleft {
	float: none;
}
/* 前後の記事へ */
.blog .page_link {
	width: 100%;
	padding: 15px 0;
}
.blog .page_link li {
	width: 100%;
}
.blog .page_link li.flt_l {
	text-align: center;
	float: none;
}
.blog .page_link li.flt_r {
	margin-top: 5px;
	text-align: center;
	float: none;
}

.blog .list_link {
	text-align: center;
}
}



/*page number
-----------------------------------------------------*/
.wp-pagenavi {
	font-size: 105%;
	line-height: 1.2em;
	clear: both;
	margin-top: 75px;
	padding: 0;
	width: 100%;
	display: inline-block;
	text-align: center;
	background: transparent;
}
.wp-pagenavi .pages {
	display: none;
}
.wp-pagenavi span,
.wp-pagenavi a {	
	display: inline-block;
	text-align: center;
	width: 36px;
	line-height: 33px;
	box-sizing: border-box;
	padding:3px 6.5px 0 6.5px;
	border-radius: 50%;
	margin: 0 5px 0px;
	color: #0482b2;
	letter-spacing: normal;
}

/* 数字背景色 */
.wp-pagenavi .current{
	border:#0482b2 1px solid;}
.wp-pagenavi .page:hover {
	color:#ffffff;
	background: rgba(4,130,178,0.30);
}

/* ブログ */
/* 数字背景色 */
.menu_mame .wp-pagenavi span,
.menu_mame .wp-pagenavi a {	
	color: #92b14d;
}
.menu_mame .wp-pagenavi .page{
	color: #92b14d;
}
.menu_mame .wp-pagenavi .current{
	border:#92b14d 1px solid;
	color: #92b14d;}
.menu_mame .wp-pagenavi .page:hover {
	color:#ffffff;
	background: rgba(146,177,77,0.30);
}

/* 左右の矢印 */
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .first,
.wp-pagenavi .last {
	position: relative;
	color: #939393 !important;
	font-size: 120%;
}
.wp-pagenavi .first,
.wp-pagenavi .last {
	width: auto;
}

/* 最初・最後のリンク */
.wp-pagenavi .nextpostslink:hover,
.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .first:hover,
.wp-pagenavi .last:hover{
	color: rgba(147,147,147,0.50) !important;
}


/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.wp-pagenavi {
	margin-top: 7%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.wp-pagenavi {
	margin-top: 7%;
}
}



/*ウィジェット
-----------------------------------------------------*/
.widget_box {
	max-width: 1000px;
	padding: 70px 3%;
	width: 94%;
	margin:0 auto 30px auto;
	text-align: left;
}
.widget_box .near_box {
	width: 48%;
	float: left;
	color: #221e4c;
}
.widget_box .calendar_box {
	width: 45%;
	float: right;
}

.widget_box h5 {
	font-size: 110%;
	letter-spacing: .1em;
	line-height: 1.2em;
	margin-bottom: 20px;
}
.widget_box .near_list li {
	margin-bottom: 10px;
	padding-left: 1.5em;
	position: relative;
}
.widget_box .near_list li i{
	position: absolute;
	top:0;
	left:0;
	color:#7f7c97;
}
.widget_box .near_list a:hover {
	border-bottom:#221e4c 1px solid;
}
.widget_box #wp-calendar {
	font-size: 90%;
	border: none;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	position: relative;
}
.widget_box #wp-calendar caption,
.widget_box #wp-calendar tfoot {
	font-weight: normal;
	letter-spacing: .1em;
	line-height: 1.0em;
}

.widget_box #wp-calendar caption {
	letter-spacing: .2em;
	padding-bottom: 15px;
}
.widget_box #wp-calendar thead tr{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#040033+0,312e70+51,040033+100 */
background: rgb(4,0,51); /* Old browsers */
background: -moz-linear-gradient(left, rgba(4,0,51,1) 0%, rgba(49,46,112,1) 51%, rgba(4,0,51,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(4,0,51,1) 0%,rgba(49,46,112,1) 51%,rgba(4,0,51,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(4,0,51,1) 0%,rgba(49,46,112,1) 51%,rgba(4,0,51,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#040033', endColorstr='#040033',GradientType=1 ); /* IE6-9 */
}
.widget_box #wp-calendar thead th {
	color: #fff;
	line-height: 1.0em;
	font-weight: normal;
	padding: 15px 0;
}

.widget_box #wp-calendar tbody td {
	background: rgba(235,219,153,0.20);
	padding: 5px 0;
}
.widget_box #wp-calendar a {
	color: #baa459;
	font-weight: bold;
	text-decoration: underline;
}
.widget_box #wp-calendar a:hover {
	opacity: 0.6;
	text-decoration: none;
}

.widget_box #wp-calendar tfoot {
	width: 100%;
	position: absolute;
	top: 0;
}
.widget_box #wp-calendar tfoot a {
	color: #5e584b !important;
	text-decoration: none;
	font-weight: normal !important;
}

.widget_box #wp-calendar #prev {
	position: absolute;
	left: 0;
	top: 0;
	width: 100px;
	text-align: center;
}
.widget_box #wp-calendar #next {
	position: absolute;
	right: 0;
	top: 0;
	width: 100px;
	text-align: center;
}


/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.widget_box {
	padding:0% 3% 5% 3%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.widget_box {
	padding: 5% 3% 8% 3%;
	margin:0 auto;
}
.widget_box .near_box {
	width: 100%;
	float: none;
}
.widget_box .calendar_box {
	width: 100%;
	max-width: auto;
	float: none;
	margin: 6% auto 0;
	padding-top: 6%;
}
}