@charset "utf-8";


/* .slideShow
------------------------- */
.slideShow {
	width:900px;
	margin: 0 auto;
	text-align: left;
	display: none;
	margin-bottom:20px;
}

/* .mainView
------------------------- */
.slideShow .mainView {
	height:900px;
	height:506px;
	/*overflow: hidden;*/
	position: relative;
}
.slideShow .mainView ul {
	width: 100%;
	height:506px;
	/*overflow: hidden;*/
	position: relative;
}
.slideShow .mainView ul li {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
}
.slideShow .mainView ul li img {
	width: 100%;
}
.slideShow .mainView ul li figure figcaption{
	text-align: right;
	padding-top: 0.5em;
}
/* .thumbNail
------------------------- */
.slideShow .thumbNail {
	width:100%;
	overflow: hidden;
}

.slideShow .thumbNail ul {
	width: 100%;
	margin:0;
	padding:0;
}

.slideShow .thumbNail ul li {
	width:20px !important;
	float:left;
	overflow: hidden;
	cursor: pointer;
	text-align:left;
	padding:8px 0;
	color:#666666;
}

.slideShow .thumbNail ul li img {
	width: 100%;
}

.slideShow .thumbNail ul li.active {
	filter: alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

/* sideNavi
------------------------- */
/*.slideShow .mainView .btnPrev,
.slideShow .mainView .btnNext {
	top: 0;
	width: 5%;
	height: 100%;
	position: absolute;
	z-index: 100;
}
.slideShow .mainView .btnPrev {
	left: 0;
	background: #ccc url(../img/btnPrev.png) no-repeat center center;
}
.slideShow .mainView .btnNext {
	right: 0;
	background: #ccc url(../img/btnNext.png) no-repeat center center;
}*/


/* =======================================
	ClearFixElements
======================================= */

.slideShow ul {
	height:auto;
}


/* ------------------------------------------------
	いちよmediaQueriesの指定を入れておきますが
	スライドショー動作には関連しておりません。
------------------------------------------------ */

/* ===========================================
	デスクトップ系 769 - 1024
=========================================== */
@media screen and (max-width: 1024px) {
	.slideShow {
		width: 956px;
	}
}
/* ===========================================
	タブレット系 749 - 768
=========================================== */
@media screen and (max-width: 768px) {
	.slideShow {
		width: 100%;
	}
}
/* ===========================================
	スマートフォン系 748 - 
=========================================== */
@media screen and (max-width: 748px) {
	.slideShow {
		width: 100%;
	}
}