@media screen and (max-width: 600px) {
.pre_sp{
	margin:12px auto;
	width:98%;
	padding-bottom:12px;
	margin-bottom:24px;
	border-bottom:1px solid #333;
}

.pre_sp div{
	float:left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	width:40%;
	border: 1px solid #666;
}

.pre_sp div img{
	width:100%;
}

.pre_sp ul{
	float:right;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	width:60%;
}

.pre_sp ul li{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	width:95%;
	margin-left:5%;
	margin-bottom:2%;
	background-color:#FFF;
	border:solid 4px #F6C;
	padding:4px;
	font-size:14px;
	cursor:pointer;
	border-radius:8px;
}



.pre_sp ul li a , .pre_pc ul li a:visited {
	color:#F6C;
	font-weight:bold;
}

.pre_sp ul li a:before{
content: "";
display: inline-block;
width: 0;
height: 0;
border-left: 8px solid #F6C;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
margin-right:8px;
}

.dl_sp{
	width:94%;
	margin:0px auto;
}

.dl_sp span{
	font-weight:bold;
}

.pre_pc , .dl_pc{
	display:none;
}

}