*{box-sizing:border-box}
body,html{width:100%;}
body,ul,li,h1,h2,h3,p,figure{margin:0;padding:0}
li{list-style:none}
.ellipsis {max-height: 50px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;word-wrap: break-word;white-space: nowrap;}
.hange_wrap{width:400px;background-color:#202020;font-family: "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;}
.hange_notice .tab{padding-top: 20px;padding-bottom: 4px;}
.hange_notice .tab a{text-decoration: none;color:#c2c2c2;font-size: 12px;padding: 6px 7px;font-weight:bold;margin-right:5px;display: inline-block;}
.hange_notice .tab .tablinks.active{ border-bottom:2px solid #fff;color:#fff;}
.noticeList{color:#fff;padding-top:20px;padding-bottom:30px;}
.noticeList li{clear:both;margin:14px 0;}
.noticeList .tag{display:inline-block;float:left;width:76px;height:16px;font-size:11px;line-height:17px;}
.noticeList .title {display:inline-block;font-size: 13px;color:#fff;width:247px;overflow:hidden;padding-left:10px;}
.noticeList .date{font-size: 13px;}
#noticeAll{display:block;}