@charset "utf-8";





/* common
---------------------------------------- */
.jquery_flick-slide_main ol,
.jquery_flick-slide_pointer ol,
.jquery_flick-slide_pager ol {
	display: inline-block;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.jquery_flick-slide_main-neighbors {
	margin: 0;
	padding: 0;
}





/* .jquery_flick-slide_main
---------------------------------------- */
.jquery_flick-slide_main {
	cursor: pointer;
	position: relative;
	overflow: hidden;
	text-align: center;
}
.jquery_flick-slide_main ol {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
    -webkit-tap-highlight-color: rgba( 0, 0, 0, 0 );	/* Androidハイライトを消す対策 */
}
.jquery_flick-slide_main ol li {
	float: left;
	overflow: hidden;
	margin: 0;	/* margin: **;を指定しないとIE7・IE8が何故かブロック表示にならない為（値は何でもいい模様） */
}
.jquery_flick-slide_main ol li img,
.jquery_flick-slide_main ol li a {
	-webkit-user-drag: none;
}





/* .jquery_flick-slide_main-neighbors（※IE8以下非対応）
---------------------------------------- */
.jquery_flick-slide_main-neighbors li {
	position: absolute;
	z-index: 9999;
	cursor: pointer;
	width: 24px;
	height: 24px;
	border: 4px solid #555;
	border-radius: 16px;
	-webkit-border-radius: 16px;
	background-color: rgba( 255, 255, 255, 0.7 );
	list-style-type: none;
}

.jquery_flick-slide_main-neighbors li.prev { left: 10px; }
.jquery_flick-slide_main-neighbors li.next { right: 10px; }

.jquery_flick-slide_main-neighbors li.prev:before {
	position: relative;
	top: 4px;
	left: -1px;
	content: '';
	width: 0;
	height: 0;
	float: left;
	border: 8px solid transparent;
	border-right-color: #555;
}
.jquery_flick-slide_main-neighbors li.next:before {
	position: relative;
	top: 4px;
	left: 9px;
	content: '';
	width: 0;
	height: 0;
	float: left;
	border: 8px solid transparent;
	border-left-color: #555;
}

.jquery_flick-slide_main-neighbors li.disabled {	/* SP等opacityを使わない場合に使用 */
	border: 4px solid rgba( 0, 0, 0, 0.2 );
	background-color: rgba( 255, 255, 255, 0.2 );
}
.jquery_flick-slide_main-neighbors li.prev.disabled:before {
	border-right-color: rgba( 0, 0, 0, 0.2 );
}
.jquery_flick-slide_main-neighbors li.next.disabled:before {
	border-left-color: rgba( 0, 0, 0, 0.2 );
}





/* .jquery_flick-slide_pointer
---------------------------------------- */
.jquery_flick-slide_pointer {
	text-align: center;
}
.jquery_flick-slide_pointer ol li {	/* タッチできる幅を広く */
	cursor: pointer;
	display: inline-block;
	/display: inline;
}
.jquery_flick-slide_pointer ol li span {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 10px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #777;
}
.jquery_flick-slide_pointer ol li.active {
	filter: alpha(opacity=100) !important;
	-moz-opacity: 1 !important;
	opacity: 1 !important;
}
.jquery_flick-slide_pointer ol li.active span {
	/* box-shadowを使用するとAndroidで処理落ちするので注意
	-webkit-box-shadow:
		0px 0px 4px rgba( 255, 0, 255, 1 ),
		inset 0px 0px 1px rgba( 0, 0, 0, 1 );
	box-shadow:
		0px 0px 4px rgba( 255, 0, 255, 1 ),
		inset 0px 0px 1px rgba( 0, 0, 0, 1 );
	*/
	background-color: #000;
}





/* .jquery_flick-slide_pager
---------------------------------------- */
.jquery_flick-slide_pager {
	text-align: center;
}
.jquery_flick-slide_pager ol li {
	cursor: pointer;
	display: inline;
}
.jquery_flick-slide_pager ol li img {	/* 画像の下にできる隙間を消す */
	vertical-align: bottom;
}

.jquery_flick-slide_pager ol li.active {
	filter: alpha(opacity=100) !important;
	-moz-opacity: 1 !important;
	opacity: 1 !important;
}
/* ※IE8バグ　IE8はopacityで親要素を透明にしても子要素は透明にならないので直接指定するしかない */
html>/**/body .jquery_flick-slide_pager ol li.active img {
	filter /*\**/: alpha(opacity=100)\9 !important;
	-moz-opacity /*\**/: 1\9 !important;
	opacity /*\**/: 1\9 !important;
}

/* スライドモード時はプラグイン側に制御させる為position設定 */
.jquery_flick-slide_pager-slidemode {
	position: relative;
	overflow: hidden;
	text-align: center;
}
.jquery_flick-slide_pager-slidemode ol {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jquery_flick-slide_pager-slidemode ol li {
	float: left;
	overflow: hidden;
	margin: 0;	/* margin: **;を指定しないとIE7・IE8が何故かブロック表示にならない為（値は何でもいい模様） */
}





/* .jquery_flick-slide_main-neighbors（※IE8以下非対応）
---------------------------------------- */
.jquery_flick-slide_pager-neighbors li {
	position: absolute;
	z-index: 9999;
	cursor: pointer;
	width: 24px;
	height: 24px;
	border: 4px solid #555;
	border-radius: 16px;
	-webkit-border-radius: 16px;
	background-color: rgba( 255, 255, 255, 0.7 );
	list-style-type: none;
}

.jquery_flick-slide_pager-neighbors li.prev { left: 10px; }
.jquery_flick-slide_pager-neighbors li.next { right: 10px; }

.jquery_flick-slide_pager-neighbors li.prev:before {
	position: relative;
	top: 4px;
	left: -1px;
	content: '';
	width: 0;
	height: 0;
	float: left;
	border: 8px solid transparent;
	border-right-color: #555;
}
.jquery_flick-slide_pager-neighbors li.next:before {
	position: relative;
	top: 4px;
	left: 9px;
	content: '';
	width: 0;
	height: 0;
	float: left;
	border: 8px solid transparent;
	border-left-color: #555;
}

.jquery_flick-slide_pager-neighbors li.disabled {	/* SP等opacityを使わない場合に使用 */
	border: 4px solid rgba( 0, 0, 0, 0.2 );
	background-color: rgba( 255, 255, 255, 0.2 );
}
.jquery_flick-slide_pager-neighbors li.prev.disabled:before {
	border-right-color: rgba( 0, 0, 0, 0.2 );
}
.jquery_flick-slide_pager-neighbors li.next.disabled:before {
	border-left-color: rgba( 0, 0, 0, 0.2 );
}





/* ----------------------------------------
	ClearFixElements
---------------------------------------- */
.jquery_flick-slide_main ol:after,
.jquery_flick-slide_pager ol:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}