.mio-aposi { margin-top: 100px; }

.mio-articlea { margin-top: 30px; }

.mio-aplist a { display: block; margin-bottom: 30px; border-bottom: #e3e3e3 1px solid; }
.mio-aplist h3 { height: 50px; line-height: 50px; text-align: center; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; padding: 0 15px; }
.mio-aplist a:hover { border-bottom: #c3002f 1px solid }


.mio-city-random { background-color: #eee; padding: 15px; margin-top: 30px; }
.mio-city-random li { width: 50%; float: left; height: 24px; line-height: 24px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; }


.mio-category .mio-menu li a.mio-a { white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; padding-right: 70px; }

.mio-abl {}
.mio-abl li { margin-top: 15px; }
.mio-abl li a { display: block; line-height: 80px; text-align: center; background-color: #CC3300; color: #fff; font-size: 1.6em }

.mio-cwrap {}
.mio-cwrap h1 { font-weight: bold; font-size: 2.2em; color: #111; margin-bottom: 20px; border-bottom: rgba(0,0,0,.2) 1px solid; padding-bottom: 30px; }