@charset "UTF-8";

/* パンくず */

#sp_ranking_pan{
    padding:5px 0 0 5px;
    height:20px;
    font-size:10px;
    margin-bottom:10px;

}

/* 特集 */

#sp_feature {
	max-width:640px;
	margin-bottom:50px;
	margin-left: auto;
 	margin-right: auto;
}


/* タイトル */

#sp_feature_ti {
 	margin-top:30px;
}

#sp_feature_ti img{
	max-width:100%;
	display: block;
 	margin-left: auto;
 	margin-right: auto;
}

#sp_feature_ti p{
	font-size:14px;
	font-weight:bold;
	text-align:center;
	line-height:25px;
	margin-top:15px;
}

/* コンテンツ */

#sp_featureContent {
 	margin-top:30px;
}


#sp_featureContent .sp_featureTopic{
	margin-bottom:30px;
	border-bottom:solid 1px #c8c8c8;
	padding-bottom:5px;
}



#sp_featureContent .sp_feature_icon{
	width:60px;
	height:18px;
	background-color:#830506;
	color:#FFF;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	line-height:19px;
	margin:0 0 5px 5px;
}

#sp_featureContent .sp_brand_icon{
	width:60px;
	height:18px;
	background-color:#e37d10;
	color:#FFF;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	line-height:19px;
	margin:0 0 5px 5px;
}

#sp_featureContent .sp_item_icon{
	width:60px;
	height:18px;
	background-color:#3a9db1;
	color:#FFF;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	line-height:19px;
	margin:0 0 5px 5px;
}

#sp_featureContent .sp_event_icon{
	width:60px;
	height:18px;
	background-color:#b1963a;
	color:#FFF;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	line-height:19px;
	margin:0 0 5px 5px;
}


#sp_featureContent .sp_featureTopic img{
	max-width:100%;
	display: block;
 	margin-left: auto;
 	margin-right: auto;
	margin-bottom:10px;
}


#sp_featureContent .sp_featureTopic dl{
	padding:0 5px 0 5px;
}

#sp_featureContent .sp_featureTopic dt{
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
	line-height:22px;
}

#sp_featureContent .sp_featureTopic dd{
	font-size:10px;
	font-weight: normal;
	line-height:16px;
	margin-bottom:10px;
}


#sp_featureContent .sp_featureTopic p {
	font-size:10px;
	font-weight: bold;
	text-align:right;
}

#sp_featureContent .sp_featureTopic p a{
	color:#3a9db1;
}

#sp_featureContent .sp_featureTopic span{
	width:12px;
	height:12px;
	background:url(../images/arrow.png) 0 0 no-repeat ;
	background-size:12px;
	background-position: 5px 4px;
	padding: 5px 10px 0px 10px;
}



#sp_featureOhter {
 	margin-top:40px;
}

#sp_featureOhter a{
	font-size:12px;
	color:#000;
	font-weight:bold;
	text-align:center;
	line-height:22px;
}

#sp_featureNewitem {
	margin-bottom:40px;
}

#sp_featureNewitem h2{
	margin-bottom:10px;
}

#sp_featureNewitem img{
	max-width:100%;
	display: block;
 	margin-left: auto;
 	margin-right: auto;
}

#sp_featureNewitem  p{
	margin-top:5px;
	padding-left:5px;
}





#sp_featureStyle h2{
	margin-bottom:10px;
}

#sp_featureStyle img{
	max-width:100%;
	display: block;
 	margin-left: auto;
 	margin-right: auto;
}

#sp_featureStyle  p{
	margin-top:5px;
	padding-left:5px;
}



#sp_featureStyle  ul li{
	margin-bottom:20px;
}
















/* スクロール */
.sp_featureGoBack {
    font-size: 12px;
    text-align:right;
    height: 15px;
	margin: 15px 5px 15px 0;
	line-height: 20px;
}

.sp_featureGoBack span{
	background: url(../images/sp_goback.png) right 0 no-repeat;
	-webkit-background-size: 20px 20px;
	background-size: 20px 20px;
	padding: 4px 12px 3px 10px;

}