@charset "utf-8";
/* ---------------------------------------------------------- */
/*     navi  */
/* ---------------------------------------------------------- */

.ja #nav li.video a { background: url(../img/nav_video_on.png) no-repeat; }
.en #nav li.video a { background: url(../img/nav_video_en_on.png) no-repeat; }
#nav li.video a img { display:none; }

/* ---------------------------------------------------------- */
/*     content  */
/* ---------------------------------------------------------- */
#content-inner h2{
	background:url(../video_gallery/img/h2_icon.gif) left bottom no-repeat;
	font-size:184%;
	color:#23719A;
	padding:0 0 0 30px;
	margin:0 0 20px 0;
}
#content-inner .writer-box .latest-box a{
	float: left;
	width:220px;
	margin:0 14px 0 0;
	font-size:90%;
	color:#333333;
	position: relative;
}

#content-inner .writer-box .archive-box a{
	float: left;
	width:176px;
	margin:0 10px 20px 0;
	font-size:80%;
	color:#333333;
	display: block;
	position: relative;
}

#content-inner .writer-box .ltBoxInnerFirst,
#content-inner .writer-box .ltBoxInner{
	/*position:relative;*/
}

#content-inner .writer-box .ltBoxInnerFirst .btn-play{
	position:absolute;
	right: 87px;
	top: 65px;
}

#content-inner .writer-box .ltBoxInner .btn-play{
	position:absolute;
	right: 10px;
	top: 90px;
}

#content-inner .writer-box .archive-box a img{
	margin:0 0 0 0;
}
#content-inner .writer-box .archive-box a .lazy {
	display: block;
	height: 132px;
}

#content-inner{
	width:920px;
}

#content-inner .writer-box{
	width:940px;
	overflow:hidden;
}

/* ---------------------------------------------------------- */
/*     content en */
/* ---------------------------------------------------------- */
.en #content-inner h2{
	padding:0 0 3px 30px;
}

/* ---------------------------------------------------------- */
/*     TB,SP共通   */
/* ---------------------------------------------------------- */
@media screen and (max-width: 768px) {
	#content-inner,
	#content-inner .writer-box {
		width: 100%;
	}
	#content-inner .writer-box .archive-box a {
		width: calc(50% - 15px);
	}


}
