@charset "UTF-8"; .st-pvm, .st-pvm::before, .st-pvm::after { box-sizing: border-box; } .st-pvm *, .st-pvm *::before, .st-pvm *::after { box-sizing: inherit; } /* Navigation */ .st-pvm-nav { position: relative; top: 1.5px; z-index: 2; } .post .st-pvm-nav-list:not(.toc_list):not(.st_toc_list):not(.children), .widget_text .st-pvm-nav-list, .st-pvm-nav-list { display: flex; margin: 0; padding: 0; } .post .st-pvm .st-pvm-nav-item, .widget_text .st-pvm-nav-item, .widget_text .st-pvm-nav-item:last-child, .st-pvm-nav-item { display: block; margin: 0; padding: 10px; width: 33.33333%; border: 1px solid #f3f3f3; background: #fff; text-align: center; flex-grow: 1; flex-shrink: 0; } #side .st-pvm-nav-item { padding: 5px; } .post .st-pvm-nav-item + .st-pvm-nav-item, .widget_text .st-pvm-nav-item + .st-pvm-nav-item, .widget_text .st-pvm-nav-item + .st-pvm-nav-item:last-child, .st-pvm-nav-item + .st-pvm-nav-item { margin: 0; border-left: 0; } @media only screen and (min-width: 600px) { .post .st-pvm .st-pvm-nav-item, .widget_text .st-pvm-nav-item + .st-pvm-nav-item, .widget_text .st-pvm-nav-item + .st-pvm-nav-item:last-child, .st-pvm-nav-item { max-width: 33.33333%; width: 8em; flex-grow: 0; } } .post .st-pvm-nav-item[data-st-pvm-is-active], .widget_text .st-pvm-nav-item[data-st-pvm-is-active], .widget_text .st-pvm-nav-item[data-st-pvm-is-active]:last-child, .st-pvm-nav-item[data-st-pvm-is-active] { border-bottom: 1px solid #fff; font-weight: bold; } .st-pvm-nav-item:hover { cursor: pointer; } /* Rankings */ .st-pvm-rankings { position: relative; z-index: 1; background: #fff; } /* Ranking */ .st-pvm-ranking { display: none; padding: 20px; border: 1px solid #f3f3f3; } .st-pvm-ranking[data-st-pvm-is-active] { display: block; } .post .st-pvm-ranking-list, .st-pvm-ranking-list { margin: 0; padding: 0; counter-reset: st-pvm-ranking-item; } /* Ranking Item */ .post .st-pvm .st-pvm-ranking-item, .widget .st-pvm-ranking-item, .st-pvm-ranking-item { display: flex; margin: 0 0 20px; padding: 0 0 20px; border: 0; border-bottom: 1px solid #f3f3f3; counter-increment: st-pvm-ranking-item; align-items: flex-start; } .post .st-pvm .st-pvm-ranking-item:last-child, .st-pvm-ranking-item:last-child { margin-bottom: 0; padding-bottom: 0; border: 0; } .st-pvm-ranking-item-image { position: relative; margin-right: 15px; width: 100px; flex-shrink: 0; flex-grow: 0; } .st-pvm-ranking-item-image::before { position: absolute; top: 0; left: 0; z-index: 1; width: 27px; height: 27px; background: #feb20a; color: #fff; content: counter(st-pvm-ranking-item, decimal); vertical-align: middle; text-align: center; font-weight: bold; font-size: .8rem; line-height: 27px; } .st-pvm-ranking-item-image img { vertical-align: bottom; } .st-pvm-ranking-item-body { flex-grow: 1; } .st-pvm-ranking-item-h { margin: 0; padding: 0; word-break: break-all; word-break: break-word; hyphens: auto; } .st-pvm-ranking-item.has-excerpt .st-pvm-ranking-item-h { margin: 0 0 5px; } .st-pvm-ranking-item-title { color: #000; text-decoration: none; font-weight: bold; } .st-pvm.has-pv .st-pvm-ranking-item-title { margin-right: .75em; } .st-pvm-ranking-item-pv { color: #f08; font-size: .85em; } .st-pvm-ranking-item-pv-number { margin-right: .15em; } .st-pvm-ranking-item-pv-unit { text-transform: lowercase; } .st-pvm-ranking-item-excerpt { word-break: break-all; word-break: break-word; hyphens: auto; } .st-pvm-ranking-item-excerpt * { margin: 0; padding: 0; } /* No result */ .st-pvm-ranking-no-result { margin: 0; padding: 0; } @media only screen and (min-width: 600px) { #side .st-pvm-ranking-item-image { max-width: 100px; } }