/* 全ページのトップ部分 */

.container {
  width: 800px;
  height: auto;
  margin: auto;
}

a {
  text-decoration: none;
  color: blue;
}

header {
  height: 30px;
  background-color: #0c2340;
  font-size: 10px;
  color: white;
  padding: 0px 5px 0px 5px;
  margin: 0px;
}

.header_left {
  float: left;
  padding: 5px;
  font-size: 15px;
}

.header_left a {
  color: #fff;
}

.header_right {
  float: right;
}

.header_right li {
  list-style: none;
}


/* indexページのイメージとタイトル */

main {
  height: 1000px;
  margin-top: 0px;
  margin-bottom: 10px;
}

.header_image {
  height: 227px;
  margin: 5px 0px 5px 0px;
  opacity: 80%;
  position: relative;
}

.header_child {
  color: #fff;
  font-size: 40px;
  font-family: 'UnifrakturMaguntia', cursive;
  position: absolute;
  top: 10px;
  left: 30px;
}

.proclaim {
  background-color: #0c2340;
  height: 75px;
  color: white;
  padding: 7px 10px 7px 10px;
  margin: 0px 0px 7px 0px;
}

.proclaim h1 {
  margin: 0px;
  font-size: 35px;
}

.proclaim h2 {
  margin: 0px;
  font-size: 12px;
}



/* indexのメインメニュー */

.main_menus {
  margin: 35px 20px 10px 20px;
  height: 390px;
  border-bottom: 1px solid #d3d3d3;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-start;
}

.each_menus img {
  border-radius: 10px;
  height: 140px;
  position: relative;
}

.each_menus img:hover {
  opacity: 0.5;
}

.each_menus p {
  position: absolute;
  top: 125px;
  left: 35px;
}


.gaiyou {
  position: relative;
}

.past_event {
  position: relative;
}

.rel_link {
  position: relative;
}

.news {
  position: relative;
}

.coming_event {
  position: relative;
}

.acknowledge {
  position: relative;
}

.acknowledge table {
  border: solid 1px black;
  font-size: 12px;
  width: 400px;
  margin: auto;
}

.acknowledge ul {
  list-style: none;
}


/* indexページ下段のSNSプラグイン欄 */

.index_sns {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
}

.facebook {
  width: 350px;
  height: 200px;
}

.fb-page {
  margin-top: 20px;
}

.twitter {
  font-size: 20px;
}

.twitter td {
  border: none;
}


/* 全ページ共通のフッター */

.footer {
margin-top; 10px;
  height: 40px;
  background-color: #0c2340;
  font-size: 10px;
  color: white;
  padding: 5px;
}

.footer a {
  color: white;
}

.footer_copyright {
  float: left;
  padding: 12px;
}

.footer_menu {
  float: right;
}

.footer_menu li {
  list-style: none;
  float: left;
  padding-right: 7px;
}


/* 『本会についてページ』のレイアウト */

.main_gaiyou {
  height: 550px;
  margin-top: 7px;
}

.gaiyou h3 {
  margin-left: 20px;
}

.gaiyou li {
  list-style: none;
  margin: 15px;
  font-size: 30px;
}


/* 『過去のイベント』ページのレイアウト */

.main_past_event {
    height: 600px;
    margin-top: 7px;
}

.past_event_table {
  font-size: 15px;
  border-collapse: collapse;
  width: 98%;
  margin: auto;
}

.past_event_table td {
  border: solid 1px black;
  padding: 5px;
}

.pe_title {
  width: 140px;
}

.pe_date {
  width: 190px;
}

.pe_cite {
  width: 150px;
}

.pe_article {
  width: auto;
}


/* 『関連リンク』ページのレイアウト */

.main_rel_link {
  height: 550px;
  margin-top: 7px;
}

.rel_link h3 {
  margin-left: 20px;
}

.rel_link_table {
  font-size: 15px;
  border-collapse: collapse;
  width: 98%;
  margin: auto;
}

.rel_link_table th {
  border: none;
  padding-top: 20px;
}

.rel_link_table td {
  border: solid 1px #d3d3d3;
  width: 50%;
  padding: 10px;
}


/* 『Twitter』のレイアウト */

.main_twitter {
    height: 1920px;
    margin-top: 7px;
}

.tw_p {
  font-size: 12px;
  color: red;
}

.twitter_table {
  font-size: 15px;
  border-collapse: collapse;
  width: 98%;
  margin: auto;
}

.twitter_table td {
  border: solid 1px black;
  width: 50%;
  padding: 5px;
}



/* 『概要（34期17期同期会の理念）』ページのレイアウト */

.main_3417alumni {
    height: 570px;
    margin-top: 7px;
}

.main_3417alumni h4 {
  font-size: 12px;
  margin-bottom: 30px;
}

.kengaku {
  float: left;
  background-color: #fff5ee;
  font-family: 'Noto Serif JP', serif;
  width: 445px;
  padding: 15px;
  border-radius: 10px;
}

.koukun {
  float: right;
  background-color: #fff5ee;
  font-family: 'Noto Serif JP', serif;
  width: 345px;
  padding: 15px;
  border-radius: 10px;
}

.sengen {
  margin-top: 230px;
}




/* 『組織』ページのレイアウト */

.main_soshiki {
    height: 520px;
    margin-top: 7px;
}

.soshiki h3 {
  color: black;
  opacity: 80%;
  margin-left: 20px;
}

.main_soshiki p {
  font-size: 15px;
}

.soshiki_gazou {
  text-align: center;
}




/* 『当サイトについて』ページのレイアウト */

.main_thiscite {
    height: 1050px;
    margin-top: 7px;
}

.thiscite_gaiyou {
  border-collapse: collapse;
}

.thiscite_gaiyou td {
  border: solid 1px black;
}

.thiscite h3 {
  color: red;
  opacity: 80%;
  padding-top: 30px;
}

.thiscite p {
  font-size: 15px;
}

.important {
  border: 1px solid red;
  padding: 3px
}

.thiscite_modify {
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 7px;
  border: none;
}


/* 『FAQ』ページ＆『Twitter』のレイアウト */

.main_faq {
    height: 1350px;
    margin-top: 7px;
}

.faq_table {
  font-size: 15px;
  border-collapse: collapse;
  width: 98%;
  margin: auto;
}

.faq_table td {
  border: solid 1px black;
  width: 50%;
  padding: 5px;
}