@charset "utf-8";
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select::-ms-expand {
  display: none;
}
.xj-select {
  margin: 2rem 0;
}
#xj-select-year_s {
  width: 230px;
  padding: 1.25rem 3rem 1.25rem 2rem;
  border-radius: 1rem;
  font-size: 1.4rem;
  color: var(--color-textSecondary);
  border: 1px solid var(--color-borderSecondary);
  background-color: var(--color-z-white);
  background-image: url("icon-more.svg");
  background-repeat: no-repeat;
  background-position: right 8px center;
  cursor: pointer;
}
#xj-select-year_s:hover {
  border: 1px solid var(--color-borderPrimary);
  color: var(--color-textPrimary);
}
.xj-category {
  margin: 2rem 0 0;
}
.xj-category ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.xj-category ul li {
  margin-top: 1rem;
  flex-basis: 30%;
  text-align: center;
}
.xj-category ul li a {
  padding: 0.25rem 1em;
  border-radius: 2em;
  display: block;
}
.xj-category-item.active a {
  background: var(--color-textPrimary);
  color: var(--color-z-white);
  font-weight: bold;
}
/*適時開示*/
.xj-category-item.xj-category-item-discro.active a, .IRList-category.xj-label-discro {
  background-color: #9546AD;
}
/*{  background-color: #D5F5ED;}*/
/*決算短信*/
.xj-category-item.xj-category-item-result.active a, .IRList-category.xj-label-result {
  background-color: #D43F5D;
}
/*{  background-color: #FCE3E4;}*/
/*法定開示*/
.xj-category-item.xj-category-item-legal.active a, .IRList-category.xj-label-legal {
  background-color: #1E7B65;
}
/*{  background-color: #D6DCF9;}*/
/*IR資料*/
.xj-category-item.xj-category-item-ir.active a, .IRList-category.xj-label-ir {
  background-color: #43709D;
}
/*{  background-color: #FCECB5;}*/
/*お知らせ*/
.xj-category-item.xj-category-item-info.active a, .IRList-category.xj-label-info {
  background-color: #2E33B3;
}
/*{  background-color: #EEDFFB;}*/
.xj-icon {
  margin: 0 .5em;
  opacity: .575;
  position: relative;
  z-index: -1;
}
.xj-icon img {
  vertical-align: text-bottom;
  width: 18px;
}
@media screen and (min-width: 769px) {
  .xj-select {
    display: flex;
    margin: 2rem 0;
  }
  .xj-select-year #xj-select-year_s {
    margin: 0;
  }
  .xj-category {
    margin: 0;
    flex: 1 0 0%;
  }
  .xj-category ul {
    justify-content: flex-end;
  }
  .xj-category ul li {
    flex-basis: auto;
    margin: 0 0 0 5px;
  }
  .IRList-link:hover .xj-icon {
    opacity: 1;
  }
}