body{font:normal 16px/1.6em Meiryo,"MS PGothic",arial,sans-serif;color:#333;margin:0;background: #f5f5f5;}
ul,li{margin:0;padding:0;list-style:none;}
a{color:#;text-decoration: none;}
.wrap{background: #fff;}

/*index*/
.saidaifelx{display: flex;flex-wrap: wrap;}
.saidaifelx div{width: 50%;text-align: center;border: 1px solid #085598;color: #085598;font-size: 21px;font-weight: bold;padding: 10px 0;box-sizing: border-box;}
.saidaifelx div:first-child{background: #085598;color:#fff;}
h2.mainh2{background: #f00;color: #fff;padding: 5px 10px;font-size: 14px;}
/*tab*/
.tabsmain,.tabssub,.monthpager{display: flex;justify-content :space-between;margin-bottom: 10px;}
.tabsmain a,.tabssub a{width: 24%;background: #aaa;color:#fff;border-radius: 5px;padding: 10px 0;text-align: center;}
.tabssub a{border: 1px solid #aaa;background: #fff;color: #333;}
.tabsmain a.active{background: #f00;}
.tabssub a.active{color: #f00;border-color: #f00;}
.monthpager{background: #333;}
.monthpager a{ flex:1;padding: 10px 0;text-align: center;color: #fff;background: #444}
.monthpager a:hover{background: #999}
.monthpager span{ flex:6;padding: 10px 0;text-align: center;color: #fff;}
/*table*/
table.uniquetable{width: 100%;}
table.uniquetable td,
table.uniquetable th{padding: 10px 0}
table.uniquetable th{background: #eee;}
table.uniquetable td{background: #000330;color:#fff;text-align: center;}
/*unique data*/
.tenpohead{display: flex;margin:   15px 0 15px;}
.tenpohead div.tenpoimg{ flex:1;}
.tenpohead div.tenplink{ flex:2;}
.tenpoimg img{width: 90%;}
.tenplink h1{background: #aaa;color: #fff;font-size: 14px;padding: 0 10px 5px;margin-top: 0;}
.tenplink a{background: #4faeea;color: #fff;font-size: 14px;padding: 5px 10px;display: block;}
.kishuimg img{width:100px;}
.dateflex {display: flex;flex-wrap: wrap;}
.dateflex div{ flex:50%;border-left: 3px solid #222;box-sizing: border-box;padding: 5px;border-bottom: 1px solid #ccc;margin-bottom: 10px;}
.dateflex div span{float: right;}
.morelinks{display: ;text-align: center;}
.morelinks a{display:inline-block; background: #666;color:#fff;border-radius: 4px;margin: 0 5px;width:45%;padding: 5px 0;}
.graphmore{margin: 10px 0 0;}
.daidatalink{margin: 10px 0}
.daidatalink a{width: 94%}
/*data*/
h1.datatitle{margin: 0;font-size: 16px;padding: 10px 0;}

@media screen and (min-width: 721px) {/*PC*/
   .wrap{max-width:740px;margin:0 auto;padding: 0 15px;box-sizing: border-box;}
}
@media screen and (min-width: 0px) and (max-width: 720px) {/*SP*/
  .wrap{margin:0 15px;}
}
@media screen and (min-width: 0px) and (max-width: 415px) {/*SP*/
    .tablesorter-default .header, .tablesorter-default .tablesorter-header{padding: 4px 2px;background-image: none;}
}