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

/*----titles----*/
.title{
	width:31.7%;
	margin:0.7%;
	padding:5px;
	margin-bottom:20px;
	float:left;
	cursor:pointer;
	border-width:1px;
	border-style:solid;
	border-color:rgba(255,255,255,1);
	background-color:rgba(255,255,255,0.3);
	position:relative;
	box-shadow:3px 3px 0 rgba(0,0,0,0.2);
}

.title img{
	display:block;
	width:100%;
	margin-bottom:1%;
}

.title:after{
	content:"";
	display:block;
	height:30px;
}

.title .link_info{
	position:absolute;
	right:5px;
	bottom:5px;
	width:100%;
	text-align:right;
}

.title .link_info,
.title .link_movie{
	position:absolute;
	right:5px;
	bottom:5px;
	width:100%;
	text-align:right;
}

.title .link_info span,
.title .link_movie span{
	border:1px #aaa solid;
	display:inline-block;
	text-align:center;
	border-radius:3px;
	font-weight:bold;
}


.title .link_info span{
	background-color:#CCC;
	background:linear-gradient(#FFF,#bbb);
	color:#900;
	padding:3px 12px;
}


.title .link_movie span{
	background-color:#222;
	background:linear-gradient(#444,#222);
	color:#FFF;
	padding:3px 6px;
}

#title_sangokushi13{
	width:98%;
}

@media screen and (max-width:800px){
	.title{
		width:48.3%;
		margin:0.7%;
	}

}

@media screen and (max-width:500px){
	.title{
		margin:0.5%;
	}
}

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