/* =========================
  ADD CONFIRM ご請求額の確認
========================= */
.section--confirm,.section--billedAmount{
  background-color: #fff;
}
.billedAmount{
  border:1px solid #bcbcbc;
  background-color: #fff;
  padding: 20px 20px 5px;
}

.priceList {
  list-style: none;
  margin: 0;
  padding: 0;

}

.priceList li {
  display: flex;
  justify-content: space-between;
  padding: 0 15px 12px;
}

.priceList li.medlist{
  background: #f5f5f5;
   padding: 5px 15px;
}
.priceList > .medlist:first-of-type {
  padding-top: 13px;
}

.priceList > .medlist:not(:has(+ .medlist)) {
  padding-bottom: 12px;
  margin-bottom:15px;
}

.priceList__label {
  text-align: left;
}

.priceList__value {
  text-align: right;
}

.priceList li.priceList__total {
  font-weight: bold;
  border-top: solid 1px #b1b1b1;
  color:#c43737;
  font-weight: bold;
  font-size: 1.2em;
  padding-top: 12px;
}

/*-----お届け先-----*/
.address{
  padding: 25px 0;
}
.address__ttl{
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #bcbcbc;
  padding-bottom: 5px;
}
.address__ttl .btn-common{
  line-height: 2;
  padding: 2px 20px 2px 15px;
  font-size: .9em;
}
.shippingAddress{
  padding:16px;
  border:1px solid #ddd;
  border-radius:8px;
  background:#fafafa;
}

.shippingAddress__ttl{
  font-size:16px;
  font-weight:700;
  margin-bottom:8px;
}
.shippingAddress__body{
  padding: 15px 10px;
  font-size: 1.1em;
}
.shippingAddress__body p{
  margin:4px 0;
  line-height:1.6;
}

/*-----支払い方法-----*/
.payment{
  padding: 25px 0;
}
.payment__ttl{
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #bcbcbc;
  padding-bottom: 5px;
}
.payment__body{
  padding: 15px 10px;
  font-size: 1.1em;
}

/*-----配送方法-----*/
.shippingMethod{
  padding: 25px 0;
}
.shippingMethod__ttl{
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #bcbcbc;
  padding-bottom: 5px;
}
.shippingMethod__body{
  padding: 15px 10px;
  font-size: 1.1em;
}

/*-----配送予定日-----*/
.deliveryDate{
  padding: 25px 0;
}
.deliveryDate__ttl{
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #bcbcbc;
  padding-bottom: 5px;
}

.deliveryDate__body{
  padding: 15px 10px;
  font-size: 1.1em;
}

/*-----確認-----*/

.confirmation{
  padding: 10px 10px 60px;
  margin: auto;
  text-align: left;
}

.confirmBox__question {
  margin-bottom: 8px;
}
.confirmation .btn-area{
  text-align: center;
  padding-top:25px;
}
.confirmation label{
  display: block;
}
.confirmation_check{
  margin-bottom:15px;
}
.confirmation_check .btn-common{
  margin-left:20px;
}
.confirmation_radio{
  border:solid 1px #bcbcbc;
  background-color: #fff;
  padding: 20px;
  margin-bottom:20px;
}

/* 共通 */
.purchaseBtn {
  position: relative;
padding: 15px;
  font-size: 1.2em;
    border-radius: 40px;
    width: 80%;
    max-width: 300px;
  font-weight: bold;
  transition: .25s;
  text-decoration: none;
  display: inline-block;
  text-align: center;
}

/* 有効 */
.purchaseBtn.is-active {
  background: #fff;
  border: 1px solid #8bdef2;
  color: #00a0dc;
  cursor: pointer;
}

.purchaseBtn.is-active:hover {
  background: #e9f8fd;
}

/* 無効 */
.purchaseBtn.is-disabled {
  background: #eee;
  border: 1px solid #ccc;
  color: #999;
  cursor: not-allowed;
  opacity: 0.7;
  pointer-events: none; /* クリック無効 */
}

/*ジェネリック医薬品についてのモーダル*/
#generic-modal ul{
 margin-bottom:20px;
}
#guidance-modal p{
padding: 5px;
font-size: .9em;
}
#guidance-modal .btn-area{
  text-align: center;
}

#guidance-modal a.btn-common--big {
    padding: 15px;
    font-size: 1.2em;
    display: block;
    border-radius: 40px;
    width: 80%;
    max-width: 300px;
    margin: auto;
    border: 2px solid #8bdef2;
    margin-top:10px;
}
#guidance-modal a.btn-common--big::after {
      border-top: 2px solid #00a0dc;
    border-right: 2px solid #00a0dc;
}
#guidance-modal a.btn-reserve{
  background-color: #00a0dc;
  color: #fff;
  border: 2px solid #00a0dc;
}
#guidance-modal a.btn-reserve::after {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}