@charset 'Shift_JIS';

#important-box {
	position: relative;
	vertical-align: middle;
	align-items: center;
}

#important-box i {
	color: #c00;
	font-size: 1.2em;
}

#important-box i:hover {
	opacity: 0.5;
}

#important-box .fa-chevron-up,
#important-box .fa-chevron-down {
	position: absolute;
	right: 8px;
	z-index: 98;
}

#important-box .fa-chevron-up {
	top: 3px;
}

#important-box .fa-chevron-down {
	bottom: 2px;
}

.slick-slide {
	vertical-align: middle;
	align-items: center;
}

#banner-slider {
	width: 90%;
	margin: 0 auto 30px auto;
}

#banner-slider .slick-slide { min-height: 100px; }

#banner-slider .fa-chevron-left,
#banner-slider .fa-chevron-right {
	color: #ffe197;
	font-size: 2em;
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
	z-index: 1;
}

#banner-slider .fa-chevron-left { left: -3%; }
#banner-slider .fa-chevron-right { right: -3%; }



#banner-slider .fa-chevron-left:hover,
#banner-slider .fa-chevron-right:hover { opacity: 0.7; }

#banner-slider img {
	width: 210px;
	margin: 0 auto;
}

@media screen and ( max-width:580px ) {	
	#banner-slider img {
		width: 300px;
		margin: 0 auto;
	}
}

@media screen and ( max-width:400px ) {
	#banner-slider .fa-chevron-left { left: -9%; }
	#banner-slider .fa-chevron-right { right: -9%; }
	#banner-slider img {
		width: 260px;
		margin: 0 auto;
	}
}

#banner-slider img:hover {
	opacity: 1;
	animation: rec6 0.6s ease 0s  alternate;
}

@keyframes rec6 {
	0% {opacity: 0.2;}
	100% {opacity: 1;}
}