/* common.css */
@charset "shift_jis";

/* ========================================
   HTML5対応 - topBarレイアウト修正
   ======================================== */
#topBar td img {
  display: block;
}

/* ========================================
   リセットCSS
   ======================================== */
* {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  box-sizing: border-box;
}

/* ========================================
   基本設定
   ======================================== */
body {
  color: #333;
  line-height: 1.5;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

sup, sub {
  font-size: 0.5em;
}

/* ========================================
   レイアウト
   ======================================== */
.wrapper {
  width: 960px;
  padding: 0 1em;
  margin: 0 auto;
}

.wrapper table {
  border-collapse: collapse;
}

.clear {
  clear: both;
}





/* ========================================
   リンク
   ======================================== */
a {
  color: #0D4154;
  text-decoration: underline;
}

a:link,
a:visited {
  color: #0D4154;
  font-style: normal;
  font-weight: normal;
  text-decoration: underline;
}

a:hover {
  color: #ff0000;
  text-decoration: underline;
}

a:active {
  text-decoration: none;
}

/* ========================================
   ヘッダー
   ======================================== */
.header > a {
  display: block;
  float: right;
  height: 43px;
}

/* ========================================
   テーブル
   ======================================== */
table.meibo thead {
  background-color: #efefef;
}

table.meibo th,
table.meibo td {
  border: 1px solid #333;
  text-align: left;
  padding: 2px 5px;
}

/* ========================================
   タイトルバー
   ======================================== */
h1.info {
  clear: both;
  height: 32px;
  line-height: 34px;
  font-size: 1.2em;
  background-color: #588C97;
  color: #ffffff;
  margin: 0 0 1em 0;
  padding-left: 0.4em;
  font-weight: bold;
}

.address {
  text-align: center;
  font-style: normal;
  border: #588C97 solid 1px;
  line-height: 145%;
}

/* ========================================
   画像
   ======================================== */
figure {
  padding: 5px;
}

figcaption {
  font-weight: bold;
}

.img-div img,
figure img {
  display: block;
  margin: 1em auto 0;
  max-width: 100%;
}














/* ========================================
   レスポンシブ: タブレット
   ======================================== */
@media screen and (max-width: 768px) {
  /* ヘッダー */
  #topBar {
    max-width: 100% !important;
    overflow-x: scroll;
  }
  
  .inc-head-div {
    width: 100% !important;
  }

  /* 全体 */
  body,
  html,
  .wrapper {
    overflow-x: hidden;
  }

  .wrapper {
    width: 95%;
  }

  .flex.mobile {
    flex-direction: column;
    margin-bottom: 1em;
  }

  .flex.mobile div {
    padding: 5px 0;
  }

  /* ヘッダー */
  .header > img {
    width: 100%;
  }

  .header > a,
  .header > a > img {
    height: 30px;
  }
}