@charset "utf-8";
/*動画ページの設定*/

/*--------------------------------------------------------------------------------------------------------
	スマホ用（～768px）
----------------------------------------------------------------------------------------------------------*/

/*動画一覧（スマホ）
*************************************************/

#article_movie{
	padding: 1.5rem 0 0 0;
}
ul.ul_movie_list01 {
	display:flex;
	flex-flow: row wrap;
	justify-content: center;
    margin: 0 0 2rem 0;
}
.ul_movie_list01 li{
	width: 50%;
	box-sizing: border-box;
	padding: 0 12px;
	margin: 0 0 1.5rem 0;
}
.ul_movie_list01 li video {
	width: 100% !important;
}
a.link_movie01{
    display: block;
	position: relative;
	background: #a08c50;
}
a.link_movie01:before{
	position: absolute;
	content: " ";
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 48px;
	height: 48px;
	background: url(../image/common/icn_arrow09.png) no-repeat 0 0;
	background-size: 48px;
	opacity: 1;
}
.ul_movie_list01 li .title{
	padding: 8px 0 0 0;
	font-size: 0.85rem;
	line-height: 150%;
}



/*--------------------------------------------------------------------------------------------------------
	タブレット用（768px～）
----------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:768px){

/*MOVIE（タブレット）************************/

.ul_movie_list01 li{
	width: 33.3%;
}
/********/
}


/*--------------------------------------------------------------------------------------------------------
	PC用（1062px～）
----------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1062px){

/********/
}