@charset 'UTF-8';
/* CSS Document */

/*
==========================================================================
スライドバナー　基本機能
==========================================================================
*/
.box_slider {position:relative; margin:0 auto; padding: 20px 0;}

@media all and (max-width: 800px) {
.box_slider {position:relative;  margin:0 auto; padding:10px 0px 5px 0px;}
}

/* imgリセット */
.imgauto{
	height: auto;
	width: 100%;
	box-sizing: unset;
	line-height: 1rem;
	display: block;
}
/* スライダーリセット、slick.jsが読み込まれるで非表示にすることで一瞬縦に崩れるのを防ぐ */
.slide{
	opacity: 0;
	transition: opacity .3s linear;
}
.slide.slick-initialized{
	opacity: 1;
}
/* スライダー拡大CSS(順番)*/
/*.slider .slick-slide{
	transition: .3s ease;
	transform: scale(0.85);
	background-color: rgba(100,100,100,1.00);
	opacity: 0.5;
}
.slider .slick-current {
	transform: scale(1.00);
	background-color: rgba(126,152,168,1.00);
	opacity: 1.0;
}*/
/* スライダー拡大CSS(最新のみ) */
.slider .horizontal-slider__slide{
	width: 100%;
	max-width: 800px;
	transition: .3s ease;
	transform: scale(0.98);
	background-color: rgba(100,100,100,0.00);
	cursor: pointer;
}
.slider .horizontal-slider__slide.new {
	background-color: rgba(126,152,168,0.00);
}
.slider .horizontal-slider__slide a {
}
.slider .horizontal-slider__slide a img {
	width: 100%;
	background-color:transparent;
	opacity: 1;
	transition: opacity .3s linear;
}
.slider .horizontal-slider__slide a:hover img {
	opacity: 0;
}

.slider .smn{
	transform: scale(0.98);
	background-color: rgba(255,255,255,1.00);
}

.slider .smn:hover{
	background-size: 100%, 105%;
}

.slider .mov_tz {
	background-image:url("../../img/common/btn_play_waku.png"), url("../../img/common/mov_tz_img.jpg");
	background-size: 100%, 100%;
	background-position: center center, center center;
	background-repeat: no-repeat,no-repeat;
	outline: solid 1px rgba(200,200,200,1.00)!important;
	transition: .3s ease;
}
.slider .mov_tz01 {
	background-image:url("../../img/common/btn_play_waku.png"), url("../../img/common/mov_tz_img.jpg");
	background-size: 100%, 100%;
	background-position: center center, center center;
	background-repeat: no-repeat,no-repeat;
	outline: solid 1px rgba(200,200,200,1.00)!important;
	transition: .3s ease;
}
.slider .mov_tz02 {
	background-image:url("../../img/common/btn_play_waku.png"), url("../../img/common/mov_tz_img.jpg");
	background-size: 100%, 100%;
	background-position: center center, center center;
	background-repeat: no-repeat,no-repeat;
	outline: solid 1px rgba(200,200,200,1.00)!important;
	transition: .3s ease;
}
.slider .mov_pv {
	background-image:url("../../img/common/btn_play_waku.png"), url("../../img/common/mov_pv_img.jpg");
	background-size: 100%, 100%;
	background-position: center center, center center;
	background-repeat: no-repeat,no-repeat;
	outline: solid 1px rgba(200,200,200,1.00)!important;
	transition: .3s ease;
}
/*.slider .mov_staging01 {
	background-image:url("../../img/common/btn_play_waku.png"), url("../../img/common/mov_staging01_img.jpg");
	background-size: 100%, 100%;
	background-position: center center, center center;
	background-repeat: no-repeat,no-repeat;
	outline: solid 1px rgba(180,180,180,1.00)!important;
	transition: .3s ease;
}*/



/*---------- 矢印 ----------*/
.slider .slick-next{
    right:0!important;
}
.slider .slick-prev{
    left:0!important;
}
.slider .slick-arrow{
    width: initial!important;
    height: initial!important;
    z-index:2!important;
}
.slider .slick-arrow:before{
    font-size: 30px!important;
}


/*
==========================================================================
スライドバナースライドショー　NEXT・PREVボタン
==========================================================================
*/
#arrows {
	position:absolute;
	height:0px;
	width:calc(100% - 60px);
	top:44%;
	left:30px;
}
/*PREV*/
#arrows .slick-prev, #arrows .slick-prev:focus {
	margin-left: -30px;
	background-image:url(../../img/common/prev.png);
	background-size: 100%;
	background-position: center,center;
	background-repeat: no-repeat;
}
#arrows .slick-prev:hover {
	margin-left: -30px;
	background-image:url(../../img/common/prev_hover.png);
	background-size: 100%;
	background-position: center,center;
	background-repeat: no-repeat;
}
/*NEXT*/
#arrows .slick-next, #arrows .slick-next:focus {
	margin-right: -30px;
	background-image:url(../../img/common/next.png);
	background-size: 100%;
	background-position: center,center;
	background-repeat: no-repeat;
}
#arrows .slick-next:hover {
	margin-right: -30px;
	background-image:url(../../img/common/next_hover.png);
	background-size: 100%;
	background-position: center,center;
	background-repeat: no-repeat;
}

#arrows .slick-prev, #arrows .slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 0%;
	display: block;
	width: 90px;
	height: 100px;
	margin-top: 0px;
	padding: 0;
	cursor: pointer;
	color:;
	border: none;
	border-radius:20px;
	outline: none;
	background:;
	background-color: rgba(0,80,160,0.0);
}

@media all and (min-width: 481px) and (max-width: 980px) {
#arrows {
	position:absolute;
	height:0px;
	width:88%;
	top:44%;
	left:6%;
}
#arrows .slick-prev, #arrows .slick-prev:focus {
	margin-left: -1.6vw;
}
#arrows .slick-prev:hover {
	margin-left: -1.6vw;
}
/*NEXT*/
#arrows .slick-next, #arrows .slick-next:focus {
	margin-right: -1.6vw;
}
#arrows .slick-next:hover {
	margin-right: -1.6vw;
}

#arrows .slick-prev, #arrows .slick-next {
	width: 60px;
	height: 80px;
}	 
}
@media all and (max-width: 480px) {
#arrows {
	position:absolute;
	height:0px;
	width:92%;
	top:44%;
	left:4%;
}
#arrows .slick-prev, #arrows .slick-prev:focus {
	margin-left: 2.6vw;
}
#arrows .slick-prev:hover {
	margin-left: 2.6vw;
}
/*NEXT*/
#arrows .slick-next, #arrows .slick-next:focus {
	margin-right: 2.6vw;
}
#arrows .slick-next:hover {
	margin-right: 2.6vw;
}

#arrows .slick-prev, #arrows .slick-next {
	width: 40px;
	height: 80px;
}	 
}