@charset "UTF-8";
@import url("./color.css");
@import url('https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap');

@font-face {
	font-family: 'seg7';
	/* フォント名 */
	src: url('DSEG7Modern-BoldItalic.woff') format('woff');
}

* {
	font-family: 'BIZ UDPGothic', sans-serif;
}
.dotgothic16-regular {
  font-family: "DotGothic16", serif;
  font-weight: 400;
  font-style: normal;
}



#timeline_wrapper{
  display: flex;
  flex-flow: row nowrap;
  height:90vh;
}

#timeline_wrapper .tl_col{
  flex:3 0 auto;
  background-color:blanchedalmond;
  display: flex;
  flex-flow: column nowrap;
  border-right: 1px solid #000;
}

#timeline_wrapper .tl_col.tl_time{
  flex:0 0 16vw;
  border-left:1px solid #222;
  border-right:1px solid #222;
}

#timeline_wrapper .tl_col .tl_cell{
  flex:0 0 calc(90vh / 34);
  display: flex;
  justify-content: center;
  align-items: center;
}

#timeline_wrapper .tl_col .tl_cell.cellheader{
  flex:0 0 calc(90vh / 8.5);
  border-bottom: 1px solid #000;
}

#timeline_wrapper .tl_col .tl_cell.cell60{
  flex:0 0 calc(90vh / 17);
  border-bottom: 1px solid #000;
}

#timeline_wrapper .tl_col .tl_cell.cell00{
  border-bottom: 1px dotted #000;
}

#timeline_wrapper .tl_col .tl_cell.cell30{
  border-bottom: 1px solid #000;
}