.rCardPriceDisplay { position: relative; padding: 1px 0 19px !important; box-sizing: initial!important; } .rCardPriceDisplay *, .rCardPriceDisplay *:after, .rCardPriceDisplay *::before { box-sizing: initial!important; font-family: "Meiryo","Hiragino Kaku Gothic ProN","MS PGothic",sans-serif!important; } .rCardPriceDisplay__btn { position: relative; width: 315px; border-radius: 3px; background: #fff; font-size: 11px; color: #333; border: solid 1px #ccc; padding: 4px 21px 2px 10px !important; cursor: pointer; transition: opacity 0.2s linear; background: #fff; text-align: center; box-sizing: content-box; } .rCardPriceDisplay__btn > span:nth-child(1) { color: #009a4d; font-weight: bold; font-size: 13px; } .rCardPriceDisplay__btn > span:nth-child(2) { font-weight: bold; font-size: 11px; } .rCardPriceDisplay__btn > span:nth-child(3) { font-weight: normal; display: block; } .rCardPriceDisplay__btn:hover { opacity: 0.7; } .rCardPriceDisplay__btn.is-open { padding: 3px 21px 2px 9px !important; border: solid 2px #009a4d; border-radius: 3px 3px 0 0; opacity: 1 !important; border-bottom: none; position: relative; z-index: 2000000; } .isIE .rCardPriceDisplay__btn.is-open { position: relative; z-index: 100000001 !important; padding-bottom: 4px !important; } .rCardPriceDisplay__btn:after { position: absolute; content: ''; display: block; top: -4px; right: 8px; bottom: 0; margin: auto !important; width: 6px; height: 6px; transform: rotate(45deg); border-right: solid 2px #999; border-bottom: solid 2px #999; } .is-open.rCardPriceDisplay__btn:after { top: 2px; transform: rotate(-135deg); } .rCardPriceDisplayModal { display: none !important; position: absolute; width: 396px; top: 27px; left: 0; z-index: 100000000; background: #fff; border: solid 2px #009a4d; border-radius: 0 3px 3px; } .isIE .rCardPriceDisplayModal { top: -2px !important; z-index: 100000000 !important; } .rCardPriceDisplayModal.is-open:before { position: absolute; content: ''; display: block !important; top: -2px; left: 0; width: 345px; height: 2px; background: #fff; } .rCardPriceDisplayModal.is-open { display: block !important; } .rCardPriceDisplayModal__inner { width: 100%; height: auto; background: #fff; } .rCardPriceDisplayModal__head { height: 48px; box-shadow: 0 1px 0 0 #e2e2e2; } .rCardPriceDisplayModal__content { padding: 11px 8px !important; } .rCardPriceDisplayModal__close { position: absolute; cursor: pointer; top: -1px; right: -1px; width: 18px; height: 18px; background: url(https://a.ichiba.jp.rakuten-static.com/com/img/item/card_cancel.png) 0 0 no-repeat; } .rCardPriceDisplayModal__image { margin-bottom: 10px !important; } .rCardPriceTable { background: #d3f4df; padding: 0 10px 4px !important; font-size: 12px; text-align: left; margin-bottom: 10px !important; } .rCardPriceTable__head { height: 40px; line-height: 40px; font-size: 14px; font-weight: bold; color: #009a4d; border-bottom: solid 1px #b5e8cc; margin: 0 !important; } p.rCardPriceTable__head { line-height: 40px !important; } .rCardPriceTable__table { width: 100%; border-collapse: collapse; text-align: left; } .rCardPriceTable__row { overflow: hidden; border-bottom: solid 1px #b5e8cc; } .isIE .rCardPriceTable__row { clear: both; } .rCardPriceTable__row:last-child { border-bottom: none; } .rCardPriceTable__row:nth-child(2) { border-bottom: solid 1px #009a4d; } .rCardPriceTable__col { height: 37px; line-height: 37px !important; font-weight: normal; font-size: 13px; } .isIE .rCardPriceTable__col { width: 100% !important; } td.rCardPriceTable__col { word-break: break-all; width: 140px; } .rCardPriceTable__col--l { float: left; text-align: left; } .isIE .rCardPriceTable__col--l { float: none !important; } .isIE .rCardPriceTable__col--r { float: none !important; } .rCardPriceTable__col span { color: #009a4d; line-height: 37px !important; } .rCardPriceTable__col--price { font-size: 16px; text-align: right; } .rCardPriceTable__col--price span { font-weight: bold; } .rCardPriceTable__col--total { padding-top: 7px !important; line-height: 1.5 !important; vertical-align: top; } .rCardPriceTable__col--actual { font-size: 18px; text-align: right; vertical-align: bottom !important; color: #bf0000; font-weight: bold !important; padding-top: 11px !important; } .rCardPriceTable__col--actual p { display: inline-block; font-size: 24px; margin: 0 !important; font-weight: bold; } .rCardPriceDisplayModal__price { width: 100%; } .isIE .rCardPriceDisplayModal__price { width: 380px !important; } .rCardPriceDisplayModal__submit { display: block; height: 56px; line-height: 56px !important; text-align: center; font-size: 20px; border-radius: 3px; background-color: #009a4d !important; color: #fff !important; opacity: 1; text-decoration: none !important; } .isIE .rCardPriceDisplayModal__submit { width: 380px !important; } .rCardPriceDisplayModal__submit span { line-height: 56px !important; font-size: 20px !important; } .rCardPriceDisplayModal__submit:active { background: #008040; } .rCardPriceDisplayModal__note { font-size: 11px; line-height: 1.36 !important; padding-top: 14px !important; } .is-fixedHeight { height: 100%; overflow: hidden; }