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

.boxArea{
	overflow:hidden;
	margin-bottom:10px;
	}

.boxArea .box{
	width:215px;
	float:left;
	border:1px solid #ddd;
	padding:0 10px;
	}


.boxArea .mgL20{
	margin-left:10px;
	}
	
p.team{
	background-color:#585858;
	color:#fff;
	padding:2px;
	text-align:center;
	font-size: 14px;
	}

.boxArea .box p.ttl{
	font-weight:bold;
	font-size: 14px;
	margin:0;
	line-height:1.0;
	padding:0;
	-webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
	}
	
.boxArea .box p.nml{
	font-size: 12px;
	}
	
.boxArea .theme{
	}

.boxArea .theme p.ttle{
	font-weight:bold;
	font-size: 16px;
	margin:0;
	line-height:1.4;
	padding:0;
	}

.boxArea .theme p.nml{
	font-size: 12px;
	margin-bottom:10px;
	margin-top:5PX;
	padding:0;
	}

.boxArea .theme dl{
	font-size:12px;
	overflow:hidden;
	width:230px;
	margin:0 0 5px 0;
	}

.boxArea .theme dl dt{
	width:65px;
	float:left;
	margin:0;
	padding:0;
	}

.boxArea .theme dl dd{
	width:165px;
	float:left;
	margin:0;
	padding:0;
	}

.boxArea .pic{
	float:right;
	width:242px;
	margin:5px 0 5px 5px;
	}
  
  
.movie-box-wrap{
  margin-top:20px;
   width: 480px;
}

.movie-box{
  position: relative;
  padding-top: 56.25%;
  margin-bottom:10px!important;
  background-color:#ffffff;
}

.movie-box iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  max-width:480px;
  min-height:270px;
}