@charset "UTF-8";

#main h2.kobe {
  font-size: 1.2rem;
}

#main h3.kobe {
  font-size: 1.0rem;
}

#main h4.kobe {
  font-size: 1.0rem;
}

#main .kobe-attention {
  color: #ff4a4a;
}

 /*「new」アイコンを付ける際に利用できる（「兵庫県の地震活動」で使用） */
#main .kobe-new a:after{
  content: url("a_btn155.gif");
  vertical-align: middle;
}

#main .kobe-indent {
  text-indent: 1em;
}

#main p.kobe-p {
  margin-top: 20px;
  margin-bottom: 20px;
}

#main .migi-yose {
  text-align: right;
}

 /*2行目以降のインデントを一文字下げる */
#main p.kobe-q {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 1em;
  text-indent: -1em
}
/* ピックアップ情報の夏休み合庁フェアの掲載で使用 */
#pickup #summerfairPC {
  display: flex;
  align-items: center;
  border-bottom: 1px dotted #40566a;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

@media screen and (max-width: 699px) {
  #pickup #summerfairPC {
  display:none;
  }
}

#pickup #summerfairSP {
  align-items: center;
  border-bottom: 1px dotted #40566a;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

@media screen and (min-width: 700px) {
  #pickup #summerfairSP {
  display:none
  }
}

 /*ピックアップ情報の「熱中症」の項目で使用  */
#pickup #necchusho {
  display: flex;
  align-items: center;
}

#pickup #necchusho > li {
  margin: 0 1em 0 1em;
}

#pickup #necchusho > li > p {
  font-size: 1.15rem;
  font-weight: bold;
}

#pickup #necchusho > li p:first-of-type {
  color: #ff0000;
}

#pickup #necchusho > li p:last-of-type {
  color: #0000ff;
}

#pickup #necchusho > li > ul {
  display: block;
  padding: 0 0 0 40px;
  list-style: outside;
}

#pickup #necchusho > li > ul > li {
  display: list-item;
}

#pickup #necchusho img {
  width: 150px;
}

#pickup #necchusho a {
  text-decoration: underline;
}

@media screen and (width <= 600px) {
  #pickup #necchusho img {
    display:none
  }
  #pickup #necchusho > li > ul {
    padding: 0 0 0 0;
    list-style: none;
  }
}

 /*ピックアップ情報の「火山防災の日」の項目で使用  */
#pickup #kazanbosainohi > li > p > a {
  font-weight: bold;
  text-decoration: underline;
}

@media screen and (width <= 600px) {
#pickup ul#kazanbosainohi li:first-of-type {
  width: 200px;
  height: 60px;
  margin: 5px auto;
  display: inline-block;
  }
}

@media screen and (width > 600px) {
  #pickup #kazanbosainohi {
    display: flex;
    align-items: center;
  }

  #pickup #kazanbosainohi > li {
    margin: 0 1em 0 1em;
  }

  #pickup #kazanbosainohi img {
    width: 250px;
  }
}