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

#main{
}

#main .container{
}

#main ul{
}

#main li{
	margin:0 0 12%;
}

#main li:last-child{
	margin:0;
}

#main li .thum{
	width: 30%;
}

#main li .thum img{
	width:100%;
}

#main li .thumr{
	width: 66%;
}

#main li:nth-child(even) .thum{
	float: right;
}

#main li:nth-child(even) .thumr{
	float: left;
}

#main .inner{
	margin: 4% 0;
}

#main dl{
	overflow: hidden;
	text-align:left;
	padding: 2% 4%;
}

#main dl:last-child {
	border:none;
}

#main dt{
	float:left;
	width: 20%;
}

#main dd{
	float:right;
	width: 80%;
}

#main dl a{
}

/* =============================================================================
   Device
   ========================================================================== */

@media screen and (max-width: 768px){
	
	#main li {
		margin: 0 0 20%;
	}
	
	#main .inner {
		margin: 4% 0;
	}
	
	#main li .thum{
		float: none;
		width: 200px;
		height: 200px;
		border-radius: 50%;
		overflow: hidden;
		margin: 0 auto;
	}

	#main li .thumr{
		float: none;
		width: 100%;
	}
	
	#main li:nth-child(even) .thum{
		float: none;
	}

	#main li:nth-child(even) .thumr{
		float: none;
	}
	
	#main dl{
		padding: 6% 4%;
	}
	
	#main dt {
		float: none;
		width: 100%;
		font-size: 0.78rem;
		margin: 0 0 4%;
	}
	
	#main dd {
		float: none;
		width: 100%;
	}	
}