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

/* ▼　共通設定　▼ */
/* ▲　共通設定　▲ */

/*　▼　スマホヘッダー　▼　*/
/*　▲　スマホヘッダー　▲　*/

/* ▼　ヘッダ　▼ */
/* ▲　ヘッダ　▲ */
		
/* ▼　ナビゲーション　▼ */
/* ▲　ナビゲーション　▲ */

/* ▼　メイン　▼ */
a,
a:visited,
a:hover{
	color:#000;
}

.content-area h3{
	text-align:center;
	font-size:1.6em;
	font-weight:bold;
	margin-bottom:70px;
}

#pankuzu .content ul{
	margin:0;
}

.post-navigation-wrapper{
	background-color:#fff;
	padding:80px 1%;
}

.posted-on .entry-date{
	font-weight:bold;
}

.entry-title{
	font-weight:bold;
	padding-top:10px;
}

/*ナビゲーション*/
.posts-navigation{
	margin:0 auto;
	max-width:1000px;
}

.icon-arrow-left{
	/*width:22px;
	height:17px;*/
	background-image:url(../images/icon-arrow-left.png);
	display:inline-block;
	background-repeat: no-repeat;
	padding-left: 30px;
	background-position: center left;
}

.icon-arrow-right{
	/*width:22px;
	height:17px;*/
	background-image:url(../images/icon-arrow-right.png);
	display:inline-block;
	background-repeat: no-repeat;
	padding-right: 30px;
	background-position: center right;
}

/*一覧*/

.blog-main-wrapper{
	background-color:#e9e9e9;
	padding:50px 1%;
}

.blog-main-wrapper .page-header{
	margin: 0px auto 60px;
	max-width: 1000px;
	text-align:center;
}
.blog-main{
	margin: 0 auto;
	max-width: 1000px;
	font-size:1.1em;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.blog-main a.post-wrapper{
	background-color:#fff;
	width:49%;
	max-width:490px;
	float:left;
	padding:30px 3%;
	margin-bottom: 20px;
}

.blog-main a.post-wrapper:nth-child(odd){
	margin-right: 2%;
}

.blog-main .entry-content{
	margin-top:1.5em;
}

.blog-main .entry-content .entry-img{
	display: inline-block;
	margin-right: 2%;
	overflow: hidden;
	width: 50%;
	height:200px;
	float: left;
}

.blog-main .entry-content .entry-img img{
	position: relative;
	top: 50%;
	left: 50%;
	width: auto;
	max-width:none;
	height: 100%;
	webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.blog-main .entry-content .entry-txt {
	display:inline;
}

.blog-main .entry-content .entry-txt p{
	margin-bottom:0;
}

/*記事*/
.blog-single{
	margin: 0 auto;
	max-width: 1000px;
	font-size:1.1em;
}

.blog-single a{
	text-decoration:underline;
}

.blog-single a:hover{
	text-decoration:none;
}

.blog-single .post{
	padding:0 14%;
}

.blog-single .entry-category{
	text-align:right;
}

.blog-single .entry-content .entry-img{
	padding:60px 0;
}

.blog-single .back-front{
	text-align:center;
	padding:80px 0;
	border-top:1px dotted #000;
}

.blog-single .back-front a img{
	padding-right:1em;
}

/*404*/
.blog-single .error-404{
	text-align:center;
	padding:30px 5% 60px;
	line-height:1.2
}

/* ▲　メイン　▲ */	

/* ▼　rss　▼ */
/* ▲　rss　▲ */	

	
/* ▼　フッタ　▼ */
/* ▲　フッタ　▲ */

/*===============================================
●smart.css  画面の横幅が767pxまで
===============================================*/
@media screen and (max-width:767px){
/*　▼　スマホヘッダー　▼　*/
/*　▲　スマホヘッダー　▲　*/

/* ▼　ヘッダ　▼ */
/* ▲　ヘッダ　▲ */
		
/* ▼　ナビゲーション　▼ */
/* ▲　ナビゲーション　▲ */

/* ▼　メイン　▼ */

/*ナビゲーション*/
.posts-navigation{
	padding:0 5%;
}

/*一覧*/
.blog-main{
	padding:0 5%;
}

.blog-main a.post-wrapper{
	width:100%;
	max-width:none;
	padding-left:5%;
	padding-right:5%;
}

.blog-main a.post-wrapper:nth-child(odd){
	margin-right: 0;
}

.blog-main .entry-content .entry-img{
	display: block;
	margin-right: 0;
	margin-bottom:10px;
	width: 100%;
	height:200px;
	float: none;
}

.blog-main .entry-content .entry-txt {
	display:block;
}

/*記事*/
.blog-single .post{
	padding:0 5%;
}

/* ▲　メイン　▲ */

/* ▼　rss　▼ */
/* ▲　rss　▲ */	
	
/* ▼　フッタ　▼ */
/* ▲　フッタ　▲ */	
}