@charset "utf-8";
/* CSS Document */

#movie h2{
}

/*以下、xml読み込み表示で作成。*/

#movie #layout ul{
	font-size:0;
	text-align:left;
}
#movie #layout ul li{
	display:inline-block;
	width:calc(100%/3 - 20px);
	vertical-align:top;
	text-align:center;
	font-size:16px;
	margin:20px 10px;
	border:1px solid #cccccc;
	padding:5px;
	box-sizing: border-box;
	box-shadow:1px 1px 6px rgba(0,0,0,.2);
}
#movie #layout ul li video{
}
#movie #layout ul li div{
background: rgb(181,169,253); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(181,169,253,1) 0%, rgba(181,169,253,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(181,169,253,1) 0%,rgba(181,169,253,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(181,169,253,1) 0%,rgba(181,169,253,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e40404', endColorstr='#bb041a',GradientType=1 ); /* IE6-9 */
	color:#ffffff;
	padding:5px;
}
#movie #layout ul li div p{
	font-size:14px;
}

.topic_nb{
width:610px;
margin:auto;
margin-bottom:20px;
}
.topic_nb p{
float:left;
font-size:12px;
height:20px;
font-weight:bold;
}
.topic_nb p.old{
text-align:right;
width:300px;
}
.topic_nb p.new{
text-align:left;
width:300px;
}
.topic_nb i {
    font-size: 180%;
    vertical-align: sub;
    margin: 0 5px;
}


@media screen and (max-width: 667px) {
	#movie #layout ul li {
    width: calc(100%/1 - 20px);
}
.topic_nb{
width:90%;
width:calc(100% - 20px);
margin:auto;
padding: 0 10px;
margin-bottom:20px;
}
.topic_nb p{
}
.topic_nb p.old{
text-align:center;
width:50%;
}
.topic_nb p.new{
text-align:center;
width:50%;
}
}
