@charset "UTF-8";

body {
  margin: 0;
}

DIV#mainBg,
DIV#contents {
  width: 100%;
  overflow-x: hidden;
}

DIV#market-data {
  /* color */
  --clr-wh: #FFF;
  --clr-bk: #212121;
  --clr-gl: #E3E3E3;
  --clr-bl: #00A7C3;
  --clr-bl-back: #E4F3F7;
  --clr-wh-back: #F9FCFC;
  --clr-nt: #808080;
  /* font size */
  --fs48: clamp(0vw, 48 / 1280 * 100vw, 48px);
  --fs26: clamp(0vw, 26 / 1280 * 100vw, 26px);
  --fs24: clamp(0vw, 24 / 1280 * 100vw, 24px);
  --fs22: clamp(0vw, 22 / 1280 * 100vw, 22px);
  --fs20: clamp(0vw, 20 / 1280 * 100vw, 20px);
  --fs18: clamp(0vw, 18 / 1280 * 100vw, 18px);
  --fs16: clamp(0vw, 16 / 1280 * 100vw, 16px);
  --fs15: clamp(0vw, 15 / 1280 * 100vw, 15px);
  --fs14: clamp(0vw, 14 / 1280 * 100vw, 14px);
  --fs13: clamp(0vw, 13 / 1280 * 100vw, 13px);
  --fs10: clamp(0vw, 10 / 1280 * 100vw, 10px);
  /* block size */
  --bs: clamp(0vw, 4 / 1280 * 100vw, 4px);
  --bs-sp: clamp(0vw, 4 / 750 * 100vw, 4px);
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
  position: relative;
}

DIV#market-data p {
  color: var(--clr-bk);
  margin: 0;
  font-weight: normal;
  letter-spacing: 0.02em;
}
DIV#market-data a {
  text-decoration: none;
  color: var(--clr-bk);
}
DIV#market-data img {
  width: 100%;
  vertical-align: top;
}

DIV#market-data .mv {
  padding-top: calc(var(--bs) * 16);
  margin-bottom: calc(var(--bs) * 20);
}
DIV#market-data .mv .page-title {
  font-size: var(--fs24);
  font-weight: 700;
  line-height: 36/24;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: calc(var(--bs) * 7);
}
DIV#market-data .mv .mv-image {
  background: #F7F7F9;
  text-align: center;
}
DIV#market-data .mv .mv-image img {
  max-width: 1280px;
}
DIV#market-data .mv .page-lead {
  font-size: var(--fs15);
  color: var(--clr-bk);
  text-align: center;
  line-height: 1.867;
  margin-top: calc(var(--bs) * 11);
}
DIV#market-data .mv .page-lead a {
  color: var(--clr-bl);
  font-weight: 700;
  text-decoration: underline;
}
DIV#market-data .mv .page-lead a:hover {
  text-decoration: none;
}

DIV#market-data .data {
  background-color: var(--clr-bl-back);
  padding: calc(var(--bs)* 20) 0;
}

DIV#market-data .data .section-title {
  text-align: center;
}

DIV#market-data .data .section-title .main-title {
  font-size: var(--fs24);
  font-weight: 600;
  line-height: 29/24;
}

DIV#market-data .data .section-title .main-title span {
  color: var(--clr-bl);
  font-weight: 700;
}

DIV#market-data .data .section-title .sub-title {
  font-size: var(--fs10);
  color: var(--clr-bl);
  font-weight: 700;
  margin-top: calc(var(--bs)* 3);
}

DIV#market-data .data .items {
  width: calc(var(--bs)* 240);
  margin: calc(var(--bs)* 13) auto 0;
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--bs)* 13) calc(var(--bs)* 6);
}

DIV#market-data .data .item {
  background-color: var(--clr-wh);
  width: calc(var(--bs)* 76);
  border-radius: calc(var(--bs)* 4);
  overflow: hidden;
  box-shadow: calc(var(--bs)* 1.5) calc(var(--bs)* 1.5) calc(var(--bs)* 1) rgba(0, 0, 0, 0.05);
}

DIV#market-data .data .item.is-hidden {
  display: none;
}

DIV#market-data .data .item .item-thumb a {
  transition: opacity .2s;
}

DIV#market-data .data .item .item-thumb a:hover {
  opacity: 0.7;
}

DIV#market-data .data .item .item-content {
  padding: calc(var(--bs)* 6) calc(var(--bs)* 5) calc(var(--bs)* 10) calc(var(--bs)* 5);
  display: flex;
  flex-direction: column;
}

DIV#market-data .data .item .item-time {
  color: var(--clr-bl);
  font-size: var(--fs13);
}

DIV#market-data .data .item .item-title {
  background-image: unset;
  font-size: var(--fs15);
  padding: 0;
  color: var(--clr-bk);
  margin-top: calc(var(--bs)* 4);
  line-height: 21/15;
  margin-bottom: unset;
  border-bottom: unset;
}

DIV#market-data .data .item .item-lead {
  font-size: var(--fs13);
  margin-top: calc(var(--bs)* 4);
  margin-bottom: calc(var(--bs)* 6);
}

