@charset "shift_jis";

/* ===== スワイプ用CSS ===== */


/* --------------------------------------
　スワイプ仕様の設定
-------------------------------------- */

/* メインエリアの設定 */
#gallery div.ig_mainBlock{
	text-align:center;
	margin-bottom:5px!important;
}
#gallery div.ig_mainBlock #slider,
#gallery div.ig_mainBlock div.naviArrow_l,
#gallery div.ig_mainBlock div.naviArrow_r{
	display:inline-block!important;
	vertical-align:middle;
	padding:0!important;
	margin:0!important;
}
#gallery div.ig_mainBlock #slider{
	width:80%;
}

/* メインエリア左右矢印の設定 */
#gallery div.ig_mainBlock div.naviArrow_l,
#gallery div.ig_mainBlock div.naviArrow_r{
	width:8%;
	height:23px!important;
	text-align:center;
}
#gallery div.ig_mainBlock div.naviArrow_l a.prev,
#gallery div.ig_mainBlock div.naviArrow_r a.next{
	display:inline-block!important;
	width:20px!important;
	height:23px!important;
	background-position:left;
	background-repeat:no-repeat;
}
#gallery div.ig_mainBlock div.naviArrow_l a.prev{
	background-image:url("../../img/mobile/sp/detail/naviArrow_l.png")
}
#gallery div.ig_mainBlock div.naviArrow_r a.next{
	background-image:url("../../img/mobile/sp/detail/naviArrow_r.png")
}

/* メイン画像の設定 */
#gallery #slider ul,
#gallery #slider li{
	width:100%;
	overflow-x:hidden;
	padding:0!important;
	margin:0!important;
}
#gallery #slider li{
	text-align:center;
}
#gallery #slider li img{
	display:block!important;
	width:98%!important;
	margin:0 auto!important;
}

/* ナビエリアの設定 */
#galleryNavi{
	position:relative;
	width:90%!important;
	margin:0 auto 15px!important;
}

/* ナビボタンの設定 */ 
#galleryNavi .naviBtn{
	display:none!important; /* ボタン非表示 */
	position:absolute;
	width:100%!important;
}
#galleryNavi .naviBtn:after{
	display:block;
	content:" ";
	clear:both;
}
#galleryNavi .naviBtn a.prev,
#galleryNavi .naviBtn a.next{
	display:block!important;
	width:46px;
	height:25px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	background-size:46px auto !important;
	-webkit-background-size:46px auto !important;
	-moz-background-size:46px auto !important;
	-o-background-size:46px auto !important;
	-khtml-background-size:46px auto !important;
	-ms-background-size:46px auto !important;
	background-position:left;
	background-repeat:no-repeat;
	font-size:0!important;
	color:transparent!important;
	text-decoration:none!important;
}
#galleryNavi .naviBtn a.prev{
	float:left;
	background-image:url("../../img/mobile/sp/cmn/arrow_prev.png");
}
#galleryNavi .naviBtn a.next{
	float:right;
	background-image:url("../../img/mobile/sp/cmn/arrow_next.png");
}

/* ナビマーカーの設定 */
#galleryNavi .naviMarker{
	width:100%!important;
	min-height:25px;
}
#galleryNavi .naviMarker nav{
	width:100%!important;
	display:block;
}
#galleryNavi .naviMarker nav span#position{
	display:block;
	text-align:center;
}
#galleryNavi .naviMarker nav span#position em{
	font-size:1.5em;
	font-family:serif!important;
	color:#999;
}
#galleryNavi .naviMarker nav span#position em.on{
	color:#f99;
}