@charset "UTF-8";
/* ============================================================ //
// @ 知っておきたい賃貸用語集
// ============================================================ */
/*doc
---
title: 頭文字ナビ
name: 頭文字ナビ
category: word
---

```html_example

<ul class="word-initials-nav">
  <li class="word-initials-nav-item"><a href="#line_a">あ<span class="text-sm">行</span></a></li>
  <li class="word-initials-nav-item"><a href="#line_ka">か<span class="text-sm">行</span></a></li>
  <li class="word-initials-nav-item"><a href="#line_sa">さ<span class="text-sm">行</span></a></li>
  <li class="word-initials-nav-item"><a href="#line_ta">た<span class="text-sm">行</span></a></li>
  <li class="word-initials-nav-item"><a href="#line_na">な<span class="text-sm">行</span></a></li>
  <li class="word-initials-nav-item"><a href="#line_ha">は<span class="text-sm">行</span></a></li>
  <li class="word-initials-nav-item"><a href="#line_ma">ま<span class="text-sm">行</span></a></li>
  <li class="word-initials-nav-item"><a href="#line_ya">や<span class="text-sm">行</span></a></li>
  <li class="word-initials-nav-item"><a href="#line_ra">ら<span class="text-sm">行</span></a></li>
  <li class="word-initials-nav-item"><a href="#line_wa">わ<span class="text-sm">行</span></a></li>
  <li class="word-initials-nav-item"><a href="#line_abc123">英数</a></li>
</ul>

```

*/
.word-initials-nav {
  display: -webkit-box;
  display: flex;
  -js-display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  list-style: none;
  margin: 0 0 30px;
  padding: 0;
}

@media screen and (max-width: 767px) {
  .word-initials-nav {
    -webkit-box-pack: start;
    justify-content: flex-start;
    margin-bottom: 20px;
  }
}

.word-initials-nav-item {
  width: 9.090909091%;
}

@media screen and (max-width: 767px) {
  .word-initials-nav-item {
    width: 16.666666667%;
  }
}

.word-initials-nav-item a {
  display: block;
  border: solid 1px #fff;
  border-radius: 5px 5px 0 0;
  background: #0e4b8e;
  color: #fff;
  box-sizing: border-box;
  padding: .5em 0;
  text-align: center;
  font-weight: bold;
  font-size: 1.2em;
}

.word-initials-nav-item a:link, .word-initials-nav-item a:active, .word-initials-nav-item a:hover, .word-initials-nav-item a:visited, .word-initials-nav-item a:focus {
  text-decoration: none;
}

/*doc
---
title: ワードボックス
name: ワードボックス
category: word
---

```html_example

<section id="line_a" class="section-word-box">
  <h3 class="heading01">あ<span class="text-sm">行</span></h3>
  <div class="word-list-container">
    <dl>
      <dt>アパート</dt>
      <dd>木造の低層集合住宅。1棟の戸数が少なく、隣近所が把握しやすい。通気性が良いため冷暖房の効率がやや悪い。</dd>
    </dl>
    <dl>
      <dt>一戸建て(いっこだて)</dt>
      <dd>建物が独立した住宅。</dd>
    </dl>
    <dl>
      <dt>ウォークイン・クロゼット</dt>
      <dd>人が入って収納と取出しができる部屋のこと。一般に衣類の収納を主体とする。居室にタンス等を置く必要がなく、部屋をすっきり使うことができる。</dd>
    </dl>
    <dl>
      <dt>エントランスホール</dt>
      <dd>マンションの建物全体の入口の内部の広間のこと。</dd>
    </dl>
    <dl>
      <dt>オートロック</dt>
      <dd>
        遠隔操作でマンションのエントランスドアの施錠解錠ができるシステム。訪問者はマンションの外のインターホンで居住者を呼び、居住者は確認後部屋の中からエントランスドアを解錠するので、不審者の侵入が防げる。
      </dd>
    </dl>
  </div>
</section>

```

*/
.section-word-box {
  margin-bottom: 80px;
}

@media screen and (max-width: 767px) {
  .section-word-box {
    margin-bottom: 30px;
  }
}

.word-list-container {
  margin: 0;
  padding: 0 10px;
  box-sizing: border-box;
}

.word-list-container dl {
  margin-bottom: 1.5em;
  border-bottom: solid 1px #eee;
  padding-bottom: 1.5em;
}

.word-list-container dt {
  font-weight: bold;
  font-size: 1em;
  color: #04679a;
}

@media screen and (max-width: 767px) {
  .word-list-container dt {
    font-size: 1.1em;
    margin: 0 0 .5em;
  }
}

@media screen and (max-width: 767px) {
  .word-list-container dd {
    margin: 0;
  }
}

/*# sourceMappingURL=word.css.map */