226
回編集
編集の要約なし |
編集の要約なし |
||
29行目: | 29行目: | ||
background:white; | background:white; | ||
border:1px solid rgba(0,0,0,.1); | border:1px solid rgba(0,0,0,.1); | ||
padding:15px | padding:15px; | ||
margin-bottom: 30px; | |||
} | |||
.rm-rankingdiv ol { | |||
position: relative; | |||
margin: 0; | |||
padding: 0 10px 0 6px; | |||
list-style: none; | |||
font-weight: bold; | |||
} | |||
.rm-rankingdiv ol li { | |||
position: relative; | |||
margin: 12px 20px 0 24px; | |||
padding: 0; | |||
line-height: 1.5; | |||
} | |||
/* ol デザイン */ | |||
.rm-rankingdiv ol { | |||
counter-reset: li; | |||
} | |||
.rm-rankingdiv ol > li:before { | |||
position: absolute; | |||
font-weight: bold; | |||
counter-increment: li; | |||
content: counter(li) ""; | |||
left: -34px; | |||
top: -1px; | |||
color: #fff; | |||
width: 24px; | |||
height: 24px; | |||
font-size: 14px; | |||
text-align: center; | |||
box-sizing: border-box; | |||
font-weight: bold; | |||
line-height: 1; | |||
background: #ffc33c; | |||
padding: 6px 0; | |||
} | |||
/* リンクデザイン */ | |||
.rm-rankingdiv ol a { | |||
text-decoration: none; | |||
color: #333; | |||
} | |||
.rm-rankingdiv ol a:hover { | |||
text-decoration: underline; | |||
} | } |