@charset "utf-8";
/*画像指定*/


	
@media (max-width: 736px) {
	.sl1{
	background-image: url(/wp-content/themes/newD-child/img/slide2.jpg);
}
.sl2{ 
	background-image: url(/wp-content/themes/newD-child/img/slide3.jpg);
}
.sl3{
	background-image: url(/wp-content/themes/newD-child/img/slide4.jpg);
	}
	
	.sl4{
	background-image: url(/wp-content/themes/newD-child/img/slide5.jpg);
	}
	
	
}

@media (min-width: 737px) {

	
	.sl1{
	background-image: url(/wp-content/themes/newD-child/img/slide2.jpg);
}
.sl2{ 
	background-image: url(/wp-content/themes/newD-child/img/slide3.jpg);
}
.sl3{
	background-image: url(/wp-content/themes/newD-child/img/slide4.jpg);
	}
	
	.sl4{
	background-image: url(/wp-content/themes/newD-child/img/slide5.jpg);
	}
	
	
}


/*基本*/
.slider_c{
margin-top: 0px; min-width:1084px;}

#main_contents_top_fade{
	position: relative;
/*	background-color: #f7fafe;*/
}


.viewer {
	overflow: hidden;
	display:none;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

.viewer ul {
	overflow: hidden;
	position: relative;
	
}
	
.viewer ul li{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
	
/*画像場所が:after padingでの設置のため
.viewerとliをアブソルと中心表示
もちろんulは元々*/
.viewer,
.viewer ul li {
	top: 0;
	left: 0;
	right:0;
	bottom:0;
	display: none;
	position: absolute;
	margin: auto;
	width:100%;
}

.viewer ul li img{ width:100%}
 



/*アフターでコンテンツの高さを決めているため
フェードインで消えてしまうので大外のdivも*/
#main_contents_top_fade:before,
.viewer ul:before {
    content:"";
    display: block; 
	padding-top: 44%; /* 1200✕◀%で 高さ 基本スライドは横３　縦１*/
}




/*つまりは1200以上ってことだわこれが*/
#main_contents_top_fade,
.viewer,
.viewer ul,
.viewer ul li{
	/*max-height:390px;*/
	max-height:550px;/* 高さ　最大500まで */

min-height:inherit;
min-height:auto;

}





@media screen and (max-width: 736px){

.slider_c{
margin-top: 0px; min-width:inherit;}
	
}