@charset "UTF-8";

#contents .product {
	width:100%;
}
#contents h3 {
	margin-bottom: 1.25em;
}
#contents .product a {
	width:calc(50% - 15px);
	border-radius:10px;
	padding:15px 30px;
	box-shadow:0 0 5px rgba(0,0,0,.2);
	margin-bottom:30px;
	transition:.3s;
}
#contents .product a.nolink {
	pointer-events: none;
}
#contents .product a:hover {
	opacity:.75;
}
#contents .product a:nth-child(odd) {
	margin-right:29px;
}
#contents .product a div {
	width:100%;
}
#contents .product a img {
	width:40%;
}
#contents .product a ul {
	width:calc(60% - 15px);
}
#contents .product a li {
	line-height:1.3;
	margin-bottom:.5em;
}
#contents .product a li::before {
	content:'-';
	margin-right:.5em;
}
#contents .product a ul.fbox li {
	width:100%;
}
#contents .product a ul.fbox li.w50 {
	width:50%;
}
#contents .product a span {
	width:100%;
	text-align:center;
	background-color:#277AB7;
	color:#FFFFFF;
	font-size:1.5rem;
	font-weight:600;
	padding:.5em;
}

#contents h4 {
    font-size: 2.1rem;
    padding-left: 0.5em;
    margin:0 0 .25em;
	border-left:5px solid #277AB7;
}

@media screen and (max-width:640px){

#contents .product {
	width:100%;
}
#contents h3 {
	margin-bottom: 1em;
}
#contents .product a {
	width:100%;
	padding:10px 15px;
	margin-bottom:30px;
	margin-bottom:10px;
}
#contents .product a:hover {
	opacity:1;
}
#contents .product a:nth-child(odd) {
	margin-right:0;
}
#contents .product a img {
	width:40%;
}
#contents .product a ul {
	width:calc(60% - 15px);
}
#contents .product a li {
	margin-bottom:.25em;
	font-size:1.3rem;
}
#contents .product a span {
	font-size:1.2rem;
}

#contents h4 {
    font-size: 1.6rem;
}
	
}