@charset "utf-8";

/* ------------------------------------------------------------------------- *
 *	PC : 641px < Window Size
/* ------------------------------------------------------------------------- */
@media print,screen and (min-width: 641px) {
	/* ------ Header ------ */
	#page-ttl{
		background-image: url(../../img/news/page_ttl_pc.jpg);
	}

	/* ------ Body ------ */
	#news_list ul.news li:not(:last-child){
		margin-bottom:40px;
	}
	#news_list ul.news li{
		padding-bottom:40px;
		border-bottom:1px solid #b3b3b3;
	}
	#news_list ul.news li a{
		display:flex;
		-js-display:flex;
		display:-webkit-flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		flex-flow: row nowrap;
		-webkit-flex-flow: row nowrap;
		align-items: flex-start;
		-webkit-align-items: flex-start;
		width:100%;
	}
	#news_list ul.news li .img{
		width:22%;
	}
	#news_list ul.news li .tbox{
		width:76%;
	}
	#news_list ul.news li .tbox .ttl{
		display:flex;
		-js-display:flex;
		display:-webkit-flex;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		flex-flow: row nowrap;
		-webkit-flex-flow: row nowrap;
		align-items: flex-start;
		-webkit-align-items: flex-start;
		margin-bottom:0.714em;
	}
	#news_list ul.news li .tbox .date{
		font-size:16px;
		margin-right:0.71em;
		color:#d90000;
	}
	#news_list ul.news li .tbox .ttl_b{
		font-size:16px;
		margin-bottom:0;
	}
	#news_list ul.news li .tbox .txt{
		word-break: break-all;
		line-height:1.8em;
	}

	#news_single .news{
		display:flex;
		-js-display:flex;
		display:-webkit-flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		flex-flow: row nowrap;
		-webkit-flex-flow: row nowrap;
		align-items: flex-start;
		-webkit-align-items: flex-start;
		width:100%;
	}
	#news_single .news .img{
		width:42%;
	}
	#news_single .news .tbox{
		width:54%;
	}
	#news_single .news .ttl h3.ttl_b{
		width:100%;
		font-size:1.71em;
		margin-bottom:0.625em;
	}
	#news_single .news .ttl .date{
		color:#d90000;
		margin-bottom:1.07em;
	}
	#news_single .news .tbox .txt{
		word-break: break-all;
		line-height:1.6em;
	}

}
/* ------------------------------------------------------------------------- *
 *	Mobile (Low Res) : 640px > 0
/* ------------------------------------------------------------------------- */
@media only screen and (max-width: 640px) {
	/* ------ Header ------ */
	#page-ttl{
		background-image: url(../../img/news/page_ttl_sp.jpg);
	}

	/* ------ Body ------ */
	#news_list ul.news li:not(:last-child){
		margin-bottom:6.25vw;
	}
	#news_list ul.news li{
		padding-bottom:5.469vw;
		border-bottom:1px solid #b3b3b3;
	}
	#news_list ul.news li a{
		display:flex;
		-js-display:flex;
		display:-webkit-flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		flex-flow: row nowrap;
		-webkit-flex-flow: row nowrap;
		align-items: flex-start;
		-webkit-align-items: flex-start;
		width:100%;
	}
	#news_list ul.news li .img{
		width:33.4%;
		max-width:200px;
	}
	#news_list ul.news li .tbox{
		width:60%;
	}
	#news_list ul.news li .tbox h3{
		width:100%;
		margin-bottom:2.2vw;
	}
	#news_list ul.news li .tbox .date{
		color:#d90000;
		display:block;
		font-size:1em;
		line-height:1em;
		margin-bottom:2.2vw;
	}
	#news_list ul.news li .tbox .txt{
		word-break: break-all;
	}

	#news_single .news .img{
		margin-bottom:5.5vw;
	}
	#news_single .news .ttl{
		margin-bottom:3.125vw;
	}
	#news_single .news .ttl h3{
		width:100%;
		margin-bottom:0;
	}
	#news_single .news .ttl .date{
		color:#d90000;
		display:block;
		font-size:1em;
		line-height:1em;
		margin-bottom:2.2vw;
	}
	#news_single .news .tbox .txt{
		word-break: break-all;
		line-height:1.6em;
	}
}