@keyframes bannerSlideIn{0%{opacity:0;transform:translateX(64px)}100%{opacity:1;transform:translateX(0)}}.menu-banner5{position:relative}.menu-banner5 .frame-top-left{margin:0 0 15px;text-align:center}.menu-banner5 .frame-top-left h2{font-size:125%;font-weight:500}.menu-banner5 .menu-banner-box{opacity:0}.menu-banner5 .menu-banner-box .slide-list{list-style-type:none;margin:0;padding:0}.menu-banner5 .menu-banner-box .slide-list .slide-page{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;display:none}.menu-banner5 .menu-banner-box .slide-list .slide-page.active{display:flex;animation:bannerSlideIn .5s ease-in-out}.menu-banner5 .menu-banner-box .slide-list a{width:calc(50% - 5px);margin:0 10px 10px 0}.menu-banner5 .menu-banner-box .slide-list a:nth-child(2n){margin:0 0 10px 0}.menu-banner5 .menu-banner-box .slide-list a img{width:100% !important;height:auto !important;vertical-align:bottom}.menu-banner5 .controls-direction .direction-item.item-prev{position:absolute;top:50%;left:-18px;transform:translate(0, -50%);margin:15px 0 0}.menu-banner5 .controls-direction .direction-item.item-next{position:absolute;top:50%;right:-18px;transform:translate(0, -50%);margin:15px 0 0}.menu-banner5 .controls-direction .direction-item .prev,.menu-banner5 .controls-direction .direction-item .next{position:relative;width:16px;height:80px;background:#0076aa;text-indent:-9999px;transition:.25s}.menu-banner5 .controls-direction .direction-item .prev:hover,.menu-banner5 .controls-direction .direction-item .next:hover{background:#005980}.menu-banner5 .controls-direction .direction-item .prev::after,.menu-banner5 .controls-direction .direction-item .next::after{display:block;position:absolute;top:50%;left:50%;width:15px;height:22px;background:url("../images/top/arrow-w.png") no-repeat;content:''}.menu-banner5 .controls-direction .direction-item .prev{border-radius:5px 0 0 5px}.menu-banner5 .controls-direction .direction-item .prev::after{transform:translate(-50%, -50%) scaleX(-1)}.menu-banner5 .controls-direction .direction-item .next{border-radius:0 5px 5px 0}.menu-banner5 .controls-direction .direction-item .next::after{transform:translate(-50%, -50%)}.menu-banner5 .controls-direction-auto .auto-item.item-start,.menu-banner5 .controls-direction-auto .auto-item.item-stop{position:absolute;right:0;bottom:-10px}.menu-banner5 .controls-direction-auto .auto-item .start,.menu-banner5 .controls-direction-auto .auto-item .stop{background:url("../images/top/bx-controls.png") no-repeat;text-indent:-9999px}.menu-banner5 .controls-direction-auto .auto-item .start{width:14px;height:14px;background-position:-65px 0}.menu-banner5 .controls-direction-auto .auto-item .start.active{display:none}.menu-banner5 .controls-direction-auto .auto-item .stop{width:12px;height:16px;background-position:-65px -25px}.menu-banner5 .controls-direction-auto .auto-item .stop.active{display:none}@media print, screen and (min-width: 601px){.menu-banner5 .frame-top-left{margin:0 0 25px}.menu-banner5 .frame-top-left h2{font-size:150%}.menu-banner5 .menu-banner-box .slide-list li a{width:235px;margin:0 22px 20px 0}.menu-banner5 .menu-banner-box .slide-list li a:nth-child(2n){margin:0 22px 20px 0}.menu-banner5 .menu-banner-box .slide-list li a:nth-child(3n){margin:0 0 20px 0}.menu-banner5 .controls-direction .direction-item.item-prev{position:absolute;top:50%;left:-60px;transform:translate(0, -50%)}.menu-banner5 .controls-direction .direction-item.item-next{position:absolute;top:50%;right:-60px;transform:translate(0, -50%)}.menu-banner5 .controls-direction .direction-item .prev,.menu-banner5 .controls-direction .direction-item .next{width:36px;height:310px}}
