/*
 * jQuery FlexSlider v2.5.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 * 
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
/*@font-face {
  font-family: 'flexslider-icon';
  src: url('../fonts/flexslider-icon.eot');
  src: url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('../fonts/flexslider-icon.woff') format('woff'), url('../fonts/flexslider-icon.ttf') format('truetype'), url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
*/
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
/* リセット */
* {margin: 0; padding: 0;}
body,html {width: 100%;height: 100%;}

/* 設定 */
.keyvisual {width: 100%; /*height: 100%;*/ overflow: hidden; position: relative;}
.slide_all {width: 1000px; margin: 0 auto; height: 450px; position: relative;}
.slide_wrap {width: 3000px; position: absolute; left: 50%; margin-left: -1500px;}
.slide_body {width: 100%;}
.slide {width: 1000px;}
.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: #000; border-radius: 10px; margin:10px 2px 0 2px;}
.bx-pager-item a.active {opacity: 0.3;}
.bx-controls-direction a{text-decoration: none; color: #000;}
.bx-controls {position: absolute;bottom: -16px;z-index: 100;width: 100%;}
.bx-controls-direction {position: relative;}
.bx-prev {
	background: url(../../images/btn_key_prev.png)no-repeat;
	text-indent: -9999px;
	width: 36px;
	height: 80px;
	position: absolute;
	top: -255px;
	left: 34%;
	}
.bx-next {
	background: url(../../images/btn_key_next.png)no-repeat;
	text-indent: -9999px;
	width: 36px;
	height: 80px;
	position: absolute;
	top: -255px;
	right: 34%;
	}

@media screen and (max-width: 480px) {
	.slide_all {width: 100%; margin: 0 auto; height: 153px; position: relative;}
	.slide_wrap {width: 1020px; position: absolute; left: 50%; margin-left: -510px;}
	.slide {width: 100%;}
	.keyvisual { margin: 0 0 20px 0;}
	.bx-controls {position: absolute;bottom: -22px;z-index: 1;width: 100%;}
}