@charset"utf-8";

@import url("common.css");

/*WORKS START*/

h2{
	width:100%;
	margin-bottom:60px;
}

#stage{
	width:100%;
	margin:0 auto;
	margin-bottom:60px;
}

#stage p.subtitle{
	font-size:1.4rem;
}

#stage h3.title{
	font-size:1.8rem;
	font-weight:700;
	margin-bottom:30px;
}

#stage .thumbnail{
	position:relative;
	z-index:-1;
	width:45%;
	float:left;
	margin-left:27px;
	margin-bottom:60px;
}

#stage .shadow{
	filter: drop-shadow(4px 5px 3px rgba(0,0,0,0.4));
}

#stage dl#info{
	width:calc(55% - 57px);
	float:left;
	margin-top:15px;
	margin-left:30px;
	text-align:left;
	margin-bottom:45px;
}

#stage dl#info dt{
	font-size:1.4rem;
	font-weight:400;
	margin-bottom:3px;
}

#stage dl#info dd{
	font-size:1.6rem;
	font-weight:700;
	margin-bottom:15px;
	padding-left:12px;
}

#stage dl#info dd span.from{
	font-size:1.3rem;
	font-weight:400;
}

#stage dl#info dd.link a{
	text-decoration: underline;
	font-weight:400;
}

hr{
	width:100%;
	border-bottom:1px solid #1a1a1a;
	clear:both;
}

@media screen and (max-width:809px) {
	#stage .thumbnail{
		width:90%;
		float:none;
		margin-left:0;
		margin-bottom:30px;
	}
	
	#stage dl#info{
		width:90%;
		float:none;
		margin:0 auto;
		margin-bottom:45px;
	}
	
	#stage dl#info dd{
		font-size:1.4rem;
		font-weight:700;
	}
}

/*ARCHIVE END*/