@charset "euc-jp";

/* -----------------------------------------------------
スクリーン用スタイルファイル
----------------------------------------------------- */





/* ▼category */
/* ----------------------------------------------------- */
div#category {
	padding: 1.5em 0 3em 0;
}

div#category div.headline h2 {
	padding: 0 0 0.5em 0;
}

div#category div#mainContents h3 {
	margin: 2em 0 2.5em 0;
}

div#category div#mainContents ul#item_list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#category div#mainContents ul#item_list li {
	margin: 0;
	padding: 0;
}

div#category div#mainContents ul#item_list li a {
	color: #000000;
	text-decoration: none;
}

div#category div#mainContents ul#item_list li img {
	width: auto;
	max-width: 100%;
}

div#category div#mainContents ul#item_list li span {
	display: block;
	margin: 0.5em 0 0 0;
}



@media screen and (min-width: 768px) {
	div#category div#mainContents h3 {
		font-size: 0.778em;
	}
	div#category div#mainContents ul#item_list li {
		float: left;
		width: 25.582%;
		width: 34.012%;
		height: 19.995em;
		overflow: hidden;
		padding: 0 1.11em 0 0;
		padding: 0 0.972em 0 0;
		/* box-sizing */
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
	}
	/*
	div#category div#mainContents ul#item_list li:nth-child(4n) {
		width: 23.256%;
		padding: 0;
	}
	*/
	div#category div#mainContents ul#item_list li:nth-child(3n) {
		width: 31.978%;
		padding: 0;
	}
}

@media screen and (max-width: 767px) {
	div#category div.container {
		width: 100%;
	}

	div#category div.headline {
		padding-right: 1em;
		padding-left: 1em;
	}

	div#category div#mainContents h3 {
		width: 94.934%;
		margin-right: auto;
		margin-left: auto;
	}

	div#category div#mainContents ul#item_list {
		clear: both;
		width: 94.934%;
		min-height: 1px;
		height: auto !important;
		height: 1px;
		margin: 0 auto 2em auto;
		border-bottom: 1px dashed #bcbcbc;
	}

	div#category div#mainContents ul#item_list li {
		width: 50%;
		height: 26.987vh;
		overflow: hidden;
		padding: 1em;
		border-top: 1px dashed #bcbcbc;
		border-bottom: 1px dashed #bcbcbc;
		/* box-sizing */
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
	}

	div#category div#mainContents ul#item_list li:nth-child(odd) {
		float: left;
		border-right: 1px dashed #bcbcbc;
	}

	div#category div#mainContents ul#item_list li:nth-child(even) {
		float: right;
		border-left: 1px dashed #bcbcbc;
	}

	div#category div#mainContents ul#item_list li:nth-child(1) {
		border-top: 0 none;
	}

	div#category div#mainContents ul#item_list li:nth-child(2) {
		border-top: 0 none;
	}

	div#category div#mainContents ul#item_list li span {
		font-size: 3vw;
	}

	div#category div#mainContents ul#item_list:after {
		clear: both;
		display: table;
		content: "";
	}
}