/*
 * jQuery FlexSlider v2.4.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
 * ====================================================================================================================*/
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover, .flex-slider a:hover,.flex-container a:focus,.flex-slider a:focus { outline: none; }
.slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }
.flex-pauseplay span { text-transform: capitalize; }
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider { margin: 0; padding: 0 0 33px; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
.flexslider .slides img { width: 100%; }
.flexslider .slides:after { content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .flexslider .slides { display: block; }
* html .flexslider .slides { height: 1%; }
.no-js .flexslider .slides > li:first-child { display: block; }
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider { margin: 0; background: #ffffff; position: relative; zoom: 1; }
.flexslider .slides { zoom: 1; width: 100%; }
.flexslider .slides img { height: auto; }

.flex-viewport { max-height: 2000px; overflow: visible !important; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.carousel li { margin-right: 5px; }

.flex-direction-nav { *height: 0; }
.flex-direction-nav a { text-decoration: none; display: block; margin: -23px 0 0; position: absolute; top: 50%; z-index: 50; overflow: hidden; opacity: 1; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next { width: 30px; height: 45px; text-indent: -9999px; display: inline-block; }
.flex-direction-nav .flex-prev { left: -50px; background: url(/images/pc/slide_prev.png) 0 0 no-repeat; }
.flex-direction-nav .flex-next { right: -50px; background: url(/images/pc/slide_next.png) 0 0 no-repeat; }

.flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; }
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }

.flex-control-nav { width: 100%; position: absolute; bottom: 0; text-align: center; line-height: 1; }
.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }

.flex-control-paging li a { width: 13px; height: 13px; display: block; text-indent: -9999px; background: url(/images/pc/slide_indicator.png) 0 0 no-repeat; cursor: pointer; }
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active { background: url(/images/pc/slide_indicator_active.png) 0 0 no-repeat; }

.slider_PC { padding-bottom: 33px; }

/*-----------------------------------------------------
SP用スタイル
------------------------------------------------------*/
@media screen and (max-width: 667px){
.flexslider { padding: 0; }
	
.flex-control-nav { width: 100%; position: absolute; bottom: -75.5%; text-align: center; }
.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }

.flex-control-paging li a { width: 11px; height: 11px; background: url(/images/sp/slide_indicator.png) 0 0 no-repeat; background-size: 11px 11px; }
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active { background: url(/images/sp/slide_indicator_active.png) 0 0 no-repeat; background-size: 11px 11px; }
}