important;
margin: 0! important;
border: none;}. iconbox li {
margin: 0 0 0. 5em 0! important;
padding: 0 0 0. 5em 1. 4em! important;
line-height: 1. 8;}. iconbox li: before {
background-color: #ffa952;
top: 13px;
left: 0;
width: 7px;
height: 7px;
border-radius: 4px;}. iconbox li: after {
content: '';}
@media screen and ( max-width: 480px) {. iconbox li: before {
top: 8px;}}. iconbox {
counter-reset:number;
list-style: none! important;
border: none! ぐんまちゃんオフィシャルサイト. important;}. iconbox li {
margin: 0. 5em 0! important;
max-width: 500px;
padding: 0 0 0. 8em! important;
counter-increment: number;
content: counter( number);
background-color: #fdc44f;
border-radius: 50%;
top: 4px;
width: 22px;
height: 22px;
line-height: 22px;
text-align: center;}
@media screen and ( max-width: 480px) {. iconbox li {
padding: 0 0 0. 5em 2em! important;}. iconbox li: before {
width: 18px;
height: 18px;
line-height: 18px;
top: 2px;}}
上記共通 CSS になりますので、このコードを CSS に貼り付けます。
はてなブログ の 「管理画面」→「デザイン」→「カスタマイズ」→「{}デザイン CSS 」 に上記コードをコピペしましょう。
はてなブログ ではデフォルトのデザイン設定と重複している場合はうまく適用されない場合があります。
その場合は、 はてなブログ の記事作成画面の 「HTML編集」に「Style」で貼り付け ましょう。
具体的には下記のように「Style構文」で囲います。