@charset "UTF-8";

.hdrArea {
	background-image:url(../img/bg_hdrarea.gif);
}

/*--------------------------------------
	アイコンつき見出し
---------------------------------------*/
.hdr__icon--movie{
	width:42px;
	height:42px;
	background:url(../img/icon_movie.png) no-repeat 0 0;
}
@media only screen and (max-width: 767px) {
.hdr__icon--movie{
	background-image:url(../img/icon_movie_sp.png);
	background-size:42px auto;
}
}

/*--------------------------------------
	上部テキスト
---------------------------------------*/
.service__topTxt {
    font-size: 115%;
    margin: 0 15px 30px;
}

/*--------------------------------------
	ボタン
---------------------------------------*/
.movieBtn{
	padding:20px 20px 40px 20px;
	background:url(../img/icon_open.png) no-repeat 100% 100%;
	border-radius:10px;
	text-decoration:none;
}
.movieBtn:hover{
	color:#000;
}
.movieBlock--company .movieBtn{
	background-color:#fffab3;
}
.movieBlock--company .movieBtn:hover{
	background-color:#fff78a;
}
.movieBlock--products .movieBtn{
	background-color:#d5f1ff;
}
.movieBlock--products .movieBtn:hover{
	background-color:#bce9ff;
}
.movieBlock--jkakaku .movieBtn{
	background-color:#ffe8cc;
}
.movieBlock--jkakaku .movieBtn:hover{
	background-color:#ffdaae;
}
.movieBlock--service .movieBtn{
	background-color:#ffdde8;
}
.movieBlock--service .movieBtn:hover{
	background-color:#ffc9da;
}
.movieBlock--entertainment .movieBtn{
	background-color:#e8fed1;
}
.movieBlock--entertainment .movieBtn:hover{
	background-color:#dcffb8;
}
.movieBlock--recipe .movieBtn{
	background-color:#ffffe0;
}
.movieBlock--recipe .movieBtn:hover{
	background-color:#ffdab9;
}
.mov__date{
	display:block;
	text-align:center;
	margin-bottom:20px;
}
.mov__date__icon{
	display:inline-block;
	*display:inline;
	*zoom:1;
	background:url(../img/icon_onair.png) no-repeat;
	width:68px;
	height:23px;
	margin-right:10px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	vertical-align:middle;
}
.mov__date__text{
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-weight:bold;
	vertical-align:middle;
}

.mov__thumbArea{
	display:block;
	overflow:hidden;
	margin-bottom:15px;
	border-radius:15px;
	position:relative;
	*zoom: expression(
     	this.runtimeStyle.zoom="1",
    		this.appendChild( document.createElement("small") ).className="after",
    		this.appendChild( document.createElement("small") ).className="before"
	 );
}
.mov__thumbArea:after, .mov__thumbArea > .after{
	content:url(../img/icon_play.png);
	position:absolute;
	top:50%;
	left:50%;
	margin:-17px 0 0 -15px;
	z-index:2;
}
.mov__thumbArea:before, .mov__thumbArea > .before{
	content:" ";
	position:absolute;
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.2);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#dd00000,EndColorStr=#dd00000);
	z-index:1;
}
.mov__thumb{
	width:100%;
	height:auto;
}
.mov__title{
	display:block;
	margin-bottom:15px;
	font-weight:bold;
}
.mov__text{
	font-size:86%;
	word-wrap:break-word;
}
@media only screen and (max-width: 767px) {
.movieBtn{
	padding:25px 15px 40px 15px;
	border-radius:15px;
}
.mov__date{
	margin-bottom:15px;
}
.mov__date__icon{
	background-image:url(../img/icon_onair_sp.png);
	background-size:68px auto;
}
.mov__title{
	margin-bottom:12px;
}
}
@media only screen and (max-width: 385px) {
.mov__date__icon{
	margin-right:0;
}
}