@charset "UTF-8"; /* CSS変数の宣言 */
body {
  font-family: "lucida grande", tahoma, verdana, arial,
    "Hiragino Kaku Gothic Pro", "Osaka", Meiryo, "メイリオ", "ＭＳ ゴシック",
    sans-serif;
}

h3 {
  font-size: 1.5rem;
  padding: 0 0.4em 0.2em;
  border-bottom: 2px solid #383838;
  background-color: #ffffff;
  color: #333333;
}

h4 {
  padding: 0.5em 0.7em;
  border-left: 5px solid #3153bc;
  background-color: #f2f2f2;
  color: #333333;
}

p {
  line-height: 1.75em;
  padding: 0.5rem 2.5rem 0.5rem 2rem;
}

ul {
  list-style: none;
  line-height: 1.75em;
  margin: 0 0 0 1em;
  padding: 0;
}

li ul {
  margin: 0 0 0 1.5em;
  padding: 0;
}

.contact-info {
  line-height: 1.5em;
}

@media screen and (min-width: 769px) {
  .content-area {
    width: 90%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 1rem 2rem;
  }
}

@media screen and (max-width: 768px) {
  .content-area {
    width: 660px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 680px) {
  .content-area {
    width: 400px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 420px) {
  .content-area {
    width: 300px;
    margin: 0 auto;
  }
}

/*広島市立図書館オリジナル*/
ol.kana {
  margin-left: 1em;
  list-style: katakana;
}
ul.kyoudo_ccby {
  margin-left: -1.5em;
}
ul.kyoudo_ccby li ul {
  margin-left: 3em;
}
li.li_right {
  text-align: right;
}
.mt {
  margin-top: 1em;
}
a.link-gaibu::after {
  content: url(../images/ico_open_in_new.gif);
  padding-right: 0.2rem;
  vertical-align: middle;
}