@charset "utf-8";
body {
  color: #ecf0f1;
  font-family: Arial, "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.ir_segments {
  /* background-color: #333333; */
  /* width:375px; */
  height: 150px;
  /* border: solid red 1px; */
}

.inner-block01{
  margin-top: 12px;
}

.inner-block02{
  margin-top: 9px;
}

.segment01,
.segment03 {
  text-align: center;
}
.segment01 .basicinfoSegment {
  height: 89%;
  width: 100%;
  display: table;
  margin-top: 9px;
}
.segment01 .code {
  font-size: 1.1em;
}
.segment01 #time {
  font-size: 0.8em;
}

.segment01 .basicinfoSegment p {
  display: table-row;
}
.segment02 .stockinfoSegment {
  display: table;
  margin-top: 1.0em;
}
.segment02 .stockdata {
  text-align: center;
}
.segment02 .stockdata .label {
  font-size: 1.2em;
}
.segment02 .stockdata .value {
  font-size: 2.5em;
}
.segment02 .stockdata {
  display: table-cell;
  vertical-align: middle;
}
.segment03 .stockdata {
  margin-top: 0.7em;
}
.segment03 .stockdata .label {
  font-size: 0.8em;
}
.segment03 .stockdata .value {
  font-size: 1em;
}
.segment03 .cm,
.segment03 .tcs_footer {
  font-size: 0.5em;
  margin: 0.5em 0.5em 0;
  text-align: right;
}

/**************************************************************
**********************MEDIAQUERY*******************************
***************************************************************/

/*四本値の文字サイズ調整 1column １段表示*/
@media screen and (min-width: 568px) and (max-width: 737px) {
  .segment03 .stockdata .value {
    font-size: 2.5vw;
  }
}
/*四本値の文字サイズ調整 1column　３段表示*/
@media screen and (max-width: 567px) {
  .segment03 .stockdata .value {
    font-size: 4vw;
  }
}
/*四本値の文字サイズ調整 2column　３段表示*/
@media screen and (max-width: 425px) {
  .segment03 .stockdata .value {
    font-size: 5vw;
  }
}

@media screen and (max-width: 250px){
  .inner-block01{
    display: none;
    height: 120px;
  }
  .ir_segments {
    background-color: #333333;
    height: 120px;
  }
  .segment01 .basicinfoSegment{
    margin-top: 7px;
  }
  .segment01 .basicinfoSegment p{
    font-size: 12px;
  }
  .segment02 .stockinfoSegment{
    margin-top: 10px;
    font-size: 12px;
  }
  .segment03 .block01 .cm{
    font-size: 9px;
    text-align: center;
  }
  .segment03 .tcs_footer{
    font-size: 8px;
    text-align: center;
  }
  .inner-block02{
    margin-top: 12px;
  }

}