/* リセット */
* {margin: 0; padding: 0;}
body,html {width: 100%;height: 100%;}


/* 設定 */
.container {width: 100%; height: 360px; overflow-x: hidden;}
.slide_all {width: 500px; margin: 0 auto; height: 250px; position: relative;}
.slide_wrap {width: 2400px; position: absolute; left: 50%; margin-left: -1200px;}
.slide_body {width: 100%;}
.slide {width: 500px; font-family: 'arial'; background: #000; color: #fff; font-size: 50px; line-height: 250px; text-align: center;}
.slide img {width: 100%; vertical-align: bottom;}


/* 装飾 */
.bx-controls-direction,.bx-pager {text-align: center;height: 25px;}
.bx-controls-direction a,.bx-pager-item {display: inline-block;}
.bx-pager-item a{display: block; height: 10px; width: 10px; text-indent: -9999px; background: #fff; border-radius: 10px; margin:10px 2px 0 2px;}
.bx-pager-item a.active {opacity: 0.3;}
.bx-controls-direction a{text-decoration: none; color: #fff; padding:0 5px;}
.bx-controls {position: absolute;bottom: 5px;z-index: 100;width: 100%;}


/* 追加 */
.slide{transition:all .3s;opacity:.5;}
.slide.active{ opacity:1;}