@charset "utf-8";
/* CSS Document */

/*--------------------★★★PC、SP両方に共有★★★---------------------*/

span.movieImg {
    color: #fff;
    font-size: 55%;
    margin-right: 1%;
	margin-bottom: 5px;
	padding: 1%;
    background: #336;
	vertical-align: middle !important;
}

.movBox_ray2{
	width: 66%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	margin: 20px auto 0px;
}
.movBox_ray2 > div{
	width: 48%;
	padding: 1%;
	margin: 0 auto 20px auto;
}

.movBox_ray3{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	margin: 20px 0px 0px 0px;
}
.movBox_ray3 > div{
	width: 31%;
	padding: 1%;
	margin: 0 auto 20px auto;
}

.movBox_ray2 img,.movBox_ray3 img{
	width: 100%;
	height: auto;
	margin-bottom: 5px;
}

.movBox_ray2 div,.movBox_ray3 div{
	font-size: 1.4rem;
}


/*youtube*/

.ytb_wrap {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  background: #fff;
  margin-bottom: 20px;
}
.ytb_wrap iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: 1px #CCC solid;
}


.mov_list{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	margin: 30px 0 80px 0;
}
.mov_list > div{
	width: 48%;
	padding: 1%;
}

.mov_list > div a{
    color: #00006c;
}
.mov_list > div a:hover{
	color: #41aafa;
	transition: 0.2s;
}

/*--------------------★★★PCサイト用（1080px以上）★★★---------------------*/
@media screen and (min-width: 1080px) {



}

/*--------------------★★★タブレット★★★---------------------*/
@media (min-width: 768px) and (max-width: 1079px) {

.movBox_ray2{ width: 100%;}
.movBox_ray2 > div,.movBox_ray3 > div{ width: 48%;}
.mov_list > div{ width: 100%; padding: 1.5% 0;}
}


/*--------------------★★★スマホサイト用（767px以下）★★★---------------------*/
@media screen and (max-width:767px) {

.movBox_ray2{ width: 100%;}
.movBox_ray2 > div,.movBox_ray3 > div{ width: 90%; text-align: center;}
.movBox_ray2 img,.movBox_ray3 img{ text-align: center;}
.mov_list > div{ width: 100%; padding: 1.5% 0;}


}