.banner_area  {width:830px; height:250px; margin: 10px auto;}
.banner_area li span {width:250px; height:230px; margin:10px;float:left;}
@media all and (min-width: 768px) {
.banner_area li {margin:5px;}
.imgC span {width:640px;height:360px;margin:8px auto;display:block;text-indent: -9999px;  }
.img-pr span {width:900px;height:230px;margin:8px auto;display:block;text-indent: -9999px;  }
}



@media all and (max-width: 767px) {
.imgC span{width:100%; height:0; padding:55.4160125588697% 0 0;display:block;background-size: contain;position:relative;text-indent:-9999px;margin-bottom:5px;}
.img-pr span{width:100%; height:0; padding:25.555556% 0 0;display:block;background-size: contain;position:relative;text-indent:-9999px;margin-bottom:5px;}
.banner_area  {width:300px;margin: 10px auto;}
.banner_area li span {width: 250px; height:230px; margin:10px auto;}
.banner_area li  {margin: 10px auto 20px;}
}
a.btn_m {text-decoration:none; -webkit-transition: 0.2s ease-in-out;   -moz-transition: 0.2s ease-in-out;    -o-transition: 0.2s ease-in-out;    transition: 0.2s ease-in-out;margin-top:10px;}
a.btn_m:hover{text-decoration:none; filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}
a.btn_m{font-size:150%; color:#fff; display:block; font-weight:bold; text-align:center; width:45%; padding:.8em; margin:.5em auto .5em; border-radius:10px; background:#e4007b; }
a.btn_m{width:60%; font-size:135%; padding:.6em;}