@charset "utf-8";

#mainVisual {
	padding-top: 25%;
}
#mainVisual div{
	display: none;
	font-size: 0;
}
#mainVisual div .forPc {
	display: block;
}
#mainVisual div .forSp {
	display: none;
}
#mainVisual div img {
	position: absolute;
	max-width: 100%;
}
#mainVisual div span.caption {
	position: absolute;
	right: 10px;
	bottom: 10px;
	display: block;
	padding: 15px;
	background: url(/common/images/com_bg001.png) repeat 0 0;
	color: #333333;
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 1.3;
}
#mainVisual .current {
	display: block;
	z-index: 1000;
}
#naviList {
	position: absolute;
	bottom: 5%;
	left: 6%;
	z-index: 2000;
}
#naviList li {
	float: left;
	margin-left: 10px;
}
#naviList li:first-child {
	margin-left: 0;
}
#naviList a {
	display: block;
	width: 20px;
	height: 20px;
	background: url(/common/images/slider_ic001.gif) no-repeat 0 0;
	text-indent: -9999em;
	outline: none;
}
#naviList a:hover,
#naviList .current a {
	background: url(/common/images/slider_ic001on.gif) no-repeat 0 0;
}


/* ～768px For smt
================================ */
@media only screen and (max-width: 768px) {

#naviList a:hover {
	background: url(/common/images/slider_ic001.gif) no-repeat 0 0;
}
#naviList .current a {
	background: url(/common/images/slider_ic001on.gif) no-repeat 0 0 !important;
}

}


/* ～640px For smt
================================ */
@media only screen and (max-width: 640px) {

#mainVisual {
	padding-top: 71.875%;
}
#mainVisual div{
	display: block;
}
#mainVisual div .forPc {
	display: none;
}
#mainVisual div .forSp {
	display: block;
}
#naviList a{
	overflow: hidden;
}

}

/*=================================

	clearfix

================================ */
#naviList:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	line-height: 0; 
	visibility: hidden;
}
#naviList { /* for IE */  
	zoom: 1;
}