@charset "UTF-8";
/* =======================================

	Wizlabo Library Elements

======================================= */

@media only screen and (min-width: 768px) {
  .xj-sub-nav li,
  .xj-graph-nav li {
    gap: 0;
  }
  .library-menu li:not(:last-child)::after {
    width: 1px;
  }
}

/* ------------------------------------
	Wll 記事一覧
------------------------------------ */
.xj-newslist .date {
  margin: 0 10px 0 0;
}
.xj-newslist .label {
  color: #fff;
  background: #999;
  display: inline-block;
  text-align: center;
  width: 90px;
  height: 26px;
  line-height: 26px;
  font-size: .8em;
  padding: 0 .8em;
  margin: 3px 10px 0 0;
  border-radius: 5px;
  white-space: nowrap;
}
.xj-newslist .label.en {
  width: 130px;
}

.xj-newslist .label.brief {  background: #7D79C9;  }
.xj-newslist .label.disclosure {  background: #84909C;  }
.xj-newslist .label.securities {  background: #C9799D;  }
.xj-newslist .label.material {  background: #6A9BB0;  }
.xj-newslist .label.movie {  background: #85b876;  }
.xj-newslist .label.ir-notice {  background: #e48e71;  }
.xj-newslist .label.other {  background: #888;  }

.xj-newslist .size {
  display: inline-block;
}


/* 記事のカテゴリ選択 */

.xj-list-area,
.xj-newslist,
.xj-sel-year,
.xj-sel-category {
  visibility: hidden;
}

@media only screen and (max-width: 767px) {
/*
  .xj-newslist li > *:not(ul) {
    display: block;
  }
  .xj-newslist .label {
    margin: 0 auto 0.5em 0;
  }
  .xj-newslist .ttl {
    display: inline;
    padding: 2px;
  }
  .xj-newslist .ttl:before {
    content: '\A';
    white-space: pre;
  }
  .xj-sel-category li {
    margin-bottom: 4px;
  }
*/
}

/* ------------------------------------
	最新資料
------------------------------------ */
.xj-download {
  visibility: hidden;
}
.xj-download li {
  margin-bottom: 1em;
}
.xj-download time {
  display: block;
}

.xj-download.top {
  font-size: 15px;
  list-style: revert;
  padding-left: 1em;
}
.xj-download.top li {
  margin-bottom: 0;
}

/* ------------------------------------
	Wll グラフページ
------------------------------------ */
html:has(.xj-graph-nav) { scroll-behavior: smooth; }

.xj-graph-nav a {
  position: relative;
  padding-bottom: 20px;
}
.xj-graph-nav a::after {
  display: block;
  width: 6px;
  height: 6px;
  border-top: 1px solid #323232;
  border-right: 1px solid #323232;
  position: absolute;
  margin-top: 0.75em;
  content: "";
  bottom: 5px;
  left: 49%;
  transform: rotate(135deg);
  position: absolute;
}

.xj-graph {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto 20px;
}

.xj-graph > * {
  width: 49%;
  padding-top: 0 !important;
}
.xj-graph > *.wide {
  width: 100%;
}

.xj-graph img {
  margin: 0 0 20px;
  max-width: 100%;
}

.xj-graph .unit {
  display: block;
  text-align: right;
}

.xj-graph .highcharts-container {
  margin: 0 auto;
}
.xj-graph input {
  appearance: auto;
  -webkit-appearance: auto;
}

.xj-graph .tbl-scroll {
  overflow-x: auto;
}
.xj-graph .tbl-scroll .xj_chart_header:first-child {
  word-break: normal;
}

.xj_chart_table {
  width: 100%;
}
.xj_chart_table td {
  padding: .5em .2em .2em;
  border: 2px solid #D7DFE2;
  line-height: 1.2;
}
.xj_chart_header,
.xj_chart_header_first {
  text-align: center;
  background: #E5F6FD;
}
tr:first-child .xj_chart_header {
  white-space: nowrap;
}
.xj_chart_value {
  text-align: right;
}

/*
.xj_chart_table tr > *:first-child {
	display: none;
}
*/

@media only screen and (max-width: 767px) {
  html {
      scroll-padding-top: 64px !important;
  }

  .xj-graph {
    display: block;
  }
  .xj-graph > * {
    width: 100%;
  }
}

/* ------------------------------------
  Get Adobe Acrobat Reader
  ------------------------------------ */
.xj-newslist + #download {
  margin-top: 100px;
}


/* ------------------------------------
  ir-calendar
------------------------------------ */
#XJTxtDPDataTbl {
  margin: 40px auto;
  max-width: 800px;
  width: 100%;
}

#XJTxtDPDataTbl .XJTxtDPDataTableTr {
  width: 100%;
}

#XJTxtDPDataTbl .XJTxtDPDataTableTr .XJTxtDPDataTblTdDate,
#XJTxtDPDataTbl .XJTxtDPDataTableTr .XJTxtDPDataTblTdValue {
  padding: 1em 0;
}

#XJTxtDPDataTbl .XJTxtDPDataTableTr .XJTxtDPDataTblTdDate {
  position: relative;
  width: 10em;
}

/* ------------------------------------
  コーポレート・ガバナンス
------------------------------------ */
#xj-governance {
  margin-top: 2em;
}

/* ------------------------------------
  株価情報
------------------------------------ */
.xj-stockprice {
  width: 100%;
  height: 230px;
}
.xj-stockprice-wide {
  width: 100%;
  height: 740px;
}
@media only screen and (max-width: 767px) {
  .xj-stockprice {
    height: 310px;
  }
  .xj-stockprice-wide {
    height: 980px;
  }

}
@media only screen and (max-width: 460px) {
  .xj-stockprice {
    height: 230px;
  }
}