@charset "UTF-8";
/*--------------------------
 HOME TOPICS CAROUSEL
----------------------------*/
@media screen and (min-width:768px) and ( max-width:930px) {
.carousel_wrapper {
	width: 650px;/*padding-left,rightと画像幅の総量*/
	margin: 80px auto;
	position: relative;
}
}
@media screen and (min-width:930px) and ( max-width:1300px) {
.carousel_wrapper {
	width: 750px;/*padding-left,rightと画像幅の総量*/
	margin: 80px auto;
	position: relative;
}
}
@media screen and (min-width:1300px) {
.carousel_wrapper {
	width: 1100px;/*padding-left,rightと画像幅の総量*/
	margin: 80px auto;
	position: relative;
}
}
/*--------------------------
 SLIDER
----------------------------*/
.slider {
	margin: 0 0 50px;
}
.slider li {
	background-color: #FFFFFF;
	text-decoration: none;
	-webkit-transition: all .3s;
	transition: all .3s;
	min-height: 300px;
	position: relative;	/*margin-right: 50px;*/
}
.slider li a {
	text-decoration: none;
}
.slider li:hover {
	opacity: 0.6!important;
    filter: alpha(opacity=60)!important;
    -ms-filter: "alpha(opacity=60)"!important;
}

.slider li img {
	width: 100%;
	height: 150px;
}
/*--------------------------
 CHARS
----------------------------*/
.slider li figcaption {
	padding-top: 15px;
	padding-bottom: 20px;
}
.slider li p {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 10px;
    text-align: center;
}

/*--------------------------
 MARGIN
----------------------------*/
.multiple-item li {
	margin: 0 20px;
}
/*--------------------------
 ARROW
----------------------------*/
@media screen and (min-width:768px) and ( max-width:900px) {
.prev-arrow {
	top: 22%;
	left: -40px;
}
.next-arrow {
	top: 22%;
	right: -40px;
}
}
@media screen and (min-width:900px) {
.prev-arrow {
	top: 20%;
	left: -80px;
}
.next-arrow {
	top: 20%;
	right: -70px;
}
}
.prev-arrow {
	width: 50px;
	height: auto;
	position: absolute;
	z-index: 10;
	cursor: pointer;
}
.next-arrow {
	width: 50px;
	height: auto;
	position: absolute;
	z-index: 10;
	cursor: pointer;
}