html {
  height: 100%;
}

body {
  height: 100%;
  margin: 0;
}
  h1.anchor {
    display: block;
    padding-top: 140px;
    margin-top: 140px;
}
.circle{
  background: #379;
  color: #fff;

  font-size:14px;
  /* 楕円のサイズを固定 */
  width: 40px;
  height: 34px;
  margin-right:14px;
  /* 楕円にする設定 */
  border-radius: 50%; /* 正円ではなく、幅と高さが違えば楕円になります */
  
  /* 数字を中央に配置 */
  display: flex;
  align-items: center;
  justify-content: center;

  line-height: 1;            /* フォント固有の上下余白をリセット */  
  vertical-align: middle;

  /* 見た目の調整 */
  font-family: sans-serif;
  font-weight: bold;
}
.hayami_td_1{background-color: #eeb;}
a{text-decoration:none;color:#369}
#hayami_tbl TH,#hayami_tbl TD{padding:3px 8px 3px 8px}
#honbu_otutome_table td{padding:4px}
#honbu_otutome_table .date{text-align:center}
#gyoden h2 a {color:#369}

#gyoden a{color:#435}
#kyoten a{color:#369}
#gyoden h2{margin-bottom:10px}
#kyoten h2{margin:3px;font-size:20px}
.uta_num{padding-left:16px;color:#379;font-size:12px;}
.cyu a{color:blue}
.cyu_div{display:none;border:1px solid gray;padding:4px;margin:4px}
.phase{font-size:13px;color:orange;display: block;margin-top:10px;}
.highlight {background-color:yellow;}
.chapter {font-size:28px}
.pagetop {
    height: 119px;
    width: 38px;
    position: fixed;
    right: 0px;
    bottom: 30px;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    opacity: 0;
}

#ituwaList{font-size:17px;padding:25px 25px 80px;}
#ituwaList a{color:#279;}


#ofudesakiDetailDiv{font-size:20px}
body{
	font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#require_pre{color:black;margin-top:100px;font-size:17px;line-height:150%;white-space: pre-wrap;}
#ofudesakiDiv a{color:#379}
.ofuUta2Div {margin-bottom:27px}
#ofudesakiDiv h2{padding-top:40px}

#top_dl li{list-style:none;margin:21px 0 21px 0px}

#top_dl button{width:60%;border:0px;font-size:18px}
button{background-color:#379;color:#fff;padding:10px;border-radius: 8px;border:solid 1px #edb}


.button2, .btn_prev, .btn_next, .btn_remove{
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  background    : #369;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 1px 1px #666666;  /* 影の設定 */
  border        : 1px solid #369;    /* 枠の指定 */
}
#gyoden, #kyoten, #honbu_otutome_div{margin-top:50px}

#honbu_otutome_div{padding:0 0 90px}
.window2{
  overflow:auto;z-index:1000;top: 0;left: 0;width:100%;height:100%;position: fixed;display:none;background-color:rgba(255, 255, 255, 1);
  border: solid 3px #379;
  box-sizing: border-box;
}