@charset "utf-8";

/* category.css */

main h1 {
	border-bottom:0;
}

main h2 {
	padding:0 0 10px 0;
	font-size:1.25rem;
	font-weight:normal;
	color:#231815;
}

main p {
	padding:0 0 1em 0;
	line-height:1.7em;
}

.channelWrap {
	margin:0 0 40px;
	padding:0 0 130px;
	border-bottom: 1px solid #837f7d;
	background: url(../images/conent_bg.png) left bottom no-repeat;
}

.videoList {
}

.videoList li {
	float:left;
	width:23.5%;
	margin:0 2% 2% 0;
}

.videoList li:hover {
	cursor: pointer;
}

.videoList li:nth-of-type(4n) {
	margin-right:0;
}
.videoList li:nth-of-type(4n+1) {
	clear:left;
}

.videoList li:hover > div {
	opacity: 0.7;
}

.videoList li > div {
	margin:0 0 10px;
}

.videoList li > dl {
	color:#000000;
	line-height:1.5;
}

.videoList li > dl dt {
	font-size:1.063rem;
}

.videoList li > dl dt + dd {
	font-size:0.938rem;
}

.videoList li > dl dd + dd {
	margin-top:0.5em;
	font-size:0.875rem;
}
.videoList li > dl dd + dd small {
	display:block;
	font-size:0.75rem;
}


/* モーダル */
.remodal {
	padding: 0;
	line-height: 0;
	max-width: 640px;
}
.remodal video {
	width:100%;
	height:auto;
}

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

#mainInr {
	margin: 0 auto;
	width: 94%;
}

main h2 {
	padding:0 0 10px 0;
	font-size:1.25rem;
}

.channelWrap {
	margin:0;
	padding:0 0 100px;
	background-size:60% auto;
}

.videoList li {
	float:left;
	width:48%;
	margin:0 4% 2% 0;
}

.videoList li:nth-of-type(4n) {
	margin-right:4%;
}
.videoList li:nth-of-type(4n+1) {
	clear:none;
}

.videoList li:nth-of-type(2n) {
	margin-right:0;
}
.videoList li:nth-of-type(2n+1) {
	clear:left;
}

}