@charset "utf-8";

/*--------------------------------------------------*/

/*クリア空感小型　動画一覧*/

/*--------------------------------------------------*/
#contents {
	width: 956px;
	margin: 20px auto 0;
}

h1 {
	font-size: 20px !important;
	text-align: left;
	border-bottom: 3px solid #142a69;
}

.mv {
	line-height: 0;
	margin: 5px auto 20px;
}

a:hover {
	text-decoration: none;
}

.rinkBox {
	width: 720px;
	margin: 0 auto;
}

.btn {
	display: block;
	color: #fff;
	background-color: #f46e24;
	border-radius: 5px;
	padding: 10px;
}

.bB {
	margin: 10px 0 0;
}

.bB .btn {
	background-color: #0059b2;
}

.movieList {
	margin: 20px 60px 60px;
}

.movieBox {
	margin: 0 0 20px 0;
}

.listBox {
	width: 400px;
	line-height: 0;
}

.listBox h2 {
	font-size: 15px;
	background-color: #cad3ef;
	border-top: 2px solid #3e5dbb;
	padding: 8px 0;
	margin: 0 0 8px 0;
}

.listBox p img {
	width: 400px;
}

.fL {
	float: left;
}

.fR {
	float: right
}


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

img {
	width: 100%;
}

#container {
	overflow: hidden;
}

#contents {
	width: 100%;
	padding-top: 45px;
	margin: 0;
}

#contents.hoheader {
	padding-top: 94px;
}

.rinkBox {
	width: 90%;
}

.movieList {
	margin: 20px 20px 60px;
}

.listBox {
	margin: 20px 0 0;
}

.listBox,
.listBox p img {
	width: 100%;
}

.fL,
.fR {
	float: none;
}

#footer {
	display:none;
}

.youtube-close img,
.pagetopBottom a img {
	width: initial;
}

}