/****************************

      box3セット

  *****************************/

  #new_article .box-surprised_mark h4 {
    color: #E75851;
    background: url("https://theme.zdassets.com/theme_assets/532076/cdb155e600de45faa82096184412a90ff2ea91a6.svg") no-repeat transparent;
}
  #new_article .box-check h4 {
    color: #ff9700;
    background: url("https://theme.zdassets.com/theme_assets/532076/874d73b90f42a510c2238f4595b5e91ba4179c99.svg") no-repeat transparent;
}
  #new_article .box-point h4 {
    color: #0892c7;
    font-size: 1.1rem;
    background: url("https://theme.zdassets.com/theme_assets/532076/0a63b637aeb04fa4b11da7b5f98fdc52da3187d4.svg") no-repeat transparent;
    background-size: 0.9rem;
    background-position: top 8px left 0px;
    padding: 4px 0 0 24px;
    text-align: 1.5rem;
    line-height: 1.5rem;
}
  #new_article .box-ipt-new h4 {
    line-height: 1.5rem;
    font-size: 1.1rem;
    color: #E75851;
}
  #new_article .box-surprised_mark,
  #new_article .box-point,
  #new_article .box-check {
    border: none;
    padding: 1.4rem 1.8rem 1.7rem 1.8rem;

}
  #new_article .box-surprised_mark h4,
  #new_article .box-check h4 {
    background-size: 1.3rem;
    background-position: top 5px left 0px;
    padding: 4px 0 0 28px;
    text-align: 1.5rem;
    margin-bottom: 0.5rem;
    line-height: 1.5rem;
    font-size: 1.1rem;
}
  #new_article .box-surprised_mark {
    background: #FCE5DD;
}
  #new_article .box-point {
    background: #E1f0f8;
}
  #new_article .box-check {
    background: #ffedda;
}
  #new_article .box-ipt-new {
    border-color: #E75851;
    padding: 1.4rem 1.8rem 1.7rem 1.8rem;
}
  #new_article .box-surprised_mark > *,
  #new_article .box-point > *,
  #new_article .box-check > * {
    padding-left: 28px;
}
  #new_article .box-ipt-new p {
    font-size: 0.9rem;
  }

  /****************************

      ログイン導線

  *****************************/
  #new_article .login-bar {
    margin:1em 0;
    background-color:#e1f0f8;
    padding:1.2em 1.2em 1em 1.2em;
    position:relative;
    -webkit-border-radius:6px;
    border-radius:6px
  }
  #new_article .login-bar h4{
    margin:0 0 4px;
    color:#0892c7;
  }
    #new_article .login-bar .external{
    border:none;
    min-width:250px;
    margin:0.5em;
    font-weight:bold;
    padding:1rem 2rem 1rem 1rem;
    text-decoration:none;
  }
    #new_article .login-bar .external-bl{
    color:#20aee5;
    min-width:250px;
    margin:0.5em;
    font-weight:bold;
    padding:1rem 2rem 1rem 1rem;
    text-decoration:none;
    background-color:#fff;
  }
  #new_article a.external-bl::after {
    content: "";
    width: 1em;
    height: 1.2em;
    background: url("https://theme.zdassets.com/theme_assets/532076/0776fe8f2bbd906992c7ea049e2edbe1f9bd7565.svg") left top no-repeat transparent;
}
@media screen and (max-width:414px) {
      #new_article .login-bar .external,
      #new_article .login-bar .external-bl {
      min-width: auto;
      max-width: 250px;
      width: 100%;
    }
}