@charset "utf-8";

.visual{position:relative;z-index:1;}
.visual li img{width:100%;}
.visual .btn_set{position:absolute;left:0;bottom:20px;width:100%;text-align:center;}
.visual .btn_set a{display:inline-block;margin:0 2px;height:15px;overflow:hidden;}
.visual .btn_set a span{display:block;width:15px;height:15px;background:#eaeaea;}
.visual .btn_set a.on span{background:none;border:solid 3px #d64441;box-sizing:border-box;}

.go_icon{position:relative;overflow:hidden;}
.go_icon li{float:left;width:50%;text-align:center;color:#fff;padding-top:25%;line-height:30px;}
.go_icon li a{display:inline-block;color:#fff;padding:0 20px;border-radius:5px;margin-bottom:20%;}
.go_icon li.ico01{background:url("/images/02_mayor/main/icon_bg01.gif") no-repeat center top;background-size:cover;}
.go_icon li.ico02{background:url("/images/02_mayor/main/icon_bg02.gif") no-repeat center top;background-size:cover;}
.go_icon li.ico03{background:url("/images/02_mayor/main/icon_bg03.gif") no-repeat center top;background-size:cover;}
.go_icon li.ico04{background:url("/images/02_mayor/main/icon_bg04.gif") no-repeat center top;background-size:cover;}
.go_icon li.ico01 a{background:#2951a7;}
.go_icon li.ico02 a{background:#107730;}
.go_icon li.ico03 a{background:#ce403d;}
.go_icon li.ico04 a{background:#8d42b8;}


.sch_bbs{background:url("/images/02_mayor/main/con_fattern.gif");}
.sch_bbs h2{text-align:center;margin-right:25px;color:#000;font-weight:200;padding:30px 0 20px 0;}
.sch_bbs h2 span{color:#d64441;font-weight:600;font-size:26px;}

.main_schedule{position:relative;border-bottom:solid 1px #dbdada;}
.main_schedule p.date{position:relative;width:80%;margin:0 auto;text-align:center;border:solid 3px #d64441;background:#fff;height:44px;font-size:18px;color:#000;}
.main_schedule p.date span{display:block;padding-top:7px;margin-right:44px;}
.main_schedule p.date a{overflow:hidden;display:block;position:absolute;top:0;right:0; background:#d64441 url("/images/02_mayor/main/icon_calendar.png") no-repeat center center;width:44px;height:44px;border-left:solid 3px #d64441;}
.main_schedule p.date a em{display:inline-block;padding-top:47px;}
.main_schedule ul{width:80%;margin:0 auto;padding:20px 0 30px 0;}
.main_schedule ul li{background:url("/images/02_mayor/main/bbs_blit.gif") no-repeat left center;padding:0 0 0 10px;font-size:13px;line-height:30px;}
.main_schedule ul li span{display:inline-block;padding:0 8px 0 0;}
.main_schedule ul li a{display:inline-block;width:80%;color:#000;text-overflow:ellipsis;overflow: hidden;white-space:nowrap;word-wrap: normal !important; 
}
.main_schedule ul li em{float:right;font-style:normal;color:#777;text-align:right;display:none;}
.main_schedule .btn{position:absolute;top:38px;right:20%;width:25px;height:25px;overflow:hidden;}
.main_schedule .btn a{display:block;background:url("/images/02_mayor/main/btn_more.gif") no-repeat left top;padding:30px 0 0 0;}


.today_j{position:relative;}
.today_j ul{width:80%;margin:0 auto;padding:0 0 40px 0;}
.today_j ul li{background:url("/images/02_mayor/main/bbs_blit.gif") no-repeat left 8px;padding:0 0 10px 10px;font-size:13px;box-sizing:border-box;}
.today_j ul li a{color:#000;}
.today_j ul li em{display:block;padding:0 0 10px 0;}
.today_j ul li em img{height:200px;width:90%;}
.today_j ul li:nth-child(2) em,
.today_j ul li:nth-child(3) em,
.today_j ul li:nth-child(4) em,
.today_j ul li:nth-child(5) em,
.today_j ul li:nth-child(6) em,
.today_j ul li:nth-child(7) em{display:none;}
.today_j ul li:nth-child(1){background:none;padding:0 0 30px 0;text-align:center;}
.today_j ul li span{float:right;color:#777;display:none;}

.today_j .btn{position:absolute;top:38px;right:20%;width:25px;height:25px;overflow:hidden;}
.today_j .btn a{display:block;background:url("/images/02_mayor/main/btn_more.gif") no-repeat left top;padding:30px 0 0 0;}



/* Tablet */
@media all and (min-width:768px) {
.visual img{height:650px;}

.go_icon li{width:25%;padding-top:13%;}
.main_schedule ul li a{width:60%;}
.main_schedule ul li em{display:inline-block;}

.today_j ul li:nth-child(2){background:none;padding:0 0 30px 0;text-align:center;}
.today_j ul li:nth-child(2) em{display:block;}
.today_j ul li:nth-child(1),
.today_j ul li:nth-child(2){float:left;width:50%;}
.today_j ul li:nth-child(3){clear:both;}
.today_j ul li:nth-child(3) span,
.today_j ul li:nth-child(4) span,
.today_j ul li:nth-child(5) span,
.today_j ul li:nth-child(6) span,
.today_j ul li:nth-child(7) span{display:inline-block;}



}

/* Desktop */
@media all and (min-width:1023px) {
section{margin-left:290px;}

.visual{float:left;width:80%;}
.visual img{height:880px;}


.go_icon{float:left;width:20%;}
.go_icon li{float:none;width:100%;height:220px;padding-top:130px;box-sizing:border-box;font-size:20px;}
.go_icon li a{font-size:14px;}

.sch_bbs{clear:both;overflow:hidden;}
.sch_bbs .main_schedule,
.sch_bbs .today_j{float:left;width:50%;box-sizing:border-box;border-bottom:none;}
.sch_bbs .main_schedule{border-right:solid 1px #dbdada;}

.today_j ul li:nth-child(1) em,
.today_j ul li:nth-child(2) em{display:none;}
.today_j ul li:nth-child(1),
.today_j ul li:nth-child(2){float:none;width:100%;text-align:left;background:url("/images/02_mayor/main/bbs_blit.gif") no-repeat left 8px;padding:0 0 10px 10px;}
.today_j ul li:nth-child(1) span,
.today_j ul li:nth-child(2) span{display:inline-block;}
}

/* Desktop wide */
@media all and (min-width:1600px) {

.visual{float:left;width:55%;}
.visual img{height:880px;}


.go_icon{float:left;width:15%;}
.go_icon li{float:none;width:100%;height:220px;padding-top:130px;box-sizing:border-box;font-size:20px;}
.go_icon li a{font-size:14px;}

.sch_bbs{clear:none;float:right;width:30%;height:880px;}


.main_schedule ul li a{width:50%;}

.sch_bbs .main_schedule,
.sch_bbs .today_j{float:none;width:100%;margin:30px 0;}
.sch_bbs .main_schedule{border-bottom:solid 1px #dbdada;}

.today_j ul li a{display:inline-block;width:70%;text-overflow:ellipsis;overflow: hidden;white-space:nowrap;word-wrap: normal !important;}

.today_j ul li:nth-child(1),
.today_j ul li:nth-child(2){float:left;width:50%;background:none;padding:0 0 30px 0;text-align:center;}
.today_j ul li:nth-child(1) em,
.today_j ul li:nth-child(2) em{display:block;}
.today_j ul li:nth-child(1) em img,
.today_j ul li:nth-child(2) em img{width:100%;height:125px;}
.today_j ul li:nth-child(1) a,
.today_j ul li:nth-child(2) a{width:90%;}
.today_j ul li:nth-child(1) span,
.today_j ul li:nth-child(2) span{float:none;display:block;text-align:center;}


}