@charset "UTF-8";

@font-face { font-family: higure;
src: url("https://dl.dropboxusercontent.com/scl/fi/nooibg2uundv83f7ee4jo/HigureGothic-Regular.woff?rlkey=z8ziuqnc0dil3u8zhfemm8g2b&st=hccycnxm&dl=0") format("woff");
} 

@font-face { font-family: zalerin;
src: url("https://dl.dropboxusercontent.com/scl/fi/cxafd8gj8ysofhzme8xts/Zalerin-Italic.woff?rlkey=54674yvjru9ypw65w963aovgo&st=0buju5lq&dl=0") format("woff");
}

@font-face { font-family: FS;
src: url("https://dl.dropboxusercontent.com/scl/fi/9suk1hc73wcg0gztxtfhl/fs-skylines.woff?rlkey=r3gw6tbdjmlflhxuoc1wtrhmw&st=9vp5o4tj&dl=0") format("woff");
}

@font-face { font-family: key;
src: url("https://dl.dropboxusercontent.com/scl/fi/u4dtodyp5zxaeqtq18z8o/old-retro-keys-tfb.woff?rlkey=3ye541lxs6xhwe0ucegw6fwf9&st=e9v3vjio&dl=0") format("woff");
}

@font-face { font-family: diamond;
src: url("https://dl.dropboxusercontent.com/scl/fi/dn8xk3cg6ipejle57tiaw/Diamondo.woff?rlkey=h5avp9fe5rn8rv512yjsoqyh2&st=y88nrxci&dl=0") format("woff");
}


* {
  font-family: higure;
  color: #354254;
  font-size: 9px;
  border: none;
}

body {
  padding: 15px;
  background-color: #F2F5F8;
}

hr {
  border: none;
  height: 0;
  background: none;
} 

.name {
  color: #354254;
}

font {
  color: transparent;
}

a {
  font-family: higure;
  color: #354254;
  text-decoration:none;
}

bks {
  color: transparent;
  text-shadow: 0px 0px 5px #777;
}

.top {
  font-size: 20px;
  text-align: center;
  padding: 30px 30px;
}

.nn {
  font-family: FS;
  font-size: 65px;
  color: #101C2A;
  text-align: center;
}


/* 枠 */

.box {
  margin: 30px;
  padding: 25px;
  margin-top: 0px;
  border: 1px solid #CAC8A7;
  background-color: #E5E9EE;
  position: relative;
  line-height: 1.8;
}

.box .fi {
  bottom: 5px;
  right: 15px;
  font-family: key;
  font-size: 20px;
  color: #768AA2;
  position: absolute;
}

h1 {
  font-family: zalerin;
  font-size: 9.5px;
}

h2 {
  font-family: zalerin;
  font-size: 8px;
}


/* タイムライン */

.tl {
  max-width: 250px;
  height: 90px;
  margin: 0px auto;
  padding: 10px;
  padding-top: 0px;
  background-image: 
  linear-gradient(0deg, transparent 19px, #d3d3d3 20px), 
  linear-gradient(90deg, transparent 19px, #d3d3d3 20px); 
  background-size: 20px 20px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.tl .usid {
  font-size: 9px;
  color: #93A8C5;
  padding-top: 8px;
  padding-left: 5px;
}

.tl .text {
  font-size: 9px;
  color: #77746C;
  line-height: 1.6;
  padding-bottom: 5px;
  padding-left: 5px;
}


/* 折りたたみ */

summary {
  list-style: none;
}

details {
  padding: 2px;
}

details summary::-webkit-details-marker {
  display: none;
}

details summary::before {
  font-family: diamond;
  content: 'c';
  margin-right: 5px;
  width: 0.8em;
  display: inline-block;
}