/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Description: The default skin for the Nivo Slider.
Version: 1.3
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
Supports Thumbs: true
*/

.theme-b.shadow-on .nivoSlider {
	position:relative;
/* 	background:url(../images/loading.gif) no-repeat 50% 50%; */
    margin-bottom:10px;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}

.theme-b.shadow-off .nivoSlider {
	position:relative;
	margin-bottom:10px;
	box-shadow: none;
}

.theme-b .nivoSlider {
  position:relative;
/*   background:url(../images/loading.gif) no-repeat 50% 50%; */
    margin-bottom:10px;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-b .nivoSlider img {
  position:absolute;
  top:0px;
  left:0px;
  display:none;
}
.theme-b .nivoSlider a {
  border:0;
  display:block;
}
.theme-b .nivo-controlNav {
  text-align: center;
  padding: 20px 0;
}
.theme-b .nivo-controlNav a {
  display:inline-block;
  width:22px;
  height:22px;
  background:url(../images/bullets.png) no-repeat;
  text-indent:-9999px;
  border:0;
  margin: 0 2px;
}
.theme-b .nivo-controlNav a.active {
  background-position:0 -22px;
}

.theme-b .nivo-directionNav a {
  display:block;
  width:30px;
  height:30px;
  background:url(../images/arrows.png) no-repeat;
  text-indent:-9999px;
  border:0;
  opacity: 0;
  -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.theme-b.arrows-white .nivo-directionNav a {
  background:url(../images/arrows_white.png) no-repeat;
}
.theme-b.arrows-black .nivo-directionNav a {
  background:url(../images/arrows_black.png) no-repeat;
}
.theme-b.arrows-gray .nivo-directionNav a {
  background:url(../images/arrows_gray.png) no-repeat;
}
.theme-b.arrows-hidden .nivo-directionNav a {
  display: none;
}
.theme-b:hover .nivo-directionNav a { opacity: 1; }
.theme-b a.nivo-nextNav,
.theme-b.arrows-white a.nivo-nextNav,
.theme-b.arrows-black a.nivo-nextNav,
.theme-b.arrows-gray a.nivo-nextNav {
  background-position:-30px 0;
  right:10px;
}
.theme-b a.nivo-prevNav,
.theme-b.arrows-white a.nivo-prevNav,
.theme-b.arrows-black a.nivo-prevNav,
.theme-b.arrows-gray a.nivo-prevNav {
  left:10px;
}

.theme-b .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-b .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-b .nivo-caption a:hover {
    color:#fff;
}

.theme-b .nivo-controlNav.nivo-thumbs-enabled {
  width: 100%;
}
.theme-b .nivo-controlNav.nivo-thumbs-enabled a {
  width: auto;
  height: auto;
  background: none;
  margin-bottom: 5px;
}
.theme-b .nivo-controlNav.nivo-thumbs-enabled img {
  display: block;
  width: 120px;
  height: auto;
 }

.theme-b .nivo-caption {
  font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  position: absolute;
  left: auto;
  right: 5%;
  bottom: 10%;
  width: 50%;
  z-index: 8;
  margin: 0 auto;
  padding: 5px 10px;
  opacity: 0.8;
  overflow: hidden;
  background: #fff;
  color: #333;
  display: none;
  font-size: 1.4em;
  -moz-opacity: 0.8;
  filter:alpha(opacity=8);
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

/*************************************************
 * 20200124 キャプションの詳細設定 表示位置
 *************************************************/
.theme-b.caption-position-left-top .nivo-caption {
  top: 10%;
  right: auto;
  bottom: auto;
  left: 5%;
}
.theme-b.caption-position-center-top .nivo-caption {
  top: 10%;
  right: auto;
  bottom: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.theme-b.caption-position-right-top .nivo-caption {
  top: 10%;
  right: 5%;
  bottom: auto;
  left: auto;
}
.theme-b.caption-position-left-center .nivo-caption {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: auto;
  bottom: auto;
  left: 5%;
}
.theme-b.caption-position-center-center .nivo-caption {
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  right: auto;
  bottom: auto;
  left: 50%;
}
.theme-b.caption-position-right-center .nivo-caption {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 5%;
  bottom: auto;
  left: auto;
}
.theme-b.caption-position-left-bottom .nivo-caption {
  top: auto;
  right: auto;
  bottom: 10%;
  left: 5%;
}
.theme-b.caption-position-center-bottom .nivo-caption {
  top: auto;
  right: auto;
  bottom: 10%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.theme-b.caption-position-right-bottom .nivo-caption {
  top: auto;
  right: 5%;
  bottom: 10%;
  left: auto;
}

@media (min-width: 768px) {
  .theme-b.caption-size-large .nivo-caption,
  .theme-b.caption-size-middle .nivo-caption {
    padding: 1em;
  }
}
@media (max-width: 767px) {
  .theme-b.caption-position-center-top .nivo-caption,
  .theme-b.caption-position-center-center .nivo-caption,
  .theme-b.caption-position-center-bottom .nivo-caption {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 25% !important;
    left: 25% !important;
  }
}


/* /* 2305　slideshow animation CSS補正　*/

/* B */

/* 0段階　 */

/*0 初期位置を透明度上げ　初期見た目薄化 */
.theme-b .nivo-caption[data-aos]{
  opacity: 0.0;
  -moz-opacity: 0.0;
}


/* 1段階 */

/* .aos-animate class はscrollで付与 */
/*1 初期化　再追加　指定 */
.theme-b.caption-position-left-top .nivo-caption.aos-animate{
  top: 10%;
  right: auto;
  bottom: auto;
  left: 5%;
}
.theme-b.caption-position-center-top .nivo-caption.aos-animate {
  top: 10%;
  right: auto;
  bottom: auto;
  left: 50%;
  -webkit-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
}
.theme-b.caption-position-right-top .nivo-caption.aos-animate {
  top: 10%;
  right: 5%;
  bottom: auto;
  left: auto;
}
.theme-b.caption-position-left-center .nivo-caption.aos-animate {
  top: 50%;
  -webkit-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
  right: auto;
  bottom: auto;
  left: 5%;
}
.theme-b.caption-position-center-center .nivo-caption.aos-animate {
  top: 50%;
  -webkit-transform: translate(-50%,-50%) !important;
  transform: translate(-50%,-50%) !important;
  right: auto;
  bottom: auto;
  left: 50%;
}
.theme-b.caption-position-right-center .nivo-caption.aos-animate {
  top: 50%;
  -webkit-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
  right: 5%;
  bottom: auto;
  left: auto;
}
.theme-b.caption-position-left-bottom .nivo-caption.aos-animate {
  top: auto;
  right: auto;
  bottom: 10%;
  left: 5%;
}
.theme-b.caption-position-center-bottom .nivo-caption.aos-animate {
  top: auto;
  right: auto;
  bottom: 10%;
  left: 50%;
  -webkit-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
}
.theme-b.caption-position-right-bottom .nivo-caption.aos-animate {
  top: auto;
  right: 5%;
  bottom: 10%;
  left: auto;
}

/*中央系のみ 既存指定のSP指定のみへの補正  */
@media (max-width: 767px) {
  .theme-b.caption-position-center-top .nivo-caption.aos-animate ,
  .theme-b.caption-position-center-center .nivo-caption.aos-animate ,
  .theme-b.caption-position-center-bottom .nivo-caption.aos-animate {
    -webkit-transform: translate(0, -50%) !important;
    transform: translate(0, -50%) !important;
    right: 25% !important;
    left: 25% !important;
  }
}




/* 2段階 */

/*2  1回ずらして  base.css を再固定指定*/
/* a  cとほぼ同一  それを改変*/

/* 中央　中央左　中央右　中央上　中央下 */
.theme-b .nivo-caption[data-aos=fade-right]{
/* 元　base.css */
/* transform: translate3d(-100px,0,0) !important; */
transform: translate3d(-100%,0,0) !important;

}

.theme-b .nivo-caption[data-aos=fade-left]{
/* 元　base.css */
/* transform: translate3d(100px,0,0) !important; */
transform: translate3d(100%,0,0) !important;

}

.theme-b .nivo-caption[data-aos=fade-down]{
/* 元　base.css */
/* transform: translate3d(0,-100px,0) !important; */
transform: translate3d(0,-100%,0) !important;

}

.theme-b .nivo-caption[data-aos=fade-up]{
/* 元 base.css */
/* transform: translate3d(0,100px,0) !important; */
transform: translate3d(0,100%,0) !important;

}


/*2 中央左　中央中央　中央右 　起点位置補正*/
/* 左から　右へ */
.theme-b.caption-position-left-center .nivo-caption[data-aos=fade-right],
.theme-b.caption-position-center-center .nivo-caption[data-aos=fade-right],
.theme-b.caption-position-right-center .nivo-caption[data-aos=fade-right]
{
  /* 元　base.css 改変*/
  transform: translate3d(-100%,-50%,0) !important;
}

/* 右から　左へ */
.theme-b.caption-position-left-center .nivo-caption[data-aos=fade-left],
.theme-b.caption-position-center-center .nivo-caption[data-aos=fade-left],
.theme-b.caption-position-right-center .nivo-caption[data-aos=fade-left]
{
  /* 元　base.css 改変*/
  transform: translate3d(100%,-50%,0) !important;
}


/* 中央中央　のみ*/
/* 上から下へ */
.theme-b.caption-position-center-center .nivo-caption[data-aos=fade-down]{
  transform: translate3d(-50%,-100%,0) !important;
}
/* SP時　X軸　要補正 0へ*/
/* transform: translate3d(0,-100%,0) !important; */

/* 下から上へ */
.theme-b.caption-position-center-center .nivo-caption[data-aos=fade-up]{
  transform: translate3d(-50%,100%,0) !important;

}
/* SP時　X軸　要補正 0へ*/
/* transform: translate3d(0,100%,0) !important; */



/*2 中央上　中央下 　起点位置補正*/
/* 左から　右へ　 */
.theme-b.caption-position-center-top .nivo-caption[data-aos=fade-right],
.theme-b.caption-position-center-bottom .nivo-caption[data-aos=fade-right]
{
  transform: translate3d(-100%,0,0) !important;
}


/* 上から下へ */
.theme-b.caption-position-center-top .nivo-caption[data-aos=fade-down],
.theme-b.caption-position-center-bottom .nivo-caption[data-aos=fade-down]
{
  transform: translate3d(-50%,-100%,0) !important;
}
/* SP時　X軸　要補正 0へ */
/* transform: translate3d(0,-100%,0) !important; */

/* 下から上へ */
.theme-b.caption-position-center-top .nivo-caption[data-aos=fade-up],
.theme-b.caption-position-center-bottom .nivo-caption[data-aos=fade-up]
{
  transform: translate3d(-50%,100%,0) !important;
}
/* SP時　X軸　要補正 0へ*/
/* transform: translate3d(0,100%,0) !important; */



/*2 SP時 中央中央　中央上　中央下　再追加補正*/

@media (max-width: 767px) {

    /* 中央中央 */
    /* 上から下へ */
    .theme-b.caption-position-center-center .nivo-caption[data-aos=fade-down]{
    /* SP時　X軸　要補正 0へ*/
    transform: translate3d(0,-100%,0) !important;
    }

    /* 下から上へ */
    .theme-b.caption-position-center-center .nivo-caption[data-aos=fade-up]{
    /* SP時　X軸　要補正 0へ*/
    transform: translate3d(0,100%,0) !important;
  
    }

    /* 中央上　中央下 */
    /* 上から下へ */
    .theme-b.caption-position-center-top .nivo-caption[data-aos=fade-down],
    .theme-b.caption-position-center-bottom .nivo-caption[data-aos=fade-down]
    {
    /* SP時　X軸　要補正 0へ */
    transform: translate3d(0,-100%,0) !important;
    }

    /* 下から上へ */
    .theme-b.caption-position-center-top .nivo-caption[data-aos=fade-up],
    .theme-b.caption-position-center-bottom .nivo-caption[data-aos=fade-up]
    {
    /* SP時　X軸　要補正 0へ*/
    transform: translate3d(0,100%,0) !important;
    }

}



/*2 左上　右上　左下　右下 　結果の動作のみでOKのため とくにtranslate3dは打消*/
.theme-b.caption-position-left-top .nivo-caption.aos-animate[data-aos=fade-right],
.theme-b.caption-position-right-top .nivo-caption.aos-animate[data-aos=fade-right],
.theme-b.caption-position-left-bottom .nivo-caption.aos-animate[data-aos=fade-right],
.theme-b.caption-position-right-bottom .nivo-caption.aos-animate[data-aos=fade-right]
{
  transform: none !important;
}

.theme-b.caption-position-left-top .nivo-caption.aos-animate[data-aos=fade-left],
.theme-b.caption-position-right-top .nivo-caption.aos-animate[data-aos=fade-left],
.theme-b.caption-position-left-bottom .nivo-caption.aos-animate[data-aos=fade-left],
.theme-b.caption-position-right-bottom .nivo-caption.aos-animate[data-aos=fade-left]
{
  transform: none !important;
}

.theme-b.caption-position-left-top .nivo-caption.aos-animate[data-aos=fade-down],
.theme-b.caption-position-right-top .nivo-caption.aos-animate[data-aos=fade-down],
.theme-b.caption-position-left-bottom .nivo-caption.aos-animate[data-aos=fade-down],
.theme-b.caption-position-right-bottom .nivo-caption.aos-animate[data-aos=fade-down]
{
  transform: none !important;
}

.theme-b.caption-position-left-top .nivo-caption.aos-animate[data-aos=fade-up],
.theme-b.caption-position-right-top .nivo-caption.aos-animate[data-aos=fade-up],
.theme-b.caption-position-left-bottom .nivo-caption.aos-animate[data-aos=fade-up],
.theme-b.caption-position-right-bottom .nivo-caption.aos-animate[data-aos=fade-up]
{
  transform: none !important;
}




/* 3段階 */

/* 3　動作　移動先　再度指定 */
/*戻し */
.theme-b.caption-position-left-top .nivo-caption.aos-animate[data-aos=fade-right],
.theme-b.caption-position-left-top .nivo-caption.aos-animate[data-aos=fade-left],
.theme-b.caption-position-left-top .nivo-caption.aos-animate[data-aos=fade-down],
.theme-b.caption-position-left-top .nivo-caption.aos-animate[data-aos=fade-up]{
  top: 10%;
  right: auto;
  bottom: auto;
  left: 5%;
}
.theme-b.caption-position-center-top .nivo-caption.aos-animate[data-aos=fade-right],
.theme-b.caption-position-center-top .nivo-caption.aos-animate[data-aos=fade-left],
.theme-b.caption-position-center-top .nivo-caption.aos-animate[data-aos=fade-down],
.theme-b.caption-position-center-top .nivo-caption.aos-animate[data-aos=fade-up] {
  top: 10%;
  right: auto;
  bottom: auto;
  left: 50%;
  -webkit-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
}
.theme-b.caption-position-right-top .nivo-caption.aos-animate[data-aos=fade-right],
.theme-b.caption-position-right-top .nivo-caption.aos-animate[data-aos=fade-left],
.theme-b.caption-position-right-top .nivo-caption.aos-animate[data-aos=fade-down],
.theme-b.caption-position-right-top .nivo-caption.aos-animate[data-aos=fade-up] {
  top: 10%;
  right: 5%;
  bottom: auto;
  left: auto;
}
.theme-b.caption-position-left-center .nivo-caption.aos-animate[data-aos=fade-right],
.theme-b.caption-position-left-center .nivo-caption.aos-animate[data-aos=fade-left],
.theme-b.caption-position-left-center .nivo-caption.aos-animate[data-aos=fade-down],
.theme-b.caption-position-left-center .nivo-caption.aos-animate[data-aos=fade-up] {
  top: 50%;
  -webkit-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
  right: auto;
  bottom: auto;
  left: 5%;
}
.theme-b.caption-position-center-center .nivo-caption.aos-animate[data-aos=fade-right],
.theme-b.caption-position-center-center .nivo-caption.aos-animate[data-aos=fade-left],
.theme-b.caption-position-center-center .nivo-caption.aos-animate[data-aos=fade-down],
.theme-b.caption-position-center-center .nivo-caption.aos-animate[data-aos=fade-up] {
  top: 50%;
  -webkit-transform: translate(-50%,-50%) !important;
  transform: translate(-50%,-50%) !important;
  right: auto;
  bottom: auto;
  left: 50%;
}
.theme-b.caption-position-right-center .nivo-caption.aos-animate[data-aos=fade-right],
.theme-b.caption-position-right-center .nivo-caption.aos-animate[data-aos=fade-left],
.theme-b.caption-position-right-center .nivo-caption.aos-animate[data-aos=fade-down],
.theme-b.caption-position-right-center .nivo-caption.aos-animate[data-aos=fade-up] {
  top: 50%;
  -webkit-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
  right: 5%;
  bottom: auto;
  left: auto;
}
.theme-b.caption-position-left-bottom .nivo-caption.aos-animate[data-aos=fade-right],
.theme-b.caption-position-left-bottom .nivo-caption.aos-animate[data-aos=fade-left],
.theme-b.caption-position-left-bottom .nivo-caption.aos-animate[data-aos=fade-down],
.theme-b.caption-position-left-bottom .nivo-caption.aos-animate[data-aos=fade-up] {
  top: auto;
  right: auto;
  bottom: 10%;
  left: 5%;
}
.theme-b.caption-position-center-bottom .nivo-caption.aos-animate[data-aos=fade-right],
.theme-b.caption-position-center-bottom .nivo-caption.aos-animate[data-aos=fade-left],
.theme-b.caption-position-center-bottom .nivo-caption.aos-animate[data-aos=fade-down],
.theme-b.caption-position-center-bottom .nivo-caption.aos-animate[data-aos=fade-up] {
  top: auto;
  right: auto;
  bottom: 10%;
  left: 50%;
  -webkit-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
}
.theme-b.caption-position-right-bottom .nivo-caption.aos-animate[data-aos=fade-right],
.theme-b.caption-position-right-bottom .nivo-caption.aos-animate[data-aos=fade-left],
.theme-b.caption-position-right-bottom .nivo-caption.aos-animate[data-aos=fade-down],
.theme-b.caption-position-right-bottom .nivo-caption.aos-animate[data-aos=fade-up] {
  top: auto;
  right: 5%;
  bottom: 10%;
  left: auto;
}

/* 中央系のみ　既存指定のSP指定のみへの補正 */
@media (max-width: 767px) {

  /* 中央中央   */
  .theme-b.caption-position-center-center .nivo-caption.aos-animate[data-aos=fade-right],
  .theme-b.caption-position-center-center .nivo-caption.aos-animate[data-aos=fade-left],
  .theme-b.caption-position-center-center .nivo-caption.aos-animate[data-aos=fade-down],
  .theme-b.caption-position-center-center .nivo-caption.aos-animate[data-aos=fade-up],
  
  /* 中央下 */
  .theme-b.caption-position-center-bottom .nivo-caption.aos-animate[data-aos=fade-right],
  .theme-b.caption-position-center-bottom .nivo-caption.aos-animate[data-aos=fade-left],
  .theme-b.caption-position-center-bottom .nivo-caption.aos-animate[data-aos=fade-down],
  .theme-b.caption-position-center-bottom .nivo-caption.aos-animate[data-aos=fade-up]
  {
      -webkit-transform: translate(0, -25%) !important;
      transform: translate(0, -25%) !important;
      right: 25% !important;
      left: 25% !important;
  }

  /* 中央上のみ　Y軸補正要 */
  .theme-b.caption-position-center-top .nivo-caption.aos-animate[data-aos=fade-right],
  .theme-b.caption-position-center-top .nivo-caption.aos-animate[data-aos=fade-left],
  .theme-b.caption-position-center-top .nivo-caption.aos-animate[data-aos=fade-down],
  .theme-b.caption-position-center-top .nivo-caption.aos-animate[data-aos=fade-up]{
    -webkit-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
    right: 25% !important;
    left: 25% !important;
  }
  
  }

/* 2305　slideshow animation 補正　end*/