@charset "UTF-8";

.lazyload { opacity: 0;}
.lazyloading { opacity: 1;}
.lazyloaded { opacity: 1; transition: opacity 200ms;}

body .lightboxOverlay { z-index: 99999;}
body .lightbox { z-index: 100000;}

/* ---------------------------------------
 Landingpage
---------------------------------------- */
.pane-landingpage-contents { background: #fff;}
.block-landingpage h2[class^="block-landingpage"] { margin: 60px 0 20px 0; padding: 0; border: none;}
.block-landingpage .block-landingpage-login--member h2.block-landingpage-login--member-header,
.block-landingpage h2.block-landingpage-form--goods-title,
.block-landingpage h2.block-landingpage-form--guest-title { margin-top: 0;}
.block-landingpage #method_spec h3,
.block-landingpage #method_pay h3 { padding: 0; margin: 0 0 20px 0; border: none;}
.block-landingpage .block-landingpage-login--member-message { font-size: 18px; text-align: center;}
.block-landingpage .block-landingpage-login--ask-password { font-size: 16px; text-align: center;}
.block-landingpage .block-landingpage-login--ask-password a { text-decoration: underline;}
.block-landingpage .block-landingpage-form--sales-append-content,
.block-landingpage .fieldset.block-landingpage-login--guest-info,
.block-landingpage .block-landingpage-other--dest-input { padding: 0; margin: 0; border: none;}
.block-landingpage .block-landingpage-other--dest { margin: 30px 0 10px; padding: 20px; border: none;}
.block-landingpage .block-landingpage-login--member-body,
.block-landingpage .block-landingpage-form,
.block-landingpage .block-landingpage-login--guest-body,
.block-landingpage .block-landingpage-form--spec-content,
.block-landingpage .block-landingpage-form--payment-content { border: #dcdcdc 2px solid;}
.block-landingpage-form--spec-content dl dt { float: left;}
.block-landingpage-form--spec-content dl dd { margin-left: 8em;}
.block-landingpage input { max-width: 600px;}
.pane-landingpage-contents #frmLP .action-buttons.order { margin: 60px 0 80px;}
.pane-landingpage-contents .action-buttons .btn.btn-primary { width: 520px; padding: 20px 0; border-radius: 3px; font-size: 20px; text-align: center;}

.pane-landingpage-contents #lp_details { margin-top: 80px;}
.pane-landingpage-contents .detail-box { margin: 0 0 70px 0;}
.pane-landingpage-contents .detail-box#detail_bottom { margin: 0 0 10px 0;}
.pane-landingpage-contents .detail-box .detail-ttl { padding: 10px 0; margin: 0; border: none; font-size: 20px; font-weight: bold; text-align: center; background: #707070; color: #fff;}
.pane-landingpage-contents .detail-box .detail-inbox { padding: 20px; border-left: #dedede 2px solid; border-right: #dedede 2px solid; border-bottom: #dedede 2px solid;}
.pane-landingpage-contents .detail-box .detail-inbox.table { padding: 0;}
.pane-landingpage-contents .detail-box p + p { margin-top: 10px;}
.pane-landingpage-contents .detail-box .notice-list { margin: 0 1em 10px;}
.pane-landingpage-contents .detail-box .notice-list li { list-style: disc inside; padding-left: 1em; text-indent: -1em;}
.pane-landingpage-contents .detail-box .dl-table { display: flex; align-items: stretch;}
.pane-landingpage-contents .detail-box .dl-table + .dl-table { border-top: #dedede 2px solid;}
.pane-landingpage-contents .detail-box .dl-table dt { width: 25%; padding: 20px; border-right: #dedede 2px solid; box-sizing: border-box; display: flex; align-items: center; justify-content: center;}
.pane-landingpage-contents .detail-box .dl-table dd { width: 75%; padding: 20px; box-sizing: border-box;}