@charset "utf-8"; 
/*  slide_bnr_021 CSS */
/*  2022.01.21 SSJ
    2022.07.08 SSJ */

.slide_bnr_021 {width:100%; height:100%; box-sizing:border-box;}
.slide_bnr_021 .sldBox .slick-slider .slick-list .slick-track .slick-slide > div .slide_wrap a:focus {outline:auto; border:1px dotted #333;}
.slide_bnr_021 .sldBox .slick-slider .slick-list .slick-track .slick-slide > div .slide_wrap a:focus>div.imgbox {width:calc(100% - 2px);height:calc(100% - 2px);border:1px dotted #333;}

.slide_bnr_021 .imgbox {width:100%;height:100%; position:relative;position:relative; position:relative;overflow:hidden;}
.slide_bnr_021 .imgbox img {width:auto;min-width:100%; height:auto; min-height:100%; position:absolute;top:-999px;bottom:-999px;right:-999px;left:-999px;margin:auto;}

.slide_bnr_021 .slidetxtBox {position:absolute;left:0;top:0;width:100%;height:100%;text-align:left;box-sizing:border-box;overflow:hidden;opacity:1 !important;}
.slide_bnr_021 .slidetxtBox .innerbox {position:absolute;/* top:50%; *//* transform:translateY(-50%); */width: calc(100% - 30px);}
.slide_bnr_021 .slidetxtBox .innerbox .tit {width: 100%;color:#333;font-weight:400;line-height:130%;display:inline-block;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box;word-break:keep-all;letter-spacing:-0.5px;-webkit-box-orient:vertical;display:-webkit-box;white-space:normal;}
.slide_bnr_021 .slidetxtBox .innerbox .tit:empty {display:none;}
.slide_bnr_021 .slidetxtBox .innerbox .tit strong {font-weight:600;}
.slide_bnr_021 .slidetxtBox .innerbox .co {width: 100%;color:#333;line-height:150%;display:block;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box;word-break:keep-all;display:block;white-space:nowrap;}
.slide_bnr_021 .slidetxtBox .innerbox .co:empty {display:none;}
.slide_bnr_021 .slidetxtBox .linkbtn {display:inline-block;color:#333;padding: 10px 13px;border-color:rgba(0,0,0,0.2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;box-sizing:border-box;font-size: 16px;}



/*slide dot btn*/
.slide_bnr_021 .slick-dots {display:none !important;}

/*slide next/prev btn*/
.slide_bnr_021 .slick-arrow {z-index: 1;position:absolute;top:0;text-align:center;vertical-align:middle;line-height:20px;width: 30px;height:20px;border-style: solid;border-width: 0px;border-color: #333;box-sizing:border-box;background:#fff;text-indent:-9999px;/* background: #fff; */z-index: 1;border: 1px solid         rgba(0,0,0,0.1);}
.slide_bnr_021 .slick-arrow.slick-disabled {opacity:1;}
.slide_bnr_021 .slick-next {right:0;background-position:-60px;border-left: none;}
.slide_bnr_021 .slick-prev {border-right: none;right: 30px;}
.slide_bnr_021 .slick-next:before,
.slide_bnr_021 .slick-prev:before {content:"";/* width: 9px; *//* height: 9px; */display: inline-block;border-style: solid;border-right: 0px solid transparent !important;border-top: 5px solid transparent !important;border-bottom: 5px solid transparent !important;border-left-width: 6px;border-left-color: inherit;position: absolute;top: 5px;left: 17px;/* transform: rotate(45deg); */}
.slide_bnr_021 .slick-prev:before {border-right-width: 6px !important;border-right-color: inherit !important;border-left: 0px solid transparent !important;left: 7px;}


/*slide indicator btn*/
.slide_bnr_021 .indicator {position:absolute;top: 1px;right:20px;/* z-index:999; */width:20px;height: 18px;z-index: 2;}
.slide_bnr_021 .indicator button {width:100%; height:100%; cursor:pointer; vertical-align:top; overflow:hidden; position:absolute; left:0; top:0;
								 background: url(../img/sldbtn.png) no-repeat; border:1px solid rgba(0,0,0,0.1); border-width: 0 1px;font-size:1px; text-indent:-9999px; color:#333; line-height:20px;
								 text-align:center; z-index: 2;}
.slide_bnr_021 .indicator button.play {background-position:-43px;}
.slide_bnr_021 .indicator button.stop {background-position:-21px;}




/* layout option */
.border-radius .slide_bnr_021 .slidetxtBox .linkbtn {border-radius:10px;}
.border-radius .slide_bnr_021 .slick-prev {right: 45px; top: 5px; border-radius: 10px 0 0 10px;}
.border-radius .slide_bnr_021 .slick-next {right: 5px; top: 5px; border-radius: 0 10px 10px 0;}
.border-radius .slide_bnr_021 .indicator {right: 25px; top: 5px;}

.layout_height_H .slide_bnr_021 .slidetxtBox .innerbox .tit {-webkit-line-clamp:4;}
.layout_height_M .slide_bnr_021 .slidetxtBox .innerbox .tit {-webkit-line-clamp:3;}
.layout_height_L .slide_bnr_021 .slidetxtBox .innerbox .tit {-webkit-line-clamp:1; white-space:nowrap; margin:10px 0;}

	@media (min-width:991px){}
	@media (min-width:800px){
		.slide_bnr_021 .sldBox {height:100%;}
		.slide_bnr_021 .sldBox .slick-slider {height:100%;}
		.slide_bnr_021 .sldBox .slick-slider .slick-list {height:100%;}
		.slide_bnr_021 .sldBox .slick-slider .slick-list .slick-track {height:100%;}
		.slide_bnr_021 .sldBox .slick-slider .slick-list .slick-track .slick-slide > div {height:100%;}
		.slide_bnr_021 .sldBox .slick-slider .slick-list .slick-track .slick-slide > div .slide_wrap {height:100%;}

		.layout_height_L .slide_bnr_021 .slidetxtBox .innerbox .tit {font-size:23px;}
		.layout_height_A .slide_bnr_021 {height:400px;}
	}


	@media (max-width:799px){
		.layout_height_A .slide_bnr_021>div>div.slick-slider {height:400px;}
		.layout_height_A .slide_bnr_021 .slick-list {height: 100%;}
		.layout_height_A .slide_bnr_021 .slick-track {height: 100%;}
		.layout_height_A .slide_bnr_021 .slick-slide>div {height: 100%;}
		.layout_height_A .slide_bnr_021 .slide_wrap {height: 100%;}
	}

	@media (min-width:600px) and (max-width:799px){
		.div_wrap:not(.layout_block4) .layout_height_H .slide_bnr_021 .imgbox {height:0; padding-bottom:50%;}
		.div_wrap:not(.layout_block4) .layout_height_M .slide_bnr_021 .imgbox {height:0; padding-bottom:40%;}
		.div_wrap:not(.layout_block4) .layout_height_L .slide_bnr_021 .imgbox {height:0; padding-bottom:30%;}

		.layout_block4 .slide_bnr_021 .sldBox {height:100%;}
		.layout_block4 .slide_bnr_021 .sldBox .slick-slider {height:100%;}
		.layout_block4 .slide_bnr_021 .sldBox .slick-slider .slick-list {height:100%;}
		.layout_block4 .slide_bnr_021 .sldBox .slick-slider .slick-list .slick-track {height:100%;}
		.layout_block4 .slide_bnr_021 .sldBox .slick-slider .slick-list .slick-track .slick-slide > div {height:100%;}
		.layout_block4 .slide_bnr_021 .sldBox .slick-slider .slick-list .slick-track .slick-slide > div .slide_wrap {height:100%;}
	}

	@media (max-width:599px){
		.layout_height_H .slide_bnr_021 .imgbox {height:0; padding-bottom:50%;}
		.layout_height_M .slide_bnr_021 .imgbox {height:0;padding-bottom: 45%;}
		.layout_height_L .slide_bnr_021 .imgbox {height:0; padding-bottom:35%;}
	}