@charset "UTF-8";
*, *::before, *::after {
  box-sizing: border-box;
}
.realtime{width:100%;background:url(../_img_realtime/bg.jpg) center top no-repeat #000;}
.realtime img{width:100%;}

.realtime .top{width:98%;margin:0 auto;padding-top:20px;}

.realtime .box{width:96%; margin:20px auto 40px;padding-top:50px; border:2px solid #000;background:#FFF;position: relative;}
.realtime .box .group0{width:100%; margin:0 auto;}
.realtime .box .group{width:96%; margin:0 auto 20px; display:flex; flex-wrap: nowrap;}
.realtime .box .group .textBox{width:46%;margin:0 2%;order:2;}
.realtime .box .group .textBox .h3{width:80%;margin:0 auto 6px;}
.realtime .box .group .pict{width:24%;}
.realtime .box .group .pict.pict1{order:1;}
.realtime .box .group .pict.pict2{order:3;}
.realtime .box .group .pict img{border:2px solid #000;}
.realtime .box .group p{font-size:14px;word-break: break-all}

.realtime .box .midashi{position: absolute;top:-30px;left:-10px; right:0; margin:0 auto;}
.realtime .box .kakomi{width:96%;border:2px solid #000;margin:0 auto;padding:14px;}
.realtime .box .kakomi p:last-child{margin:0;}

.realtime a.btnAward{width:60%; margin:-10px auto 50px; border-radius: 30px;  display:block;background:#ff00ff;color:#FFF;font-size:30px;padding:10px;text-align: center; font-weight:bold; transition: all 0.5s; cursor: pointer;border:2px solid #fff;  outline: solid 2px #ff00ff; }
.realtime a.btnAward span{width:70%;margin:0 auto;font-size:0.6em;background:#FFF;color:#000;padding:4px;display:block;}

.realtime a.btnAward:hover{background:#ffa9ff;color:#000}

.realtime .genkou{
width:210px;
float:right;
margin:0px 0px 13px 13px;
}
.realtime .map{margin-top:20px;}

.realtime .kimari{padding:20px;}
    
.realtime .sec2{padding-bottom:20px;}

.realtime ul.btns{width:96%; margin:0 auto; display:flex; flex-wrap: nowrap; list-style: none}
.realtime ul.btns li{margin:0 1%;}

@media screen and (max-width: 667px) {
.realtime{font-size:3.5vw}
.realtime .box{width:96%; margin:20px auto 40px;padding-top:5vw;}
.realtime .top{width:98%;margin:0 auto;padding-top:4vw;}
    
.realtime .box .group{ margin:0 auto 20px; display:flex; flex-wrap: wrap;}
.realtime .box .group .textBox{width:100%;margin:2% 0 0;order:3;}
.realtime .box .group .textBox .h3{width:80%;margin:0 auto 6px;}
.realtime .box .group .pict{width:46%; margin:0 2%;}
.realtime .box .group .pict.pict1{order:1;}
.realtime .box .group .pict.pict2{order:2;}
.realtime .box .group .pict img{border:2px solid #000;}
.realtime .box .group p{font-size:14px;word-break: break-all}
.realtime .sec3{padding:4vw 7vw;}
    
.realtime a.btnAward{width:75%; margin:-10px auto 50px; border-radius: 20px;  display:block;background:#ff00ff;color:#FFF;font-size:7vw;padding:10px;text-align: center; font-weight:bold; transition: all 0.5s; cursor: pointer;border:2px solid #fff;  outline: solid 2px #ff00ff; }
.realtime a.btnAward span{width:70%;margin:0 auto;font-size:0.6em;background:#FFF;color:#000;padding:4px;display:block;}
    
}