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



.bx-viewport:before,
.bx-viewport:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -100%;
	background-color: rgba(0, 0, 0, 0.1);
	z-index: 1000;
}

.bx-wrapper .bx-viewport {
	overflow: visible !important;
	left: 0;
	border-width: 0;
	box-shadow: none;
}

.bx-viewport:before {
	right: 100%;
	left: -100%;
}

.bx-viewport:after {
	left: 100%;
	right: -100%;
}



/******************************************************************


03.640px以下


********************************************************************/
@media only screen and (max-width: 640px) {

/*超重要ここを設定しないipadで大変なことになる
.bxslider_con {
	overflow: hidden;
}*/
#sp_main_img {
	overflow: hidden;
	margin-top: -8px;
}

/*************************************

非表示

**************************************/


/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	/*left: -0px;
	background: url(../images/top_slide_btn_02_en.png) no-repeat 0px 0px;*/
	display: none;
}
.bx-wrapper .bx-prev:hover {
/*	background-position: -1px -1px;*/
}

.bx-wrapper .bx-next {
	display: none;

/*	right: -0px;
	background: url(../images/top_slide_btn_01_en.png) no-repeat 0px 0;*/
}
.bx-wrapper .bx-next:hover {
/*	background-position: -1px -1px;*/
}


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