/*
customVideoSlide2
FG index ver 1.6
*/

#customVideoSlide2Wrap{
 transition: 1s;
}
#customVideoSlide2 .hidden{
 display: block !important;
 height: 0px !important;
 overflow: hidden !important;
 text-indent: -9999px;
 margin: 0px !important;
 padding: 0px !important;
}
#customVideoSlide2 .hidden img{
 display: none;
}
#customVideoSlide2{
 margin: 0px auto !important;
 padding: 0px;
 position: relative;
 width: 1000px;
 /* overflow: hidden;*/
}
#customVideoSlide2 .btn{
 cursor: pointer;
}
#customVideoSlide2 .btn:hover{
 opacity: 0.8;
}
#customVideoSlide2 .leftBtn{
 position: absolute;
 top: 50%;
 left: 50%;
 z-index: 100;
 width: 20px;
 height: 37px;
 border: none;
 padding: 0;
 text-indent: -10000px;
 outline: none;
 background: url(/fg-common/pc/images/top/btn-prev.png) no-repeat left top;
 margin-left: -544px;
 cursor: pointer;
}
#customVideoSlide2 .rightBtn{
 position: absolute;
 top: 50%;
 left: 50%;
 z-index: 100;
 width: 20px;
 height: 37px;
 border: none;
 padding: 0;
 text-indent: -10000px;
 outline: none;
 background: url(/fg-common/pc/images/top/btn-next.png) no-repeat left top;
 margin-left: 524px;
 cursor: pointer;
}

#customVideoSlide2 .slideArea,
#customVideoSlide2 .slideArea .thumArea *{
 margin: 0px;
 padding: 0px;
}
#customVideoSlide2 .slideArea{
 height: 355px;
 position: relative;
 overflow: hidden;
}
#customVideoSlide2 .slideArea .slide img.bg{
 width: 100%;
 height: auto;
}
#customVideoSlide2 .slideArea .slide img.btn{
 position: absolute;
 top: 0px;
 left: 0px;
}
#customVideoSlide2 .slideArea .slide{
 top: 0px;
 left: 0px;
 position: absolute;
 z-index: 1;
 background: #fff;
 opacity: 0;
 transition: opacity 1s;
}
#customVideoSlide2 .slideArea .this{
 z-index: 2;
 display: block;
 opacity: 1;
}
#customVideoSlide2 .video{
 background: #000;
}
#customVideoSlide2 .thumArea{
 position: absolute;
 display: table;
 table-layout: fixed;
 z-index: 3;
 bottom: -73px;
 padding: 0px 10px 0px;
}
#customVideoSlide2 .thumArea .thum{
 cursor: pointer;
 display: table-cell;
 *float:left;
 vertical-align: middle;
 line-height: 1.5em;
 box-sizing: border-box;
 font-size: 12px;
 padding-left: 10px;
}
#customVideoSlide2 .thumArea .thum img{
 padding-bottom: 3px;
 transition: opacity 0.5s;
}
#customVideoSlide2 .thumArea .thum img:hover{
 opacity: 0.8;
}
#customVideoSlide2 .thumArea .this{
 position: relative;
}
#customVideoSlide2 .thumArea .this img{
 border-bottom: solid 3px #e00;
 padding-bottom: 0px;
}

/*sp表示用スライド*/
#customVideoSlide2 .slideArea2,
#customVideoSlide2 .slideArea2 .thumArea *{
 margin: 0px;
 padding: 0px;
}
#customVideoSlide2 .slideArea2{
 position: relative;
 overflow: hidden;
}
#customVideoSlide2 .slideArea2 .slide img.bg{
 width: 100%;
 height: auto;
}
#customVideoSlide2 .slideArea2 .slide img.btn{
 position: absolute;
 top: 0px;
 left: 0px;
}
#customVideoSlide2 .slideArea2 .slide{
 top: 0px;
 left: 0px;
 width: 100%;
 text-align: center;
 position: absolute;
 z-index: 1;
 opacity: 0;
}
#customVideoSlide2 .slideArea2 .slide .jstream-eqPlayer{
 background: #fff !important;
}
#customVideoSlide2 .slideArea2 .slide .jstream-eqPlayer a>div{
 display: inline-block !important;
}
#customVideoSlide2 .slideArea2 .this{
 z-index: 2;
 display: block;
 opacity: 1;
 transition: opacity 1s;
}
#customVideoSlide2 .close{
 z-index: 9999;
 position: absolute;
 top: 10px;
 right: 10px;
 width: 39px;
 height: 57px;
 background: url(/fg-common/pc/images/top/btn-player_close.png) no-repeat;
 cursor: pointer;
}
#customVideoSlide2 .close:hover{
 transition: .5s;
 opacity: .8;
}

