/*高さをなくすことでレスポンシブな幅にできる*/
#main_visual {
	width: 100vw;
	z-index: 1;	/*フッター2、ドットナビ、スライドショー画像1*/
}
/*スライドショーに関するCSSの記述*/
.slider-inner li,.slider-inner02 li {
	text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
    opacity: 0;
    -webkit-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -o-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    pointer-events: none;
	list-style: none;
}
.slider-inner li,.slider-inner02 li {
	margin-top: 152px;	/*横長画像の画像の高さ調節*/
}

.yohaku-rb li {
	margin-top: 105px;	/*横長画像のルビ有画像の高さ調節*/
}
.yohaku-rb02 li {
	margin-top: 120px;	/*縦長画像のルビ有画像の高さ調節*/
}

.slider-inner li.sl-show,.slider-inner02 li.sl-show {
	height: auto;
    opacity: 1;
    -webkit-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -o-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    z-index: 1;
    pointer-events: auto;
}
#dot-pozi,#dot-pozi2 {
	margin: 0 auto;
	width: 100%;
}

.slider .dot-nav,.slider .dot-nav-b {
	padding: 0;
	margin: 0 auto;
	font-size: 0;
}
.slider .dot-nav li ,.slider .dot-nav-b li {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
	background: #D1D1D1;
    cursor: pointer;
    -webkit-transition: background 400ms;
    -moz-transition: background 400ms;
    -ms-transition: background 400ms;
    -o-transition: background 400ms;
    transition: background 400ms;
}
.slider .dot-nav li {
	margin: 550px 20px 0 20px;
}
.slider .dot-nav-b li {
	margin: 750px 20px 0 20px;
}	

/*スライドショーの高さを確保*/


.slider .dot-nav li.current , .slider .dot-nav-b li.current{
    background: #00bfcb;
}

/*画像のサイズ*/
.slider-inner img {
	width: 700px;
}
.slider-inner02 img {
	width: 500px;
}

/*スライドショーに関するCSSの記述*/

.slider .dot-nav li:hover, slider .dot-nav-b li:hover{
	background: #0005FF;
}
/*800px以下のドットナビの高さ調整*/
@media screen and (max-width : 800px){
	/*画像のサイズ*/
	.slider-inner img {
		width: 87vw;
		max-width: 700px;
		margin-top: -12px;
	}
	.slider-inner02 img {
		width: auto;
		max-height: 80vw;
		margin-top: -20px;
	}
	/*縦長画像の画像の高さ調節*/
	/*ドットナビの高さ*/
	.slider .dot-nav li {
		margin-top: 72vw;		
	}
	.slider .dot-nav-b li {
		margin-top: 85vw;
	}

}