@charset "utf-8";
/* CSS Document */
/* ↓↓2005追記↓↓ */
/*----------------------------------------------------------------------------
 ***                                                              購入商品
----------------------------------------------------------------------------*/
#creditCardConfirmArea{margin:0 auto; width:95%;}
#creditCardConfirmArea table{width:100%; border:none;}
#creditCardConfirmArea table th,
#creditCardConfirmArea table td{border:none; border-bottom: 1px dotted #ccc; vertical-align:middle; line-height:1.2; padding:15px;}
#creditCardConfirmArea table th{width:25%; text-align:left; padding-left:1.2em;}
#creditCardConfirmArea table td{width:75%;}

#creditCardConfirmArea .hColor0,
#creditCardConfirmArea .hColor1{position:relative;}
#creditCardConfirmArea .hColor0::before{content:""; display:block; width:7px; height: calc(100% - 10px); background:#D9E021; position:absolute; top:5px; left:0;}
#creditCardConfirmArea .hColor1::before{content:""; display:block; width:7px; height: calc(100% - 10px); background:#269BC3; position:absolute; top:5px; left:0;}

/*----------------------------------------------------------------------------
 ***                                                    クレジットカード情報入力
----------------------------------------------------------------------------*/
#creditCardFormTb{}
#creditCardFormTb .formBox1{}
#creditCardFormTb label{ font-size:120%;}
#creditCardFormTb .btn,
#creditCardFormTb select,
#creditCardFormTb input,
#creditCardFormTb textarea{ font-size:140%; padding:10px; border-radius:5px; line-height:1.2em; border:#bbb solid 1px;}
#creditCardFormTb select{ background:#F2F2F2;}
#creditCardFormTb select.seleW2{ width:10%;}
#creditCardFormTb input[type=radio]{ margin-right:4%; margin-bottom:1%;}
#creditCardFormTb input[type=checkbox]{ margin-right:1%; margin-bottom:0.7%;}
#creditCardFormTb #other-area .btn,
#creditCardFormTb input[type=button]{background:#269BC3;color:#FFF;border:#aaa solid 1px;padding: 1%;width: 100%;max-width: 20em;text-align: center;margin: 0 auto 0.5em;display: block;height: 2.5em;}
#creditCardFormTb .radioChoice label{ display:block; padding:5%; border-radius:5px; line-height:1.2em; background:#F2F2F2; border:#bbb solid 1px;}
#creditCardFormTb h4{ border-left:#D9E021 solid 7px; line-height:1.2em; padding:1% 0 0.5% 1.5%; margin-bottom:2%; font-weight:normal; font-size:140%;}
#creditCardFormTb h4 label{ font-size:100%;}

#creditCardFormTb section{ border-bottom:#999 dotted 1px; padding-bottom:3%;}
#creditCardFormTb section section{ margin:0 3%; padding-bottom:3%; border-bottom:#CCC solid 1px;}
#creditCardFormTb section section .sectionInner{ margin-left:3%;}


#creditCardFormTb #creditCardSec{}
#creditCardFormTb #creditCardSec #creditCardNameInput input,
/*2020年10月20日追記ここから*/
#creditCardFormTb #creditCardSec #creditCardYukouInput input{ margin:0 1.5%; width:35%;}
/*2020年10月20日追記ここまで*/
#creditCardFormTb #creditCardSec #creditCardYukouInput dd input:first-child{margin-left:0;}
#creditCardFormTb #creditCardSec dt{ font-size:100%; color:#000; margin-bottom:1.5%;}
#creditCardFormTb #creditCardSec dt label{ font-size:100%;}
#creditCardFormTb #creditCardSec dd{ margin-top:1.5%;}
#creditCardFormTb #creditCardSec li{ margin-bottom:3%;}

#creditCardSubmit-area.confirmBtnBox{width:100%;margin: 2em auto 3em;position:relative;}
#creditCardFormTb #other-area .btn{background: #d7d7d7;color: #0e7ea4;width: 250px;font-size: 100%;}
#creditCardFormTb #backBtn{background:#888;font-size: 100%;left:0;color:#fff;height: 40px;}
#creditCardConfBtnBox{ margin-top:4%;}
#creditCardConfBtnBox #ppSslUl li{ text-align:center; line-height:1.2em; margin:1.5% 0;}
/* ↑↑2005追記↑↑ */