/*
 Theme Name: vbeam-info-child
 Template: vbeam-info
 Description: Vbeam Info の子テーマ
 Author: Stone
 Version: 1.0
*/


.total_count {
  font-size: clamp(50px, 12vw, 140px);
  font-weight: 900;
  font-family: 'Futo Go B101 JIS2004 AP';
  font-style: italic;
  background: linear-gradient(90deg, #8c72a3, #d17ba3,#b875a6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 10px;
  margin-top: 10px;
}
/*# sourceMappingURL=style.css.map */


/* 表の方も中央寄せ */
.table_zisseki {
margin-left: auto !important;
margin-right: auto !important;
}

body::after {
  content: "Stone test marker";
  display: block;
  color: red;
  text-align: center;
}

/* 全体コンテナ */
.vb-result {
  width: 80%;
  margin: 0 auto;
  text-align: center;
}

/* グラフ部分（年＋月） */
.graph_wrap {
  margin: 20px auto;
  width: 100%;
  max-width: 800px;
  text-align: center;
}

.graph_wrap img.graph_img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto 20px auto;
}

/* 詳細ボタン＋表（scroll対応） */
.graph_hokuro.graph_scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  margin: 20px auto;
  box-sizing: border-box;
  border: none !important;
  text-align: center;
}


/* スクロール案内 */
.graph_hokuro.graph_scroll .scroll_notice {
  display: none;
  text-align: center;
  font-size: 12px;
  color: #555;
  margin-top: 8px;
}

/* activeになったときのみ案内表示（スマホ） */
@media screen and (max-width: 767px) {
  .graph_hokuro.graph_scroll .table_zisseki.active ~ .scroll_notice {
    display: block;
  }
}

/* 合計値 */
.vb-total {
  font-weight: bold;
  font-size: 14px;
  margin-top: 16px;
}