@charset "utf-8";

#story_list{
	padding:30px 0;
}

#story_list section.case{
	padding: 30px 0;
	width:100%;
	margin:0 auto;
}
#story_list section.case a {
	display:block;
	color:#666;
	text-decoration:none;
}
#story_list section.case a div.block {
	width:calc(100% - 30px);
	height:auto;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left,  #ffffff 0%, #e9e9e9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffffff 0%,#e9e9e9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffffff 0%,#e9e9e9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=1 ); /* IE6-9 */
padding:15px;
padding-top:70px;
position:relative;
box-shadow:0 0 10px rgba(0,0,0,0.1);
overflow:hidden;
transition:all 0.3s;
}

#story_list section.case a div.block div.more {
	display:block;
	width:30px;
	height:30px;
	position:absolute;
	right:-15px;
	bottom:-15px;
transform:rotate(45deg);
transition:all 0.3s;
}
		#story_list section.case a:hover div.block div.more {
			width:50px;
			height:50px;
			right:-25px;
			bottom:-25px;
		}
#story_list section.case a div.block h2 {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	line-height:40px;
	color:#fff;
	text-align:center;
	font-size:14px;
	letter-spacing:1px;
	margin:0;
}
#story_list section.case a div.block h2 span {
	font-size:150%;
	margin-left:3px;
}
#story_list section.case a div.block p.new {
	text-align:center;
	color:#e10012;
	font-size:15px;
	font-weight:bold;
}
#story_list section.case a div.block h3 {
	font-size:24px;
	font-weight:bold;
	margin:0 0 15px 0;
	text-align:center;
}

#story_list section.case a:hover div.block h3 {
	text-decoration:underline;
}
#story_list section.case a div.block p.outline {
}
#story_list section.case a p.image {
	width:100%;
	height:auto;
	padding:0;
}

#story_list section.case a p.image img {
	width:100%;
	
}