/* CSS Document */



.slider_as {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
.slider_as {}
.slider_as li {
	background-color: rgba(255,240,0,1);
	margin: 2%;
}
.slider_as li {box-shadow:0px 0px 6px 3px rgba(204,204,204,0);transition: .5s ease-in-out;}
.slider_as li:hover {box-shadow:0px 0px 6px 3px rgba(204,204,204,0.6);}

.slider_as img {
	margin-bottom: 10px;
}

.slider_as h3{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 10px;
	padding-left: 10px;
	white-space: nowrap;
	line-height: 1em;
	height: auto !important;
}
.slider_as p {padding: 10px;}


/*--FB Sample--*/
.fbtop {
	margin: 0px;
	width: 100%;
}
.fbsampl {
	width: 100%;
	overflow-y: auto;
	height: 360px;
}

/*--IEハック--*/
@media all and (-ms-high-contrast:none){
.slider_as li {
	margin: 1%;
}
.slider_as p,.slider_as h3 {
	height: auto !important;
}
}



.slider_as p{
	font-size: 12px;
}
    .slick-slide {
      margin: 0px 10px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }

    .slick-slide {
      transition: all ease-in-out .5s;
      opacity: .2;
    }
    
    .slick-active {
      opacity: 1;
    }

    .slick-current {
	opacity: 1;
    }

/* Arrows */
.slick-prev:before{
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	content: "\f137";
}
.slick-next:before{
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	content: "\f138";
}

@media screen and (max-width:768px) {
	.slider_as {
	max-height:230px !important;
	overflow:hidden;}


}