<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* swiper トップページ */


#swiper {
	width: 100%;
	overflow: hidden;
}

.swiper-container_main {
	width: 1000px;
	height: 420px;
	display: block;
	margin: 5px auto 0 auto;
	position: relative;
	overflow: visible;
	text-align: center;
	z-index: 1;
}

.swiper-slide {
	opacity: 0.25;
}

.thumbnail {
	background: #E2EEF8 url(../images/bg_swiper-thumb.png) repeat;
	padding: 10px 0px;
}

#thumbs{
	width: 1000px;
	height: 100%;
	padding: 0px;
	overflow: hidden;
	margin: 5px auto 0px auto;
}

#thumbs .swiper-slide {
	opacity: 0.7;
}

#thumbs .swiper-slide img {
	width: 245px;
	height: 98px;
	border: 1px solid #eee;
	box-sizing: border-box;
	background: #FFF;
}

#thumbs .swiper-slide-thumb-active img {
	border: 1px solid #73D9FF;
}

#slider .swiper-slide-active,
#thumbs .swiper-slide-thumb-active {
	opacity: 1;
}


.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: calc(var(--swiper-navigation-size) / 30 * 30);
	height: var(--swiper-navigation-size);
	margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #bbb;
	opacity: 0.4;
}

.swiper-button-next {
  position: absolute;
  top: 50%;
  right: -30px;
}

.swiper-button-prev {
  position: absolute;
  top: 50%;
  left: -30px;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}
 

.swiper-button-prev:hover,
.swiper-button-next:hover {
	opacity: 1;
	color: #39BAFF;
}

 

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