DIV#market-data .data .item .item-btn {
  /* margin-top: calc(var(--bs)* 6); */
  margin-top: auto;
  margin-bottom: 0;
}

DIV#market-data .data .item .item-btn a {
  font-size: var(--fs15);
  color: var(--clr-bl);
  border: var(--clr-bl) 1px solid;
  border-radius: 9999px;
  display: block;
  line-height: 1;
  text-align: center;
  padding: calc(var(--bs)* 4);
  text-decoration: none;
  font-weight: 700;
  transition: color .2s, background-color .2s;
}

DIV#market-data .data .item .item-btn a:hover {
  color: var(--clr-wh);
  background-color: var(--clr-bl);
}

DIV#market-data .data .data-more {
  text-align: center;
  margin-top: calc(var(--bs)* 17.5);
}

DIV#market-data .data .data-more a {
  font-size: var(--fs18);
  font-weight: 600;
  display: inline-block;
  padding: calc(var(--bs)* 5) calc(var(--bs)* 33);
  border: var(--clr-bl) 1px solid;
  border-radius: 9999px;
  background-color: var(--clr-bl);
  color: var(--clr-wh);
  text-decoration: none;
  transition: color .2s, background-color .2s;
}

DIV#market-data .data .data-more a:hover {
  background-color: var(--clr-wh);
  color: var(--clr-bl);
}

DIV#market-data .data .data-pagetop {
  display: none;
  text-align: center;
  margin-top: calc(var(--bs)* 17.5);
}

DIV#market-data .data .data-pagetop a {
  width: 356px;
  box-sizing: border-box;
  font-size: var(--fs18);
  font-weight: 600;
  display: inline-block;
  padding: calc(var(--bs)* 5) calc(var(--bs)* 27);
  border: var(--clr-bl) 1px solid;
  border-radius: 9999px;
  color: var(--clr-bl);
  background-color: var(--clr-wh);
  text-decoration: none;
  transition: color .2s, background-color .2s;
}

DIV#market-data .data .data-pagetop a:hover {
  color: var(--clr-wh);
  background-color: var(--clr-bl);
}

/* アコーディオンメニュー */
DIV#market-data .toggle {
  /* display: flex;
  justify-content: space-between; */
  width: calc(var(--bs)* 240);
  margin: calc(var(--bs) * 17.5) auto 0;
}

DIV#market-data .toggle::after {
  content: "";
  display: block;
  clear: both;
}

DIV#market-data .toggle-item {
  border-radius: calc(var(--bs) * 2);
  overflow: hidden;
  box-shadow: calc(var(--bs)* 1.5) calc(var(--bs)* 1.5) calc(var(--bs)* 1) rgba(0, 0, 0, 0.05);
  float: left;
}

DIV#market-data .toggle-item:not(:last-of-type) {
  margin-right: calc(var(--bs) * 4.5);
}

DIV#market-data .toggle-item .section-title {
  display: block;
  padding: calc(var(--bs) * 5) 0;
  background-color: var(--clr-bl-back);
  position: relative;
  cursor: pointer;
}
DIV#market-data .toggle-item .section-title .main-title {
  font-size: var(--fs18);
  font-weight: 600;
  text-align: center;
}
DIV#market-data .toggle-item .section-title .fa-circle-plus,
DIV#market-data .toggle-item .section-title .fa-circle-minus {
  font-size: var(--fs26);
  position: absolute;
  top: 50%;
  right: calc(var(--bs) * 5);
  transform: translateY(-50%);
}
DIV#market-data .toggle-item .section-title .fa-circle-plus {
  color: var(--clr-bl);
}
DIV#market-data .toggle-item .section-title .fa-circle-minus {
  color: var(--clr-nt);
  display: none;
}
DIV#market-data .toggle-item .section-title.close .fa-circle-plus {
  display: none;
}
DIV#market-data .toggle-item .section-title.close .fa-circle-minus {
  display: block;
}
DIV#market-data .toggle-item .radio-contents {
  display: none;
  background-color: var(--clr-wh-back);
  padding: calc(var(--bs)* 8) calc(var(--bs)* 6);
}

DIV#market-data .toggle .toggle-item {
  width: calc(var(--bs)* 77);
}

DIV#market-data .toggle .toggle-data-title {
  font-size: var(--fs13);
  font-weight: 600;
  color: var(--clr-bk);
}

DIV#market-data .toggle .toggle-data-list {
  margin-top: calc(var(--bs)* 3);
  margin-bottom: calc(var(--bs)* 8);
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--bs)* 2) calc(var(--bs)* 6);
  line-height: 1.3;
}

DIV#market-data .toggle .toggle-data:last-of-type .toggle-data-list{
  margin-bottom: 0;
}

DIV#market-data .toggle .toggle-data-list-item {

}

DIV#market-data .toggle .toggle-data-list-item a {
  color: var(--clr-bl);
  font-size: var(--fs13);
}

DIV#market-data .toggle .toggle-data-list-item a i {
  margin-right: calc(var(--bs)* 2);
}

DIV#market-data .sp {
  display: none;
}