body{
	scrollbar-face-color:       white;    /* スクロールバー上面の色 */
	scrollbar-highlight-color:  white;    /* スクロールバー下面の色 */
	scrollbar-darkshadow-color: white;
	scrollbar-shadow-color:     black;    /* 枠線の色1 */
	scrollbar-3dlight-color:    black;    /* 枠線の色2 */
	scrollbar-arrow-color:      black;    /* ▼の色 */
	font-family  : sans-serif;
    background-color: #f8b862;	
 }
body,
#wrapper{
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
div.parent{
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
h1{
  text-align: center;
}
div.year{
  width: 100%;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  background-color: #fffffc;
  padding-top: 1em;
  padding-left: 1em;
  padding-right: 1em;
  border-style: solid;
  border-color: #16160e;
}
p.year{
  font-size: 1.5em;
  margin-bottom: -0.2em;
  
}
/* -------------------aの対応 --------------------------------------*/

a.detail:link{ color:#007fcc; text-decoration:none; border-bottom:none;}
a.detail:visited{ color:#007fcc; text-decoration:none; border-bottom:none;}
a.detail:active{ color:orange; text-decoration:none; border-bottom:none;}
a.detail:hover{
  color:orange;
  text-decoration : none;
  border-bottom : none;
  visibility : visible;
  float : none;
  clear : none;
  position : relative;
  top : 1pt;
  left : 1pt;
 }
p.allright{
  font-size: 1.1em;
  color: #ffffff;
  text-align: center;
}
p.counter_style{
 font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;;
 font-size: 0.9em;
 color : #ffffff ;
 /*line-height: 1em; */
 ;}
footer{
  margin-top: 2em;
  width: 100%;
  height: 3em;
  background-color: #000000;
  box-sizing: border-box;
  line-height: 1em;
}