@charset "UTF-8";
/*-------------------
		blog
-------------------*/
	#blog_list .inner{
		position: relative;
	}
	
	#blog_list .headtitle_blog{
		position: absolute;
		top: 0;
		left: 0;
		background: #a8cba8;
		color: #fff;
		font-size: 1.8rem;
		font-weight: 600;
		padding: 5px 20px;
	}
	#blog_list .blog-post_list{
		margin: 30px auto 10px;
	}
	#blog_list .blog-post_list li{
		margin-bottom: 2%;
		display: table;
	}
	#blog_list .blog-post_list li:before{
		display: table-cell;
		content:"";
		width: 54px;
		height: 50px;
		background: url("/img/common/icon_tori.png") no-repeat top center;
		background-size: 35px auto;
		animation:katakata 2s infinite ease-in-out alternate;
	}	
	#blog_list .blog-post_list dt{
		font-size: 1.4rem;
	}
	#blog_list .blog-post_list dd{
		text-decoration: underline;
	}
	#blog_list .btn_more{
		display: table;
		font-weight: 600;
		font-size: 1.4rem;
		color: #a8cba8;
		text-decoration: none;
		float: right;
	}
	#blog_list .btn_more a{
		display: table;
		line-height: 30px;
		text-decoration: none;
	}
	#blog_list .btn_more a:after{
		display: table-cell;
		content:"";
		width: 36px;
		height: 30px;
		background: url("/img/common/icon_next-maru.png") no-repeat center center;
		background-size: 25px auto;
	}

	#blog_list .headtitle_blog {
		position: inherit;
		display: block;
		margin: auto;
		width: 230px;
		text-align: center;
	}
	#blog_list .blog-post_list{
	border: solid #a8cba8 3px;
    margin-top: 0;
    padding: 5%;
	}
	/* post投稿 */
	.post #blog_list .blog-post_list li:before{
		display: none;
	}
	.post #blog_list .blog-post_list li dd{
		font-size: 1.8rem;
		text-decoration: none;
	}
	.post #blog_list .blog-post_list ul{
		border-bottom: 2px solid #a6b0c6;
		margin-bottom: 5%;
	}	
	.post #blog_list .blog-post_list .post_text_area a{
		text-decoration: underline;
	}		
	
	/* past過去の投稿 */
	.past #blog_list .blog-post_list li.year{
		display: block;
		background: #a8cba8;
		color: #fff;
		padding: 5px;
		display: block;
		margin-bottom: 1em;
		font-size: 1.8rem;
	}
	.past #blog_list .blog-post_list li.year:not(:first-of-type){
		margin-top: 5em;
	}
	.past #blog_list .blog-post_list li.year:before{
		display: none;
	}