@charset "UTF-8";
/* a {
	background-color : yellow;
}*/
section#product > .inner {
	overflow : hidden;
	margin : 0 auto;
	padding : 0 20px 40px;
}
section#product > .inner > .content:not(:last-child) {
	margin-bottom : 60px;
}
#product > .inner > header {
	margin-bottom : 24px;
	padding-bottom : 24px;
	border-bottom : 1px dotted #000000;
}
#product h1 {
	font-size : 1.8em;
	font-weight : bold;
	line-height : 1.45;
}
#product h1 span {
	display : block;
	font-size : 0.725em;
	font-weight : normal;
	margin-top : 0.25em;
	color : #777777;
}

#product h3 {
	font-size : 1.275em;
	font-weight : bold;
	margin-bottom : 1em;
	padding : 0.75em 0;
	border-bottom : 1px dotted #000000;
}
#product h3 span {
	font-family : "Century Gothic", "arial Black", sans-serif;
	font-size : small;
	font-weight : bold;
	font-style : normal;
	padding-left : 10px;
	color : #999999;
}


#relavantItem h4 {
	font-weight : bold;
	margin-bottom : 32px;
}
#relavantItem ul {
	display : grid;
	grid-template-columns : 1fr 1fr 1fr 1fr 1fr;
	grid-gap : 24px;
}
#relavantItem ul > li {
	padding : 16px;
	border : 1px solid #eeeeee;
	background-color : #fafaf8;
	box-shadow : 0 3px 4px 0 #f6f6f6;
}
#relavantItem .itemImg {
	height : 140px;
	margin-bottom : 16px;
}
#relavantItem .itemImg img {
	width : 100%;
	height : 100%;
	object-fit : contain;
}
#relavantItem .name {
	font-weight : bold;
	margin-bottom : 16px;
}
#relavantItem .price {
	font-size : 0.875em;
	line-height : 1.45;
	margin-bottom : 12px;
	color : #777777;
}
#relavantItem .price span {
	font-size : 1.125em;
	font-weight : bold;
	color : #468daf;
}
#relavantItem .stock {
	display : block;
	font-size : 0.785em;
	margin-bottom : 12px;
	margin-left : 0;
	padding : 4px;
	text-align : center;
	color : #666666;
	border : 1px solid #cccccc;
	background-color : #ffffff;
}
#relavantItem form {
	display : flex;
	align-items : center;
}
#relavantItem form select {
	font-size : 0.875em;
	margin : 0 8px 0 4px;
}
#relavantItem form button {
	font-size : 0.875em;
	padding : 0.65em 0.65em;
	cursor : pointer;
	color : #ffffff;
	border-radius : 2px;
	background : #333333;
}
#relavantItem form button:hover {
	background : #444444;
}

@media screen and (max-width: 767px) {
	#main {
		grid-template-columns : 1fr;
	}
	#main #mainImg {
		margin-bottom : 20px;
	}
	#main #subImg {
		display : grid;
		grid-template-columns : 1fr 1fr 1fr 1fr;
		grid-gap : clamp(8px, 3vw, 20px);
	}
	#relavantItem ul {
		grid-template-columns : 1fr 1fr;
		grid-gap : 8px;
	}
	#relavantItem ul > li {
		padding : 8px;
	}
	#relavantItem form {
		font-size : 0.725em;
		justify-content : center;
	}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
	#relavantItem ul {
		grid-template-columns : 1fr 1fr 1fr;
	}
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
	#relavantItem ul {
		grid-template-columns : 1fr 1fr 1fr 1fr;
	}
}
@media screen and (min-width: 1440px) and (max-width: 1919px) {
}
@media screen and (min-width: 1920px) {
}