HatenaSmartPhoneColumn

/*コラム枠*/
  .point,.column,.attention{
    position: relative;
    border: 1px dashed #1D3557;
    margin: 32px 16px;
    background-color: #e5e5e5;
    padding: 50px 20px 20px;
    font-size: 90%;
  }

  .point:before{
    font-family: "blogicon";
    content: "\f01a  POINT";
    position: absolute;
    left: 20px;
    top: 20px;
    line-height: 1em;
    font-size:140%;
    color: #1D3557;
  }

  .column:before{
    font-family: "blogicon";
    content: "\f024  Column";
    position: absolute;
    left: 20px;
    top: 20px;
    line-height: 1em;
    font-size:140%;
    color: #1D3557;
  }

  .attention:before{
    font-family: "blogicon";
    content: "\f041  Attention";
    position: absolute;
    left: 20px;
    top: 20px;
    line-height: 1em;
    font-size:150%;
    color: #1D3557;
  }