#customVideoSlide2 .ctrBtn{
 position: absolute;
 bottom: -50px;
 right: 10px;
 z-index: 3;
 padding: 10px;
 text-align: right;
 overflow: hidden;
 font-size: 14px;
 display: none;
}
#customVideoSlide2 .ctrBtn #circleTimer{
 display: inline-block;
 vertical-align: middle;
}
#customVideoSlide2 .ctrBtnView{
 display: block;
}
#customVideoSlide2 .ctrBtn .inner{
 cursor: pointer;
 display: inline-block;
 *display:inline;
 *zoom:1;
 min-width: 162px;
 text-align: left;
 *padding-left: 20px;
}
#customVideoSlide2 .startBtn .inner{
 background: url(/fg-common/pc/images/top/slide1_start.gif) no-repeat 11px 10px;
}
#customVideoSlide2 .stopBtn .inner{
 background: url(/fg-common/pc/images/top/slide1_stop.gif) no-repeat 10px 10px;
}

#customVideoSlide2 .ctrBtnStyle{
 position: absolute;
 bottom: -30px;
 right: 25px;
 z-index: 3;
 padding: 4px;
 text-align: right;
 overflow: hidden;
 font-size: 14px;
 display: none;
}
#customVideoSlide2 .ctrBtnStyle #circleTimer{
 display: inline-block;
 vertical-align: middle;
}
#customVideoSlide2 .ctrBtnView{
 display: block;
}
#customVideoSlide2 .ctrBtnStyle .inner{
 cursor: pointer;
 display: inline-block;
 *display:inline;
 *zoom:1;
 text-align: left;
 *padding-left: 20px;
 min-width: 0px;
 padding: 0px 0px 0px 15px;
 background-position: 0px center;
}
#customVideoSlide2 .ctrBtnStyle .inner span{
 display: block;
 padding: 5px 0px;
}

#customVideoSlide2 .ctrBtn .inner .circle_wrapper,
#customVideoSlide2 .ctrBtn .inner .start,
#customVideoSlide2 .ctrBtn .inner .stop{
 display: inline-block;
 *display: inline;
 *zoom:1;
 vertical-align: middle;
 *vertical-align: top;
}

#customVideoSlide2 .thumArea2{
 display: none;
}


@media screen and (max-width: 767px) {
 #customVideoSlide2Wrap{
  background: none !important;
 }
 #customVideoSlide2{
  width: 100%;
 }
 #customVideoSlide2 .slideArea{
  display: none;
 }
 #customVideoSlide2 .thumArea{
  display: none;
 }
 #customVideoSlide2 .ctrBtnView{
  display: none;
 }
 #customVideoSlide2 .ctrBtn{
  display: none;
 }
 #customVideoSlide2 .slideArea2{
  height: auto;
 }
 #customVideoSlide2 .close{
  display: none;
 }
 #customVideoSlide2 .thumArea2{
  display: block;
  width: 96%;
  text-align: center;
  padding: 2%;
  position: relative;
  display: table;
  table-layout: fixed;
  z-index: 3;
  margin-top: 0px;
 }
 #customVideoSlide2 .thumArea2 .thum{
  cursor: pointer;
  display: inline-block;
  border:none;
  background: #efefef;
  padding: 5px;
  background: #ddd;
  border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  display: inline-block;
  width: 10px !important;
  height: 10px !important;
  margin: 5px;
 }
 #customVideoSlide2 .thumArea2 .this{
  background: #000066;
 }
 #customVideoSlide2 .thumArea2 .thum:before,
 #customVideoSlide2 .thumArea2 .thum:after{
  display: none;
 }
 #customVideoSlide2 .thumArea2 .thum .txt{
  display: none;
 }
}