/*

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

*/



/*************************************************

 * 20161220 シャドウの表示設定

 *************************************************/

 .theme-a.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-a.shadow-off .nivoSlider {

	position:relative;

	margin-bottom:10px;

	box-shadow: none;

}

/*************************************************

 * 〆20161220 シャドウの表示設定

 *************************************************/

.theme-a .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-a .nivoSlider img {

	position:absolute;

	top:0px;

	left:0px;

	display:none;

}

.theme-a .nivoSlider a {

	border:0;

	display:block;

}



.theme-a .nivo-controlNav {

	text-align: center;

	padding: 20px 0;

}

.theme-a .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-a .nivo-controlNav a.active {

	background-position:0 -22px;

}



.theme-a .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;

}



/*************************************************

 * 20161220 コントロールボタン(写真左右)の表示設定

 *************************************************/



.theme-a.arrows-white .nivo-directionNav a {

  background:url(../images/arrows_white.png) no-repeat;

}

.theme-a.arrows-black .nivo-directionNav a {

  background:url(../images/arrows_black.png) no-repeat;

}

.theme-a.arrows-gray .nivo-directionNav a {

  background:url(../images/arrows_gray.png) no-repeat;

}

.theme-a.arrows-hidden .nivo-directionNav a {

  display: none;

}

.theme-a:hover .nivo-directionNav a { opacity: 1; }

.theme-a a.nivo-nextNav,

.theme-a.arrows-white a.nivo-nextNav,

.theme-a.arrows-black a.nivo-nextNav,

.theme-a.arrows-gray a.nivo-nextNav {

  background-position:-30px 0;

  right:10px;

}

.theme-a a.nivo-prevNav,

.theme-a.arrows-white a.nivo-prevNav,

.theme-a.arrows-black a.nivo-prevNav,

.theme-a.arrows-gray a.nivo-prevNav {

  left:10px;

}



/*************************************************

 * 〆20161220 コントロールボタン(写真左右)の表示設定

 *************************************************/



.theme-a .nivo-caption {

    font-family: Helvetica, Arial, sans-serif;

}

.theme-a .nivo-caption a {

    color:#fff;

    border-bottom:1px dotted #fff;

}

.theme-a .nivo-caption a:hover {

    color:#fff;

}



.theme-a .nivo-controlNav.nivo-thumbs-enabled {

	width: 100%;

}

.theme-a .nivo-controlNav.nivo-thumbs-enabled a {

	width: auto;

	height: auto;

	background: none;

	margin-bottom: 5px;

}

.theme-a .nivo-controlNav.nivo-thumbs-enabled img {

	display: block;

	width: 120px;

	height: auto;

 }



/*************************************************

 * ここからスタイル上書き

 *************************************************/

.theme-a .nivo-caption {

  font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  z-index: 8;

  margin: 0 auto;

  padding: 5px 40px;

  opacity: 0.8;

  overflow: hidden;

  background: #000;

  color: #fff;

  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+ */

}



/*************************************************

 * 20200124 キャプションの詳細設定 表示位置

 *************************************************/

.theme-a[class*="caption-position-left"] .nivo-caption {

  text-align: left;

}

.theme-a[class*="caption-position-right"] .nivo-caption {

  text-align: right;

}

.theme-a[class*="caption-position-center"] .nivo-caption {

  text-align: center;

}

.theme-a.caption-position-left-top .nivo-caption,

.theme-a.caption-position-center-top .nivo-caption,

.theme-a.caption-position-right-top .nivo-caption {

  top: 0;

  bottom: auto;

}



.theme-a.caption-position-left-center .nivo-caption,

.theme-a.caption-position-center-center .nivo-caption,

.theme-a.caption-position-right-center .nivo-caption {

  bottom: 50% !important;

  -webkit-transform: translateY(50%) !important;

  transform: translateY(50%) !important;

}



.theme-a.caption-position-left-bottom .nivo-caption,

.theme-a.caption-position-center-bottom .nivo-caption,

.theme-a.caption-position-right-bottom .nivo-caption {

  bottom: 0;

}

@media (min-width: 768px) {

  .theme-a.caption-size-large .nivo-caption,

  .theme-a.caption-size-middle .nivo-caption {

    padding-top: 0.5em;

    padding-bottom: 0.5em;

  }

}





/* 2305　slideshow animation CSS補正　*/





/* A */



/*0 初期位置を透明度上げ　初期見た目薄化 */

.theme-a .nivo-caption[data-aos]{

  opacity: 0.0;

  -moz-opacity: 0.0;

}



/* .aos-animate class はscrollで付与 JS発動*/

/*1 初期化　再追加　指定 */

.theme-a.caption-position-left-top .nivo-caption.aos-animate,

.theme-a.caption-position-center-top .nivo-caption.aos-animate,

.theme-a.caption-position-right-top .nivo-caption.aos-animate {

  top: 0;

  bottom: auto;

}



.theme-a.caption-position-left-center .nivo-caption.aos-animate,

.theme-a.caption-position-center-center .nivo-caption.aos-animate,

.theme-a.caption-position-right-center .nivo-caption.aos-animate {

  bottom: 50%;

  -webkit-transform: translateY(50%);

  transform: translateY(50%);

}



.theme-a.caption-position-left-bottom .nivo-caption.aos-animate,

.theme-a.caption-position-center-bottom .nivo-caption.aos-animate,

.theme-a.caption-position-right-bottom .nivo-caption.aos-animate {

  bottom: 0;

}







/*2 1回ずらして  base.css を再固定指定*/

/* a  cとほぼ同一 */

/* [data-aos=fade-right]　と　[data-aos=fade-left] のみ　配置特定指定*/



