@charset "utf-8";

.torikumi_list_box {
  position: relative;
}
.torikumi_list_box > ul {
  position: relative;
}
.torikumi_list_box > .background {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.torikumi_list_box > .background > li {
  display: block;
  width: 8.1%;
  border-left: 1px rgb(200,200,200) solid;
  background-color: rgb(237,252,255);
}
.torikumi_list_box > .background > li:first-of-type {
  border-left-style: none;
  width: 0%;
}
.torikumi_list_box > .year {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.torikumi_list_box > .year > li {
  width: 8.1%;
  border-left: 1px rgb(200,200,200) solid;
  padding-left: 4px;
  background-color: rgb(255,255,255);
  font-weight: 700;
}
.torikumi_list_box > .year > li:first-of-type {
  border-left-style: none;
}

.torikumi_list_box > .item_list {
  width: 100%;
}
.torikumi_list_box > .item_list > li {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-top: 6px;
}
.torikumi_list_box > .item_list > li:first-of-type {
  margin-top: 0;
}
.torikumi_list_box > .item_list > li > .title {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 18%;
  height: auto;
  padding-left: 1em;
  background-color: rgb(255,255,255);
  border-bottom: 1px rgb(155,155,155) solid;
  font-weight: 700;
  line-height: 1.5;
}
.torikumi_list_box .items {
  width: 82%;
}
.torikumi_list_box .items > li {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  width: 100%;
  margin-bottom: 6px;
}
.torikumi_list_box .items > li:last-child {
  margin-bottom: 0;
}
.torikumi_list_box .items > li._half_height {
  margin-bottom: 0;
}
.torikumi_list_box .items > li > .item {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  min-height: 36px;
  padding-right: 4px;
  padding-left: 4px;
  line-height: 1.2;
  font-size: 93.75%;
}
.torikumi_list_box .items > li._half_height > .item {
  min-height: 22px;
}
.torikumi_list_box .items > li > .item > span {
}
.torikumi_list_box .items > li > .item._type1 {
  background-color: rgb(165,175,214);
}
.torikumi_list_box .items > li > .item._type2 {
  background-color: rgb(149,207,235);
}
.torikumi_list_box .items > li > .item._type3 {
  background-color: rgb(245,180,66);
}
.torikumi_list_box .items > li > .item._type4 {
  background-color: rgb(204,255,153);
}
.torikumi_list_box .items > li > .item._type5 {
  background-color: rgb(194,213,196);
}
.torikumi_list_box .items > li > .item._type6 {
  background-color: rgb(254,252,169);
}
.torikumi_list_box .items > li > .item._type7 {
  background-color: rgb(254,204,209);
}
.torikumi_list_box .items > li > .item._type8 {
  background-color: rgb(150,250,220);
}
.torikumi_list_box .items > li > .item._type9 {
  background-color: rgb(239,189,255);
}
.torikumi_list_box .items > li > .item._type10 {
  background-color: rgb(167, 219, 202);
}

.torikumi_list_box .items > li > .item._col2_5 { width: calc(100% - (79.8% / 1.013)); }
.torikumi_list_box .items > li > .item._col3_5 { width: calc(100% - (60% / 1.013)); }
.torikumi_list_box .items > li > .item._col1 { width: calc(10% / 1.013); }
.torikumi_list_box .items > li > .item._col2 { width: calc(20% / 1.013); }
.torikumi_list_box .items > li > .item._col3 { width: calc(30% / 1.013); }
.torikumi_list_box .items > li > .item._col4 { width: calc(40% / 1.013); }
.torikumi_list_box .items > li > .item._col5 { width: calc(50% / 1.013); }
.torikumi_list_box .items > li > .item._col6 { width: calc(60% / 1.013); }
.torikumi_list_box .items > li > .item._col7 { width: calc(70% / 1.013); }
.torikumi_list_box .items > li > .item._col8 { width: calc(80% / 1.013); }
.torikumi_list_box .items > li > .item._col9 { width: calc(90% / 1.013); }
.torikumi_list_box .items > li > .item._col10 { width: calc(100% / 1.013); }


.torikumi_list_box .items > li > .item > ._hkds1,
.torikumi_list_box .items > li > .item > ._hkds2 {
}
.torikumi_list_box .items > li > .item > ._hkds1 {
  position: absolute;
  display: flex;
  justify-content: flex-end;
  top: 50%;
  right: calc(100% - 12px);
  width: 166%;
  padding-right: 30px;
  transform: translate3d(0, -50% ,0);
}
.torikumi_list_box .items > li > .item > ._hkds1::before {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 24px;
  height: 1px;
  background-color: rgb(66,66,66);
  transform: translate3d(0, -50% ,0);
  content: '';
}
.torikumi_list_box .items > li > .item > ._hkds1::after {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 5px;
  height: 5px;
  border-radius: 3px;
  background-color: rgb(66,66,66);
  transform: translate3d(0, -50% ,0);
  content: '';
}
.torikumi_list_box .items > li > .item._col1 > ._hkds1 {
  width: 600%;
}
.torikumi_list_box .items > li > .item._type6._col1 ._hkds1 {
  width: 270%;
  padding-right: 21px;
  right: calc(100% - 46px);
}
@media screen and (max-width:767px) {
.torikumi_list_box .items > li > .item._type6._col1 ._hkds1 {
  right: calc(100% - 26px);
}
}

.torikumi_list_box .items > li > .item._type6._col1 > ._hkds1::before {
  width: 24px;
}

.torikumi_list_box .items > li > .item > ._hkds2 {
  position: absolute;
  display: flex;
  justify-content: flex-end;
  top: 50%;
  right: calc(100% - 12px);
  width: 650%;
  padding-right: 30px;
  transform: translate3d(0, -50% ,0);
}
.torikumi_list_box .items > li > .item > ._hkds2::before {
  position: absolute;
  top: 50%;
  right: 0;
  width: 24px;
  height: 1px;
  background-color: rgb(66,66,66);
  transform: translate3d(0, -50% ,0);
  content: '';
}
.torikumi_list_box .items > li > .item > ._hkds2::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 5px;
  height: 5px;
  border-radius: 3px;
  background-color: rgb(66,66,66);
  transform: translate3d(0, -50% ,0);
  content: '';
}

@media screen and (max-width:767px) {
  .torikumi_list_box > .year > li {
    line-height: 1.2;
    font-size: 11px;
  }
  .torikumi_list_box > .item_list > li > .title {
    padding-left: 0;
    font-size: 13px;
  }
  html[lang="en"] .torikumi_list_box > .item_list > li > .title {
    font-size: 11px;
    word-break: break-all;
  }
  .torikumi_list_box .items > li > .item {
    font-size: 11px;
  }
  .torikumi_list_box .items > li > .item > ._hkds2 {
    font-size: 10px;
  }
  .torikumi_list_box .items > li > .item._type6._col1 > ._hkds1::before {
    width: 20px;
  }
}