body{font:normal 16px/1.6em Meiryo,"MS PGothic",arial,sans-serif;color:#000;margin:0;background:url(images/bg_new.png) ;}
ul,li{margin:0;padding:0;list-style:none;}
a{color:#;text-decoration: none;}
img{max-width: 100%;vertical-align: bottom;}
main{background: rgba(255,255,255,.85);padding: 10px;padding-top: 40px;}
.logo{text-align: center;margin-top: -30px;}
.date_new{text-align: center;color: #000;padding: 20px 0;font-size: 30px;font-family: impact;font-weight: bold;}
.date_new span{font-size: 40px;}
ul.tab {display: flex;margin: 20px 0;border-radius: 5px;}
ul.tab li{flex:1;background: #999;text-align: center;padding: 10px 0;cursor: pointer;}
ul.tab li.active{background: #414141;position: relative;}
ul.tab li.active a{display: block;position: absolute;padding: 14px 0;top:-4px;text-align: center;width: 100%;background: #414141;box-shadow: 3px 3px 5px #aaa;cursor:default}
ul.tab li:first-child,ul.tab li:first-child a{border-radius: 10px 0 0 10px;}
ul.tab li:last-child,ul.tab li:last-child a{border-radius:0 10px 10px 0;}
ul.tab li a{color: #fff;}
.omise{border: 5px solid #AA0000;padding:10px;margin-bottom: 20px;}
.omise h3{text-align:center; border-bottom:2px solid #333;margin: 0 0 10px;padding: 0 0 5px;font-size: 24px;}
.omise a{color: #000;}
.tags{text-align: center;padding: 0px 0 0;font-size: 12px;}
.tags span{background: #f00;color: #fff;border-radius: 25px;display: inline-block;padding: 0px 7px;margin: 2px ;}
.tags span.tag1,
.tags span.tag2{background: #FF5C00;}
.img_flex{text-align: center;display: flex;justify-content: center;}
.img_flex > div,.img_flex > a{width: ;display: inline-block;margin: 10px 5px;flex:1;transition: all .2s ease; max-width: ;}
.img_flex.over3 > div,.img_flex.over3 > a{max-width: 30%;}
.img_flex > a:hover{opacity: .7;}
.img_flex .times{display: block;font-size: 40px;font-family: impact;padding: 10px 0; }
.report_title {text-align: center;font-weight: bold;margin:0 0 15px;}.report_title h1{font-size:21px ;}
.report_title a{color: #000;}
.repo_to{margin: 10px 0 10px; }
.repo_to strong{display: block;font-weight: normal;}
.repo_det{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 10px;text-align: left;font-size: 10px;}
.repo_det span{display: block;line-height: 1.1;}
.repo_det2{font-size: 10px;display: block;}
footer{text-align: center;color: #444;padding: 30px 0;font-size: 12px;background: #000;margin-top: 30px;}
@media screen and (min-width: 768px) {
    .wrap{max-width:95%;width: 1200px;margin: 0 auto;}
    .logo{margin-top: -100px;}
    main{padding: 30px;margin-top: -100px;padding-top: 100px;}
    ul.tab li{font-size: 21px;}
    .omise{padding:20px;border-width: 8px;}
    .date_new{font-size: 80px;padding: 50px 0;}
    .date_new span{font-size: 140px;}
    .tags{font-size: 14px;}
    .tags span{padding: 2px 10px;}
    .report_title{font-size: 36px;margin: 25px 0 30px;}.report_title h1{font-size:36px ;}
}
@media screen and (min-width: 0px) and (max-width: 767px) {
    main{width: 95%;margin: 0 auto;box-sizing: border-box;margin-top: -40px;}
    .logo img{width: 80%;}
    .img_flex .times{font-size: 18px;}
    .omise h3{font-size: 17px;}
    .report_flex{display: block;}
    .report_flex > div{width: 100%;margin: 0 0 5px;}
    footer{margin-top: 2.5%;}
}