<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";


ol, ul {
  list-style: none;
}
.slider {

}
.slider img {
width:auto;
height:auto;
max-width:100%;
max-height:100%;
}

.slide_room {
   max-width: 900px;
   width: 100%;
   margin: 0 auto clamp(30px, 8vw, 60px) auto;
}


@media only screen and (max-width: 743px) {
.slider {
	/*margin: 0;*/
	width: 100%;
}
   
.slide_room {
   width: 92%;
   margin: 0 auto clamp(30px, 8vw, 60px) auto;
}
   
#mainvidual	.slider {
	margin: 0 0 50px 0;
	width: 100%;
}

.slider img {
   width: 100% ;
   height: auto;
    }
}



.slick-prev::before, .slick-next::before {
	font-size: 24px;
}

.single-item .slick-prev::before,
.single-item .slick-next::before {
	color: #666;
}
.slick-dots {
	bottom: -50px;
}
.multiple-item li {
	margin: 0 5px;
}
.thumb-item {
	max-width: 700px;
	margin: 0 auto 5px;
	padding: 0 5px;
}
.thumb-item-nav {
	max-width: 700px;
	margin: 0 auto;
}
.thumb-item-nav li{
	margin: 5px;
}
.lazy-item {
	width: 400px;
	margin: 0 auto 50px;
}
.lazy-item li {
	margin: 0 5px;
}

</pre></body></html>