body {
      font-family: Arial, sans-serif;
      background-color: transparent;
      margin: 0;
      padding: 20px 14px;
    }

    h1 {
      text-align: center;
      color: #333;
    }
     
    input[type="text"],
    input[type="number"] {
      padding: 10px;
      border: none;
      border-radius: 5px;
      background-color: #f2f2f2;
      width: 100%;
      box-sizing: border-box;
      font-size: 16px;
      color: #333;
	  margin-top:3px;
    }

    input[type="number"]::placeholder {
      color: #888;
    }

    button {
      padding: 12px 24px;
	  margin-top: 8px;
      background-color: #ff9000;
      color: white;
      border: none;
      border-radius: 5px;
      cursor: pointer;
      font-size: 16px;
      width: 100%;	  
      font-weight: bold;
      transition: background-color 0.3s ease;
    }

    button:hover {
      background-color: #ff7d00;
    }

    .container {
      max-width: 375px;
      margin: 0 auto;
      background-color: #ffffff;
      padding: 20px 10px;
      border-radius: 5px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

    label {
      font-weight: bold;
    }

    label.title {
    font-weight: bold;
	margin-top: 15px;
    }

    table {
      width: 100%;
      border-collapse: collapse;
      margin-top: 3px;
      border: 1px solid #ddd;
	  text-align: left; /* テーブルのテキストを左寄せに設定 */
    }

    td {
      padding: 10px;
      /*text-align: left;*/
      border-bottom: 1px solid #ddd;
      background-color: #ff9000;
      color: white;
      white-space: nowrap;
	  text-align: center; /* テーブルセルのテキストを中央寄せに設定 */
    }

    th {
      padding: 10px;
      text-align: left;
      border-bottom: 1px solid #ddd;
      background-color: #ff9000;
      color: white;
    }

/*-------*/
/* 既存のスタイルを上書きせず、対象の要素だけ調整 */

  html {
    scroll-behavior: smooth; /* スムーズスクロールを追加 */
  }

/* "notice"クラスのスタイル */
.notice {
  font-size: 12px; /* フォントサイズ12px */
  font-weight: normal; /* 太字を解除 */
  color: black; /* 文字色を黒に変更 */
  text-align: left; /* 右寄せ */
  padding-left:8px;
}

/* スクロールリンクのデザイン */
.notice a {
  text-decoration: underline;
  color: black; /* 黒色に */
}

/* テーブルのスタイル */
.payment-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  background-color: transparent; /* 背景を透明に */
  table-layout: fixed; /* 列幅を固定 */
  border: none; /* 外枠の境界線を削除 */
}

/* テーブルの各行のスタイル */
.payment-table td {
  padding: 8px;
  color: black;
  background-color: transparent; /* 背景を透明に */
  text-align: left;
  font-size: 15px;
  word-wrap: break-word; /* 長い単語が折り返しになるように */
  border-bottom: 1px solid #ddd; /* 各項目の下に境界線 */
}

/* 項目名の列（左寄せ）は、幅を35%に指定 */
.payment-table td.item {
  width: 40%;
  text-align: left; /* 左寄せ */
}

/* 金額の列（右寄せ）は、幅を65%に指定 */
.payment-table td.amount {
  width: 60%;
  text-align: right; /* 右寄せ */
}

/* 振込額の文字色をオレンジに */
.transfer-amount {
  color: #ff7d00 !important; /* 重要度を高めて他のスタイルを無効化 */
}

/* 支払額（税込）に対して新しいクラスを適用 */
.total-payment {
  font-weight: bold;
  font-size: 15px;
  color: black; /* 文字色を黒に統一 */
  text-align: right; /* 右寄せ */
}

/* 振込額のみオレンジ色 */
.transfer-amount {
  color: orange;
}

strong.red {
	font-weight:bold;
	color:#ff0000;
}
/*-------*/

    .item {
      font-weight: bold;
      width: 45%;
    }

    .value {
      width: 55%;
      background-color: white;
      color: black;
    }

    .value.payment-estimate-value {
      width: 55%;
      background-color: white;
      color: #0000ff;
	  font-weight: bold;
    }

    .value-p {
      width: 55%;
      background-color: white;
      color: black;
    }

    .value-p.p-payment-estimate-value {
      width: 55%;
      background-color: white;
      color: #0000ff;
	  font-weight: bold;
    }

    .value-t {
      width: 55%;
      background-color: white;
      color: black;
    }

    .value-t.t-payment-estimate-value {
      width: 55%;
      background-color: white;
      color: #0000ff;
	  font-weight: bold;
    }
  #totalPayment {
    font-weight: bold;
    font-size: 18px;
    color: #ff7d00;
    text-align: center; /* 中央寄せ */
  }

  .totalPaymentContainer {
    font-weight: bold;
    font-size: 18px;
    color: #ff7d00;	
    border: 2px solid #ff7d00;
    padding: 10px;
    border-radius: 5px;
    background-color: #f9f9f9;
    text-align: center; /* 中央寄せ */
  }

  #totalPaymentValue {
    font-weight: bold;
    font-size: 24px;
    color: #ff7d00;
  }
  .disclaimer {
   font-size: 12px;
  }