@charset "UTF-8";

/* Update_Details's_css*/
/* キャッチコピー装飾:標準 青枠と黒字と背景グレー*/
div.summary-box p {
  font-size: 24px;
  font-weight: bold;
  margin: 0;
  padding: 14px 0 0 23px;
}

div.summary-box ul {
  border: solid 1.5px #33cc00;
  border-radius: 5px;
  padding: 0.2em 1em 0.5em 0em;
  position: relative;
  background-color: #F8F9FA;
}

div.summary-box ul li {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  padding: 0.6em 0 0.4em 2.0em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}

div.summary-box ul li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f138";
  font-weight: 900;
  position: absolute;
  left : 1.2em; /*左端からのアイコンまで*/
  color: #33cc00; /*アイコン色*/
}
div.summary-box ul li:last-of-type {
  border-bottom: none;
}

.underline-animation{
    background: linear-gradient(to right, #a9ff8c 50%, transparent 50%) 100% bottom / 200% 40% no-repeat;
    transition: background-position .3s ease-out;
}

.underline-animation:hover{
    background-position: 0% bottom;
}

/* スマートフォンの場合 */