/*
@media (max-width: 1000px) {
  ol.flex-control-nav{
    display: none;
  }
}
  ul.flex-direction-nav{
    display: none;
  }
}
*/

@media (max-width: 1000px) {
  ol.flex-control-nav{
    display: none;
  }
  ul.flex-direction-nav{
    display: none;
  }
}
@media (min-width: 1000px) {
  div.ps-container{
  overflow: hidden!important;
  }
}
  ol.flex-control-nav{
    display: none;
  }

#wrappAll{
    opacity: 0;
}
#wrappAll.load{
    opacity: 1;
    transition: opacity 5.0s;
    -moz-transition: opacity 5.0s;
    -webkit-transition: opacity 5.0s;
    -o-transition: opacity 5.0s;
}

/*プログレスバー*/
.progressbar {
    width: 0;
    height: 5px;
    background: #333;
    position: fixed;
    top: 0;
    left: 0;
    transition: all 0.2s linear 0s;
}



/* fancybox-custom */
.fancybox-custom .fancybox-outer{box-shadow: 0 0 50px #222;}

/* perfect-scrollbar v0.6.12 */
.ps-container {
  -ms-touch-action: none;
  touch-action: none;
  -ms-overflow-style: none; }
@supports (-ms-overflow-style: none) {
  .ps-container {
  overflow: auto !important; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps-container {
  overflow: auto !important; } }
.ps-container.ps-active-x > .ps-scrollbar-x-rail,
.ps-container.ps-active-y > .ps-scrollbar-y-rail {
  display: block;
  background-color: transparent; }
.ps-container.ps-in-scrolling {
  pointer-events: none; }
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9; }
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #9a6884; }
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #efe3ea;
  opacity: 0.9; }
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: # ; }
.ps-container > .ps-scrollbar-x-rail {
  display: none;
  position: absolute;
    /* please don't change 'position' */
  opacity: 0;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  -moz-transition: background-color .2s linear, opacity .2s linear;
  -o-transition: background-color .2s linear, opacity .2s linear;
  transition: background-color .2s linear, opacity .2s linear;
  bottom: 0px;
    /* there must be 'bottom' for ps-scrollbar-x-rail */
  height: 0px; }
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    position: absolute;
      /* please don't change 'position' */
    background-color: #c0b0b9;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
    -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
    -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
    bottom: 0px;
      /* there must be 'bottom' for ps-scrollbar-x */
    height: 0px; }
.ps-container > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x, .ps-container > .ps-scrollbar-x-rail:active > .ps-scrollbar-x {
    height: 11px; }
.ps-container > .ps-scrollbar-y-rail {
  display: block;
  position: absolute;
  background-color: #c0b0b9;
    /* please don't change 'position' */
  opacity: 0.9;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  -moz-transition: background-color .2s linear, opacity .2s linear;
  -o-transition: background-color .2s linear, opacity .2s linear;
  transition: background-color .2s linear, opacity .2s linear;
  right: 0px;
    /* there must be 'right' for ps-scrollbar-y-rail */
  width: 14px; }
 .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    position: absolute;
      /* please don't change 'position' */
    background-color: #9a6884;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
    -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
    -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
    right: 2px;
      /* there must be 'right' for ps-scrollbar-y */
    width: 10px; }
.ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, .ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
  width: 10px; }
.ps-container:hover.ps-in-scrolling {
  pointer-events: none; }
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9; }
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #9a6884; }
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.5; }
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #9a6884; }
.ps-container:hover > .ps-scrollbar-x-rail,
.ps-container:hover > .ps-scrollbar-y-rail {
  opacity: 0.6; }
.ps-container:hover > .ps-scrollbar-x-rail:hover {
  background-color: #eee;
  opacity: 0.9; }
.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
  background-color: #9a6884; }
.ps-container:hover > .ps-scrollbar-y-rail:hover {
  background-color: #eee;
  opacity: 0.9; }
.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
  background-color: #9a6884; }
.always-visible.ps-container > .ps-scrollbar-x-rail,
.always-visible.ps-container > .ps-scrollbar-y-rail {
  opacity: 0.6; }


/* Header */

@media (max-width: 1000px) {
div.flex-viewport {border-radius: 0px;}
div.flexslider .slides img {border-radius: 0px;}
}

/***flexslider***/
.flexslider {margin:0; padding:0;}
.flexslider .slides > li {display:none; -webkit-backface-visibility:hidden;}
.flexslider .slides img {width:100%; display:block;}
.flex-pauseplay span {text-transform:capitalize;}
.slides:after {content:""; display:block; clear:both; visibility:hidden; height:0;}
.no-js .slides > li:first-child {display:block;}

