/* .viewer
------------------------- */
.viewer {
	margin: 0 auto;
	width: 100%;
	position: relative;
	overflow: hidden;z-index: 2;
}

.slide { width: 100%; background-color:#e1ce9e; height: 625px; }

.slide img { min-height:625px; min-width:1600px; }

.slide_text { clear:both;
	position: absolute;
	z-index: 102;
	left: 50%; top: 230px; margin-left: -9em; text-align: center; color: #fff; font-size: 300%; font-weight: 700; text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);}

.viewer ul {
	width: 1600px;margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.viewer ul li {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
}
.viewer ul li img {
	width: 100%;
}

/* sideNavi
------------------------- */
.viewer .btnPrev,
.viewer .btnNext {
	/*margin-top: -25px;*/
	top: 50%;
	width: 50px;
	height: 50px;
	position: absolute;
	z-index: 11000;
}
.viewer .btnPrev {
	left: 10px;
	background: transparent url(../css/btn-previous.png) no-repeat center center;
}
.viewer .btnNext {
	right: 10px;
	background: transparent url(../css/btn-next.png) no-repeat center center;
}


/* =======================================
	ClearFixElements
======================================= */
.viewer ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.viewer ul {
	display: inline-block;
	overflow: hidden;
}


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

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

.slide img { min-height:0; min-width:320px; }

/*.slide_text {top: 0;
	left: 0;
	position: absolute;left: 50%; top: 0; margin-left: 0; color: #f00;
	z-index: 102;}*/
	
.slide_text { clear:both;
	position: absolute;
	z-index: 102;
	left: 50%; top: 20px; margin-left:-9em; text-align: center; color: #fff; font-size: 107%; font-weight: 700; text-shadow: 0px 3px 2px rgba(0,0,0,0.4), 0px 4px 6px rgba(0,0,0,0.1), 0px 6px 8px rgba(0,0,0,0.1);}
	
	
.viewer ul {
	width: 100%;margin: 0 auto;
	overflow: hidden;
	position: relative;
}
}