@charset "utf-8";

/*-----------------------------------------------------------
 common
-----------------------------------------------------------*/
#results .accent{
	background-image:url(../../images/results/accent.jpg);
}

#main h3{
	margin:15px 0 45px 0;
	color:#e35513;
	font-size:180%;
	text-align:center;
	line-height:1.6;
	font-weight:300;
}

#main h3 span{
	background: linear-gradient(transparent 88%, #FFF000 0%);
}

/*-----------------------------------------------------------
 list
-----------------------------------------------------------*/
#main .list{
	display:flex;
	margin-bottom:30px;
	flex-wrap:wrap;
	justify-content:space-between;
	align-content:space-between;
}

#main .list dl{
	margin-bottom:25px;
	width:230px;
	box-sizing:border-box;
	padding:15px 8px;
	border:1px solid #F5F1EC;
	background:#fff;
	border-radius:4px;
	box-shadow: 4px 4px 0px 0px rgba(241,235,228,0.3);
}

#main .list dl dt{
	margin-bottom:10px;
	color:#333;
	font-size:110%;
	font-weight:bold;
	text-align:center;
}

#main .list dl dd.image{
	padding-bottom:10px;
	min-height:110px;
	text-align:center;
	border-bottom:1px solid #d2d2d2;
}

#main .list dl dd.text{
	padding:20px 4px 0 4px;
	font-size:84%;
}


#main .appeal{
    background: #fff;
    border-radius: 8px;
    margin-top: 24px;
    padding: 24px;
    font-size: 112%;
	box-shadow: 4px 4px 0px 0px rgba(241,235,228,0.3);
}

@media only screen and
(max-width : 640px) {

/*-----------------------------------------------------------
 common
-----------------------------------------------------------*/
#results .accent{
	background-size:cover;
}

#results .accent img{
	width:33%;
}

#main h3{
	margin:0px 0 25px 0;
	font-size:100%;
	text-align:left;
}

#main h3 br{
	display:none;
}



/*-----------------------------------------------------------
 list
-----------------------------------------------------------*/
#main .list{
	display:block;
	margin-bottom:30px;
}

#main .list dl{
	margin-bottom:15px;
	width:auto;
	padding:15px;
}

#main p.catch{
	text-align:left;
}

}