@charset "UTF-8";



#showcase {
	display:block;
	position:relative;
	float:right;
	width:100%;
	height:100%;
}
#showcase_portrait {
	display:none;
}

/*-----------------------------------------------------
 - Media Queries（タブレット対応）
-------------------------------------------------------*/
@media only screen and (max-width: 768px) and (min-device-width: 640px) and (max-device-width: 768px){
#showcase {
	display:none;
}
#showcase_portrait {
	display:block;
	position:relative;
	float:right;
	width:100%;
	height:100%;
}
.showcase-arrow-previous, .showcase-arrow-next {
	position:absolute;
	top:15px !important;
}
}

.showcase-arrow-previous, .showcase-arrow-next {
	position:absolute;
	background:url(../images/arw.png);
	width:104px;
	height:252px;
	top:80px;
	cursor:pointer;
	z-index:200;
}

.showcase-arrow-previous {
	background:url(../images/arw.png);
	background-position:0px 0px;
	z-index:300;
	left:0;
}

.showcase-arrow-previous:hover {
	background:url(../images/arw.png);
	background-position:0px 252px;
}

.showcase-arrow-next {
	background:url(../images/arw.png);
	background-position:104px 0px;
	z-index:300;
	right:0;
}
.showcase-arrow-next:hover {
	background:url(../images/arw.png);
	background-position:104px 252px;
}

.showcase-button-wrapper {
	position:absolute;
	bottom:5px;
	right:0;
	float:right;
	text-align:left;
	padding-right:16px;
	z-index:300;
	
}

.showcase-button-wrapper span {
	width:17px;
	height:17px;
	margin:8px;
	float:left;	
	background-image:url(../images/dot.png);
	text-indent:-9999px;
	cursor:pointer;
}

.showcase-button-wrapper span.active {
	background-position:0px 17px;
}
	
.showcase-button-wrapper span:hover {
	background-position:0px 17px;
}