@charset "utf-8";

ul.table li{
	width: 100%;
	display: table;
	padding: 15px 0;
	border-bottom: 1px solid #CCC;
}
ul.table li .photo{
	width: 200px;
	display: table-cell;
	vertical-align: top;
}
ul.table li .detail{
	display: table-cell;
	vertical-align: top;
	padding: 0 0 0 20px;
}

ul.table li .detail .title{
	background: #eaf0f3;
	border-top: 1px solid #c6d5dd;
	border-bottom: 1px solid #485693;
	font-size: 18px;
	padding: 5px 10px;
	margin: 0 0 15px 0;
}


@media screen and (max-width: 480px){
ul.table li{
	width: 100%;
	display: block;
	padding: 15px 0;
	border-bottom: 1px solid #CCC;
}
ul.table li .photo{
	width: auto;
	display: block;
	vertical-align: top;
	text-align: center;
}
ul.table li .detail{
	display: block;
	vertical-align: top;
	padding: 0 0 0 20px;
}

ul.table li .detail .title{
	background: #eaf0f3;
	border-top: 1px solid #c6d5dd;
	border-bottom: 1px solid #485693;
	font-size: 18px;
	padding: 5px 10px;
	margin: 0 0 15px 0;
}
}