@charset "UTF-8";
/* CSS Document */
/*slider main*/
.slider-main{
	max-width: 780px;
	margin: 0 auto;
}
.slider-main .slick-dots{
	bottom: -10px;
}
@media screen and (min-width:600px){
	.slider-main .slick-prev,
	.slider-main .slick-prev:hover{
		width: 50px;
		height: 100px;
		background: url("../img/controls_prev.svg") no-repeat left center;
		background-size: 50px auto;
		left:-2%;
	}
	.slider-main .slick-next,
	.slider-main .slick-next:hover{
		width: 50px;
		height: 100px;
		background: url("../img/controls_next.svg") no-repeat right center;
		background-size: 50px auto;
		right:-2%;
	}
}
@media screen and (min-width:0px) and (max-width:599px){
	.slider-main .slick-prev,
	.slider-main .slick-prev:hover{
		width: 50px;
		height: 100px;
		background: url("../img/controls_prev.svg") no-repeat left center;
		background-size: 50px auto;
		left: 0;
	}
	.slider-main .slick-next,
	.slider-main .slick-next:hover{
		width: 50px;
		height: 100px;
		background: url("../img/controls_next.svg") no-repeat right center;
		background-size: 50px auto;
		right: 0;
	}
}
/*Top slider*/
.slide-img{
	border-radius:15px;
	overflow: hidden;
}
.slide-cont{
	background:rgba(255,255,255,0.8);
	padding: 20px;
	position: relative;
	width: 80%;
    margin: -30px auto 0 auto;
}
.slick-slide{
	padding: 10px;
}
.slick-dots li button::before {
	font-family: 'Noto Sans JP';
	font-size: 40px;
	color: #000;
	opacity: 1;
}
.slick-dots li.slick-active button:before {
	color: #e30012;
}
.slick-prev, .slick-next{
	z-index: 300;
}	
.slick-prev:before {
	content: '';
}
.slick-next:before {
	content: '';
}

@media screen and (min-width:1300px){
	.slick-prev,
	.slick-prev:hover{
		width: 50px;
		height: 100px;
		background: url("../img/controls_prev.svg") no-repeat left center;
		background-size: 50px auto;
		left: 30%;
	}
	.slick-next,
	.slick-next:hover{
		width: 50px;
		height: 100px;
		background: url("../img/controls_next.svg") no-repeat right center;
		background-size: 50px auto;
		right: 30%;
	}
}
@media screen and (min-width:600px) and (max-width:1299px){
	.slick-prev,
	.slick-prev:hover{
		width: 50px;
		height: 100px;
		background: url("../img/controls_prev.svg") no-repeat left center;
		background-size: 50px auto;
		left: 30%;
	}
	.slick-next,
	.slick-next:hover{
		width: 50px;
		height: 100px;
		background: url("../img/controls_next.svg") no-repeat right center;
		background-size: 50px auto;
		right: 30%;
	}
}
@media screen and (min-width:0px) and (max-width:599px){
	.slick-prev,
	.slick-prev:hover{
		width: 50px;
		height: 100px;
		background: url("../img/controls_prev.svg") no-repeat left center;
		background-size: 50px auto;
		left: 0;
	}
	.slick-next,
	.slick-next:hover{
		width: 50px;
		height: 100px;
		background: url("../img/controls_next.svg") no-repeat right center;
		background-size: 50px auto;
		right: 0;
	}
}
.slick-prev:hover,
.slick-next:hover{
	opacity: 0.5;
}
.new-article-wrap .slick-prev,
.new-article-wrap .slick-next{
	display:none !important;
}