/* 	商品ラインナップ */

@media screen and (min-width: 641px){

#lin {
	line-height: 150%;
	}

#lin.top {
	width: 90%;
	max-width: 1200px;
	background: #DE586A;
	margin: 0px auto 80px auto;
	padding: 50px 0px 0px 0px;
	position: relative;
	}

#lin.top h2 {
	color: #ffffff;
	}

#lin.top ul {
	width: 100%;
	margin: 0px auto;
	display: flex;
	flex-wrap: wrap;
	}

#lin.top a {
	width: calc(100% / 2);
	background: url(../img/arr01.png) no-repeat right 5% center;
	background-size: 20px auto;
	border-right: 2px #ffffff solid;
	font-size: 14px;
	line-height: 150%;
	color: #ffffff;
	margin: 0px 0px 50px 0px;
	padding: 40px 5%;
	text-align: center;
	display: block;
	}

#lin.top a:nth-child(2n) {
	border: none;
	}

#lin.top a p {
	line-height: 240px;
	}

#lin.top a p img {
	max-width: 90%;
	max-height: 240px;
	margin: 0px 0px 30px 0px;
	display: inline-block;
	vertical-align: bottom;
	}

#lin.top a.hir p img {
	max-width: 100%;
	}

#lin.top a h3 img {
	width: 45%;
	margin: 0px auto 20px auto;
	display: block;
	}

#lin.top a h3 img:nth-child(2) {
	width: 15%;
	margin: -10px auto 20px auto;
	}

#lin.top a.hir h3 img {
	width: 40%;
	}

}

@media screen and (max-width: 640px){

#lin {
	line-height: 150%;
	}

#lin.top {
	width: 90%;
	background: #DE586A;
	margin: 0px auto;
	padding: 50px 0px 70px 0px;
	position: relative;
	}

#lin.top ul {
	width: 82.758%;
	margin: 0px auto;
	}

#lin.top a {
	width: 100%;
	background: url(../img/arr01.png) no-repeat right center;
	background-size: 20px auto;
	border-bottom: 2px #ffffff solid;
	font-size: 14px;
	line-height: 150%;
	color: #ffffff;
	margin: 0px 0px 40px 0px;
	padding: 0px 0px 40px 0px;
	text-align: center;
	display: block;
	}

#lin.top a:last-child {
	border: none;
	margin: 0px;
	padding: 0px;
	}

#lin.top a p img {
	width: 74%;
	margin: 0px 0px 30px 0px;
	}

#lin.top a.hir p img {
	width: 90%;
	}

#lin.top a h3 img {
	width: 54%;
	margin: 0px auto 20px auto;
	display: block;
	}

#lin.top a h3 img:nth-child(2) {
	width: 21%;
	margin: -10px auto 20px auto;
	}

#lin.top a.hir h3 img {
	width: 40%;
	}

}