/* .theme-a .nivo-captionに検索を掛け

中央　.caption-position-center-center 

中央左　.caption-position-left-center　

中央右 .caption-position-right-center

のみ　再補正　！！有り*/

.theme-a.caption-position-left-center .nivo-caption[data-aos=fade-right],

.theme-a.caption-position-center-center .nivo-caption[data-aos=fade-right],

.theme-a.caption-position-right-center .nivo-caption[data-aos=fade-right]{

  /* 位置　Y補正　要 */

  transform: translate3d(-100px,50%,0) !important;

}

.theme-a.caption-position-left-center .nivo-caption[data-aos=fade-left],

.theme-a.caption-position-center-center .nivo-caption[data-aos=fade-left],

.theme-a.caption-position-right-center .nivo-caption[data-aos=fade-left]{

  /* 位置　Y補正　要 */

  transform: translate3d(100px,50%,0) !important;

}



/* その他は　ずらし　再補正！！無し　常指定 */

.theme-a .nivo-caption[data-aos=fade-right]{

  transform: translate3d(-100px,0,0) !important;

}

.theme-a .nivo-caption[data-aos=fade-left]{

  transform: translate3d(100px,0,0) !important;

}





/* [data-aos=fade-down]　と　[data-aos=fade-up] 常指定*/

.theme-a .nivo-caption[data-aos=fade-down]{

transform: translate3d(0,-100px,0) !important;

/* 位置を中央へ再補正 上下は不要*/

}

.theme-a .nivo-caption[data-aos=fade-up]{

transform: translate3d(0,100px,0) !important;

/* 位置を中央へ再補正 上下は不要*/

}





/* 3　動作　移動先　再度指定 */

/* a  cとほぼ同一 */



/* 左上　中央上　右上 */



/* 中央　中央　中央右 */



/* 左下　中央下　右下 */



/* 着地点を元に戻す transform関連のみ*/

.theme-a.caption-position-left-top .nivo-caption.aos-animate[data-aos=fade-right],

.theme-a.caption-position-left-top .nivo-caption.aos-animate[data-aos=fade-left],

.theme-a.caption-position-left-top .nivo-caption.aos-animate[data-aos=fade-down],

.theme-a.caption-position-left-top .nivo-caption.aos-animate[data-aos=fade-up],



.theme-a.caption-position-center-top .nivo-caption.aos-animate[data-aos=fade-right],

.theme-a.caption-position-center-top .nivo-caption.aos-animate[data-aos=fade-left],

.theme-a.caption-position-center-top .nivo-caption.aos-animate[data-aos=fade-down],

.theme-a.caption-position-center-top .nivo-caption.aos-animate[data-aos=fade-up],



.theme-a.caption-position-right-top .nivo-caption.aos-animate[data-aos=fade-right],

.theme-a.caption-position-right-top .nivo-caption.aos-animate[data-aos=fade-left],

.theme-a.caption-position-right-top .nivo-caption.aos-animate[data-aos=fade-down], 

.theme-a.caption-position-right-top .nivo-caption.aos-animate[data-aos=fade-up]

{

  transform: translate3d(0,0,0) !important;

}





.theme-a.caption-position-left-center .nivo-caption.aos-animate[data-aos=fade-right],

.theme-a.caption-position-left-center .nivo-caption.aos-animate[data-aos=fade-left],

.theme-a.caption-position-left-center .nivo-caption.aos-animate[data-aos=fade-down],

.theme-a.caption-position-left-center .nivo-caption.aos-animate[data-aos=fade-up],



.theme-a.caption-position-center-center .nivo-caption.aos-animate[data-aos=fade-right],

.theme-a.caption-position-center-center .nivo-caption.aos-animate[data-aos=fade-left],

.theme-a.caption-position-center-center .nivo-caption.aos-animate[data-aos=fade-down],

.theme-a.caption-position-center-center .nivo-caption.aos-animate[data-aos=fade-up],



.theme-a.caption-position-right-center .nivo-caption.aos-animate[data-aos=fade-right],

.theme-a.caption-position-right-center .nivo-caption.aos-animate[data-aos=fade-left],

.theme-a.caption-position-right-center .nivo-caption.aos-animate[data-aos=fade-down],

.theme-a.caption-position-right-center .nivo-caption.aos-animate[data-aos=fade-up]

{

  transform: translate3d(0,50%,0) !important;

}





.theme-a.caption-position-left-bottom .nivo-caption.aos-animate[data-aos=fade-right],

.theme-a.caption-position-left-bottom .nivo-caption.aos-animate[data-aos=fade-left],

.theme-a.caption-position-left-bottom .nivo-caption.aos-animate[data-aos=fade-down],

.theme-a.caption-position-left-bottom .nivo-caption.aos-animate[data-aos=fade-up],



.theme-a.caption-position-center-bottom .nivo-caption.aos-animate[data-aos=fade-right],

.theme-a.caption-position-center-bottom .nivo-caption.aos-animate[data-aos=fade-left],

.theme-a.caption-position-center-bottom .nivo-caption.aos-animate[data-aos=fade-down],

.theme-a.caption-position-center-bottom .nivo-caption.aos-animate[data-aos=fade-up],



.theme-a.caption-position-right-bottom .nivo-caption.aos-animate[data-aos=fade-right],

.theme-a.caption-position-right-bottom .nivo-caption.aos-animate[data-aos=fade-left],

.theme-a.caption-position-right-bottom .nivo-caption.aos-animate[data-aos=fade-down],

.theme-a.caption-position-right-bottom .nivo-caption.aos-animate[data-aos=fade-up]

{

  transform: translate3d(0,0,0) !important;

}





/* 2305　slideshow animation 補正　end*/