/* - [重要なお知らせ] 
  ---------------------------------------------------------------------- */

#emergency.announce {
  width: 100%;
  padding: 16px 0;
  font-weight: bold;
}

#emergency.announce > *{
  width: 100%;
  max-width: var(--max-content-width);
  padding: 0 16px;
  margin: 0 auto;
}

#emergency.announce .title {
  display: flex;
  line-height: 1.2;
  font-size: 1.8rem;
}

#emergency.announce .title+* {
  margin-top: 10px;
}


#emergency.announce .title i {
  margin-right: 8px;
  margin-left: 0;
}

#emergency.announce a i {
  color: inherit;
}

#emergency.announce .content strong.red {
  color: #db0000;
}

#emergency.announce .content {
  font-size: 1.2rem;
}

#emergency.announce.bg_red i {
  color: #DB0000;
}


#emergency.announce.bg_red a i {
  color: inherit;
}

#emergency.announce.bg_red .title {
  color: #DB0000;
}


#emergency.announce.bg_blue i {
  color: inherit;
}


/* --- バリエーション --- */

/* 背景赤 */
#emergency.announce.bg_red {
  background-color: #ffe9e8;
}

/* 背景青 */
#emergency.announce.bg_blue {
  background-color: #E3F2F8;
}