@charset "utf-8";



/* contents ---- */

.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%; /* col7 11.4% / col8 10% / col9 9% */

  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%; /* col7 11.4% / col8 10% */

  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: 0;

  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: 0;

  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 > ._hkds2 {

  position: absolute;

  display: flex;

  justify-content: flex-end;

  top: 50%;

  right: calc(100% - 12px);

  width: 620%;

  padding-right: 30px;

  transform: translate3d(0, -50% ,0);

  font-size: 13px;

}

.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;

  }

  .torikumi_list_box .items > li > .item {

    font-size: 11px;

  }

  .torikumi_list_box .items > li > .item > ._hkds2 {

    font-size: 10px;

  }

}