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


/* clerfix
----------------------------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


#content {min-height:600px;height:auto !important;height:600px;}
#content h3{font-size: 153.9%;font-weight: bold;margin-bottom:30px;text-shadow: 1px 1px 3px rgb(140, 137, 119);}

.re{
	text-align:center;
	margin-bottom:20px;
}

.title{
	font-size:110%;
	font-weight:bold;
	margin-bottom:15px;
	padding-left:30px;
	background:url(../img/movie/ico_title.png) 0 0 no-repeat;
}

#player{
	display:block;
    margin:0 0 20px;
    padding:20px 0;
    border-top: #d8d3c0 solid 3px;
    border-bottom: #d8d3c0 solid 
}





/* index list
----------------------------------------------------*/
.articlewrap{border-top:#d7d2c0 solid 1px;}
.articlewrap article{
	display:block;
	padding:30px 0;
	border-bottom:#d7d2c0 solid 1px;
}
.articlewrap .tablewrap{
	display:table;
	table-layout:fixed;
	width:100%;
}
.articlewrap .thum,
.articlewrap .detail{
	display:table-cell;
	vertical-align:top;
}
.articlewrap .thum{
	width:200px;
	padding:0 30px 0 0;
}
.articlewrap .thum img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
}
.articlewrap .detail h3{
	font-size:110%;
	font-weight: bold;
	line-height:1.3;
	margin:0 0 15px;
	padding:0 0 0 30px;
	background:url(../img/movie/ico_title.png) 0 50% no-repeat;
}

.articlewrap .detail .txt{
	line-height:1.5;
	margin:0 0 10px;
}

.articlewrap .detail h4{
	font-size:105%;
	font-weight: bold;
	margin:0 0 15px;
	padding:0 0 0 30px;
	background:url(../img/movie/ico_speaker.png) 0 0 no-repeat;
}

.articlewrap .detail .link a{
	display:block;
	padding:5px 10px;
	color:#FFF;
	font-size:90%;
	background:#4d4100;
}
.articlewrap .detail .link a:hover{background-color:#585232;}
.articlewrap .detail .link a:after{content:">";float:right;}









@media screen and (max-width: 640px) {
	.articlewrap article{
		padding:20px 0;
	}
	.articlewrap .thum{
		width:120px;
		padding:0 20px 0 0;
	}

}







@media screen and (max-width: 480px) {
	.articlewrap .tablewrap,
	.articlewrap .thum,
	.articlewrap .detail{
		display:block;
		width:100%;
	}

	.articlewrap article{padding:30px 0;}
	.articlewrap .thum{margin:0 0 15px;}
	.articlewrap .detail .link a{
		padding:0 10px;
		line-height:40px;
	}
}


















/* detail mvoie
----------------------------------------------------*/


#detailinfo{
	display:table;
	width:100%;
	padding:15px 0;
	background:#d6d3c1;
}

#detailinfo .speaker{
	display:table-cell;
	width:200px;
	padding: 0 0 0 15px;
	vertical-align:top;
}
#detailinfo .speaker b{font-weight:bold;}


#seeker{
	display:table-cell;
	width:auto;
	vertical-align:top;
	padding:0 15px;
}
#seeker li{
	display:block;
	margin:0 0 15px;
}


#seeker li a{
	display:table;
	table-layout:fixed;
	padding:3px;
}



#seeker li a b{
	display:table-cell;
	width:100px;
	padding:0 10px 0 0;
	text-align:center;
	vertical-align:middle;
}

#seeker li a b i{
	display:inline-block;
	width:80px;
	padding:2px 5px 2px 15px;
	color:#FFF;
	font-size:95%;
	letter-spacing:0.1em;
	background:url(../img/movie/ico_play.png) 5px 50% no-repeat #504600;
	background-size:auto 70%;
}
#seeker li a span{
	display:table-cell;
	width:auto;
	vertical-align:middle;
}
#seeker li a:hover{background-color:#eceada;}


#detail{
	display:block;
	padding:0 10px; 
	margin-bottom:30px;
}

#detail article{
	margin:30px 0 0;
}

#detail article p{
	line-height:1.5;
	font-size:110%;
}


#detail dl{
	margin:15px 0 0;
}

#detail dl dt{
	margin:0 0 10px;
	line-height:2;
	font-size:110%;
	font-weight:bold;
	border-bottom:#d8d5c5 solid 1px;
}

#detail ul{
	margin:15px 0 0;
}


#detail ul li{
	display:block;
	margin:0 0 15px;
	line-height:1.5;
	text-indent:-1em;
	padding-left:1em;
}





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

	#detailinfo{
		display:block;
		width:auto;
		padding:15px;
	}

	#detailinfo .speaker{
		display:block;
		width:auto;
		text-align:center;
		padding:0;
	}
	#detailinfo .speaker b{
		display:block;
		margin:5px 0 0;
		text-align:center;
		vertical-align:top;
	}

	#seeker{
		display:block;
		width:auto;
		margin:15px 0 0;
		padding:0;
	}

}







@media screen and (max-width: 480px) {
	#detailinfo{
		padding:10px;
	}

	#detail{
		padding:0; 
	}	
}



.c-indent{
	text-indent: -1em;
    padding-left: 1em;
    display: block;
}

.c-box{
	margin-top: 20px;
}
.c-box ul li{
	text-indent: -1em;
    padding-left: 1em;
}
.content_txt{
	font-weight: bold;
    font-size: 14px;
}