@charset "utf-8";

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

		production　top.css

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

/*==============================
			PC+SP
==============================*/


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

#csr .menu ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}

#csr .menu li {
	width: 333px;
	min-height: 188px;
	border-top: 1px solid #646464;
	}

#csr .link {
	position: relative;
	float: left;
	width: 220px;
	font-size: 1.1rem;
	line-height: 1.4;
	box-sizing: border-box;
	padding-left: 17px;
	}

#csr .link::before {
	position: absolute;
	content: "";
	top: 7px;
	left: 0;
	vertical-align: top;
	width: 8px;
	height: 8px;
	border-top: 2px solid #e60012;
	border-right: 2px solid #e60012;
	transform: scale(0.6, 1.2) rotate(45deg);
	}

#csr .thumb {
	float: right;
	width: 110px;
	box-sizing: border-box;
	border: 1px solid #969696;
	margin-top: 13px;
	}

#csr .thumb img {
	width: 108px;
	/* chrome */ 
	-webkit-backface-visibility: hidden;
	}

}/* pc end */


/*==============================
		SP
==============================*/
@media screen and (max-width: 640px) {

#csr .menu li {
	border-top: 2px solid #646464;
	margin-top: 3rem;
	}

#csr .menu li:first-child {
	margin-top: 0;
	}

#csr .link {
	position: relative;
	float: left;
	width: calc(100% - 32%);
	font-size: 1.1rem;
	line-height: 1.4;
	box-sizing: border-box;
	margin-top: 1rem;
	padding-left: 1rem;
	}

#csr .link::before {
	position: absolute;
	content: "";
	top: 0.4rem;
	left: 0;
	vertical-align: top;
	width: 8px;
	height: 8px;
	border-top: 2px solid #e60012;
	border-right: 2px solid #e60012;
	transform: scale(0.6, 1.2) rotate(45deg);
	}

#csr .thumb {
	float: right;
	width: 32%;
	box-sizing: border-box;
	border: 2px solid #969696;
	margin-top: 1rem;
	}

#csr .thumb img {
	width: 100%;
	}

#csr a.disabled {
	pointer-events: none;
	}

}/* sp end */