#wrap{max-width: 900px;
    margin: 0 auto
    }

p {
    font-size: 16px; /* 文字の大きさを 18px に */
    font-weight: bold; /* 文字の太さを太く */
    margin: 0; /* 余白をなくす */
    }

p1{
    font-size: 16px; /* 文字の大きさを 18px に */
    font-weight: bold; /* 文字の太さを太く */
    margin: 0; /* 余白をなくす */
    }    

header {
    margin-top: 30px; /* 上に余白を 30px つける */
    color: #2E99A9; /* 文字の色を緑に */
}

hr {
    border-width: 3px; /* 太さを 3px に */
    border-color: #2E99A9; /* 線の色を緑に */
    margin: 30px 0; /* 上下の余白を 30px に */
}

h1 {
    font-size: 18px; /* 文字の大きさを 18px に */
    font-weight: bold; /* 文字の太さを太く */
    margin: 0px 15px 0px 100px; 
}

.align-right {    /* HOME へ戻るリンク */
    margin: 0px 0px 0px 550px;
}

  
#counter{font-size: 10px;
    border: 1px solid rgb(204, 204, 204);
    margin: 5px 30px 10px 400px  ;
    padding: 5px    ; /* 要素内余白　*/
    background-color:rgb(204, 204, 204);
    color:#000; 
    border-radius: 3px ;
    box-shadow:1px 1px 3px rgba(0,0,0,.5); /* ドロップシャドー　*/
    float: left;                      /* シグナル以降要素を右に回す*/
    }  


/* フッター */
footer:before{
    content: "";
    display: table;
    clear: both; /* float: left;のクリアー */
    }

footer p{
    background: #666;
    max-width: 900px;
    margin: 30px auto 30px;
    padding: 5px;
    text-align: center;
    font-size: 80%;
    }

footer p small{font-size:12px; 
    color: #ffffff;
    border: 1px #ffffff solid;
    padding: 5px;
    display: block;
    }

@media screen and (max-width: 900px) {
.radio-inline {
              display: block; /* ブロック要素にして改行されるように */
              margin: 0 !important; /* 余白を 0 に（強制的に） */
              }

.container{margin: 10px 15px 10px;
          }

h1 {margin: 0px 15px 0px 15px; 
     }

.align-right {    /* HOME へ戻るリンク */
    margin: 10px 0px 0px 200px;
    }

}