@charset "EUC-JP";
/* -------------------------------- 
記事一覧
-------------------------------- */
.bkbk_box{
	margin:0px 0px 0px 0px;
	padding:0px 0px 30px 0px;
	position:relative;
}
.bk_box{
	margin:0px 0px 0px 0px;
	padding:15px 0px 0px 0px;
}
.bk_box article{
	width:445px;
	box-sizing: border-box;
	float:left;
	height:auto;
	min-height:405px;
	border:1px solid #cccccc;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	margin:0px 7px 40px 40px;
	padding:13px;
	position:relative;
}
.bk_box article.bk{
	min-height:330px;
}
.bk_box figure{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.main_img{
	float:left;
	width:280px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.madori_img{
	float:right;
	width:126px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.mc_img{
	float:left;
	width:280px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.mc_img2{
	float:right;
	width:126px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.main_img img{
	width:100%;
	height:auto;
	min-height:200px;
	max-height:200px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.madori_img img{
	width:100%;
	height:auto;
	max-height:200px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.mc_img img,.mc_img2 img{
	width:100%;
	height:auto;
	max-height:200px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.mc_img2 img{
	width:100%;
	height:auto;
	max-height:63px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.writer_box{
	float:left;
	width:85px;
	margin:0px 0px 10px 0px;
	padding:7px 0px 0px 0px;
	border-right:1px solid #cccccc;
	border-radius:5px;
	position:relative;
	text-align:center;
}
.writer_box:before {
	border:5px solid transparent;
	border-left-color:#fff;
	border-right-width:0;
	right:-4px;
	content:"";
	display:block;
	top:47%;
	position:absolute;
	width:0;
	z-index:1;
}
.writer_box:after {
	border:5px solid transparent;
	border-left-color:#cccccc;
	border-right-width:0;
	right:-5px;
	content:"";
	display:block;
	top:47%;
	position:absolute;
	width:0;
}
.writer_box a:hover{
	opacity:0.8;
}
.writer_box span {
	display:block;
	font-size:1.0rem;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.tex_box{
	width:320px;
	float:right;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}
.tex_box time{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:1.1rem;
	color:#333333;
}
.tex_box h4{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:1.6rem;
	font-weight:bold;
	color:#000000;
}
.tex_box h4 a{
	color:#000000;
}
.tex_box h4 a:hover{
	color:#cccccc;
}
.tex_box p{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:1.2rem;
	color:#333333;
}
.bk_box table{
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.bk_box table.bk{
	width:100%;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.bk_box table th{
	width:58px;
	font-size:1.0rem;
	color:#538b9f;
	background-color:#efefef;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-bottom:1px solid #cccccc;
}
.bk_box table td{
	font-size:1.1rem;
	color:#333333;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 3px;
	border-bottom:1px dotted #cccccc;
}
.bk_pt{
	font-family:Arial Black;
	font-size:1.4rem;
}
.bk_best{
	position:absolute;
	top:160px;
	right:15px;
}
.bk_contract{
	position:absolute;
	top:175px;
	left:305px;
}
.bk_icon{
	position:absolute;
	top:-35px;
	left:5px;
}

#movies_box{
	margin:20px 0px 20px 0px;
	padding:0px 0px 0px 0px;
}
.mo_box{
	display:inline-block;
	width:24.5%;
	margin:0px 0px 0px 0px;
	vertical-align:top;
}
.mo_box figure{
	margin:0px 0px 0px 0px;
}
.mo_box figure img{
	display:block;
	width:95%;
	height:auto;
	margin:0px auto 0px auto;
}
.mo_box figcaption{
	font-size:1.4rem;
	margin:-10px 15px 0px 15px;
}
.mo_box figcaption a{
	color:#333333;
	text-decoration:underline;
}
.mo_box figcaption a:hover{
	color:#cccccc;
	text-decoration:underline;
}
.mo_box time{
	font-size:1.2rem;
	margin:0px 0px 5px 0px;
}
a.mo_btn{
	display: inline-block;
    padding:5px 8px 5px 8px;
    text-decoration: none;
    background: #79b3b6;/*ボタン色*/
    color: #FFF;
	font-size:12px;
	cursor:pointer;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
} 
a.mo_btn:before{
	font-family: FontAwesome;
	content: "\f039";
	display: inline-block;
	margin:0px 5px 0px 0px;
}
a:hover.mo_btn{
    background: #7f7f7f;/*ボタン色*/
}
a.mov:before{
	content: "\f167";
}
a.de:before{
	content: "\f022";
}
@media screen and (max-width:768px){
	#movies_box{
		margin:20px 10px 20px 10px;
		padding:0px 0px 0px 0px;
	}
	.mo_box{
		display:inline-block;
		width:48.5%;
		margin:0px 0px 10px 0px;
		vertical-align:top;
	}
}
@media screen and (max-width:420px){
	.mo_box{
		display:inline-block;
		width:97%;
		margin:0px 0px 10px 0px;
		vertical-align:top;
	}
}
@media screen and (max-width:768px){
	.bk_box article{
		width:45%;
		box-sizing: border-box;
		float:left;
		height:auto;
		min-height:410px;
		border:1px solid #cccccc;
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		margin:0px 7px 40px 23px;
		padding:13px;
		position:relative;
	}
	.main_img{
		float:left;
		width:60%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	.madori_img{
		float:right;
		width:37%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	.mc_img{
		float:left;
		width:70%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	.mc_img2{
		float:right;
		width:27%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	.main_img img,.madori_img img,.mc_img img,.mc_img2 img{
		width:100%;
		height:auto;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	.main_img img{
		min-height:140px;
	}
	.tex_box{
		width:220px;
		float:right;
		margin:0px 0px 10px 0px;
		padding:0px 0px 0px 0px;
	}
	.bk_box table th{
		display:block;
		width:30%;
		float:left;
		font-size:1.0rem;
		color:#538b9f;
		background-color:#efefef;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		border-bottom:1px solid #cccccc;
	}
	.bk_box table td{
		width:68%;
		display:block;
		float:right;
		font-size:1.1rem;
		color:#333333;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 3px;
		border-bottom:1px dotted #cccccc;
	}
	.bk_best{
		position:absolute;
		top:120px;
		right:15px;
	}
	.bk_contract{
		position:absolute;
		top:125px;
		left:63%;
	}
}
@media screen and (max-width:480px){
	.bkbk_box{
		margin:0px 0px 0px 0px;
		padding:40px 0px 30px 0px;
	}
	.bk_box article{
		width:92%;
		box-sizing: border-box;
		float:none;
		height:auto;
		min-height:400px;
		border:1px solid #cccccc;
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		margin:0px auto 40px auto;
		padding:13px;
		position:relative;
	}
	.writer_box{
		float:left;
		width:30%;
		margin:0px 0px 10px 0px;
		padding:7px 0px 0px 0px;
		border-right:1px solid #cccccc;
		border-radius:5px;
		position:relative;
		text-align:center;
	}
	.tex_box{
		width:65%;
		float:right;
		margin:0px 0px 10px 0px;
		padding:0px 0px 0px 0px;
	}
	.main_img img{
		width:100%;
		height:auto;
		min-height:120px;
		max-height:200px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
}
@media screen and (max-width:570px){
	.bk_contract{
		clear:both;
		top:unset;
		left:unset;
		bottom:10px;
		right:10px;
	}
}
@media screen and (max-width:420px){

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