@charset "UTF-8";

#breadcrumb {
	margin-bottom : 0;
}
#itemList {
	padding : 40px 0;
	background-color : #f2f2f2;
}

/*  */
#itemList {
	position : relative;
}
section#itemList > .inner > .content {
	margin-bottom : 40px;
}
#itemList h2 {
	font-size : 1.4285em;
	margin-bottom : 1em;
}
#itemList > .inner > ul {
	display : grid;
	grid-template-columns : 1fr 1fr;
	grid-gap : 24px;
	margin-bottom : 40px;
}
#itemList > .inner > ul > li {
	background-color : #ffffff;
}
#itemList > .inner > ul > li {
	display : grid;
	grid-template-columns : 1fr 1fr;
	grid-gap : 40px;
	padding : 40px;
	text-decoration : none;
}
#itemList .img {
	display : flex;
	justify-content : center;
	align-items : center;
	margin-bottom : 16px;
}
#itemList .img img {
	width : 100%;
	height : 100%;
	object-fit : contain;
}

#itemList .category {
	display : block;
}
#itemList .category > li {
	display : inline-block;
	margin-top : 6px;
	margin-left : 6px;
}
#itemList .category > li.__col_first {
	margin-left : 0;
}
#itemList .category > li.__row_first {
	margin-top : 0;
}

#itemList .category > li.new {
	padding : 0.25em 0.5em;
	color : #ffffff;
	border : 1px solid #2483b2;
	background-color : #2483b2;
}
#itemList .category > li {
	padding : 0.25em 0.5em;
	color : #2483b2;
	border : 1px solid #2483b2;
}

#itemList .name {
	font-size : 1.6em;
	margin-bottom : 0.5em;
}
#itemList .price {
	font-size : 1.2em;
	margin-bottom : 0.5em;
	color : #2483b2;
}
#itemList .price span {
	font-size : 0.6em;
}
#itemList .price span.option {
	color : #999999;
}

#itemList .description {
	line-height : 1.45;
	margin-bottom : 16px;
}


#itemList .link {
	display : flex;
	justify-content : center;
}
#itemList .link a {
	width : 100%;
	max-width : 300px;
}
#itemList .link.discontinued a {
	background-color : #666666;
}

@media screen and (max-width: 767px) {
	#itemList > .inner > ul {
		grid-template-columns : 1fr;
		grid-gap : 16px;
	}
	#itemList > .inner > ul > li > a {
		grid-template-columns : 1fr;
		grid-gap : 16px;
		padding : 16px;
	}
	#itemList > .inner > ul > li {
		grid-template-columns : 1fr;
	}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
	#itemList > .inner > ul {
		grid-template-columns : 1fr;
	}
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
}
@media screen and (min-width: 1440px) and (max-width: 1919px) {
}
@media screen and (min-width: 1920px) {
}