@charset "utf-8";
/*------------------------------------------------
* Version       : 1.1
* Date          : 2025.11.14
-------------------------------------------------*/

/* ===== フッター  ===== */
.footer-top-area {
    background-color: #ffffff; /* 指定された色に変更 */
    color: #323232;
}

/* フッターエリア全体のリンク色 */
.footer-top-area a {
  color: #323232; /* */
  text-decoration: none; /* 下線を消す場合（任意） */
}

/* リンクにマウスが乗った（ホバーした）時の色（任意） */
.footer-top-area a:hover {
  color: #323232; /* */
  text-decoration: none; /* ホバー時に下線を表示（任意） */
}


/* ===== パドル受注状況 (Pie Chart) ===== */
.pie-chart {
    position: relative; /* 子要素を絶対配置するための基準 */
    display: inline-block; /* text-center の中で中央揃えにするため */
    width: 140px; /* HTMLの data-size と合わせる */
    height: 140px; /* HTMLの data-size と合わせる */
    margin: 1rem auto; /* 上下の余白 */
}

.pie-chart canvas {
    /* ライブラリが自動的に挿入する canvas へのスタイル */
    position: absolute;
    top: 0;
    left: 0;
}

.pie-chart-content {
    /* 円グラフの中央に表示するテキスト（「終了」など） */
    position: absolute; /* 親要素(.pie-chart)の中央に配置 */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.pie-chart-content h6 {
    /* index.html の <h6 class="m-0 font-large"> に適用されます */
    /* .font-large がCSSに未定義のため、ここでサイズを指定します */
    font-size: 1.2rem; 
    font-weight: 600; /* 少し太く */
    color: #333;
}