.p_r{position: relative;} /* calendar */ .tit_end_chart {background: #5d5d5d;width: 100%;padding: 10px;text-align: center;} .tit_end_chart strong{color:#fff;} .wrap_end_chart{width:92%;margin:0 auto} .evt_end_chart {overflow:hidden;position:relative;width:100%;margin:0 auto;} .evt_end_chart li{position:relative;float:left;width:33.3333%;border-style:solid;border-width:0 1px 1px 0;border-color:#a6a6a6;color:#000; background:#fff;} .evt_end_chart li:last-of-type{line-height: 12vw;} .evt_end_chart li > div{text-align:center} .evt_end_chart li > div span{display:block;font-size:3vw; background:#eaf0f5; border-bottom:1px solid #a6a6a6; padding:5% 0;} .evt_end_chart li > div strong{display:block;font-size:4.5vw; padding:15% 0 ;} .evt_end_chart li > div .end{position:absolute;top:0px;left:0px;width:100%;height:100%; background:rgba(0,0,0,0.5)} .evt_end_chart li > div .end img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:60%;height:auto} .evt_end_chart li.evt_end{padding:4% 0;} .evt_end_chart li.evt_end img{width:58%;} .reply_list{background:#006ae0;padding:0 3.1% 10%;} .reply_list .reply_list_in{background:#fff;padding: 7%;} .reply_list .regist_reply{margin-bottom:20px;} .reply_list .regist_reply::after{content:'';clear:both;display:block;} .reply_list .regist_reply > *{display:block;float:left;} .reply_list .regist_reply input{width:70%;height:40px;} .reply_list .regist_reply a{width:30%;height:40px;line-height:40px;text-align: center;background:#006ae0;color:#fff;font-weight:bold;} .reply_list .evt_paging{text-align: center;} .reply_list table{width:100%;border-top:2px solid #000;border-bottom:1px solid #000;text-align: center;background:#fff;padding:5%;} .reply_list table tr th{font-weight:bold;padding:10px 0;} .reply_list table tr td{padding:10px 0;border-top:1px solid #ccc;} .float_bn{position: fixed; bottom:0; left:50%; transform: translateX(-50%); width:100%;} @media screen and (max-width:350px){ .cont08_1 > p{font-size:1.5vw; bottom:5%;} }