@charset "utf-8"; #wrap{min-width: 1395px;}
 #container .inner{width: 100%; max-width: 1395px;}
 #container > div{clear: both; position: relative;}
 .main_vis{background-color: #333;}
 .main_vis .vis_box .bxslider > div{height: 590px;}
 .main_vis .vis_box .bxslider .vis01{background: url("/images/najuart/main/main_vis01.jpg?build_20250704001") no-repeat center center; background-size: cover;}
 .main_vis .vis_box .vis_control{position: absolute; bottom: 0; left: 50%; margin-left: 520px; z-index: 52;}
 .main_vis .vis_box .vis_control a{float: left; width: 58px; height: 58px; line-height: 58px; background-color: #40434c; overflow: hidden; text-align: center; margin-left: 1px; transition: ease-in-out 0.3s;}
 .main_vis .vis_box .vis_control a:hover{background-color: #c10d1b;}
 .main_vis .vis_box .vis_control a:first-child{margin-left: 0;}
 .main_vis .vis_box .vis_control a span.icon{display: inline-block; vertical-align: middle; background: url("/images/najuart/main/main_sp.png?build_20250704001") no-repeat 0 -209px; text-indent: -99999px;}
 .main_vis .vis_box .vis_control a.prev span.icon{width: 17px; height: 14px; background-position: 0 -209px;}
 .main_vis .vis_box .vis_control a.next span.icon{width: 17px; height: 14px; background-position: -96px -209px;}
 .main_vis .vis_box .vis_control a.stop span.icon{width: 9px; height: 12px; background-position: -37px -209px;}
 .main_vis .vis_box .vis_control a.play span.icon{width: 10px; height: 12px; background-position: -66px -210px;}
 .main_vis .poster_box{position: absolute; top: 113px; left: 50%; margin-left: -37px; z-index: 51;}
 .main_vis .poster_box .control_box{position: absolute; bottom: 0; left: 100%; width: 96px; margin: 0 0 -20px 20px;}
 .main_vis .poster_box .control_box a{position: relative; float: left; width: 48px; height: 45px; line-height: 45px; background-color: #fff; text-align: center; transition: ease-in-out 0.3s;}
 .main_vis .poster_box .control_box a:hover{background-color: #ffdc3f;}
 .main_vis .poster_box .control_box a:first-child:before{content: ''; position: absolute; top: 50%; left: 100%; width: 3px; height: 13px; background: url("/images/najuart/main/main_sp.png?build_20250704001") no-repeat -189px -209px; z-index: 1; margin: -7px 0 0 -1px;}
 .main_vis .poster_box .control_box a span.icon{display: inline-block; width: 8px; height: 14px; vertical-align: middle; text-indent: -99999px; background: url("/images/najuart/main/main_sp.png?build_20250704001") no-repeat -133px -209px;}
 .main_vis .poster_box .control_box a.prev span.icon{background-position: -133px -209px;}
 .main_vis .poster_box .control_box a.next span.icon{background-position: -161px -209px;}
 .main_vis .poster_box .slider_box{position: relative; padding: 0 0px 50px;}
 .main_vis .poster_box .slider_box p.pager{position: absolute; bottom: 0; left: 0; width: 100%; border-bottom: 1px solid #fff; text-align: center; color: #fff; height: 50px; line-height: 50px; font-size: 18px;}
 .main_vis .poster_box .slider_box p.pager span.now{}
 .main_vis .poster_box .slider_box p.pager span.total{}
 .main_vis .poster_box .slider_box a{position: relative; display: block; transition: ease-in-out 0.3s; overflow: hidden; }
 .main_vis .poster_box .slider_box a:hover{border-color: #c10d1b;}
 .main_vis .poster_box .img_box{overflow: hidden; border: 8px solid #fff; min-height: 275px; background: url(/images/najuart/common/performance_thum_img.jpg?build_20250704001)no-repeat;}
 .main_vis .poster_box .img_box img{transition: ease-in-out 0.6s;}
 .main_vis .poster_box a:hover .img_box img{transform: scale(1.06);}
 .main_vis .poster_box .line_box{}
 .main_vis .poster_box .line_box > div{position: absolute; background-color: #c10d1b;}
 .main_vis .poster_box .line_box > div.line01{width: 0; height: 8px; top: 0; left: 0;}
 .main_vis .poster_box .line_box > div.line02{width: 8px; height: 0; top: 0; right: 0;}
 .main_vis .poster_box .line_box > div.line03{width: 0; height: 8px; bottom: 0; right: 0;}
 .main_vis .poster_box .line_box > div.line04{width: 8px; height: 0; bottom: 0; left: 0;}
 .main_vis .poster_box a:hover .line_box > div{transition: cubic-bezier(0, 0.35, 0.58, 1) 0.3s;}
 .main_vis .poster_box a:hover .line_box > div.line01{width: 100%; transition-delay: 0;}
 .main_vis .poster_box a:hover .line_box > div.line02{height: 100%; transition-delay: 0.3s;}
 .main_vis .poster_box a:hover .line_box > div.line03{width: 100%; transition-delay: 0.6s;}
 .main_vis .poster_box a:hover .line_box > div.line04{height: 100%; transition-duration: 0.7s; transition-delay: 1s;}
 .main_vis .poster_box .slider_box li.art_poster {width: 210px !important;}
 .main_vis .poster_box .slider_box a span.txt{position: absolute; bottom: 8px; left: 8px; right: 8px; background-color: rgba(0,0,0,0.6); text-align: center; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 47px; line-height: 47px;}
 .main_vis .ment{position: absolute; top: 114px; left: 50%; margin-left: 209px; text-align: center; z-index: 51;}
 .main_vis .ment h2{display: block; width: 486px; height: 183px; background: url("/images/najuart/main/main_sp.png?build_20250704001") no-repeat 0 0; text-indent: -99999px; margin-bottom: 15px;}
 .main_vis .ment span{display: block; color: #fff; font-size: 18px; text-shadow: 1px 1px 2px rgba(0,0,0,0.7);}
 .calendar_box{background-color: #ffdc3f; height: 92px; line-height: 92px;}
 .calendar_box .inner{position: relative; padding: 0 160px 0 170px; box-sizing: border-box;}
 .calendar_box .control_box{position: absolute; top: 0; left: 0;}
 .calendar_box .control_box a{position: relative; display: inline-block; width: 20px; height: 20px; vertical-align: middle; text-indent: -99999px;}
 .calendar_box .control_box a:before{content: ''; position: absolute; top: 50%; width: 8px; height: 14px; background: url("/images/najuart/main/main_sp.png?build_20250704001") no-repeat -133px -209px; margin-top: -7px; transition: ease-in-out 0.2s;}
 .calendar_box .control_box a.prev:before{left: 0; background-position: -133px -209px;}
 .calendar_box .control_box a.next:before{right: 0; background-position: -161px -209px;}
 .calendar_box .control_box a.prev:hover:before{left: -3px;}
 .calendar_box .control_box a.next:hover:before{right: -3px;}
 .calendar_box .control_box strong{display: inline-block; vertical-align: middle; font-size: 24px; font-weight: 400; margin: 0 5px;}
 .calendar_box .calendar{white-space: nowrap;}
 .calendar_box .calendar span{display: inline-block; width: 34px; height: 34px; line-height: 34px; border-radius: 50%; color: #3f3f3f; font-size: 17px; text-align: center; }
 .calendar_box .calendar span.sun{color: #db3400;}
 .calendar_box .calendar span.today{background-color: #157bbd; color: #fff; font-weight: 400;}
 .calendar_box .calendar span.event a{display: block; border-radius: 50%; background-color: #eac725; font-weight: 400; transition: ease-in-out 0.3s;}
 .calendar_box .calendar span.event a:hover{background-color: #c10d1b; color: #fff;}
 .calendar_box a.more{position: absolute; top: 0; right: 38px; font-size: 17px; color: #3f3f3f;}
 .calendar_box a.more:hover{text-decoration: underline;}
 .calendar_box a.more span.icon{display: inline-block; width: 29px; height: 21px; background: url("/images/najuart/main/main_sp.png?build_20250704001") no-repeat -254px -312px; vertical-align: middle; margin: -3px 7px 0 0; transition: ease-in-out 0.3s;}
 .calendar_box a.more:hover span.icon{background-position: -254px -335px;}
 .main_cont{display: inline-block; width: 100%; margin-bottom: -6px; padding: 68px 0 84px;}
 .main_cont .float_box h2.title{display: block; background: url("/images/najuart/main/main_sp.png?build_20250704001") no-repeat -133px -209px; text-indent: -99999px; margin-bottom: 20px;}
 .main_cont .notice_box h2.title{width: 120px; height: 29px; background-position: 0 -253px;}
 .main_cont .box02 .left_box h2.title{width: 118px; height: 29px; background-position: -141px -253px;}
 .main_cont .box02 .right_box h2.title{width: 142px; height: 29px; background-position: -280px -253px;}
 .main_cont .float_box{position: relative; float: left;}
 .main_cont .float_box.box01{width: 21.5%;}
 .main_cont .float_box.box02{width: 49%; margin: 0 2%;}
 .main_cont .float_box.box02 .item{position: relative; float: left; width: 46%;}
 .main_cont .float_box.box02 .item:first-child{margin-right: 7.7%; width: 46.3%;}
 .main_cont .float_box.box03{width: 23.5%;}
 .main_cont .notice_box{position: relative; height:267px; }
 .main_cont .notice_box ul{height: 228px;}
 .main_cont .notice_box ul li{border-bottom: 1px solid #ddd;}
 .main_cont .notice_box ul li a{position: relative; display: block; padding-left: 27px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 56px; line-height: 56px;}
 .main_cont .notice_box ul li a:hover{text-decoration: underline;}
 .main_cont .notice_box ul li a:before{content: ''; position: absolute; top: 50%; left: 10px; width: 4px; height: 4px; background: url("/images/najuart/main/main_sp.png?build_20250704001") no-repeat -176px -343px; margin-top: -2px;}
 .main_cont .notice_box ul li a span.new{position: absolute; top: 50%; left: 0; width: 21px; height: 21px; background: url("/images/najuart/main/main_sp.png?build_20250704001") no-repeat -176px -312px; text-indent: -99999px; margin-top: -10px;}
 .main_cont a.more{position: absolute; top: 5px; right: 0; width: 20px; height: 20px; line-height: 20px; text-align: center;}
 .main_cont a.more span.icon{position: relative; left: 0; display: inline-block; width: 7px; height: 14px; background: url("/images/najuart/main/main_sp.png?build_20250704001") no-repeat -227px -312px; text-indent: -99999px; vertical-align: middle; transition: ease-in-out 0.3s;}
 .main_cont a.more:hover span.icon{left: 5px;}
 .main_cont .seating{position: relative; margin-top: 43px;}
 .main_cont .seating a{display: block; height: 141px; background: url("/images/najuart/main/seating_bg.jpg?build_20250704001") no-repeat 0 0; background-size: cover; transition: ease-in-out 0.3s;}
 .main_cont .seating a:hover{box-shadow: 2px 2px 5px rgba(0,0,0,0.4);}
 .main_cont .seating a:before{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 2px solid transparent; transition: ease-in-out 0.3s;}
 .main_cont .seating a:hover:before{border-color: #c10d1b;}
 .main_cont .seating h2{position: absolute; top: 30px; left: 30px; width: 107px; height: 70px; background: url("/images/najuart/main/main_sp.png?build_20250704001") no-repeat -175px -367px; text-indent: -99999px;}
 .main_cont .seating span.more{position: absolute; bottom: 21px; left: 50%; width: 27px; height: 27px; background-color: #fff; border-radius: 50%; text-indent: -99999px;}
 .main_cont .seating a:hover span.more{background-color: #c10d1b;}
 .main_cont .seating span.more:before, .main_cont .seating span.more:after{content: ''; position: absolute; top: 50%; left: 50%; background-color: #40434c; transition: ease-in-out 0.3s;}
 .main_cont .seating span.more:before{width: 13px; height: 1px; margin: -1px 0 0 -7px;}
 .main_cont .seating span.more:after{width: 1px; height: 13px; margin: -7px 0 0 -1px;}
 .main_cont .seating a:hover span.more:before, .main_cont .seating a:hover span.more:after{background-color: #fff;}
 .main_cont .box02 > div{display: inline-block; width: 100%; margin-bottom: -6px;}
 .main_cont .box02 .left_box a.cont{display: block; border: 2px solid #ddd; padding: 30px 30px 26px; transition: ease-in-out 0.3s; height:159px; }
 .main_cont .box02 .left_box a.cont:hover{border-color: #c10d1b; box-shadow: 2px 2px 5px rgba(0,0,0,0.4);}
 .main_cont .box02 .left_box a.cont h3{display: block; font-size: 18px; color: #000; margin-bottom: 10px;}
 .main_cont .box02 .left_box a.cont p{display: block; font-size: 15px; color: #525050; line-height: 21px; margin-bottom: 20px; overflow: hidden; max-height: 84px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
 .main_cont .box02 .left_box a.cont span{display: block; font-size: 14.5px; color: #aeaeae;}
 .main_cont .box02 .right_box a.cont{position: relative; display: block; transition: ease-in-out 0.3s;}
 .main_cont .box02 .right_box a.cont:hover{box-shadow: 2px 2px 5px rgba(0,0,0,0.4);}
 .main_cont .box02 .right_box a.cont:before{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 2px solid transparent; z-index: 1; transition: ease-in-out 0.3s;}
 .main_cont .box02 .right_box a.cont:hover:before{border-color: #ffdc3f;}
 .main_cont .box02 .right_box a.cont .txt{position: absolute; bottom: 0; left: 0; right: 0; height: 50px; line-height: 50px; background-color: rgba(0,0,0,0.44); padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; text-align: center; font-size: 16px;}
 .main_cont .box02 .bottom_box{margin-top: 6.3%;}
 .main_cont .box02 .quick_menu{display: inline-block; border: 1px solid #ddd; margin-bottom: -6px; width: 100%;}
 .main_cont .box02 .quick_menu li{float: left; width: 33.333%}
 .main_cont .box02 .quick_menu li:nth-child(3n-2){width: 33.3334%;}
 .main_cont .box02 .quick_menu li a{display: block; border: solid #ddd; border-width: 1px 0 0 1px; height: 69px; line-height: 69px; padding-left: 35px; background-color: #f9f4e7; transition: ease-in-out 0.3s;}
 .main_cont .box02 .quick_menu li a:hover{background-color: #ffdc3f;}
 .main_cont .box02 .quick_menu li:nth-child(n):nth-child(-n+3) a{border-top: 0;}
 .main_cont .box02 .quick_menu li:nth-child(3n-2) a{border-left: 0;}
 .main_cont .box02 .quick_menu li a span.icon{display: inline-block; width: 39px; background: url("/images/najuart/main/main_sp.png?build_20250704001") no-repeat 0 -312px; vertical-align: middle; margin: -3px 10px 0 0;}
 .main_cont .box02 .quick_menu li.quick01 a span.icon{height: 28px; background-position: -5px -314px;}
 .main_cont .box02 .quick_menu li.quick02 a span.icon{height: 31px; background-position: -64px -313px;}
 .main_cont .box02 .quick_menu li.quick03 a span.icon{height: 42px; background-position: -115px -312px; margin-top: 0;}
 .main_cont .box02 .quick_menu li.quick04 a span.icon{height: 22px; background-position: 0 -387px;}
 .main_cont .box02 .quick_menu li.quick05 a span.icon{height: 28px; background-position: -59px -384px;}
 .main_cont .box02 .quick_menu li.quick06 a span.icon{height: 27px; background-position: -115px -383px;}
 .main_cont .box03{background-color: #1b4692; border-radius: 30px 0; padding: 34px 31px; box-sizing: border-box;}
 .main_cont .box03 .quick_menu{display: inline-block; width: 100%; margin-bottom: 20px;}
 .main_cont .box03 .quick_menu li{float: left; width: 33.3333%}
 .main_cont .box03 .quick_menu li:first-child{width: 33.3334%;}
 .main_cont .box03 .quick_menu li a{display: block; color: #fff; text-align: center; font-size: 15px;}
 .main_cont .box03 .quick_menu li a:hover{color: #ffdc3f;}
 .main_cont .box03 .quick_menu li a span.icon{display: block; height: 34px; background: url("/images/najuart/main/main_sp.png?build_20250704001") no-repeat 0 -458px; margin: 0 auto 8px;}
 .main_cont .box03 .quick_menu li.quick01 a span.icon{width: 31px; background-position: 0 -457px;}
 .main_cont .box03 .quick_menu li.quick02 a span.icon{width: 30px; background-position: -51px -457px;}
 .main_cont .box03 .quick_menu li.quick03 a span.icon{width: 25px; background-position: -101px -457px;}
 .main_cont .box03 .quick_menu li.quick01 a:hover span.icon{background-position: 0 -511px;}
 .main_cont .box03 .quick_menu li.quick02 a:hover span.icon{background-position: -51px -511px;}
 .main_cont .box03 .quick_menu li.quick03 a:hover span.icon{background-position: -101px -511px;}
 .main_cont .box03 .map{position: relative; display: block; overflow: hidden;}
 .main_cont .box03 .map .more{position: absolute; bottom: 0; right: 0; background-color: #4db848; height: 38px; line-height: 38px; text-align: center; color: #fff; font-size: 16px; padding: 0 14px; transition: ease-in-out 0.3s;}
 .main_cont .box03 .map:hover .more{background-color: #c10d1b;}
 .main_cont .box03 .map .more span.icon{display: inline-block; width: 20px; height: 20px; vertical-align: middle; background: url("/images/najuart/main/main_sp.png?build_20250704001") no-repeat -303px -312px; margin: -3px 5px 0 0;}
 .main_cont .box03 .tel{display: block; width: 269px; height: 107px; background: url("/images/najuart/main/main_sp.png?build_20250704001") no-repeat -156px -457px; margin: 26px auto 0; text-indent: -99999px;}
 