.slider-pro {
    font-family: 'Open Sans', Arial;
}

/* Example 1 */

/*大画面表示css*/

#example1 .sp-slide{
	text-align:center;
}
#example1 .sp-slide a {
	color:#FFF;
}
#example1 .sp-slide p{
	text-align:left;
	margin:0;
}
#example1 .sp-slide img{
	height:480px;
}


/*サムネイル表示css*/
#example1 .sp-thumbnail {
	width: 100%;
	height:150px;
	padding: 8px;
	background-color: #F0F0F0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#example1 .sp-thumbnail-title {
	text-transform: uppercase;
	color: #333;
	font-size:0.8em;
}




@media (max-width: 640px) {
/*大画面表示css*/

#example1 .sp-slide{
}
#example1 .sp-slide a {
}
#example1 .sp-slide p{
}
#example1 .sp-slide img{
	width:100%;
	height:auto;
}


/*サムネイル表示css*/
#example1 .sp-thumbnail {
	width: 100%;
	height:50px;
	padding: 8px;
	background-color: #F0F0F0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#example1 .sp-thumbnail-title {
	text-transform: uppercase;
	color: #333;
	font-size:0.8em;
}
}