/*PC*/
@media (min-width: 641px) {

	/* メインビジュアル 
	------------------------------------------- */
	#mainvisual {
		background: url(images/mainvisual-bg.jpg) no-repeat center top;
		/*height: 359px;*/
		background-size: cover;
		border-bottom: 2px solid #fff;
	}
	#mainvisual .inner {
		width: 1000px;
		margin: auto;
	}

	/* 製品一覧 
	------------------------------------------- */
	#lineup ul {
		padding-top: 30px;
	}
	#lineup li {
		float: left;
		background: url(images/product-base.png) no-repeat;
		width: 248px;
		height: 70px;
		margin-right: 3px;
		display: table;
		margin-bottom: 20px;
	}
	#lineup li:nth-child(3n) {
		margin-right: 0;
	}
	#lineup li a {
		display: block;
	}
	#lineup li div {
		display: table-cell;
		vertical-align: middle;
		height: 70px;
		padding: 0 0 0 10px;
		font-size: 16px;
		font-weight: bold;
		line-height: 1.2;
		letter-spacing: -0.5px;
	}
	#lineup li div:first-child {
		width: 70px;
		padding-left: 15px;
	}
	#lineup li div.small {
		padding: 0 0 0 10px;
		font-size: 14px;
	}

	/* お知らせ 
	------------------------------------------- */
	#news {
		position: relative;
	}
	#news .all {
		position: absolute;
		top: 12px;
		right: 10px;
	}
	#news h2 {
		margin-bottom: 0;
	}
	#news ul {
		border: 1px solid #c9c9c9;
		border-top: none;
		padding: 2px;
		height: 240px;
		overflow: auto;
	}
	#news ul li {
		border-bottom: 1px solid #c9c9c9;
		padding: 10px 0;
	}
	#news ul li .date {
		float: left;
		width: 120px;
		text-align: center;
	}
	#news ul li .title {
		float: right;
		width: 600px;
	}
}

@media (min-width: 641px) and (max-width: 800px) {
	#lineup ul {
		width: 502px;
	}
	#lineup ul li:nth-child(2n) {
		float: right;
	}
}

/*スマホ*/
@media (max-width: 640px) {
	/* メインビジュアル 
	------------------------------------------- */
	#mainvisual {
		/*background: url(images/mainvisual-bg.jpg) no-repeat center top;*/
		background-size: cover;
		border-bottom: 2px solid #fff;
		/*padding: 10px;*/
	}


	/* 製品一覧 
	------------------------------------------- */
	#lineup ul {
		padding-top: 10px;
	}
	#lineup li {
		width: 100%;
		background: url(images/product-base.png) no-repeat;
		background-size: 100% 100%;
		height: 70px;
		display: table;
		margin-bottom: 10px;
	}
	#lineup li:nth-child(2n) {
		float: right;
	}
	#lineup li a {
		display: block;
	}
	#lineup li div {
		display: table-cell;
		vertical-align: middle;
		height: 70px;
		padding: 0 0 0 10px;
		font-size: 16px;
		font-weight: bold;
		line-height: 1.2;
		letter-spacing: -0.5px;
	}
	#lineup li div:first-child {
		width: 100px;
		padding-left: 15px;
	}
	#lineup li div.small {
		padding: 0 0 0 10px;
		font-size: 14px;
	}

	/* お知らせ 
	------------------------------------------- */
	#news h2 {
		margin-bottom: 0;
	}
	#news ul {
		border: 1px solid #c9c9c9;
		border-top: none;
		height: 216px;
		overflow: auto;
	}
	#news ul li {
		border-bottom: 1px solid #c9c9c9;
		padding: 15px 10px;
	}
	#news .all {
		float: right;
	}

}