@charset "utf-8"; 
/* banner139 */
/* @latest 2022.08.22 OSY */


.banner139 { width: 100%; height: 100%; }
.banner139 .bnrwrap { width: 100%; height: 100%; float: left; text-align: left; box-sizing: border-box; position: relative; overflow: hidden; }
.banner139 .imgbox { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; box-sizing: border-box; z-index: 1; }
.banner139 .imgbox img { min-width: 100%; min-height: 100%; position: absolute; inset: -9999px; margin: auto; }
.banner139 .txtbox { width: 100%; height: 100%; float: left; padding: 15px; box-sizing: border-box; background: rgba(0, 0, 0, 0.5); position: relative; z-index: 2;}
.banner139 .cobox { width: 75%; height: 100%; float: left; }
.banner139 .txtbox.pl30 { padding-left: 30px; }
.banner139 .cobox .bnrtit { font-size: 28px; line-height: 130%; color: rgb(255, 255, 255); float: left; display: block; box-sizing: border-box; overflow: hidden; width: 100%; white-space: nowrap; text-overflow: ellipsis; margin: 18px 0px 10px; }
.banner139 .cobox .bnrco { font-size: 18px; letter-spacing: -0.5px; line-height: 150%; color: rgb(255, 255, 255); float: left; width: 100%; display: block; box-sizing: border-box; word-break: keep-all; white-space: normal; margin: 10px 0px 36px; overflow: hidden; }
.banner139 .cobox .bar { border-style: solid; border-color: rgb(255, 255, 255); border-image: initial; border-width: 3px 0px 0px; float: left; width: 50px; margin: 12px 0px 15px; }
.banner139 .cobox .morebtn { color: rgb(255, 255, 255); text-align: center; max-width: 100%; font-size: 16px; border: 1px solid rgba(255, 255, 255, 0.8); position: relative; float: left; padding: 15px 45px 15px 20px; line-height: normal; letter-spacing: -1px; margin: 15px 0px; background: transparent; transition: background 0.5s ease 0s; }
.banner139 .cobox .morebtn span { color: inherit; width: 100%; float: left; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.banner139 .cobox .morebtn::after { content: "❭"; color: inherit; float: left; padding-left: 3px; font-weight: 400; margin-top: -2px; font-size: 14px; position: absolute; right: 15px; }
.banner139 .iconbox { position: absolute; right: 0px; bottom: 0px; width: 25%; height: 100%; text-align: right; padding: 0px 15px 15px 0px; box-sizing: border-box; }
.banner139 .iconbox img { max-width: 97%; max-height: 100%; position: absolute; bottom: 15px; right: 15px; }
.banner139 .morebtn:hover { background: rgb(255, 255, 255) !important; }
.banner139 .morebtn:hover span { transition: color 0.5s ease 0s; color: rgb(51, 51, 51) !important; }
.banner139 .morebtn:hover::after { transition: color 0.5s ease 0s; color: rgb(51, 51, 51) !important; }

.border-radius .banner139 .cobox .morebtn {border-radius: 8px;}

.layout_height_M .banner139 .cobox .bnrtit { font-size: 23px; margin: 0px 0px 20px; }


@media (min-width: 991px) {
}
@media (min-width: 800px) {
  .banner139 .cobox .bnrco { -webkit-box-orient: vertical; display: -webkit-box; white-space: normal; }
  .layout_height_H .banner139 .cobox .bnrtit { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; white-space: normal; height: 72px; }
  .layout_height_H .banner139 .cobox .bnrco { -webkit-line-clamp: 3; height: 81px; margin-bottom: 10px; }
  .layout_height_M .banner139 .cobox .bnrco { -webkit-line-clamp: 2; height: 48px; margin: 5px 0px 10px; font-size: 16px; }
}
@media (max-width: 799px) {
  .banner139 .cobox .bnrtit { font-size: 19px; font-weight: 600; }
  .banner139 .cobox .bnrco { font-size: 14px; margin: 5px 0px 10px; }
  .banner139 .cobox .morebtn { padding: 7px 40px 7px 15px; }
  .banner139 .txtbox.pl30 { padding-left: 15px; }
}
@media (min-width: 600px) and (max-width: 799px) {
}
@media (max-width: 599px) {
}