@charset "utf-8";
/*------------------------------------------------------
オプション用スタイル　目次

(1)スライダー
--------------------------------------------------------*/


/*------------------------------------------------------
(1)スライダー
--------------------------------------------------------*/
/*メイン画像マージン*/
.bx-wrapper{
margin: 0 auto 0px;
}

/*メイン画像に内余白をつける*/
.bx-wrapper .bx-viewport{
padding:0px;
max-height: 500px;
}

/*サムネイル*/
#bx-pager{
background-color:#●●●;/*サムネイル枠背景色*/
background-image:url(img/bg_sliderthum.png);/*サムネイル枠背景画像*/
/*▲どちらか一方を残しもう一方は削除▲*/

padding:12px 90px;
margin-bottom:20px;
}
#bx-pager a.last{
margin-right:0;
}

/*サムネイル通常時*/
#bx-pager a img{
opacity: 0.5;
filter: alpha(opacity=50);
}
#bx-pager a{
display:block;
float:left;
margin-right:21px;
border:1px solid #E1E1E3;
}

/*メインで表示されている画像に対応するサムネイル*/
#bx-pager a.active img{
opacity: 1;
filter: alpha(opacity=100);
}
#bx-pager a.active{
border:1px solid #f00;
}


/*ページ読み込み時に一瞬main2,main3がちらつくのを防ぐ*/
.img2 {
display:none;
}

.img2.show{
display:block;
}