/*
 * 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 { margin: 0; padding: 0 0 60px 0; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; background-color: #fff; }
.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; position: relative; zoom: 1; z-index:90;} /*20250221変更( z-index:100;)*/
.flexslider .slides { zoom: 1; width: 100%; }
.flexslider .slides img { height: auto; }
.flexslider .slides a { display: block; }

.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; */z-index: 100; 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: 50px; height: 50px; text-indent: -9999px; display: inline-block; }
/* .flex-direction-nav .flex-next { width: 30px; height: 45px; text-indent: -9999px; display: inline-block; } */
/* .flex-direction-nav .flex-prev { left: -50px; background: url(../image/slide_prev.png) 0 0 no-repeat; } */
.flex-direction-nav .flex-prev { left: 30px; top: 45%; background: url(../image/slide_prev.png) 0 0 no-repeat;background-size:cover; }
.flex-direction-nav .flex-next { right: 30px; top: 45%; background: url(../image/slide_next.png) 0 0 no-repeat;background-size:cover; }

.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: 30px; text-align: center; line-height: 1; } */
.flex-control-nav { width: 100%; position: absolute; bottom: 25px; 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; border-radius: 50%; display: block; text-indent: -9999px; background-color: #e6e6e6; cursor: pointer; }
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active { background-color: #f7931e; }

.slider_PC { padding-bottom: 33px; }

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

.flex-control-paging li a { width: 3vw; height: 3vw;}
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active { background-color: #f7931e;}

.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next { width: 30px; height: 30px; }
.flex-direction-nav .flex-prev { top: 40%; }
.flex-direction-nav .flex-next { top: 40%; }
.flex-control-nav { bottom: 25px; }
}