@charset "UTF-8";

/***********************************************************
  「再演トロイメライ」向けスタイルシートです
  作成 2020/03/xx
 ***********************************************************/


/***************************************
  reset(指定タグのスタイルをリセット) 
  基本的に、余白なし ＆ 箇条書きの「・」なし ＆ ボーダーなし
 ***************************************/

html, body, div, header, nav, ul {
  margin: 0;
  padding: 0;
}

img {
  margin: 0;
  padding: 0;
  border: none;
}


/***************************************
  全体のベース
 ***************************************/

.all_base {
  margin: 0 auto 0 auto;
  width: 100%;
  min-width: 900px;
  position: relative;
}


/***************************************
  ヘッダー画像・ナビゲーション
 ***************************************/

header {
  margin: 0 auto;
  text-align: center;
  max-width: 2000px;
  background-color: #0977d1; /* ナビゲーション部の色(その1) */
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
}

header h1 {
  font-size: 0;
}

header img {
  width: 100%;
  font-size: 0;
}

header nav {
  text-align: center;
  background-color: #0977d1; /* ナビゲーション部の色(その2、これがなくても平気だけど念のため) */
}
header nav ul {
  display:inline-block;
  overflow: auto;
}

header nav ul li {
  float: left;
  list-style-type: none;
}

header nav ul li a {
  display: block;
  padding: 2px 0 2px 0;
  width: 180px;
  text-align: center;
  color: #fff;
  text-decoration: none;
}


/***************************************
  メイン と サイドバー が乗るベース
  幅 900px-50px=850px
 ***************************************/

.discription_base {
  width: 850px;
  position: absolute;
  left: 50%;                   /* 親要素の半分右にずらす */
  transform: translateX(-50%);    /* 要素自体の半分、上と左にずらす */
  overflow: auto;
  padding-top: 20px;
  padding-left: 25px;
  padding-right: 25px;
}

.discription_base ul li {
  list-style-position: inside;
  padding-left: 20px;
}
  

/***************************************
  メイン
  左寄せ
  幅 600px-50px=550px
 ***************************************/

.main {
  float: left;
  margin: 0 20px 20px 0;
  max-width: 550px;
  padding-left: 25px;  
}


/***************************************
  サイドバー
  幅 260px-50px=210px
 ***************************************/

/* htmlでsidebarと名付けた部分の指定 */
/* 左寄せ、全体幅260px (キービジュアル 900px - main 640px = 残り260px) */
.sidebar {
  float: left;
  margin: 0 0 20px 0;
  width: 210px;
  padding-right: 25px;
}

.sidebar ul.topics {
  height: 400px;
  overflow:hidden;
  overflow-y:scroll;
  padding: 2px;
  border: 1px solid #dddddd;
}

.sidebar ul.topics li {
  margin: 10px 0 10px 0;
  border-bottom: 1px solid #dddddd;
  width: 260px;
  list-style-type: none;
}

.sidebar .tw {
  margin-top: 15px;
  padding: 2px;
  border: 1px solid #dddddd;
}


/***************************************
  メイン(サブページ用)
  左寄せ
  幅 900px
 ***************************************/

.main_for_subpage {
  float: left;
  margin: 0 20px 20px 0;
  padding-top: 20px;
  max-width: 900px;
}

.main_for_subpage section ul li {
  list-style-type: disc; 
  list-style-position: inside;
}

.box li {
  width: 31%;
  flex-grow: 1;
  float: left;
  list-style: none;
  margin-right: 2%;
  margin-bottom: 30px;
}

.for_list_kaigyou table tr td ul li {
  list-style: none;
  padding-left: 0;
}

/***************************************
  フッター
  ※いまのところ使わない
 ***************************************/

footer {
  clear: both;
}

footer {
  margin: 20px 0 20px 0;
  border-top: 1px solid #0977d1;
  padding-top: 10px;
  text-align: center;
}


/***********************************************************
  End Of File
 ***********************************************************/