@media screen and (max-width: 320px) {
/* 320pxまでの幅の場合に適応される */
p { color:#ededed;}
.sm-slider li div h3 {
font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
font-size: 12px;
font-weight: bold;
padding: 0 12px;
line-height: 20px;
color: rgba(255, 255, 255, 0.8);
margin: 0;
margin-bottom: 0.3em;
}
}




@media screen and (min-width:480px) { 
    /*　画面サイズが480pxからはここを読み込む　*/
p { color:#ededed;}
.sm-slider li div h3 {
font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
font-size: 18px;
font-weight: bold;
padding: 0 30px;
line-height: 16px;
color: rgba(255, 255, 255, 0.8);
margin: 0;
margin-bottom: 0.3em;
}
}




@media screen and (min-width:768px) { 
.sm-slider li div h3 {
font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
font-size: 28px;
font-weight: bold;
padding: 0 25px;
line-height: 50px;
color: rgba(255, 255, 255, 0.8);
margin: 0;
margin-bottom: 0.3em;
}
}


@media screen and (min-width:1024px) { 
.sm-slider li div h3 {
font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
font-size: 32px;
font-weight: bold;
padding: 0 30px;
line-height: 100px;
color: rgba(255, 255, 255, 0.8);
margin: 0;
margin-bottom: 0.3em;
}
}


.table-cell {
 display: table-cell; /* IE8から使用可能 */
 vertical-align: middle;
}