@charset "utf-8";
/* banner135  : 
2020.01.06 ssj */


.banner135 {width:100%;height:100%;min-height:150px;float:left;position:relative;box-sizing:border-box;background:#333;overflow: hidden;z-index: 0;}

.banner135 .bgbox {width:100%;height:100%;overflow:hidden;}
.banner135 .bgbox img {position:absolute; top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; margin:auto; min-height:100%; min-width:100%;
						-webkit-transition:transform 1s; transition:transform 1s;}
.banner135:hover .bgbox img {transform:scale(1.1);}

.banner135 .txtbox {width:100%;height:100%;float:left;box-sizing:border-box;}
.banner135 .txtbox .tit {width:100%;float:left;color:white;line-height: 130%; white-space:normal;word-break:keep-all; overflow: hidden;}
.banner135 .txtbox .co {width:100%;color:white;line-height: 130%;box-sizing:border-box;white-space:normal;word-break:keep-all;overflow: hidden;}
.banner135 .morebtn {width:100%;color:white;font-weight:600;line-height: 140%;letter-spacing: -0.5px;box-sizing: border-box;white-space: nowrap;overflow: hidden;
					text-overflow: ellipsis;clear: both;}
.banner135 .morebtn:after {content:"\f0da"; font-family:FontAwesome; padding-left:10px;}
.banner135 .morebtn:hover:after {padding-left:20px; -webkit-transition:padding-left 1s; transition:padding-left 1s;}

	/* height setting */
	.layout_height_M .banner135 .txtbox .co {-webkit-line-clamp:3;}
	.layout_height_L .banner135 .txtbox .tit {margin-bottom: 0;-webkit-line-clamp:3;display: -webkit-box;-webkit-box-orient: vertical;}
	.layout_height_L .banner135 .txtbox .co {display:none !important;}




	@media (min-width:1050px) and (max-width:1299px){}
	@media (min-width:1050px){}
	@media (min-width:900px) and (max-width:1049px){}

	@media (min-width:800px) and (max-width:899px){}
	@media (min-width:800px){
		.banner135 .txtbox {position: absolute;top: 0;left: 0; padding-bottom: 50px;}
		.banner135 .morebtn {position: absolute;bottom: 0;left: 0;}

		.layout_block4 .layout_04 .banner135 .txtbox .tit {-webkit-line-clamp:3; display: -webkit-box;-webkit-box-orient: vertical;}
		.layout_block4 .layout_04 .banner135 .txtbox .co {-webkit-line-clamp:4; display: -webkit-box;-webkit-box-orient: vertical;}
	}
	@media (max-width:799px){ 
		.banner135 .bgbox {position:absolute;top:0;left:0;z-index:-1; }
		.banner135 .morebtn {padding-left:0;margin-top: 50px;width: 100%;float: left;}
	}

	@media (min-width:600px) and (max-width:799px){
		.layout_block4 .layout_04 .banner135 .morebtn {position:relative; right:initial !important; padding-right:0; width:100%; clear:both; display:inline-block;}
		.layout_block4 .layout_04 .banner135 .morebtn:after {content:"\276f"; color:#fff; border:none; width:auto; height:auto; margin-top:0;}
		.layout_block4 .layout_04.layout_height_L .banner135 .morebtn {margin-top:30px;}
	}