/* **************************************************************** *
 * @desc@ BROCCOLI SLIDER スタイル設定
 * @edit@ 2016/04/18
 * **************************************************************** */

/* ================================================================ *
 * @desc@ 下サムネ
 * ================================================================ */
/* メイン */
.bro-slider.bro-slider-mode1>.bro-slider-main{
}
/* メイン＞単体 */
.bro-slider.bro-slider-mode1>.bro-slider-main li{
}
/* ナビ */
.bro-slider.bro-slider-mode1>.bro-slider-nav{
	margin-top:5px;
	border:1px solid #ccc;
	background:#f1f1f1;
}
/* ナビ＞PREV/NEXT */
.bro-slider.bro-slider-mode1>.bro-slider-nav>div>.bro-slider-prev,
.bro-slider.bro-slider-mode1>.bro-slider-nav>div>.bro-slider-next{
	width:12px;
	background-color:#777;
	background-image:url(../../img/broslider/arrows_h.png);
	background-repeat:no-repeat;
	color:#fff;
	transition:background-color 0.3s;
}
.bro-slider.bro-slider-mode1>.bro-slider-nav>div>.bro-slider-prev:hover,
.bro-slider.bro-slider-mode1>.bro-slider-nav>div>.bro-slider-next:hover{
	background-color:#ccc;
}
.bro-slider.bro-slider-mode1>.bro-slider-nav>div>.bro-slider-prev{
	background-position:left center;
}
.bro-slider.bro-slider-mode1>.bro-slider-nav>div>.bro-slider-next{
	background-position:right center;
}
/* ナビ＞サムネイル */
.bro-slider.bro-slider-mode1>.bro-slider-nav>div>.bro-slider-thumb li{
	padding:6px 2px;
}
.bro-slider.bro-slider-mode1>.bro-slider-nav>div>.bro-slider-thumb a{
	border:2px solid #fafafa;
	box-shadow:0 0 2px #aaa;
}
/* ナビ＞サムネイル＞カレント */
.bro-slider.bro-slider-mode1>.bro-slider-nav>div>.bro-slider-thumb li.bro-slider-cur a{
	border-color:#88c616;
	box-shadow:0 0 2px #aaa;
}
/* ================================================================ *
 * @desc@ 右サムネ
 * ================================================================ */
/* エリア全体 */
.bro-slider.bro-slider-mode2{
}
/* メイン */
.bro-slider.bro-slider-mode2>.bro-slider-main{
}
/* メイン＞単体 */
.bro-slider.bro-slider-mode2>.bro-slider-main li{
}
/* ナビ */
.bro-slider.bro-slider-mode2>.bro-slider-nav{
	position:absolute;
	right:0;
}
/* ナビ＞PREV/NEXT */
.bro-slider.bro-slider-mode2>.bro-slider-nav>div>.bro-slider-prev,
.bro-slider.bro-slider-mode2>.bro-slider-nav>div>.bro-slider-next{
	height:12px;
	background-color:#777;
	background-image:url(../../img/broslider/arrows_v.png);
	background-repeat:no-repeat;
	color:#fff;
	transition:background-color 0.3s;
}
.bro-slider.bro-slider-mode2>.bro-slider-nav>div>.bro-slider-prev:hover,
.bro-slider.bro-slider-mode2>.bro-slider-nav>div>.bro-slider-next:hover{
	background-color:#ccc;
}
.bro-slider.bro-slider-mode2>.bro-slider-nav>div>.bro-slider-prev{
	background-position:center top;
}
.bro-slider.bro-slider-mode2>.bro-slider-nav>div>.bro-slider-next{
	background-position:center bottom;
}
/* ナビ：サムネイル */
.bro-slider.bro-slider-mode2>.bro-slider-nav>div>.bro-slider-thumb li{
	padding:2px 6px;
}
.bro-slider.bro-slider-mode2>.bro-slider-nav>div>.bro-slider-thumb a{
	border:2px solid #fafafa;
	box-shadow:0 0 2px #aaa;
}
/* ナビ＞サムネイル＞カレント */
.bro-slider.bro-slider-mode2>.bro-slider-nav>div>.bro-slider-thumb li.bro-slider-cur a{
	border-color:#88c616;
	box-shadow:0 0 2px #aaa;
}
/* ================================================================ *
 * @desc@ 下アイコン
 * ================================================================ */
/* メイン */
.bro-slider.bro-slider-mode3>.bro-slider-main{
}
/* メイン＞単体 */
.bro-slider.bro-slider-mode3>.bro-slider-main li{
}
/* ナビ */
.bro-slider.bro-slider-mode3>.bro-slider-nav{
	margin-top:5px;
}
/* ナビ＞アイコン */
.bro-slider.bro-slider-mode3>.bro-slider-nav>div>.bro-slider-thumb li{
	font-size:18px !important;
	line-height:1.2em !important;
}
.bro-slider.bro-slider-mode3>.bro-slider-nav>div>.bro-slider-thumb a{
	color:#aaa;
}
/* ナビ＞アイコン＞カレント */
.bro-slider.bro-slider-mode3>.bro-slider-nav>div>.bro-slider-thumb li.bro-slider-cur a{
	color:#88c616;
}