@charset "utf-8";

/**
 *
 *  ニュース  .sec_news
 *
 */

/*--------------------------------------------------------------------------
	ニュース  .sec_news
---------------------------------------------------------------------------*/
	.sec_news {
		background: #F7F7F7;
	}
	.sec_news > .inline {
		padding: 30px 60px 50px;
		width: initial;
		margin: 0 auto;
	}
	.sec_news h2 {
		margin-bottom: 10px;
		font-size: 2.7rem;
		text-align: center;
		line-height: 1;
		letter-spacing: 0.25rem;
	}
	.sec_news ul {
		max-width: 880px;
		max-height: 150px;
		margin: auto;
		overflow: auto;
	}
	.sec_news .list li {
		display: flex;
		padding: 14px 0;
		border-bottom: 1px dotted #C2C4C5;
		font-size: 1.2rem;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: left;
		align-items: baseline;
	}
	.sec_news .list .date {
		display: block;
		max-width: 130px;
		min-width: 80px;
		margin-right: 30px;
		font-size: 1.4rem;
		letter-spacing: 0.1rem;
		line-height: 1.5em;
	}
	.sec_news .list .txt {
		display: block;
		overflow: hidden;
	}
	.sec_news .list .txt > .inner {
		display: block;
		width: 100%;
/*		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;*/
	}
	.sec_news .list .txt .em {
		font-size: 1.8rem;
		font-weight: bold;
		color: #f70000;
	}
	.sec_news li:before {
		display: flex;
		min-width: 60px;
		height: 2.2em;
		margin-right: 15px;
		padding: 0 10px;
		border-radius: 5px;
		color: #fff;
		text-align: center;
		justify-content: center;
		align-items: center;
	}
	.sec_news li.news_zen:before {
		content: '全 店';
		background: #006DAD;
	}
	.sec_news li.news_abe:before {
		content: '安倍本店';
		background: #2FA9FF;
	}
	.sec_news li.news_ryo:before {
		content: '両三柳店';
		background: #F79823;
	}
	.sec_news li.news_sei:before {
		content: '西部ホンダ';
		background: #FF2F2F;
	}
	.sec_news li.news_Rental:before {
		content: 'レンタカー';
		background: #F56D17;
	}
	.sec_news li.news_close:before {
		content: '休 業';
		background: #CE1425;
	}
	.sec_news span.redspan {
		color: #FF0000;
	}

/* @sp **************************************************/
@media all and (max-width: 1100px){
	.sec_news > .inline {
		padding: 18px 15px 30px 20px;
	}
	.sec_news h2 {
		margin-bottom: 12px;
		font-size: 2.0rem;
	}
	.sec_news ul {
		max-height: 190px;
	}
	.sec_news .list li {
		padding: 10px 0;
		background: none;
		flex-wrap: wrap;
	}
	.sec_news .list .date {
		width: auto;
		max-width: inherit;
		padding-right: 15px;
		line-height: 2em;
	}
	.sec_news .list .txt > .inner {
		margin-top: 5px;
		overflow: visible;
		text-overflow: clip;
		word-wrap: normal;
		white-space: normal;
	}
	.sec_news .list .txt .em {
		font-size: 1.2rem;
	}
}