@charset "UTF-8";
/*======================================================================
	Title:blog.css
	------------------------------------------------------
	Copyright IROYA All Rights Reserved.
======================================================================*/

/* ============================================================

contents

============================================================ */

/* =============================================
#contents_header_wrapper
============================================= */
#contents_header ul li.menu_blog a{
	opacity:0.3;
}

/* =============================================
#contents_body_wrapper
============================================= */
#contents_body_news{
	display:table;
	width:100%;
	max-width:610px;
	margin:0 auto 65px;
	border-bottom:solid 1px #B5B5B6;
}
#contents_body_news h2,
#contents_body_news p{
	display:table-cell;
	padding:5px 0;
	vertical-align:middle;
	line-height:1;
	font-size:11px;
	font-size:1.1rem;
	letter-spacing:0.1em;
}
#contents_body_news h2{
	width:60px;
	text-align:center;
	color:#164A84;
	border-right:solid 1px #B5B5B6;
}
#contents_body_news p{
	padding-left:15px;
}
#contents_body_news p.new{
	color:#A73836;
}
#contents_body_news p.date{
	letter-spacing:0.2em;
}
#contents_body_news p.title{
	max-width:440px;
	font-size:13px;
	font-size:1.3rem;
	line-height:1.4em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.blog_intro_text{
	width:100%;
	max-width:610px;
	margin:0 auto 65px;
}
.blog_intro_text p{
	white-space:nowrap;
}
.blog_intro_text p:not(:last-child){
	margin:0 0 30px;
}

.contents_body_main .bn_blog{
	margin:0 0 65px 0;
}
.contents_body_main .bn_blog a{
	font-weight:bold;
	line-height:1;
	color:#000;
	text-decoration:none;
}
.contents_body_main .bn_blog a:before{
	content:"";
	display:inline-block;
	width:30px;
	height:30px;
	margin:0 10px 0 0;
	background:url(/_common/img/icon_blog.png) no-repeat  0 0;
	background-size:contain;
	vertical-align:middle;
}

.contents_body_main .blog_feed{
	width:100%;
	max-width:610px;
	margin:0 auto 90px;
}
.contents_body_main .blog_feed > li{
	display:table;
	width:100%;
	margin:0 0 35px 0;
}
.contents_body_main .blog_feed > li:last-child{
	margin:0;
}
.contents_body_main .blog_feed .entry_date,
.contents_body_main .blog_feed .entry_cat{
	display:table-cell;
	vertical-align:middle;
	font-size:11px;
	letter-spacing:0.18em;
	line-height:1;
}
.contents_body_main .blog_feed .entry_cat{
	width:10%;
	max-width:75px;
	border-right:solid 1px #B5B5B6;
}
.contents_body_main .blog_feed .entry_cat a{
	text-decoration:none;
}
.contents_body_main .blog_feed .entry_cat a.info{
	color:#164A84;
}
.contents_body_main .blog_feed .entry_cat a.log{
	color:#AACF53;
}
.contents_body_main .blog_feed .entry_cat a.event{
	color:#F39800;
}
.contents_body_main .blog_feed .entry_date{
	width:14%;
	max-width:110px;
}
.contents_body_main .blog_feed .entry_title{
	display:table-cell;
	width:72%;
	padding:0 0 0 2%;
	line-height:1.5em;
}
.contents_body_main .blog_feed .entry_title span.new{
	display:inline-block;
	margin:0 10px 0 0;
	color:#A73836;
	font-size:12px;
}


/* ============================================================

SP

============================================================ */

@media screen and (max-width:736px){

	#contents_body_news{
		display:block;
		margin:10px auto 45px;
		border-bottom:none;
	}
	#contents_body_news h2,
	#contents_body_news p{
		display:block;
		padding:4px 0;
		margin:6px 0;
		font-size:1rem;
	}
	#contents_body_news h2{
		width:auto;
		padding:4px 10px;
		float:left;
		border-right:solid 1px #B5B5B6;
	}
	#contents_body_news p{
		padding-left:10px;
	}
	#contents_body_news p.new{
		float:left;
	}
	#contents_body_news p.date{
		font-size:1rem;
		float:left;
	}
	#contents_body_news p.title{
		clear:both;
		padding:10px;
		font-size:1.2rem;
		background:#EEEEEF;
		line-height: 1.5em;
	}


	.blog_intro_text{
		width:100%;
		max-width:610px;
		margin:0 auto 40px;
	}
	.blog_intro_text p{
		white-space:normal;
	}

	.contents_body_main .bn_blog{
		margin:0 0 40px 0;
	}
	.contents_body_main .blog_feed{
		margin: 0 auto 50px;
	}
	.contents_body_main .blog_feed > li{
		display:block;
		margin:0 0 20px 0;
	}
	.contents_body_main .blog_feed .entry_date,
	.contents_body_main .blog_feed .entry_cat{
		display:inline-block;
	}
	.contents_body_main .blog_feed .entry_cat{
		width:64px;
		max-width:100%;
	}
	.contents_body_main .blog_feed .entry_date{
		width:auto;
		max-width:100%;
	}
	.contents_body_main .blog_feed .entry_title{
		display:block;
		width:100%;
		padding:2px 0 0;
		letter-spacing:0.05em;
		font-size:1.3rem;
	}

}