/* main */
button {
	cursor: pointer;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
}

.l-main {
	background-image: url(../line3.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 40px;
	padding-left: 0;
}

.l-main .main-visual .visual {
	overflow-x: hidden;
}

.l-main .main-visual {
	position: relative;
}

.l-main .main-visual ul,
.l-main .main-visual li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.l-main .main-visual .visual-control {
	position: absolute;
	bottom: 35px;
	left: 0;
	z-index: 1;
	width: 100%;
	text-align: center;
}

.l-main .main-visual .visual-control-inside {
	display: inline-block;
	position: relative;
	padding-right: 32px;
}

.l-main .main-visual [class^="controls"] {
	position: absolute;
	top: 3px;
	right: 5px;
	width: 18px;
	height: 17px;
}

.l-main .main-visual .controls.stop {
	display: block;
	width: 17px;
	height: 17px;
	padding: 2px;
	background: url(../btn_main_stop.png) 2px 4px no-repeat;
	background-size: auto 14px;
}

.l-main .main-visual .controls.play {
	display: block;
	width: 17px;
	height: 17px;
	padding: 2px;
	background: url(../btn_main_play.png) 2px 4px no-repeat;
	background-size: auto 14px;
}

.l-main .main-visual .control {
	display: inline-block;
	vertical-align: middle;
}

.l-main .main-visual .control a {
	display: block;
	width: 19px;
	height: 17px;
	padding: 2px;
	background: url(../btn_main_off.png) no-repeat 2px 2px;
	background-size: auto 14px;
}

.l-main .main-visual .control.on a {
	width: 34px;
	height: 17px;
	background: url(../btn_main_on.png) 2px 2px no-repeat;
	background-size: auto 15px;
}

.ie8 .l-main .main-visual .control a {
	background-image: url(../images/main/btn_main_off_ie8.png);
}

.ie8 .l-main .main-visual .control.on a {
	background-image: url(../btn_main_on_ie8.png);
}

.l-main .main-visual .visual-img-p {
	width: 100%;
	height: 100%;
	position: absolute;
}

.visual-img-m{
	display: none;
}

.l-main .main-visual [class^="visual-img-"] img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	vertical-align: top;
}



.l-main .main-visual .visual-list {
	overflow: hidden;
	position: relative;
	height: 420px;
}

.l-main .main-visual .visual-list [class^="visual-list-"] {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	overflow: hidden;
	box-sizing: border-box;
}

.l-main .main-visual .visual-list [class^="visual-list-"].active {
	z-index: 1;
}

.l-main .main-visual .visual-list [class^="visual-list-"].active:focus {
	margin-top: -1px;
	/*border:1px dotted #767676;*/
}

/*@media all and (max-width:1100px){
	.l-main .main-visual .visual-list {height:500px;}
	.l-main .main-visual .visual-img-p {margin-left:-960px;}
	.l-main .main-visual .visual-img-p img {width:auto;height:500px;}

}*/
@media all and (max-width:1359px) {
	.l-main {
		background-image: none;
		padding: 0;
		background-color: #EEE;
	}

	.l-main img {
		width: 100%;
	}

	.l-main .main-visual .visual-control {
		bottom: 40px;
	}

	.l-main .main-visual .controls.stop {
		display: block;
		width: 27px;
		height: 25px;
		padding: 2px;
		background: url(../btn_main_stop.png) 5px 3px no-repeat;
		background-size: auto 18px;
	}

	.l-main .main-visual .controls.play {
		display: block;
		width: 27px;
		height: 25px;
		padding: 2px;
		background: url(../btn_main_play.png) 5px 3px no-repeat;
		background-size: auto 18px;
	}

	.l-main .main-visual .control a {
		display: block;
		width: 29px;
		height: 25px;
		padding: 2px;
		background: url(../btn_main_off.png) no-repeat 2px 4px;
		background-size: auto 20px;
	}

	.l-main .main-visual .control.on a {
		width: 50px;
		height: 25px;
		background: url(../btn_main_on.png) 2px 4px no-repeat;
		background-size: auto 22px;
	}

	.l-main .main-visual .visual-list {
		height: auto;
		padding-bottom: 30%;
	}

}

@media all and (max-width:767px) {
	.l-main .main-visual .visual-control {
		bottom: 10px;
	}
}