/******************/
.flexslider {margin:0 0 0px; position:relative;}
.flex-viewport {max-height:2000px; -webkit-transition:all 1s ease; transition:all 1s ease;border-radius: 10px;}
.loading .flex-viewport {max-height:300px;}
.carousel li {margin-right:5px;}
/* Direction Nav **/
/*
.flex-direction-nav {height:0;}
.flex-direction-nav a  {-webkit-transition:all .3s ease;transition:all .3s ease;z-index:10;}
*/
.flex-direction-nav a  {
display:block;
width:40px;
height:50px;
background-image:url(topimg/yaz02.png);
	-webkit-background-size:90px 50px;
	background-size:90px 50px;
margin:-30px 0 0;
position:absolute;
top:50%;
overflow:hidden;
opacity:0;
cursor:pointer;
color:rgba(255,255,255,0);
	-webkit-transition:all .3s ease;
	transition:all .3s ease;
z-index:50;
}

.flex-direction-nav .flex-prev {left:-50px; }
.flex-direction-nav .flex-next {right:-50px;}
.flex-direction-nav a.flex-prev {background-image:url(topimg/yaz02.png);z-index:50;}
.flex-direction-nav a.flex-next {background-position:-50px 0;}
.flexslider:hover .flex-prev {opacity:0.7; left:10px;}
.flexslider:hover .flex-next {opacity:0.7; right:10px;}
.flexslider:hover .flex-prev:hover{opacity:1;background-position:0 0;background-image:url(topimg/yaz01.png);z-index:50;}
.flexslider:hover .flex-next:hover{opacity:1;background-position:-50px 0;background-image:url(topimg/yaz01.png);z-index:50;}
.flex-direction-nav .flex-disabled {opacity:0; cursor:default;}
.flex-direction-nav a:before {font-size:40px; display:inline-block; content:'';}
/*
.flex-prev {color: #9a6884; font-size: 12px; font-weight:bold; width:3%; vertical-align: top; text-align:left; display: inline;}
.flex-next {color: #9a6884; font-size: 12px; font-weight:bold; width:3%; vertical-align: top; text-align:right; display: inline;}
.flex-prev:link {color: #9a6884;}
.flex-next:link {color: #9a6884;}
.flex-prev:visited {color: #9a6884;}
.flex-next:visited {color: #9a6884;}
.flex-prev:hover {
  color: #9a6884;
  text-shadow:
        0 1px 0px #fff,1px 0 0px #fff,0 -1px 0px #fff,-1px 0 0px #fff,
        -1px -1px 0px #fff,1px -1px 0px #fff,-1px 1px 0px #fff,1px 1px 0px #fff; }
.flex-next:hover {
  color: #9a6884;
  text-shadow:
        0 1px 0px #fff,1px 0 0px #fff,0 -1px 0px #fff,-1px 0 0px #fff,
        -1px -1px 0px #fff,1px -1px 0px #fff,-1px 1px 0px #fff,1px 1px 0px #fff; }
.custom-navigation {position:relative;}
.custom-controls-container {width:94%;display: inline;}
*/
/*
.flex-prevo {color: #9a6884; font-size: 12px; font-weight:bold; height:10px; border-radius: 6px; width:3%; margin-top:2px; vertical-align:top; text-align:left; display: inline-block;}
.prevarrow {  
  width: 0;
  height: 0;
    border-top: 4px solid transparent;
  border-right: 12px solid red;
  border-bottom: 4px solid transparent;
  border-left: 12px solid transparent;
  top: 3px;
  position: absolute; display: inline-block;
}
.prevarrow:hover { border-right: 5px solid #000;}*/

/* Pause/Play *****/
.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-pauseplay a:before { font-size: 20px; display: inline-block;}
.flex-pauseplay a:hover {opacity:1;}
.flex-pauseplay a.flex-play:before {content:'\f003';}

/* Control Nav */
.flex-control-nav {width:94%; text-align:center; margin-bottom:5px;display: inline-block;}
.flex-control-nav li {margin:2px 3px; display:inline-block;}
.flex-control-paging li a {width:25px; height:10px; border-radius: 6px; display:block; background:rgba(238,238,238,0.9); cursor:pointer; text-indent:-9999px;}
.flex-control-paging li a:hover {background:rgba(192,176,185,0.9);}
.flex-control-paging li a.flex-active {background:rgba(157,104,132,1); cursor:default;}
.flex-control-thumbs {margin:5px 0 0; position:static; overflow:hidden;}
.flex-control-thumbs li {width:25%; float:left; margin:0;}
.flex-control-thumbs img {width:100%; display:block; opacity:0.7; cursor:pointer;}
.flex-control-thumbs img:hover {opacity:1;}
.flex-control-thumbs .flex-active {opacity:1; cursor:default;}

#stageline{
  height:3px;
  margin: 1px 0px;
  width;0%;
  background: #9a6884;
}


@media screen and (max-width: 880px) {
	.flex-direction-nav .flex-prev {opacity:1; left:10px;}
	.flex-direction-nav .flex-next {opacity:1; right:10px;}
}