@charset "utf-8";

* {
  box-sizing: border-box;
}

/* body全体の初期スタイル調整 */
body {
  font-size: 16px;
  line-height: 1.5;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
  color: #806342;
  background-color: #fff;
}

/* 各要素の初期スタイル調整 */
h1, h2 {
  margin-top: 0;
  margin-bottom: 30px;
  line-height: 1.2;
}

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

p {
  margin-top: 0;
  margin-bottom: 1em;
}
ul {
  margin: 1em 0;
  padding: 0;
  list-style: none;
}
figure {
  margin: 0;
}
img {
  max-width: 100%;
  height: auto;
}
address {
  font-style: normal;
}
/* 初期スタイル調整ここまで */



table{
     width: 70%;
     margin:auto
}


table th{padding : 5px 10px;}

table td{padding : 5px 10px;}






/* --------------------------------------------------
  細部のスタイル指定ここから
-------------------------------------------------- */

/* ヘッダー */
.header {
  width: 1000px; /* 横幅の指定 */
  margin: 0 auto; /* 左右中央揃え */
  padding: 20px 0; /* 上下・左右の内余白 */
}

/* ロゴ */
.logo {
  margin: 0; /* 上下左右の外余白 */
  display: flex;
  justify-content: center;
  font-size: 20px;
  margin-bottom: 10px;
}

table.head1 {
     width: 100%;
     font-size: 20px;
}

table.head1 th{padding : 5px 7px;}
table.head1 td{padding : 0px 0px;}





/* メイン */
.main {
  width: 1000px;
  margin: 0 auto;
}

/* トップ（メインイメージ） */
.top {
  width: 1000px;
  margin-bottom: 20px;
  text-align: center;
}

.topics {
	width: 800px;
        margin: 16px auto;
	text-align: left;
	display: block;
}



/* セクション */
.section {
  margin: 0 auto 80px;
}



/* 1行目画像 */
.layoutcenter {
    
  display: flex;
  justify-content: center;
  margin-bottom: 40px;

  
}






/* 1行目画像 */
.ichigyoume {
  display: flex;
  justify-content: space-around;
  margin-bottom: 40px;
}


/* 2行目画像 */
.nigyoume {
  display: flex;
  justify-content: space-around;
  margin-bottom: 40px;
}


/* 3行目画像 */
.sangyoume {
  display: flex;
  justify-content: space-around;
  margin-bottom: 40px;
}



/* 4行目画像 */
.yongyoume {
  display: flex;
  justify-content: space-around;
  margin-bottom: 40px;
  vertical-align: bottom;
}


/* 欄外動画 */
.douga {
 margin-bottom: 40px;
  text-align: center;

}




.access2 {
  margin-bottom: 20px;
  text-align: center;
}






/* ナビゲーション */
.nav {
  margin-bottom: 50px;
  text-align: center;
}

/* ナビリスト */
.nav-list li {
  display: inline-block; /* インラインの性質を保ちながら、ブロックレベルの性質を加えている */
  margin: 0;
  border-left: 1px solid #806342; /* 左の境界線 */
}
.nav-list li:first-child {
  border-left: none; /* 最初のliから左の境界線を消す */
}
.nav-list a {
  display: inline-block; /* インラインの性質を保ちながら、ブロックレベルの性質を加えている */
  padding: 0 15px;
  line-height: 1.2; /* 行の高さ */
  text-transform: uppercase; /* 英字を大文字で表示 */
}

/* セクション */
.section {
  margin: 0 auto 80px;
}

/* 見出し */
.heading {
  margin-bottom: 40px;
  text-align: center;
}

/* アバウト */
.about {
  text-align: center;
}

/* メニュー */
.menu {
  text-align: center;
}

/* メニューリスト */
.menu-list {
  display: inline-block; /* ul要素の横幅を自動的に定めている */
  margin-left: 30px; /* 左のマージン */
  list-style: disc; /* リストの先頭にリストマーク（・）をつける */
  text-align: left; /* テキスト左揃え */
}
.menu-list li {
  margin-bottom: 10px; /* 下のマージン */
}

/* フォト */
.photos {
  width: 750px;
}

/* フォトリスト */
.photos-list li {
  margin-bottom: 30px;
}
.photos figcaption {
  font-size: 12px; /* 文字サイズ */
  text-align: left; /* テキスト左揃え */
}

/* アクセス */
.access {
  width: 600px; /* アクセス全体の横幅 */
}

/* アクセス 左右横並び */
.access-row {
  /* flexbox（横並びにする要素の親に指定） */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* flexboxの中身を左右均等に配置する */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /* flexboxの中身の上下を中央揃えにする */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
}

/* 左側（フレックスアイテム） */
.access-address {
  font-size: 14px;
}
.access-address strong {
  display: block; /* ブロックレベルとして扱う */
  margin: 10px 0;
  font-size: 22px;
}

/* 右側（フレックスアイテム） */
.access-map {
  /* フレックスアイテムへの指定 */
  -webkit-box-flex: 0;
  -ms-flex: 0 1 295px;
  flex: 0 1 295px;
  max-width: 295px; /* IE向けの対策。基本幅と同じ数値を設定 */
}

/* フッター */
.footer {
  min-width: 1000px; /* 最小幅の指定 */
  margin: 0 auto;
  padding: 20px 0;
  background-color: #E6E6E6; /* 背景色の指定 */
}

/* フッターの中身 */
.footer-container {
  /* flexbox（横並びにする要素の親に指定） */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 660px;
  margin: 0 auto;
}

/* フッターロゴ（左側） */
.footer-logo {
  /* フレックスアイテムへの指定 */
  -webkit-box-flex: 0;
  -ms-flex: 0 1 200px;

 -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /* flexboxの中身の上下を中央揃えにする */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: auto;




}

/* フッター その他要素（右側） */
.footer-body {
  /* フレックスアイテムへの指定 */
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; /* 基本幅がautoの場合、IEブラウザの対策は不要 */
  padding-top: 20px;
}