@charset "UTF-8"; /* ========================================== マイページ ============================================ */ /* --------------------------------------------------------------------------- マイページ - 移植 --------------------------------------------------------------------------- */ /*---------------------------------------------------------------------------------------------- 注文履歴一覧画面でのカート投入時フローティングウィンドウ表示 PC、スマートフォンで同じものを利用 ----------------------------------------------------------------------------------------------*/ /* フローティングウィンドウデザイン */ #addCartResultPopup { display: none; position: absolute; z-index: 0; background: #FDFDFD; width: 200px; height: 200px; border: 2px solid #777; text-align: center; -webkit-box-shadow: 8px 8px 16px #AAA; box-shadow: 8px 8px 16px #AAA; } /* フローティングウィンドウ内、タイトル */ #addCartResultPopup .popupTitle { width: 100%; background: #EFEFEF; border-bottom: solid 1px #DDD; padding-top: 5px; padding-bottom: 5px; font-weight: bold; } /* フローティングウィンドウ内、非表示ボタン */ #addCartResultPopup .closePopup { cursor: pointer; } /* 購入履歴 クレジットカード個人情報利用同意モーダル */ #personalInformationConsentWrapper { position: fixed; top: 0; left: 0; display: none; } #personalInformationConsentWrapper #background { width: 100%; height: 100vh; position: fixed; top: 0; left: 0; /*他ページに合わせる*/ background-color: rgba(0, 0, 0, 0.6); } #personalInformationConsentWrapper .personal-information-consent-modal { width: 500px; padding: 10px 20px 20px; background-color: #fff; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 500; font-size: 13px; overflow-y: scroll; } #personalInformationConsentWrapper .personal-information-consent-modal .consent-button-wrapper { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #personalInformationConsentWrapper .personal-information-consent-modal p { line-height: 1rem; } #personalInformationConsentWrapper .personal-information-consent-modal #closeModal { text-align: right; font-size: 30px; font-weight: bold; margin-bottom: 10px; cursor: pointer; } .dvUserCreditCardInfo .personal-info-consent-wrapper { padding: 5px; border: solid 1px #000; } .dvUserCreditCardInfo .personal-info-consent-wrapper .btn-wrapper { margin-top: 10px; } /*---------------------------------------------------------------------------------------------- 注文履歴一覧画面でのカート投入時フローティングウィンドウ表示 PC、スマートフォンで同じものを利用 ----------------------------------------------------------------------------------------------*/ /* フローティングウィンドウデザイン */ #addCartResultPopup { display: none; position: absolute; z-index: 0; background: #FDFDFD; width: 200px; height: 200px; border: 2px solid #777; text-align: center; -webkit-box-shadow: 8px 8px 16px #AAA; box-shadow: 8px 8px 16px #AAA; } /* フローティングウィンドウ内、タイトル */ #addCartResultPopup .popupTitle { width: 100%; background: #EFEFEF; border-bottom: solid 1px #DDD; padding-top: 5px; padding-bottom: 5px; font-weight: bold; } /* フローティングウィンドウ内、非表示ボタン */ #addCartResultPopup .closePopup { cursor: pointer; } /* スマホ ------------------------ */ /* --------------------------------------------------------------------------- マイページ - 共通パーツ --------------------------------------------------------------------------- */ /** -------------------- 基本レイアウト -------------------- **/ #dvUserBox.dfk-user { width: 100%; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 50px; } #dvUserBox.dfk-user .dfk-user-heading { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } #dvUserBox.dfk-user .dfk-user-heading:not(:last-child) { margin-bottom: -50px; } #dvUserBox.dfk-user .dfk-user-contents { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 850px; } #dvUserBox.dfk-user .dfk-user-contents:last-of-type { margin: 0 auto; } #dvUserBox.dfk-user .dfk-user-contents--full { max-width: none; } #dvUserBox.dfk-user #dvUserMenu.dfk-user-menu { -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; } /** -------------------- ナビ -------------------- **/ #dvUserBox #dvUserMenu.dfk-user-menu { background: none; padding: 0; margin: 0; } #dvUserBox #dvUserMenu.dfk-user-menu .dfk-user-menu-ttl { text-align: center; background: var(--c_bg_wht); border-radius: 5px; margin-bottom: 8px; font-size: 18px; font-weight: 700; line-height: 1; padding: 16px; } #dvUserBox #dvUserMenu.dfk-user-menu .dfk-user-menu-list { display: block; } #dvUserBox #dvUserMenu.dfk-user-menu .dfk-user-menu-list-item { width: 100%; display: block; border: 1px solid var(--c_bg_gray); border-width: 0 0 1px; background: none; margin: 0; text-align: left; font-size: 16px; line-height: normal; } #dvUserBox #dvUserMenu.dfk-user-menu .dfk-user-menu-list-item-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 14px; -moz-column-gap: 14px; column-gap: 14px; padding: 20px; position: relative; border: 0; } #dvUserBox #dvUserMenu.dfk-user-menu .dfk-user-menu-list-item-link:after { content: ""; width: 8px; height: 8px; -ms-flex-negative: 0; flex-shrink: 0; margin-left: auto; background: url(../../Contents/ImagesPkg/dogfoodkoubou2026/common/chevron.png) no-repeat center/contain; } #dvUserBox #dvUserMenu.dfk-user-menu .dfk-user-menu-list-item-ico { -webkit-box-flex: 0; -ms-flex: 0 0 25px; flex: 0 0 25px; } /** -------------------- モーダル -------------------- **/ #dvUserBox .dfk-user-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 20px; opacity: 0; visibility: hidden; -webkit-transition: var(--anim); transition: var(--anim); } #dvUserBox .dfk-user-modal.is-show { opacity: 1; visibility: visible; } #dvUserBox .dfk-user-modal .dfk-user-modal-mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: rgba(0, 0, 0, 0.4); } #dvUserBox .dfk-user-modal .dfk-user-modal-container { width: 100%; height: 100%; max-width: 700px; max-height: 470px; padding: 70px 50px 34px; background: var(--c_wht); border-radius: 30px; } #dvUserBox .dfk-user-modal .dfk-user-modal-container-in { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; row-gap: 20px; } #dvUserBox .dfk-user-modal .dfk-user-modal-ttl { text-align: center; font-size: 28px; font-weight: 700; line-height: 1; color: var(--c_orange); margin-bottom: 26px; } #dvUserBox .dfk-user-modal .dfk-user-modal-txt a { font-weight: 700; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; } #dvUserBox .dfk-user-modal .dfk-user-modal-action { margin-top: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 8px; } #dvUserBox .js-modalOpen { cursor: pointer; -webkit-transition: var(--anim); transition: var(--anim); } /** -------------------- 共通デザイン -------------------- **/ #dvUserBox { font-size: 16px; line-height: 1.4; } #dvUserBox .dfk-user-h3 { font-size: 24px; font-weight: 500; line-height: normal; margin: 50px 0 30px; } #dvUserBox .dfk-user-h3:first-child { margin-top: 0; } #dvUserBox .dfk-user-h3:last-child { margin-bottom: 0; } #dvUserBox .dfk-user-notice { color: var(--c_orange); } #dvUserBox .dfk-user-bnr { margin-bottom: 50px; } #dvUserBox .dfk-user-bnr:last-child { margin-bottom: 0; } #dvUserBox .dfk-user-bnr img { margin: 0 auto; } #dvUserBox .dfk-user-action { margin-top: 50px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 20px; } #dvUserBox #dfk-controller { margin-top: 80px; } #dvUserBox #dfk-controller .dfk-controller-status { text-align: center; } @media (min-width: 769px) { #dvUserBox #dfk-controller .dfk-controller-pager-list a { white-space: nowrap; } } #dvUserBox .dfk-user-guide { background: var(--c_bg_gray); padding: 40px 30px; line-height: normal; margin-bottom: 30px; } #dvUserBox .dfk-user-guide-ttl { color: var(--c_orange); font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 20px; } #dvUserBox .dfk-user-attention { margin: 60px 0; padding: 40px 30px; border: 1px solid var(--c_orange); } #dvUserBox .dfk-user-attention:first-child { margin-top: 0; } #dvUserBox .dfk-user-attention:last-child { margin-bottom: 0; } #dvUserBox .dfk-user-attention-txt { line-height: normal; text-align: left; margin: 24px 0; } #dvUserBox .dfk-user-attention-txt:first-child { margin-top: 0; } #dvUserBox .dfk-user-attention-txt:last-child { margin-bottom: 0; } #dvUserBox #dvOrderHistoryDetail table, #dvUserBox #dvUserModifyInput table, #dvUserBox #dvUserModifyConfirm table, #dvUserBox #dvUserShippingInput table, #dvUserBox #dvUserRegistInput table, #dvUserBox #dvUserRegistConfirm table, #dvUserBox #dvFixedPurchaseDetail table, #dvUserBox #dvFixedPurchaseList table, #dvUserBox #dvPasswordReminderInput .dvReminder table, #dvUserBox #dvPasswordModifyInput .dvModify table, #dvUserBox #dvUserCreditCardInput table, #dvUserBox #dvOrderHistoryList table, #dvUserBox #dvUserInquiryInput table, #dvUserBox #dvUserInquiryConfirm table { margin: 30px 0 0; width: 100%; table-layout: fixed; border-top: 1px solid var(--c_bg_gray); } #dvUserBox #dvOrderHistoryDetail table:first-child, #dvUserBox #dvUserModifyInput table:first-child, #dvUserBox #dvUserModifyConfirm table:first-child, #dvUserBox #dvUserShippingInput table:first-child, #dvUserBox #dvUserRegistInput table:first-child, #dvUserBox #dvUserRegistConfirm table:first-child, #dvUserBox #dvFixedPurchaseDetail table:first-child, #dvUserBox #dvFixedPurchaseList table:first-child, #dvUserBox #dvPasswordReminderInput .dvReminder table:first-child, #dvUserBox #dvPasswordModifyInput .dvModify table:first-child, #dvUserBox #dvUserCreditCardInput table:first-child, #dvUserBox #dvOrderHistoryList table:first-child, #dvUserBox #dvUserInquiryInput table:first-child, #dvUserBox #dvUserInquiryConfirm table:first-child { margin-top: 0; } #dvUserBox #dvOrderHistoryDetail table th, #dvUserBox #dvUserModifyInput table th, #dvUserBox #dvUserModifyConfirm table th, #dvUserBox #dvUserShippingInput table th, #dvUserBox #dvUserRegistInput table th, #dvUserBox #dvUserRegistConfirm table th, #dvUserBox #dvFixedPurchaseDetail table th, #dvUserBox #dvFixedPurchaseList table th, #dvUserBox #dvPasswordReminderInput .dvReminder table th, #dvUserBox #dvPasswordModifyInput .dvModify table th, #dvUserBox #dvUserCreditCardInput table th, #dvUserBox #dvOrderHistoryList table th, #dvUserBox #dvUserInquiryInput table th, #dvUserBox #dvUserInquiryConfirm table th { padding: 20px 10px 19px 0; border-bottom: 1px solid var(--c_bg_gray); vertical-align: middle; font-size: 18px; font-weight: 700; } #dvUserBox #dvOrderHistoryDetail table th:first-child, #dvUserBox #dvUserModifyInput table th:first-child, #dvUserBox #dvUserModifyConfirm table th:first-child, #dvUserBox #dvUserShippingInput table th:first-child, #dvUserBox #dvUserRegistInput table th:first-child, #dvUserBox #dvUserRegistConfirm table th:first-child, #dvUserBox #dvFixedPurchaseDetail table th:first-child, #dvUserBox #dvFixedPurchaseList table th:first-child, #dvUserBox #dvPasswordReminderInput .dvReminder table th:first-child, #dvUserBox #dvPasswordModifyInput .dvModify table th:first-child, #dvUserBox #dvUserCreditCardInput table th:first-child, #dvUserBox #dvOrderHistoryList table th:first-child, #dvUserBox #dvUserInquiryInput table th:first-child, #dvUserBox #dvUserInquiryConfirm table th:first-child { width: 260px; } #dvUserBox #dvOrderHistoryDetail table td, #dvUserBox #dvUserModifyInput table td, #dvUserBox #dvUserModifyConfirm table td, #dvUserBox #dvUserShippingInput table td, #dvUserBox #dvUserRegistInput table td, #dvUserBox #dvUserRegistConfirm table td, #dvUserBox #dvFixedPurchaseDetail table td, #dvUserBox #dvFixedPurchaseList table td, #dvUserBox #dvPasswordReminderInput .dvReminder table td, #dvUserBox #dvPasswordModifyInput .dvModify table td, #dvUserBox #dvUserCreditCardInput table td, #dvUserBox #dvOrderHistoryList table td, #dvUserBox #dvUserInquiryInput table td, #dvUserBox #dvUserInquiryConfirm table td { padding: 20px 0 19px; border-bottom: 1px solid var(--c_bg_gray); vertical-align: middle; position: relative; } #dvUserBox #dvOrderHistoryDetail table td #search-result-layer, #dvUserBox #dvUserModifyInput table td #search-result-layer, #dvUserBox #dvUserModifyConfirm table td #search-result-layer, #dvUserBox #dvUserShippingInput table td #search-result-layer, #dvUserBox #dvUserRegistInput table td #search-result-layer, #dvUserBox #dvUserRegistConfirm table td #search-result-layer, #dvUserBox #dvFixedPurchaseDetail table td #search-result-layer, #dvUserBox #dvFixedPurchaseList table td #search-result-layer, #dvUserBox #dvPasswordReminderInput .dvReminder table td #search-result-layer, #dvUserBox #dvPasswordModifyInput .dvModify table td #search-result-layer, #dvUserBox #dvUserCreditCardInput table td #search-result-layer, #dvUserBox #dvOrderHistoryList table td #search-result-layer, #dvUserBox #dvUserInquiryInput table td #search-result-layer, #dvUserBox #dvUserInquiryConfirm table td #search-result-layer { top: calc(100% - 8px); max-width: 100%; height: auto; max-height: 440px; border: 1px solid var(--c_gray); } #dvUserBox #dvOrderHistoryDetail table td #search-result-layer .search-result-layer-title, #dvUserBox #dvUserModifyInput table td #search-result-layer .search-result-layer-title, #dvUserBox #dvUserModifyConfirm table td #search-result-layer .search-result-layer-title, #dvUserBox #dvUserShippingInput table td #search-result-layer .search-result-layer-title, #dvUserBox #dvUserRegistInput table td #search-result-layer .search-result-layer-title, #dvUserBox #dvUserRegistConfirm table td #search-result-layer .search-result-layer-title, #dvUserBox #dvFixedPurchaseDetail table td #search-result-layer .search-result-layer-title, #dvUserBox #dvFixedPurchaseList table td #search-result-layer .search-result-layer-title, #dvUserBox #dvPasswordReminderInput .dvReminder table td #search-result-layer .search-result-layer-title, #dvUserBox #dvPasswordModifyInput .dvModify table td #search-result-layer .search-result-layer-title, #dvUserBox #dvUserCreditCardInput table td #search-result-layer .search-result-layer-title, #dvUserBox #dvOrderHistoryList table td #search-result-layer .search-result-layer-title, #dvUserBox #dvUserInquiryInput table td #search-result-layer .search-result-layer-title, #dvUserBox #dvUserInquiryConfirm table td #search-result-layer .search-result-layer-title { height: auto; padding: 4px; background: var(--c_bg_gray); border-bottom: 1px solid var(--c_gray); color: var(--c_text); font-size: 16px; } #dvUserBox #dvOrderHistoryDetail table td #search-result-layer .search-result-layer-addrs, #dvUserBox #dvUserModifyInput table td #search-result-layer .search-result-layer-addrs, #dvUserBox #dvUserModifyConfirm table td #search-result-layer .search-result-layer-addrs, #dvUserBox #dvUserShippingInput table td #search-result-layer .search-result-layer-addrs, #dvUserBox #dvUserRegistInput table td #search-result-layer .search-result-layer-addrs, #dvUserBox #dvUserRegistConfirm table td #search-result-layer .search-result-layer-addrs, #dvUserBox #dvFixedPurchaseDetail table td #search-result-layer .search-result-layer-addrs, #dvUserBox #dvFixedPurchaseList table td #search-result-layer .search-result-layer-addrs, #dvUserBox #dvPasswordReminderInput .dvReminder table td #search-result-layer .search-result-layer-addrs, #dvUserBox #dvPasswordModifyInput .dvModify table td #search-result-layer .search-result-layer-addrs, #dvUserBox #dvUserCreditCardInput table td #search-result-layer .search-result-layer-addrs, #dvUserBox #dvOrderHistoryList table td #search-result-layer .search-result-layer-addrs, #dvUserBox #dvUserInquiryInput table td #search-result-layer .search-result-layer-addrs, #dvUserBox #dvUserInquiryConfirm table td #search-result-layer .search-result-layer-addrs { height: auto; } #dvUserBox #dvOrderHistoryDetail table td #search-result-layer .search-result-layer-close, #dvUserBox #dvUserModifyInput table td #search-result-layer .search-result-layer-close, #dvUserBox #dvUserModifyConfirm table td #search-result-layer .search-result-layer-close, #dvUserBox #dvUserShippingInput table td #search-result-layer .search-result-layer-close, #dvUserBox #dvUserRegistInput table td #search-result-layer .search-result-layer-close, #dvUserBox #dvUserRegistConfirm table td #search-result-layer .search-result-layer-close, #dvUserBox #dvFixedPurchaseDetail table td #search-result-layer .search-result-layer-close, #dvUserBox #dvFixedPurchaseList table td #search-result-layer .search-result-layer-close, #dvUserBox #dvPasswordReminderInput .dvReminder table td #search-result-layer .search-result-layer-close, #dvUserBox #dvPasswordModifyInput .dvModify table td #search-result-layer .search-result-layer-close, #dvUserBox #dvUserCreditCardInput table td #search-result-layer .search-result-layer-close, #dvUserBox #dvOrderHistoryList table td #search-result-layer .search-result-layer-close, #dvUserBox #dvUserInquiryInput table td #search-result-layer .search-result-layer-close, #dvUserBox #dvUserInquiryConfirm table td #search-result-layer .search-result-layer-close { background: var(--c_bg_gray); border: 1px solid var(--c_gray); height: auto; color: var(--c_text); padding: 4px !important; margin: 20px auto !important; font-size: 14px; } #dvUserBox #dvOrderHistoryDetail table thead th, #dvUserBox #dvOrderHistoryDetail table thead td, #dvUserBox #dvUserModifyInput table thead th, #dvUserBox #dvUserModifyInput table thead td, #dvUserBox #dvUserModifyConfirm table thead th, #dvUserBox #dvUserModifyConfirm table thead td, #dvUserBox #dvUserShippingInput table thead th, #dvUserBox #dvUserShippingInput table thead td, #dvUserBox #dvUserRegistInput table thead th, #dvUserBox #dvUserRegistInput table thead td, #dvUserBox #dvUserRegistConfirm table thead th, #dvUserBox #dvUserRegistConfirm table thead td, #dvUserBox #dvFixedPurchaseDetail table thead th, #dvUserBox #dvFixedPurchaseDetail table thead td, #dvUserBox #dvFixedPurchaseList table thead th, #dvUserBox #dvFixedPurchaseList table thead td, #dvUserBox #dvPasswordReminderInput .dvReminder table thead th, #dvUserBox #dvPasswordReminderInput .dvReminder table thead td, #dvUserBox #dvPasswordModifyInput .dvModify table thead th, #dvUserBox #dvPasswordModifyInput .dvModify table thead td, #dvUserBox #dvUserCreditCardInput table thead th, #dvUserBox #dvUserCreditCardInput table thead td, #dvUserBox #dvOrderHistoryList table thead th, #dvUserBox #dvOrderHistoryList table thead td, #dvUserBox #dvUserInquiryInput table thead th, #dvUserBox #dvUserInquiryInput table thead td, #dvUserBox #dvUserInquiryConfirm table thead th, #dvUserBox #dvUserInquiryConfirm table thead td { background: var(--c_bg_gray); padding-left: 20px; padding-right: 20px; } #dvUserBox #dvOrderHistoryDetail table thead ~ tbody th, #dvUserBox #dvOrderHistoryDetail table thead ~ tbody td, #dvUserBox #dvUserModifyInput table thead ~ tbody th, #dvUserBox #dvUserModifyInput table thead ~ tbody td, #dvUserBox #dvUserModifyConfirm table thead ~ tbody th, #dvUserBox #dvUserModifyConfirm table thead ~ tbody td, #dvUserBox #dvUserShippingInput table thead ~ tbody th, #dvUserBox #dvUserShippingInput table thead ~ tbody td, #dvUserBox #dvUserRegistInput table thead ~ tbody th, #dvUserBox #dvUserRegistInput table thead ~ tbody td, #dvUserBox #dvUserRegistConfirm table thead ~ tbody th, #dvUserBox #dvUserRegistConfirm table thead ~ tbody td, #dvUserBox #dvFixedPurchaseDetail table thead ~ tbody th, #dvUserBox #dvFixedPurchaseDetail table thead ~ tbody td, #dvUserBox #dvFixedPurchaseList table thead ~ tbody th, #dvUserBox #dvFixedPurchaseList table thead ~ tbody td, #dvUserBox #dvPasswordReminderInput .dvReminder table thead ~ tbody th, #dvUserBox #dvPasswordReminderInput .dvReminder table thead ~ tbody td, #dvUserBox #dvPasswordModifyInput .dvModify table thead ~ tbody th, #dvUserBox #dvPasswordModifyInput .dvModify table thead ~ tbody td, #dvUserBox #dvUserCreditCardInput table thead ~ tbody th, #dvUserBox #dvUserCreditCardInput table thead ~ tbody td, #dvUserBox #dvOrderHistoryList table thead ~ tbody th, #dvUserBox #dvOrderHistoryList table thead ~ tbody td, #dvUserBox #dvUserInquiryInput table thead ~ tbody th, #dvUserBox #dvUserInquiryInput table thead ~ tbody td, #dvUserBox #dvUserInquiryConfirm table thead ~ tbody th, #dvUserBox #dvUserInquiryConfirm table thead ~ tbody td { padding-left: 20px; padding-right: 20px; } #dvUserBox #dvOrderHistoryDetail table .dfk-user-table-flex, #dvUserBox #dvUserModifyInput table .dfk-user-table-flex, #dvUserBox #dvUserModifyConfirm table .dfk-user-table-flex, #dvUserBox #dvUserShippingInput table .dfk-user-table-flex, #dvUserBox #dvUserRegistInput table .dfk-user-table-flex, #dvUserBox #dvUserRegistConfirm table .dfk-user-table-flex, #dvUserBox #dvFixedPurchaseDetail table .dfk-user-table-flex, #dvUserBox #dvFixedPurchaseList table .dfk-user-table-flex, #dvUserBox #dvPasswordReminderInput .dvReminder table .dfk-user-table-flex, #dvUserBox #dvPasswordModifyInput .dvModify table .dfk-user-table-flex, #dvUserBox #dvUserCreditCardInput table .dfk-user-table-flex, #dvUserBox #dvOrderHistoryList table .dfk-user-table-flex, #dvUserBox #dvUserInquiryInput table .dfk-user-table-flex, #dvUserBox #dvUserInquiryConfirm table .dfk-user-table-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px 20px; } #dvUserBox #dvOrderHistoryDetail table .dfk-user-table-flex .dfk-btn, #dvUserBox #dvUserModifyInput table .dfk-user-table-flex .dfk-btn, #dvUserBox #dvUserModifyConfirm table .dfk-user-table-flex .dfk-btn, #dvUserBox #dvUserShippingInput table .dfk-user-table-flex .dfk-btn, #dvUserBox #dvUserRegistInput table .dfk-user-table-flex .dfk-btn, #dvUserBox #dvUserRegistConfirm table .dfk-user-table-flex .dfk-btn, #dvUserBox #dvFixedPurchaseDetail table .dfk-user-table-flex .dfk-btn, #dvUserBox #dvFixedPurchaseList table .dfk-user-table-flex .dfk-btn, #dvUserBox #dvPasswordReminderInput .dvReminder table .dfk-user-table-flex .dfk-btn, #dvUserBox #dvPasswordModifyInput .dvModify table .dfk-user-table-flex .dfk-btn, #dvUserBox #dvUserCreditCardInput table .dfk-user-table-flex .dfk-btn, #dvUserBox #dvOrderHistoryList table .dfk-user-table-flex .dfk-btn, #dvUserBox #dvUserInquiryInput table .dfk-user-table-flex .dfk-btn, #dvUserBox #dvUserInquiryConfirm table .dfk-user-table-flex .dfk-btn { margin: 0; } #dvUserBox #dvOrderHistoryDetail table .dfk-user-table-flex--narrow, #dvUserBox #dvUserModifyInput table .dfk-user-table-flex--narrow, #dvUserBox #dvUserModifyConfirm table .dfk-user-table-flex--narrow, #dvUserBox #dvUserShippingInput table .dfk-user-table-flex--narrow, #dvUserBox #dvUserRegistInput table .dfk-user-table-flex--narrow, #dvUserBox #dvUserRegistConfirm table .dfk-user-table-flex--narrow, #dvUserBox #dvFixedPurchaseDetail table .dfk-user-table-flex--narrow, #dvUserBox #dvFixedPurchaseList table .dfk-user-table-flex--narrow, #dvUserBox #dvPasswordReminderInput .dvReminder table .dfk-user-table-flex--narrow, #dvUserBox #dvPasswordModifyInput .dvModify table .dfk-user-table-flex--narrow, #dvUserBox #dvUserCreditCardInput table .dfk-user-table-flex--narrow, #dvUserBox #dvOrderHistoryList table .dfk-user-table-flex--narrow, #dvUserBox #dvUserInquiryInput table .dfk-user-table-flex--narrow, #dvUserBox #dvUserInquiryConfirm table .dfk-user-table-flex--narrow { gap: 8px 10px; } #dvUserBox #dvOrderHistoryDetail table .notes, #dvUserBox #dvUserModifyInput table .notes, #dvUserBox #dvUserModifyConfirm table .notes, #dvUserBox #dvUserShippingInput table .notes, #dvUserBox #dvUserRegistInput table .notes, #dvUserBox #dvUserRegistConfirm table .notes, #dvUserBox #dvFixedPurchaseDetail table .notes, #dvUserBox #dvFixedPurchaseList table .notes, #dvUserBox #dvPasswordReminderInput .dvReminder table .notes, #dvUserBox #dvPasswordModifyInput .dvModify table .notes, #dvUserBox #dvUserCreditCardInput table .notes, #dvUserBox #dvOrderHistoryList table .notes, #dvUserBox #dvUserInquiryInput table .notes, #dvUserBox #dvUserInquiryConfirm table .notes { display: block; margin-top: 8px; } #dvUserBox #dvOrderHistoryDetail table .error_inline, #dvUserBox #dvUserModifyInput table .error_inline, #dvUserBox #dvUserModifyConfirm table .error_inline, #dvUserBox #dvUserShippingInput table .error_inline, #dvUserBox #dvUserRegistInput table .error_inline, #dvUserBox #dvUserRegistConfirm table .error_inline, #dvUserBox #dvFixedPurchaseDetail table .error_inline, #dvUserBox #dvFixedPurchaseList table .error_inline, #dvUserBox #dvPasswordReminderInput .dvReminder table .error_inline, #dvUserBox #dvPasswordModifyInput .dvModify table .error_inline, #dvUserBox #dvUserCreditCardInput table .error_inline, #dvUserBox #dvOrderHistoryList table .error_inline, #dvUserBox #dvUserInquiryInput table .error_inline, #dvUserBox #dvUserInquiryConfirm table .error_inline { display: block; margin-top: 8px; } #dvUserBox #dvOrderHistoryDetail table input[type=text], #dvUserBox #dvOrderHistoryDetail table input[type=tel], #dvUserBox #dvOrderHistoryDetail table input[type=email], #dvUserBox #dvOrderHistoryDetail table input[type=password], #dvUserBox #dvUserModifyInput table input[type=text], #dvUserBox #dvUserModifyInput table input[type=tel], #dvUserBox #dvUserModifyInput table input[type=email], #dvUserBox #dvUserModifyInput table input[type=password], #dvUserBox #dvUserModifyConfirm table input[type=text], #dvUserBox #dvUserModifyConfirm table input[type=tel], #dvUserBox #dvUserModifyConfirm table input[type=email], #dvUserBox #dvUserModifyConfirm table input[type=password], #dvUserBox #dvUserShippingInput table input[type=text], #dvUserBox #dvUserShippingInput table input[type=tel], #dvUserBox #dvUserShippingInput table input[type=email], #dvUserBox #dvUserShippingInput table input[type=password], #dvUserBox #dvUserRegistInput table input[type=text], #dvUserBox #dvUserRegistInput table input[type=tel], #dvUserBox #dvUserRegistInput table input[type=email], #dvUserBox #dvUserRegistInput table input[type=password], #dvUserBox #dvUserRegistConfirm table input[type=text], #dvUserBox #dvUserRegistConfirm table input[type=tel], #dvUserBox #dvUserRegistConfirm table input[type=email], #dvUserBox #dvUserRegistConfirm table input[type=password], #dvUserBox #dvFixedPurchaseDetail table input[type=text], #dvUserBox #dvFixedPurchaseDetail table input[type=tel], #dvUserBox #dvFixedPurchaseDetail table input[type=email], #dvUserBox #dvFixedPurchaseDetail table input[type=password], #dvUserBox #dvFixedPurchaseList table input[type=text], #dvUserBox #dvFixedPurchaseList table input[type=tel], #dvUserBox #dvFixedPurchaseList table input[type=email], #dvUserBox #dvFixedPurchaseList table input[type=password], #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=text], #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=tel], #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=email], #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=password], #dvUserBox #dvPasswordModifyInput .dvModify table input[type=text], #dvUserBox #dvPasswordModifyInput .dvModify table input[type=tel], #dvUserBox #dvPasswordModifyInput .dvModify table input[type=email], #dvUserBox #dvPasswordModifyInput .dvModify table input[type=password], #dvUserBox #dvUserCreditCardInput table input[type=text], #dvUserBox #dvUserCreditCardInput table input[type=tel], #dvUserBox #dvUserCreditCardInput table input[type=email], #dvUserBox #dvUserCreditCardInput table input[type=password], #dvUserBox #dvOrderHistoryList table input[type=text], #dvUserBox #dvOrderHistoryList table input[type=tel], #dvUserBox #dvOrderHistoryList table input[type=email], #dvUserBox #dvOrderHistoryList table input[type=password], #dvUserBox #dvUserInquiryInput table input[type=text], #dvUserBox #dvUserInquiryInput table input[type=tel], #dvUserBox #dvUserInquiryInput table input[type=email], #dvUserBox #dvUserInquiryInput table input[type=password], #dvUserBox #dvUserInquiryConfirm table input[type=text], #dvUserBox #dvUserInquiryConfirm table input[type=tel], #dvUserBox #dvUserInquiryConfirm table input[type=email], #dvUserBox #dvUserInquiryConfirm table input[type=password] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; background: var(--c_wht); border: 1px solid var(--c_gray); border-radius: 5px; padding: 15px; font-family: var(--font_ja); font-size: 16px; font-weight: 500; line-height: 1; margin: 0; } #dvUserBox #dvOrderHistoryDetail table input[type=text]::-webkit-input-placeholder, #dvUserBox #dvOrderHistoryDetail table input[type=tel]::-webkit-input-placeholder, #dvUserBox #dvOrderHistoryDetail table input[type=email]::-webkit-input-placeholder, #dvUserBox #dvOrderHistoryDetail table input[type=password]::-webkit-input-placeholder, #dvUserBox #dvUserModifyInput table input[type=text]::-webkit-input-placeholder, #dvUserBox #dvUserModifyInput table input[type=tel]::-webkit-input-placeholder, #dvUserBox #dvUserModifyInput table input[type=email]::-webkit-input-placeholder, #dvUserBox #dvUserModifyInput table input[type=password]::-webkit-input-placeholder, #dvUserBox #dvUserModifyConfirm table input[type=text]::-webkit-input-placeholder, #dvUserBox #dvUserModifyConfirm table input[type=tel]::-webkit-input-placeholder, #dvUserBox #dvUserModifyConfirm table input[type=email]::-webkit-input-placeholder, #dvUserBox #dvUserModifyConfirm table input[type=password]::-webkit-input-placeholder, #dvUserBox #dvUserShippingInput table input[type=text]::-webkit-input-placeholder, #dvUserBox #dvUserShippingInput table input[type=tel]::-webkit-input-placeholder, #dvUserBox #dvUserShippingInput table input[type=email]::-webkit-input-placeholder, #dvUserBox #dvUserShippingInput table input[type=password]::-webkit-input-placeholder, #dvUserBox #dvUserRegistInput table input[type=text]::-webkit-input-placeholder, #dvUserBox #dvUserRegistInput table input[type=tel]::-webkit-input-placeholder, #dvUserBox #dvUserRegistInput table input[type=email]::-webkit-input-placeholder, #dvUserBox #dvUserRegistInput table input[type=password]::-webkit-input-placeholder, #dvUserBox #dvUserRegistConfirm table input[type=text]::-webkit-input-placeholder, #dvUserBox #dvUserRegistConfirm table input[type=tel]::-webkit-input-placeholder, #dvUserBox #dvUserRegistConfirm table input[type=email]::-webkit-input-placeholder, #dvUserBox #dvUserRegistConfirm table input[type=password]::-webkit-input-placeholder, #dvUserBox #dvFixedPurchaseDetail table input[type=text]::-webkit-input-placeholder, #dvUserBox #dvFixedPurchaseDetail table input[type=tel]::-webkit-input-placeholder, #dvUserBox #dvFixedPurchaseDetail table input[type=email]::-webkit-input-placeholder, #dvUserBox #dvFixedPurchaseDetail table input[type=password]::-webkit-input-placeholder, #dvUserBox #dvFixedPurchaseList table input[type=text]::-webkit-input-placeholder, #dvUserBox #dvFixedPurchaseList table input[type=tel]::-webkit-input-placeholder, #dvUserBox #dvFixedPurchaseList table input[type=email]::-webkit-input-placeholder, #dvUserBox #dvFixedPurchaseList table input[type=password]::-webkit-input-placeholder, #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=text]::-webkit-input-placeholder, #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=tel]::-webkit-input-placeholder, #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=email]::-webkit-input-placeholder, #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=password]::-webkit-input-placeholder, #dvUserBox #dvPasswordModifyInput .dvModify table input[type=text]::-webkit-input-placeholder, #dvUserBox #dvPasswordModifyInput .dvModify table input[type=tel]::-webkit-input-placeholder, #dvUserBox #dvPasswordModifyInput .dvModify table input[type=email]::-webkit-input-placeholder, #dvUserBox #dvPasswordModifyInput .dvModify table input[type=password]::-webkit-input-placeholder, #dvUserBox #dvUserCreditCardInput table input[type=text]::-webkit-input-placeholder, #dvUserBox #dvUserCreditCardInput table input[type=tel]::-webkit-input-placeholder, #dvUserBox #dvUserCreditCardInput table input[type=email]::-webkit-input-placeholder, #dvUserBox #dvUserCreditCardInput table input[type=password]::-webkit-input-placeholder, #dvUserBox #dvOrderHistoryList table input[type=text]::-webkit-input-placeholder, #dvUserBox #dvOrderHistoryList table input[type=tel]::-webkit-input-placeholder, #dvUserBox #dvOrderHistoryList table input[type=email]::-webkit-input-placeholder, #dvUserBox #dvOrderHistoryList table input[type=password]::-webkit-input-placeholder, #dvUserBox #dvUserInquiryInput table input[type=text]::-webkit-input-placeholder, #dvUserBox #dvUserInquiryInput table input[type=tel]::-webkit-input-placeholder, #dvUserBox #dvUserInquiryInput table input[type=email]::-webkit-input-placeholder, #dvUserBox #dvUserInquiryInput table input[type=password]::-webkit-input-placeholder, #dvUserBox #dvUserInquiryConfirm table input[type=text]::-webkit-input-placeholder, #dvUserBox #dvUserInquiryConfirm table input[type=tel]::-webkit-input-placeholder, #dvUserBox #dvUserInquiryConfirm table input[type=email]::-webkit-input-placeholder, #dvUserBox #dvUserInquiryConfirm table input[type=password]::-webkit-input-placeholder { color: var(--c_gray) !important; } #dvUserBox #dvOrderHistoryDetail table input[type=text].sizeS, #dvUserBox #dvOrderHistoryDetail table input[type=tel].sizeS, #dvUserBox #dvOrderHistoryDetail table input[type=email].sizeS, #dvUserBox #dvOrderHistoryDetail table input[type=password].sizeS, #dvUserBox #dvUserModifyInput table input[type=text].sizeS, #dvUserBox #dvUserModifyInput table input[type=tel].sizeS, #dvUserBox #dvUserModifyInput table input[type=email].sizeS, #dvUserBox #dvUserModifyInput table input[type=password].sizeS, #dvUserBox #dvUserModifyConfirm table input[type=text].sizeS, #dvUserBox #dvUserModifyConfirm table input[type=tel].sizeS, #dvUserBox #dvUserModifyConfirm table input[type=email].sizeS, #dvUserBox #dvUserModifyConfirm table input[type=password].sizeS, #dvUserBox #dvUserShippingInput table input[type=text].sizeS, #dvUserBox #dvUserShippingInput table input[type=tel].sizeS, #dvUserBox #dvUserShippingInput table input[type=email].sizeS, #dvUserBox #dvUserShippingInput table input[type=password].sizeS, #dvUserBox #dvUserRegistInput table input[type=text].sizeS, #dvUserBox #dvUserRegistInput table input[type=tel].sizeS, #dvUserBox #dvUserRegistInput table input[type=email].sizeS, #dvUserBox #dvUserRegistInput table input[type=password].sizeS, #dvUserBox #dvUserRegistConfirm table input[type=text].sizeS, #dvUserBox #dvUserRegistConfirm table input[type=tel].sizeS, #dvUserBox #dvUserRegistConfirm table input[type=email].sizeS, #dvUserBox #dvUserRegistConfirm table input[type=password].sizeS, #dvUserBox #dvFixedPurchaseDetail table input[type=text].sizeS, #dvUserBox #dvFixedPurchaseDetail table input[type=tel].sizeS, #dvUserBox #dvFixedPurchaseDetail table input[type=email].sizeS, #dvUserBox #dvFixedPurchaseDetail table input[type=password].sizeS, #dvUserBox #dvFixedPurchaseList table input[type=text].sizeS, #dvUserBox #dvFixedPurchaseList table input[type=tel].sizeS, #dvUserBox #dvFixedPurchaseList table input[type=email].sizeS, #dvUserBox #dvFixedPurchaseList table input[type=password].sizeS, #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=text].sizeS, #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=tel].sizeS, #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=email].sizeS, #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=password].sizeS, #dvUserBox #dvPasswordModifyInput .dvModify table input[type=text].sizeS, #dvUserBox #dvPasswordModifyInput .dvModify table input[type=tel].sizeS, #dvUserBox #dvPasswordModifyInput .dvModify table input[type=email].sizeS, #dvUserBox #dvPasswordModifyInput .dvModify table input[type=password].sizeS, #dvUserBox #dvUserCreditCardInput table input[type=text].sizeS, #dvUserBox #dvUserCreditCardInput table input[type=tel].sizeS, #dvUserBox #dvUserCreditCardInput table input[type=email].sizeS, #dvUserBox #dvUserCreditCardInput table input[type=password].sizeS, #dvUserBox #dvOrderHistoryList table input[type=text].sizeS, #dvUserBox #dvOrderHistoryList table input[type=tel].sizeS, #dvUserBox #dvOrderHistoryList table input[type=email].sizeS, #dvUserBox #dvOrderHistoryList table input[type=password].sizeS, #dvUserBox #dvUserInquiryInput table input[type=text].sizeS, #dvUserBox #dvUserInquiryInput table input[type=tel].sizeS, #dvUserBox #dvUserInquiryInput table input[type=email].sizeS, #dvUserBox #dvUserInquiryInput table input[type=password].sizeS, #dvUserBox #dvUserInquiryConfirm table input[type=text].sizeS, #dvUserBox #dvUserInquiryConfirm table input[type=tel].sizeS, #dvUserBox #dvUserInquiryConfirm table input[type=email].sizeS, #dvUserBox #dvUserInquiryConfirm table input[type=password].sizeS { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #dvUserBox #dvOrderHistoryDetail table input[type=text].sizeM, #dvUserBox #dvOrderHistoryDetail table input[type=tel].sizeM, #dvUserBox #dvOrderHistoryDetail table input[type=email].sizeM, #dvUserBox #dvOrderHistoryDetail table input[type=password].sizeM, #dvUserBox #dvUserModifyInput table input[type=text].sizeM, #dvUserBox #dvUserModifyInput table input[type=tel].sizeM, #dvUserBox #dvUserModifyInput table input[type=email].sizeM, #dvUserBox #dvUserModifyInput table input[type=password].sizeM, #dvUserBox #dvUserModifyConfirm table input[type=text].sizeM, #dvUserBox #dvUserModifyConfirm table input[type=tel].sizeM, #dvUserBox #dvUserModifyConfirm table input[type=email].sizeM, #dvUserBox #dvUserModifyConfirm table input[type=password].sizeM, #dvUserBox #dvUserShippingInput table input[type=text].sizeM, #dvUserBox #dvUserShippingInput table input[type=tel].sizeM, #dvUserBox #dvUserShippingInput table input[type=email].sizeM, #dvUserBox #dvUserShippingInput table input[type=password].sizeM, #dvUserBox #dvUserRegistInput table input[type=text].sizeM, #dvUserBox #dvUserRegistInput table input[type=tel].sizeM, #dvUserBox #dvUserRegistInput table input[type=email].sizeM, #dvUserBox #dvUserRegistInput table input[type=password].sizeM, #dvUserBox #dvUserRegistConfirm table input[type=text].sizeM, #dvUserBox #dvUserRegistConfirm table input[type=tel].sizeM, #dvUserBox #dvUserRegistConfirm table input[type=email].sizeM, #dvUserBox #dvUserRegistConfirm table input[type=password].sizeM, #dvUserBox #dvFixedPurchaseDetail table input[type=text].sizeM, #dvUserBox #dvFixedPurchaseDetail table input[type=tel].sizeM, #dvUserBox #dvFixedPurchaseDetail table input[type=email].sizeM, #dvUserBox #dvFixedPurchaseDetail table input[type=password].sizeM, #dvUserBox #dvFixedPurchaseList table input[type=text].sizeM, #dvUserBox #dvFixedPurchaseList table input[type=tel].sizeM, #dvUserBox #dvFixedPurchaseList table input[type=email].sizeM, #dvUserBox #dvFixedPurchaseList table input[type=password].sizeM, #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=text].sizeM, #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=tel].sizeM, #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=email].sizeM, #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=password].sizeM, #dvUserBox #dvPasswordModifyInput .dvModify table input[type=text].sizeM, #dvUserBox #dvPasswordModifyInput .dvModify table input[type=tel].sizeM, #dvUserBox #dvPasswordModifyInput .dvModify table input[type=email].sizeM, #dvUserBox #dvPasswordModifyInput .dvModify table input[type=password].sizeM, #dvUserBox #dvUserCreditCardInput table input[type=text].sizeM, #dvUserBox #dvUserCreditCardInput table input[type=tel].sizeM, #dvUserBox #dvUserCreditCardInput table input[type=email].sizeM, #dvUserBox #dvUserCreditCardInput table input[type=password].sizeM, #dvUserBox #dvOrderHistoryList table input[type=text].sizeM, #dvUserBox #dvOrderHistoryList table input[type=tel].sizeM, #dvUserBox #dvOrderHistoryList table input[type=email].sizeM, #dvUserBox #dvOrderHistoryList table input[type=password].sizeM, #dvUserBox #dvUserInquiryInput table input[type=text].sizeM, #dvUserBox #dvUserInquiryInput table input[type=tel].sizeM, #dvUserBox #dvUserInquiryInput table input[type=email].sizeM, #dvUserBox #dvUserInquiryInput table input[type=password].sizeM, #dvUserBox #dvUserInquiryConfirm table input[type=text].sizeM, #dvUserBox #dvUserInquiryConfirm table input[type=tel].sizeM, #dvUserBox #dvUserInquiryConfirm table input[type=email].sizeM, #dvUserBox #dvUserInquiryConfirm table input[type=password].sizeM { width: 305px; max-width: 100%; } #dvUserBox #dvOrderHistoryDetail table input[type=text].zip, #dvUserBox #dvOrderHistoryDetail table input[type=tel].zip, #dvUserBox #dvOrderHistoryDetail table input[type=email].zip, #dvUserBox #dvOrderHistoryDetail table input[type=password].zip, #dvUserBox #dvUserModifyInput table input[type=text].zip, #dvUserBox #dvUserModifyInput table input[type=tel].zip, #dvUserBox #dvUserModifyInput table input[type=email].zip, #dvUserBox #dvUserModifyInput table input[type=password].zip, #dvUserBox #dvUserModifyConfirm table input[type=text].zip, #dvUserBox #dvUserModifyConfirm table input[type=tel].zip, #dvUserBox #dvUserModifyConfirm table input[type=email].zip, #dvUserBox #dvUserModifyConfirm table input[type=password].zip, #dvUserBox #dvUserShippingInput table input[type=text].zip, #dvUserBox #dvUserShippingInput table input[type=tel].zip, #dvUserBox #dvUserShippingInput table input[type=email].zip, #dvUserBox #dvUserShippingInput table input[type=password].zip, #dvUserBox #dvUserRegistInput table input[type=text].zip, #dvUserBox #dvUserRegistInput table input[type=tel].zip, #dvUserBox #dvUserRegistInput table input[type=email].zip, #dvUserBox #dvUserRegistInput table input[type=password].zip, #dvUserBox #dvUserRegistConfirm table input[type=text].zip, #dvUserBox #dvUserRegistConfirm table input[type=tel].zip, #dvUserBox #dvUserRegistConfirm table input[type=email].zip, #dvUserBox #dvUserRegistConfirm table input[type=password].zip, #dvUserBox #dvFixedPurchaseDetail table input[type=text].zip, #dvUserBox #dvFixedPurchaseDetail table input[type=tel].zip, #dvUserBox #dvFixedPurchaseDetail table input[type=email].zip, #dvUserBox #dvFixedPurchaseDetail table input[type=password].zip, #dvUserBox #dvFixedPurchaseList table input[type=text].zip, #dvUserBox #dvFixedPurchaseList table input[type=tel].zip, #dvUserBox #dvFixedPurchaseList table input[type=email].zip, #dvUserBox #dvFixedPurchaseList table input[type=password].zip, #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=text].zip, #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=tel].zip, #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=email].zip, #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=password].zip, #dvUserBox #dvPasswordModifyInput .dvModify table input[type=text].zip, #dvUserBox #dvPasswordModifyInput .dvModify table input[type=tel].zip, #dvUserBox #dvPasswordModifyInput .dvModify table input[type=email].zip, #dvUserBox #dvPasswordModifyInput .dvModify table input[type=password].zip, #dvUserBox #dvUserCreditCardInput table input[type=text].zip, #dvUserBox #dvUserCreditCardInput table input[type=tel].zip, #dvUserBox #dvUserCreditCardInput table input[type=email].zip, #dvUserBox #dvUserCreditCardInput table input[type=password].zip, #dvUserBox #dvOrderHistoryList table input[type=text].zip, #dvUserBox #dvOrderHistoryList table input[type=tel].zip, #dvUserBox #dvOrderHistoryList table input[type=email].zip, #dvUserBox #dvOrderHistoryList table input[type=password].zip, #dvUserBox #dvUserInquiryInput table input[type=text].zip, #dvUserBox #dvUserInquiryInput table input[type=tel].zip, #dvUserBox #dvUserInquiryInput table input[type=email].zip, #dvUserBox #dvUserInquiryInput table input[type=password].zip, #dvUserBox #dvUserInquiryConfirm table input[type=text].zip, #dvUserBox #dvUserInquiryConfirm table input[type=tel].zip, #dvUserBox #dvUserInquiryConfirm table input[type=email].zip, #dvUserBox #dvUserInquiryConfirm table input[type=password].zip { width: 275px; } #dvUserBox #dvOrderHistoryDetail table input[type=text].zip:not(:last-child), #dvUserBox #dvOrderHistoryDetail table input[type=tel].zip:not(:last-child), #dvUserBox #dvOrderHistoryDetail table input[type=email].zip:not(:last-child), #dvUserBox #dvOrderHistoryDetail table input[type=password].zip:not(:last-child), #dvUserBox #dvUserModifyInput table input[type=text].zip:not(:last-child), #dvUserBox #dvUserModifyInput table input[type=tel].zip:not(:last-child), #dvUserBox #dvUserModifyInput table input[type=email].zip:not(:last-child), #dvUserBox #dvUserModifyInput table input[type=password].zip:not(:last-child), #dvUserBox #dvUserModifyConfirm table input[type=text].zip:not(:last-child), #dvUserBox #dvUserModifyConfirm table input[type=tel].zip:not(:last-child), #dvUserBox #dvUserModifyConfirm table input[type=email].zip:not(:last-child), #dvUserBox #dvUserModifyConfirm table input[type=password].zip:not(:last-child), #dvUserBox #dvUserShippingInput table input[type=text].zip:not(:last-child), #dvUserBox #dvUserShippingInput table input[type=tel].zip:not(:last-child), #dvUserBox #dvUserShippingInput table input[type=email].zip:not(:last-child), #dvUserBox #dvUserShippingInput table input[type=password].zip:not(:last-child), #dvUserBox #dvUserRegistInput table input[type=text].zip:not(:last-child), #dvUserBox #dvUserRegistInput table input[type=tel].zip:not(:last-child), #dvUserBox #dvUserRegistInput table input[type=email].zip:not(:last-child), #dvUserBox #dvUserRegistInput table input[type=password].zip:not(:last-child), #dvUserBox #dvUserRegistConfirm table input[type=text].zip:not(:last-child), #dvUserBox #dvUserRegistConfirm table input[type=tel].zip:not(:last-child), #dvUserBox #dvUserRegistConfirm table input[type=email].zip:not(:last-child), #dvUserBox #dvUserRegistConfirm table input[type=password].zip:not(:last-child), #dvUserBox #dvFixedPurchaseDetail table input[type=text].zip:not(:last-child), #dvUserBox #dvFixedPurchaseDetail table input[type=tel].zip:not(:last-child), #dvUserBox #dvFixedPurchaseDetail table input[type=email].zip:not(:last-child), #dvUserBox #dvFixedPurchaseDetail table input[type=password].zip:not(:last-child), #dvUserBox #dvFixedPurchaseList table input[type=text].zip:not(:last-child), #dvUserBox #dvFixedPurchaseList table input[type=tel].zip:not(:last-child), #dvUserBox #dvFixedPurchaseList table input[type=email].zip:not(:last-child), #dvUserBox #dvFixedPurchaseList table input[type=password].zip:not(:last-child), #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=text].zip:not(:last-child), #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=tel].zip:not(:last-child), #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=email].zip:not(:last-child), #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=password].zip:not(:last-child), #dvUserBox #dvPasswordModifyInput .dvModify table input[type=text].zip:not(:last-child), #dvUserBox #dvPasswordModifyInput .dvModify table input[type=tel].zip:not(:last-child), #dvUserBox #dvPasswordModifyInput .dvModify table input[type=email].zip:not(:last-child), #dvUserBox #dvPasswordModifyInput .dvModify table input[type=password].zip:not(:last-child), #dvUserBox #dvUserCreditCardInput table input[type=text].zip:not(:last-child), #dvUserBox #dvUserCreditCardInput table input[type=tel].zip:not(:last-child), #dvUserBox #dvUserCreditCardInput table input[type=email].zip:not(:last-child), #dvUserBox #dvUserCreditCardInput table input[type=password].zip:not(:last-child), #dvUserBox #dvOrderHistoryList table input[type=text].zip:not(:last-child), #dvUserBox #dvOrderHistoryList table input[type=tel].zip:not(:last-child), #dvUserBox #dvOrderHistoryList table input[type=email].zip:not(:last-child), #dvUserBox #dvOrderHistoryList table input[type=password].zip:not(:last-child), #dvUserBox #dvUserInquiryInput table input[type=text].zip:not(:last-child), #dvUserBox #dvUserInquiryInput table input[type=tel].zip:not(:last-child), #dvUserBox #dvUserInquiryInput table input[type=email].zip:not(:last-child), #dvUserBox #dvUserInquiryInput table input[type=password].zip:not(:last-child), #dvUserBox #dvUserInquiryConfirm table input[type=text].zip:not(:last-child), #dvUserBox #dvUserInquiryConfirm table input[type=tel].zip:not(:last-child), #dvUserBox #dvUserInquiryConfirm table input[type=email].zip:not(:last-child), #dvUserBox #dvUserInquiryConfirm table input[type=password].zip:not(:last-child) { margin-right: -10px; } #dvUserBox #dvOrderHistoryDetail table input[type=text].tel, #dvUserBox #dvOrderHistoryDetail table input[type=tel].tel, #dvUserBox #dvOrderHistoryDetail table input[type=email].tel, #dvUserBox #dvOrderHistoryDetail table input[type=password].tel, #dvUserBox #dvUserModifyInput table input[type=text].tel, #dvUserBox #dvUserModifyInput table input[type=tel].tel, #dvUserBox #dvUserModifyInput table input[type=email].tel, #dvUserBox #dvUserModifyInput table input[type=password].tel, #dvUserBox #dvUserModifyConfirm table input[type=text].tel, #dvUserBox #dvUserModifyConfirm table input[type=tel].tel, #dvUserBox #dvUserModifyConfirm table input[type=email].tel, #dvUserBox #dvUserModifyConfirm table input[type=password].tel, #dvUserBox #dvUserShippingInput table input[type=text].tel, #dvUserBox #dvUserShippingInput table input[type=tel].tel, #dvUserBox #dvUserShippingInput table input[type=email].tel, #dvUserBox #dvUserShippingInput table input[type=password].tel, #dvUserBox #dvUserRegistInput table input[type=text].tel, #dvUserBox #dvUserRegistInput table input[type=tel].tel, #dvUserBox #dvUserRegistInput table input[type=email].tel, #dvUserBox #dvUserRegistInput table input[type=password].tel, #dvUserBox #dvUserRegistConfirm table input[type=text].tel, #dvUserBox #dvUserRegistConfirm table input[type=tel].tel, #dvUserBox #dvUserRegistConfirm table input[type=email].tel, #dvUserBox #dvUserRegistConfirm table input[type=password].tel, #dvUserBox #dvFixedPurchaseDetail table input[type=text].tel, #dvUserBox #dvFixedPurchaseDetail table input[type=tel].tel, #dvUserBox #dvFixedPurchaseDetail table input[type=email].tel, #dvUserBox #dvFixedPurchaseDetail table input[type=password].tel, #dvUserBox #dvFixedPurchaseList table input[type=text].tel, #dvUserBox #dvFixedPurchaseList table input[type=tel].tel, #dvUserBox #dvFixedPurchaseList table input[type=email].tel, #dvUserBox #dvFixedPurchaseList table input[type=password].tel, #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=text].tel, #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=tel].tel, #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=email].tel, #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=password].tel, #dvUserBox #dvPasswordModifyInput .dvModify table input[type=text].tel, #dvUserBox #dvPasswordModifyInput .dvModify table input[type=tel].tel, #dvUserBox #dvPasswordModifyInput .dvModify table input[type=email].tel, #dvUserBox #dvPasswordModifyInput .dvModify table input[type=password].tel, #dvUserBox #dvUserCreditCardInput table input[type=text].tel, #dvUserBox #dvUserCreditCardInput table input[type=tel].tel, #dvUserBox #dvUserCreditCardInput table input[type=email].tel, #dvUserBox #dvUserCreditCardInput table input[type=password].tel, #dvUserBox #dvOrderHistoryList table input[type=text].tel, #dvUserBox #dvOrderHistoryList table input[type=tel].tel, #dvUserBox #dvOrderHistoryList table input[type=email].tel, #dvUserBox #dvOrderHistoryList table input[type=password].tel, #dvUserBox #dvUserInquiryInput table input[type=text].tel, #dvUserBox #dvUserInquiryInput table input[type=tel].tel, #dvUserBox #dvUserInquiryInput table input[type=email].tel, #dvUserBox #dvUserInquiryInput table input[type=password].tel, #dvUserBox #dvUserInquiryConfirm table input[type=text].tel, #dvUserBox #dvUserInquiryConfirm table input[type=tel].tel, #dvUserBox #dvUserInquiryConfirm table input[type=email].tel, #dvUserBox #dvUserInquiryConfirm table input[type=password].tel { width: 275px; } #dvUserBox #dvOrderHistoryDetail table select, #dvUserBox #dvUserModifyInput table select, #dvUserBox #dvUserModifyConfirm table select, #dvUserBox #dvUserShippingInput table select, #dvUserBox #dvUserRegistInput table select, #dvUserBox #dvUserRegistConfirm table select, #dvUserBox #dvFixedPurchaseDetail table select, #dvUserBox #dvFixedPurchaseList table select, #dvUserBox #dvPasswordReminderInput .dvReminder table select, #dvUserBox #dvPasswordModifyInput .dvModify table select, #dvUserBox #dvUserCreditCardInput table select, #dvUserBox #dvOrderHistoryList table select, #dvUserBox #dvUserInquiryInput table select, #dvUserBox #dvUserInquiryConfirm table select { -webkit-appearance: none; -moz-appearance: none; appearance: none; min-width: 130px; max-width: 100%; background: url(../../Contents/ImagesPkg/dogfoodkoubou2026/common/selectbox_arrow.png) no-repeat right 15px center/6px, var(--c_wht); border: 1px solid var(--c_gray); border-radius: 5px; padding: 12px 36px 12px 15px; color: var(--c_text); font-family: var(--font_ja); font-size: 16px; font-weight: 500; line-height: normal; margin: 0; } #dvUserBox #dvOrderHistoryDetail table select::-webkit-input-placeholder, #dvUserBox #dvUserModifyInput table select::-webkit-input-placeholder, #dvUserBox #dvUserModifyConfirm table select::-webkit-input-placeholder, #dvUserBox #dvUserShippingInput table select::-webkit-input-placeholder, #dvUserBox #dvUserRegistInput table select::-webkit-input-placeholder, #dvUserBox #dvUserRegistConfirm table select::-webkit-input-placeholder, #dvUserBox #dvFixedPurchaseDetail table select::-webkit-input-placeholder, #dvUserBox #dvFixedPurchaseList table select::-webkit-input-placeholder, #dvUserBox #dvPasswordReminderInput .dvReminder table select::-webkit-input-placeholder, #dvUserBox #dvPasswordModifyInput .dvModify table select::-webkit-input-placeholder, #dvUserBox #dvUserCreditCardInput table select::-webkit-input-placeholder, #dvUserBox #dvOrderHistoryList table select::-webkit-input-placeholder, #dvUserBox #dvUserInquiryInput table select::-webkit-input-placeholder, #dvUserBox #dvUserInquiryConfirm table select::-webkit-input-placeholder { color: var(--c_gray) !important; } #dvUserBox #dvOrderHistoryDetail table select.prefectures, #dvUserBox #dvUserModifyInput table select.prefectures, #dvUserBox #dvUserModifyConfirm table select.prefectures, #dvUserBox #dvUserShippingInput table select.prefectures, #dvUserBox #dvUserRegistInput table select.prefectures, #dvUserBox #dvUserRegistConfirm table select.prefectures, #dvUserBox #dvFixedPurchaseDetail table select.prefectures, #dvUserBox #dvFixedPurchaseList table select.prefectures, #dvUserBox #dvPasswordReminderInput .dvReminder table select.prefectures, #dvUserBox #dvPasswordModifyInput .dvModify table select.prefectures, #dvUserBox #dvUserCreditCardInput table select.prefectures, #dvUserBox #dvOrderHistoryList table select.prefectures, #dvUserBox #dvUserInquiryInput table select.prefectures, #dvUserBox #dvUserInquiryConfirm table select.prefectures { width: 230px; } #dvUserBox #dvOrderHistoryDetail table select.year, #dvUserBox #dvUserModifyInput table select.year, #dvUserBox #dvUserModifyConfirm table select.year, #dvUserBox #dvUserShippingInput table select.year, #dvUserBox #dvUserRegistInput table select.year, #dvUserBox #dvUserRegistConfirm table select.year, #dvUserBox #dvFixedPurchaseDetail table select.year, #dvUserBox #dvFixedPurchaseList table select.year, #dvUserBox #dvPasswordReminderInput .dvReminder table select.year, #dvUserBox #dvPasswordModifyInput .dvModify table select.year, #dvUserBox #dvUserCreditCardInput table select.year, #dvUserBox #dvOrderHistoryList table select.year, #dvUserBox #dvUserInquiryInput table select.year, #dvUserBox #dvUserInquiryConfirm table select.year { min-width: auto; width: 164px; } #dvUserBox #dvOrderHistoryDetail table select.month, #dvUserBox #dvOrderHistoryDetail table select.date, #dvUserBox #dvUserModifyInput table select.month, #dvUserBox #dvUserModifyInput table select.date, #dvUserBox #dvUserModifyConfirm table select.month, #dvUserBox #dvUserModifyConfirm table select.date, #dvUserBox #dvUserShippingInput table select.month, #dvUserBox #dvUserShippingInput table select.date, #dvUserBox #dvUserRegistInput table select.month, #dvUserBox #dvUserRegistInput table select.date, #dvUserBox #dvUserRegistConfirm table select.month, #dvUserBox #dvUserRegistConfirm table select.date, #dvUserBox #dvFixedPurchaseDetail table select.month, #dvUserBox #dvFixedPurchaseDetail table select.date, #dvUserBox #dvFixedPurchaseList table select.month, #dvUserBox #dvFixedPurchaseList table select.date, #dvUserBox #dvPasswordReminderInput .dvReminder table select.month, #dvUserBox #dvPasswordReminderInput .dvReminder table select.date, #dvUserBox #dvPasswordModifyInput .dvModify table select.month, #dvUserBox #dvPasswordModifyInput .dvModify table select.date, #dvUserBox #dvUserCreditCardInput table select.month, #dvUserBox #dvUserCreditCardInput table select.date, #dvUserBox #dvOrderHistoryList table select.month, #dvUserBox #dvOrderHistoryList table select.date, #dvUserBox #dvUserInquiryInput table select.month, #dvUserBox #dvUserInquiryInput table select.date, #dvUserBox #dvUserInquiryConfirm table select.month, #dvUserBox #dvUserInquiryConfirm table select.date { min-width: auto; width: 87px; } #dvUserBox #dvOrderHistoryDetail table .radioBtn, #dvUserBox #dvUserModifyInput table .radioBtn, #dvUserBox #dvUserModifyConfirm table .radioBtn, #dvUserBox #dvUserShippingInput table .radioBtn, #dvUserBox #dvUserRegistInput table .radioBtn, #dvUserBox #dvUserRegistConfirm table .radioBtn, #dvUserBox #dvFixedPurchaseDetail table .radioBtn, #dvUserBox #dvFixedPurchaseList table .radioBtn, #dvUserBox #dvPasswordReminderInput .dvReminder table .radioBtn, #dvUserBox #dvPasswordModifyInput .dvModify table .radioBtn, #dvUserBox #dvUserCreditCardInput table .radioBtn, #dvUserBox #dvOrderHistoryList table .radioBtn, #dvUserBox #dvUserInquiryInput table .radioBtn, #dvUserBox #dvUserInquiryConfirm table .radioBtn { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px 24px; max-width: 530px; } #dvUserBox #dvOrderHistoryDetail table .radioBtn > br, #dvUserBox #dvUserModifyInput table .radioBtn > br, #dvUserBox #dvUserModifyConfirm table .radioBtn > br, #dvUserBox #dvUserShippingInput table .radioBtn > br, #dvUserBox #dvUserRegistInput table .radioBtn > br, #dvUserBox #dvUserRegistConfirm table .radioBtn > br, #dvUserBox #dvFixedPurchaseDetail table .radioBtn > br, #dvUserBox #dvFixedPurchaseList table .radioBtn > br, #dvUserBox #dvPasswordReminderInput .dvReminder table .radioBtn > br, #dvUserBox #dvPasswordModifyInput .dvModify table .radioBtn > br, #dvUserBox #dvUserCreditCardInput table .radioBtn > br, #dvUserBox #dvOrderHistoryList table .radioBtn > br, #dvUserBox #dvUserInquiryInput table .radioBtn > br, #dvUserBox #dvUserInquiryConfirm table .radioBtn > br { display: none; } #dvUserBox #dvOrderHistoryDetail table .radioBtn input[type=radio], #dvUserBox #dvUserModifyInput table .radioBtn input[type=radio], #dvUserBox #dvUserModifyConfirm table .radioBtn input[type=radio], #dvUserBox #dvUserShippingInput table .radioBtn input[type=radio], #dvUserBox #dvUserRegistInput table .radioBtn input[type=radio], #dvUserBox #dvUserRegistConfirm table .radioBtn input[type=radio], #dvUserBox #dvFixedPurchaseDetail table .radioBtn input[type=radio], #dvUserBox #dvFixedPurchaseList table .radioBtn input[type=radio], #dvUserBox #dvPasswordReminderInput .dvReminder table .radioBtn input[type=radio], #dvUserBox #dvPasswordModifyInput .dvModify table .radioBtn input[type=radio], #dvUserBox #dvUserCreditCardInput table .radioBtn input[type=radio], #dvUserBox #dvOrderHistoryList table .radioBtn input[type=radio], #dvUserBox #dvUserInquiryInput table .radioBtn input[type=radio], #dvUserBox #dvUserInquiryConfirm table .radioBtn input[type=radio] { display: none; } #dvUserBox #dvOrderHistoryDetail table .radioBtn input[type=radio] + label, #dvUserBox #dvUserModifyInput table .radioBtn input[type=radio] + label, #dvUserBox #dvUserModifyConfirm table .radioBtn input[type=radio] + label, #dvUserBox #dvUserShippingInput table .radioBtn input[type=radio] + label, #dvUserBox #dvUserRegistInput table .radioBtn input[type=radio] + label, #dvUserBox #dvUserRegistConfirm table .radioBtn input[type=radio] + label, #dvUserBox #dvFixedPurchaseDetail table .radioBtn input[type=radio] + label, #dvUserBox #dvFixedPurchaseList table .radioBtn input[type=radio] + label, #dvUserBox #dvPasswordReminderInput .dvReminder table .radioBtn input[type=radio] + label, #dvUserBox #dvPasswordModifyInput .dvModify table .radioBtn input[type=radio] + label, #dvUserBox #dvUserCreditCardInput table .radioBtn input[type=radio] + label, #dvUserBox #dvOrderHistoryList table .radioBtn input[type=radio] + label, #dvUserBox #dvUserInquiryInput table .radioBtn input[type=radio] + label, #dvUserBox #dvUserInquiryConfirm table .radioBtn input[type=radio] + label { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; cursor: pointer; } #dvUserBox #dvOrderHistoryDetail table .radioBtn input[type=radio] + label:before, #dvUserBox #dvUserModifyInput table .radioBtn input[type=radio] + label:before, #dvUserBox #dvUserModifyConfirm table .radioBtn input[type=radio] + label:before, #dvUserBox #dvUserShippingInput table .radioBtn input[type=radio] + label:before, #dvUserBox #dvUserRegistInput table .radioBtn input[type=radio] + label:before, #dvUserBox #dvUserRegistConfirm table .radioBtn input[type=radio] + label:before, #dvUserBox #dvFixedPurchaseDetail table .radioBtn input[type=radio] + label:before, #dvUserBox #dvFixedPurchaseList table .radioBtn input[type=radio] + label:before, #dvUserBox #dvPasswordReminderInput .dvReminder table .radioBtn input[type=radio] + label:before, #dvUserBox #dvPasswordModifyInput .dvModify table .radioBtn input[type=radio] + label:before, #dvUserBox #dvUserCreditCardInput table .radioBtn input[type=radio] + label:before, #dvUserBox #dvOrderHistoryList table .radioBtn input[type=radio] + label:before, #dvUserBox #dvUserInquiryInput table .radioBtn input[type=radio] + label:before, #dvUserBox #dvUserInquiryConfirm table .radioBtn input[type=radio] + label:before { content: ""; width: 20px; height: 20px; -ms-flex-negative: 0; flex-shrink: 0; border: 1px solid var(--c_gray); border-radius: 50%; background: var(--c_wht); -webkit-box-sizing: border-box; box-sizing: border-box; } #dvUserBox #dvOrderHistoryDetail table .radioBtn input[type=radio] + label:after, #dvUserBox #dvUserModifyInput table .radioBtn input[type=radio] + label:after, #dvUserBox #dvUserModifyConfirm table .radioBtn input[type=radio] + label:after, #dvUserBox #dvUserShippingInput table .radioBtn input[type=radio] + label:after, #dvUserBox #dvUserRegistInput table .radioBtn input[type=radio] + label:after, #dvUserBox #dvUserRegistConfirm table .radioBtn input[type=radio] + label:after, #dvUserBox #dvFixedPurchaseDetail table .radioBtn input[type=radio] + label:after, #dvUserBox #dvFixedPurchaseList table .radioBtn input[type=radio] + label:after, #dvUserBox #dvPasswordReminderInput .dvReminder table .radioBtn input[type=radio] + label:after, #dvUserBox #dvPasswordModifyInput .dvModify table .radioBtn input[type=radio] + label:after, #dvUserBox #dvUserCreditCardInput table .radioBtn input[type=radio] + label:after, #dvUserBox #dvOrderHistoryList table .radioBtn input[type=radio] + label:after, #dvUserBox #dvUserInquiryInput table .radioBtn input[type=radio] + label:after, #dvUserBox #dvUserInquiryConfirm table .radioBtn input[type=radio] + label:after { content: ""; width: 14px; height: 14px; background: var(--c_bg_gray); border-radius: 50%; position: absolute; left: 3px; top: 0; bottom: 0; margin: auto; } #dvUserBox #dvOrderHistoryDetail table .radioBtn input[type=radio]:checked + label:after, #dvUserBox #dvUserModifyInput table .radioBtn input[type=radio]:checked + label:after, #dvUserBox #dvUserModifyConfirm table .radioBtn input[type=radio]:checked + label:after, #dvUserBox #dvUserShippingInput table .radioBtn input[type=radio]:checked + label:after, #dvUserBox #dvUserRegistInput table .radioBtn input[type=radio]:checked + label:after, #dvUserBox #dvUserRegistConfirm table .radioBtn input[type=radio]:checked + label:after, #dvUserBox #dvFixedPurchaseDetail table .radioBtn input[type=radio]:checked + label:after, #dvUserBox #dvFixedPurchaseList table .radioBtn input[type=radio]:checked + label:after, #dvUserBox #dvPasswordReminderInput .dvReminder table .radioBtn input[type=radio]:checked + label:after, #dvUserBox #dvPasswordModifyInput .dvModify table .radioBtn input[type=radio]:checked + label:after, #dvUserBox #dvUserCreditCardInput table .radioBtn input[type=radio]:checked + label:after, #dvUserBox #dvOrderHistoryList table .radioBtn input[type=radio]:checked + label:after, #dvUserBox #dvUserInquiryInput table .radioBtn input[type=radio]:checked + label:after, #dvUserBox #dvUserInquiryConfirm table .radioBtn input[type=radio]:checked + label:after { background: var(--c_blue); } #dvUserBox #dvOrderHistoryDetail table .checkBox, #dvUserBox #dvUserModifyInput table .checkBox, #dvUserBox #dvUserModifyConfirm table .checkBox, #dvUserBox #dvUserShippingInput table .checkBox, #dvUserBox #dvUserRegistInput table .checkBox, #dvUserBox #dvUserRegistConfirm table .checkBox, #dvUserBox #dvFixedPurchaseDetail table .checkBox, #dvUserBox #dvFixedPurchaseList table .checkBox, #dvUserBox #dvPasswordReminderInput .dvReminder table .checkBox, #dvUserBox #dvPasswordModifyInput .dvModify table .checkBox, #dvUserBox #dvUserCreditCardInput table .checkBox, #dvUserBox #dvOrderHistoryList table .checkBox, #dvUserBox #dvUserInquiryInput table .checkBox, #dvUserBox #dvUserInquiryConfirm table .checkBox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px 24px; max-width: 530px; } #dvUserBox #dvOrderHistoryDetail table .checkBox > br, #dvUserBox #dvUserModifyInput table .checkBox > br, #dvUserBox #dvUserModifyConfirm table .checkBox > br, #dvUserBox #dvUserShippingInput table .checkBox > br, #dvUserBox #dvUserRegistInput table .checkBox > br, #dvUserBox #dvUserRegistConfirm table .checkBox > br, #dvUserBox #dvFixedPurchaseDetail table .checkBox > br, #dvUserBox #dvFixedPurchaseList table .checkBox > br, #dvUserBox #dvPasswordReminderInput .dvReminder table .checkBox > br, #dvUserBox #dvPasswordModifyInput .dvModify table .checkBox > br, #dvUserBox #dvUserCreditCardInput table .checkBox > br, #dvUserBox #dvOrderHistoryList table .checkBox > br, #dvUserBox #dvUserInquiryInput table .checkBox > br, #dvUserBox #dvUserInquiryConfirm table .checkBox > br { display: none; } #dvUserBox #dvOrderHistoryDetail table .checkBox input[type=checkbox], #dvUserBox #dvUserModifyInput table .checkBox input[type=checkbox], #dvUserBox #dvUserModifyConfirm table .checkBox input[type=checkbox], #dvUserBox #dvUserShippingInput table .checkBox input[type=checkbox], #dvUserBox #dvUserRegistInput table .checkBox input[type=checkbox], #dvUserBox #dvUserRegistConfirm table .checkBox input[type=checkbox], #dvUserBox #dvFixedPurchaseDetail table .checkBox input[type=checkbox], #dvUserBox #dvFixedPurchaseList table .checkBox input[type=checkbox], #dvUserBox #dvPasswordReminderInput .dvReminder table .checkBox input[type=checkbox], #dvUserBox #dvPasswordModifyInput .dvModify table .checkBox input[type=checkbox], #dvUserBox #dvUserCreditCardInput table .checkBox input[type=checkbox], #dvUserBox #dvOrderHistoryList table .checkBox input[type=checkbox], #dvUserBox #dvUserInquiryInput table .checkBox input[type=checkbox], #dvUserBox #dvUserInquiryConfirm table .checkBox input[type=checkbox] { display: none; } #dvUserBox #dvOrderHistoryDetail table .checkBox input[type=checkbox] + label, #dvUserBox #dvUserModifyInput table .checkBox input[type=checkbox] + label, #dvUserBox #dvUserModifyConfirm table .checkBox input[type=checkbox] + label, #dvUserBox #dvUserShippingInput table .checkBox input[type=checkbox] + label, #dvUserBox #dvUserRegistInput table .checkBox input[type=checkbox] + label, #dvUserBox #dvUserRegistConfirm table .checkBox input[type=checkbox] + label, #dvUserBox #dvFixedPurchaseDetail table .checkBox input[type=checkbox] + label, #dvUserBox #dvFixedPurchaseList table .checkBox input[type=checkbox] + label, #dvUserBox #dvPasswordReminderInput .dvReminder table .checkBox input[type=checkbox] + label, #dvUserBox #dvPasswordModifyInput .dvModify table .checkBox input[type=checkbox] + label, #dvUserBox #dvUserCreditCardInput table .checkBox input[type=checkbox] + label, #dvUserBox #dvOrderHistoryList table .checkBox input[type=checkbox] + label, #dvUserBox #dvUserInquiryInput table .checkBox input[type=checkbox] + label, #dvUserBox #dvUserInquiryConfirm table .checkBox input[type=checkbox] + label { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; cursor: pointer; } #dvUserBox #dvOrderHistoryDetail table .checkBox input[type=checkbox] + label:before, #dvUserBox #dvUserModifyInput table .checkBox input[type=checkbox] + label:before, #dvUserBox #dvUserModifyConfirm table .checkBox input[type=checkbox] + label:before, #dvUserBox #dvUserShippingInput table .checkBox input[type=checkbox] + label:before, #dvUserBox #dvUserRegistInput table .checkBox input[type=checkbox] + label:before, #dvUserBox #dvUserRegistConfirm table .checkBox input[type=checkbox] + label:before, #dvUserBox #dvFixedPurchaseDetail table .checkBox input[type=checkbox] + label:before, #dvUserBox #dvFixedPurchaseList table .checkBox input[type=checkbox] + label:before, #dvUserBox #dvPasswordReminderInput .dvReminder table .checkBox input[type=checkbox] + label:before, #dvUserBox #dvPasswordModifyInput .dvModify table .checkBox input[type=checkbox] + label:before, #dvUserBox #dvUserCreditCardInput table .checkBox input[type=checkbox] + label:before, #dvUserBox #dvOrderHistoryList table .checkBox input[type=checkbox] + label:before, #dvUserBox #dvUserInquiryInput table .checkBox input[type=checkbox] + label:before, #dvUserBox #dvUserInquiryConfirm table .checkBox input[type=checkbox] + label:before { content: ""; width: 20px; height: 20px; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 5px; border: 1px solid var(--c_gray); background: url(../../Contents/ImagesPkg/dogfoodkoubou2026/common/ico_check.png) no-repeat center/10px, var(--c_wht); -webkit-box-sizing: border-box; box-sizing: border-box; } #dvUserBox #dvOrderHistoryDetail table .checkBox input[type=checkbox]:checked + label:before, #dvUserBox #dvUserModifyInput table .checkBox input[type=checkbox]:checked + label:before, #dvUserBox #dvUserModifyConfirm table .checkBox input[type=checkbox]:checked + label:before, #dvUserBox #dvUserShippingInput table .checkBox input[type=checkbox]:checked + label:before, #dvUserBox #dvUserRegistInput table .checkBox input[type=checkbox]:checked + label:before, #dvUserBox #dvUserRegistConfirm table .checkBox input[type=checkbox]:checked + label:before, #dvUserBox #dvFixedPurchaseDetail table .checkBox input[type=checkbox]:checked + label:before, #dvUserBox #dvFixedPurchaseList table .checkBox input[type=checkbox]:checked + label:before, #dvUserBox #dvPasswordReminderInput .dvReminder table .checkBox input[type=checkbox]:checked + label:before, #dvUserBox #dvPasswordModifyInput .dvModify table .checkBox input[type=checkbox]:checked + label:before, #dvUserBox #dvUserCreditCardInput table .checkBox input[type=checkbox]:checked + label:before, #dvUserBox #dvOrderHistoryList table .checkBox input[type=checkbox]:checked + label:before, #dvUserBox #dvUserInquiryInput table .checkBox input[type=checkbox]:checked + label:before, #dvUserBox #dvUserInquiryConfirm table .checkBox input[type=checkbox]:checked + label:before { background-color: var(--c_blue); border-color: var(--c_blue); } #dvUserBox #dvOrderHistoryDetail table textarea, #dvUserBox #dvUserModifyInput table textarea, #dvUserBox #dvUserModifyConfirm table textarea, #dvUserBox #dvUserShippingInput table textarea, #dvUserBox #dvUserRegistInput table textarea, #dvUserBox #dvUserRegistConfirm table textarea, #dvUserBox #dvFixedPurchaseDetail table textarea, #dvUserBox #dvFixedPurchaseList table textarea, #dvUserBox #dvPasswordReminderInput .dvReminder table textarea, #dvUserBox #dvPasswordModifyInput .dvModify table textarea, #dvUserBox #dvUserCreditCardInput table textarea, #dvUserBox #dvOrderHistoryList table textarea, #dvUserBox #dvUserInquiryInput table textarea, #dvUserBox #dvUserInquiryConfirm table textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; max-width: 100%; background: var(--c_wht); border: 1px solid var(--c_gray); border-radius: 5px; padding: 15px; font-family: var(--font_ja); font-size: 16px; font-weight: 500; line-height: 1; margin: 0; } #dvUserBox #dvOrderHistoryDetail table textarea::-webkit-input-placeholder, #dvUserBox #dvUserModifyInput table textarea::-webkit-input-placeholder, #dvUserBox #dvUserModifyConfirm table textarea::-webkit-input-placeholder, #dvUserBox #dvUserShippingInput table textarea::-webkit-input-placeholder, #dvUserBox #dvUserRegistInput table textarea::-webkit-input-placeholder, #dvUserBox #dvUserRegistConfirm table textarea::-webkit-input-placeholder, #dvUserBox #dvFixedPurchaseDetail table textarea::-webkit-input-placeholder, #dvUserBox #dvFixedPurchaseList table textarea::-webkit-input-placeholder, #dvUserBox #dvPasswordReminderInput .dvReminder table textarea::-webkit-input-placeholder, #dvUserBox #dvPasswordModifyInput .dvModify table textarea::-webkit-input-placeholder, #dvUserBox #dvUserCreditCardInput table textarea::-webkit-input-placeholder, #dvUserBox #dvOrderHistoryList table textarea::-webkit-input-placeholder, #dvUserBox #dvUserInquiryInput table textarea::-webkit-input-placeholder, #dvUserBox #dvUserInquiryConfirm table textarea::-webkit-input-placeholder { color: var(--c_gray) !important; } #dvUserBox #dvOrderHistoryDetail table table, #dvUserBox #dvUserModifyInput table table, #dvUserBox #dvUserModifyConfirm table table, #dvUserBox #dvUserShippingInput table table, #dvUserBox #dvUserRegistInput table table, #dvUserBox #dvUserRegistConfirm table table, #dvUserBox #dvFixedPurchaseDetail table table, #dvUserBox #dvFixedPurchaseList table table, #dvUserBox #dvPasswordReminderInput .dvReminder table table, #dvUserBox #dvPasswordModifyInput .dvModify table table, #dvUserBox #dvUserCreditCardInput table table, #dvUserBox #dvOrderHistoryList table table, #dvUserBox #dvUserInquiryInput table table, #dvUserBox #dvUserInquiryConfirm table table { border: 0; margin: 0; } #dvUserBox #dvOrderHistoryDetail table table th, #dvUserBox #dvOrderHistoryDetail table table td, #dvUserBox #dvUserModifyInput table table th, #dvUserBox #dvUserModifyInput table table td, #dvUserBox #dvUserModifyConfirm table table th, #dvUserBox #dvUserModifyConfirm table table td, #dvUserBox #dvUserShippingInput table table th, #dvUserBox #dvUserShippingInput table table td, #dvUserBox #dvUserRegistInput table table th, #dvUserBox #dvUserRegistInput table table td, #dvUserBox #dvUserRegistConfirm table table th, #dvUserBox #dvUserRegistConfirm table table td, #dvUserBox #dvFixedPurchaseDetail table table th, #dvUserBox #dvFixedPurchaseDetail table table td, #dvUserBox #dvFixedPurchaseList table table th, #dvUserBox #dvFixedPurchaseList table table td, #dvUserBox #dvPasswordReminderInput .dvReminder table table th, #dvUserBox #dvPasswordReminderInput .dvReminder table table td, #dvUserBox #dvPasswordModifyInput .dvModify table table th, #dvUserBox #dvPasswordModifyInput .dvModify table table td, #dvUserBox #dvUserCreditCardInput table table th, #dvUserBox #dvUserCreditCardInput table table td, #dvUserBox #dvOrderHistoryList table table th, #dvUserBox #dvOrderHistoryList table table td, #dvUserBox #dvUserInquiryInput table table th, #dvUserBox #dvUserInquiryInput table table td, #dvUserBox #dvUserInquiryConfirm table table th, #dvUserBox #dvUserInquiryConfirm table table td { border: 0; padding: 0 !important; } #dvUserBox #dvOrderHistoryDetail table .itemArea > a, #dvUserBox #dvUserModifyInput table .itemArea > a, #dvUserBox #dvUserModifyConfirm table .itemArea > a, #dvUserBox #dvUserShippingInput table .itemArea > a, #dvUserBox #dvUserRegistInput table .itemArea > a, #dvUserBox #dvUserRegistConfirm table .itemArea > a, #dvUserBox #dvFixedPurchaseDetail table .itemArea > a, #dvUserBox #dvFixedPurchaseList table .itemArea > a, #dvUserBox #dvPasswordReminderInput .dvReminder table .itemArea > a, #dvUserBox #dvPasswordModifyInput .dvModify table .itemArea > a, #dvUserBox #dvUserCreditCardInput table .itemArea > a, #dvUserBox #dvOrderHistoryList table .itemArea > a, #dvUserBox #dvUserInquiryInput table .itemArea > a, #dvUserBox #dvUserInquiryConfirm table .itemArea > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; } #dvUserBox #dvOrderHistoryDetail table .itemArea > a .itemImage, #dvUserBox #dvUserModifyInput table .itemArea > a .itemImage, #dvUserBox #dvUserModifyConfirm table .itemArea > a .itemImage, #dvUserBox #dvUserShippingInput table .itemArea > a .itemImage, #dvUserBox #dvUserRegistInput table .itemArea > a .itemImage, #dvUserBox #dvUserRegistConfirm table .itemArea > a .itemImage, #dvUserBox #dvFixedPurchaseDetail table .itemArea > a .itemImage, #dvUserBox #dvFixedPurchaseList table .itemArea > a .itemImage, #dvUserBox #dvPasswordReminderInput .dvReminder table .itemArea > a .itemImage, #dvUserBox #dvPasswordModifyInput .dvModify table .itemArea > a .itemImage, #dvUserBox #dvUserCreditCardInput table .itemArea > a .itemImage, #dvUserBox #dvOrderHistoryList table .itemArea > a .itemImage, #dvUserBox #dvUserInquiryInput table .itemArea > a .itemImage, #dvUserBox #dvUserInquiryConfirm table .itemArea > a .itemImage { -webkit-box-flex: 0; -ms-flex: 0 0 120px; flex: 0 0 120px; } /* スマホ ------------------------ */ @media (max-width: 768px) { /** -------------------- 基本レイアウト -------------------- **/ #dvUserBox.dfk-user .dfk-user-contents { -webkit-box-ordinal-group: initial; -ms-flex-order: initial; order: initial; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: none; } #dvUserBox.dfk-user #dvUserMenu.dfk-user-menu { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 335px; margin: 0 auto; } /** -------------------- ナビ -------------------- **/ #dvUserBox #dvUserMenu.dfk-user-menu .dfk-user-menu-list-item-link { padding: 16px 20px; } /** -------------------- モーダル -------------------- **/ #dvUserBox .dfk-user-modal .dfk-user-modal-container { max-height: 300px; padding: 20px; border-radius: 20px; } #dvUserBox .dfk-user-modal .dfk-user-modal-container-in { row-gap: 10px; } #dvUserBox .dfk-user-modal .dfk-user-modal-ttl { font-size: 18px; margin-bottom: 0; } #dvUserBox .dfk-user-modal .dfk-user-modal-txt { line-height: 1.5; } #dvUserBox .dfk-user-modal .dfk-user-modal-action .dfk-btn { margin: 0; } /** -------------------- 共通デザイン -------------------- **/ #dvUserBox { font-size: 14px; } #dvUserBox .dfk-user-h3 { font-size: 18px; margin: 40px 0 20px; } #dvUserBox .dfk-user-bnr { margin-bottom: 30px; } #dvUserBox .dfk-user-action { margin-top: 30px; } #dvUserBox .dfk-user-action .dfk-btn { margin: 0; } #dvUserBox #dfk-controller { margin-top: 50px; } #dvUserBox .dfk-user-guide { padding: 20px; } #dvUserBox .dfk-user-guide-ttl { font-size: 18px; } #dvUserBox .dfk-user-attention { padding: 20px; } #dvUserBox #dvOrderHistoryDetail table th, #dvUserBox #dvUserModifyInput table th, #dvUserBox #dvUserModifyConfirm table th, #dvUserBox #dvUserShippingInput table th, #dvUserBox #dvUserRegistInput table th, #dvUserBox #dvUserRegistConfirm table th, #dvUserBox #dvFixedPurchaseDetail table th, #dvUserBox #dvFixedPurchaseList table th, #dvUserBox #dvPasswordReminderInput .dvReminder table th, #dvUserBox #dvPasswordModifyInput .dvModify table th, #dvUserBox #dvUserCreditCardInput table th, #dvUserBox #dvOrderHistoryList table th, #dvUserBox #dvUserInquiryInput table th, #dvUserBox #dvUserInquiryConfirm table th { display: block; width: 100%; padding: 21px 0 0; border-bottom: 0; font-size: 16px; line-height: 1.2; } #dvUserBox #dvOrderHistoryDetail table td, #dvUserBox #dvUserModifyInput table td, #dvUserBox #dvUserModifyConfirm table td, #dvUserBox #dvUserShippingInput table td, #dvUserBox #dvUserRegistInput table td, #dvUserBox #dvUserRegistConfirm table td, #dvUserBox #dvFixedPurchaseDetail table td, #dvUserBox #dvFixedPurchaseList table td, #dvUserBox #dvPasswordReminderInput .dvReminder table td, #dvUserBox #dvPasswordModifyInput .dvModify table td, #dvUserBox #dvUserCreditCardInput table td, #dvUserBox #dvOrderHistoryList table td, #dvUserBox #dvUserInquiryInput table td, #dvUserBox #dvUserInquiryConfirm table td { padding: 16px 0 17px; } #dvUserBox #dvOrderHistoryDetail table .dfk-user-table-flex, #dvUserBox #dvUserModifyInput table .dfk-user-table-flex, #dvUserBox #dvUserModifyConfirm table .dfk-user-table-flex, #dvUserBox #dvUserShippingInput table .dfk-user-table-flex, #dvUserBox #dvUserRegistInput table .dfk-user-table-flex, #dvUserBox #dvUserRegistConfirm table .dfk-user-table-flex, #dvUserBox #dvFixedPurchaseDetail table .dfk-user-table-flex, #dvUserBox #dvFixedPurchaseList table .dfk-user-table-flex, #dvUserBox #dvPasswordReminderInput .dvReminder table .dfk-user-table-flex, #dvUserBox #dvPasswordModifyInput .dvModify table .dfk-user-table-flex, #dvUserBox #dvUserCreditCardInput table .dfk-user-table-flex, #dvUserBox #dvOrderHistoryList table .dfk-user-table-flex, #dvUserBox #dvUserInquiryInput table .dfk-user-table-flex, #dvUserBox #dvUserInquiryConfirm table .dfk-user-table-flex { gap: 8px 10px; } #dvUserBox #dvOrderHistoryDetail table .dfk-user-table-flex--narrow, #dvUserBox #dvUserModifyInput table .dfk-user-table-flex--narrow, #dvUserBox #dvUserModifyConfirm table .dfk-user-table-flex--narrow, #dvUserBox #dvUserShippingInput table .dfk-user-table-flex--narrow, #dvUserBox #dvUserRegistInput table .dfk-user-table-flex--narrow, #dvUserBox #dvUserRegistConfirm table .dfk-user-table-flex--narrow, #dvUserBox #dvFixedPurchaseDetail table .dfk-user-table-flex--narrow, #dvUserBox #dvFixedPurchaseList table .dfk-user-table-flex--narrow, #dvUserBox #dvPasswordReminderInput .dvReminder table .dfk-user-table-flex--narrow, #dvUserBox #dvPasswordModifyInput .dvModify table .dfk-user-table-flex--narrow, #dvUserBox #dvUserCreditCardInput table .dfk-user-table-flex--narrow, #dvUserBox #dvOrderHistoryList table .dfk-user-table-flex--narrow, #dvUserBox #dvUserInquiryInput table .dfk-user-table-flex--narrow, #dvUserBox #dvUserInquiryConfirm table .dfk-user-table-flex--narrow { gap: 8px; } #dvUserBox #dvOrderHistoryDetail table input[type=text].sizeM, #dvUserBox #dvOrderHistoryDetail table input[type=tel].sizeM, #dvUserBox #dvOrderHistoryDetail table input[type=email].sizeM, #dvUserBox #dvOrderHistoryDetail table input[type=password].sizeM, #dvUserBox #dvUserModifyInput table input[type=text].sizeM, #dvUserBox #dvUserModifyInput table input[type=tel].sizeM, #dvUserBox #dvUserModifyInput table input[type=email].sizeM, #dvUserBox #dvUserModifyInput table input[type=password].sizeM, #dvUserBox #dvUserModifyConfirm table input[type=text].sizeM, #dvUserBox #dvUserModifyConfirm table input[type=tel].sizeM, #dvUserBox #dvUserModifyConfirm table input[type=email].sizeM, #dvUserBox #dvUserModifyConfirm table input[type=password].sizeM, #dvUserBox #dvUserShippingInput table input[type=text].sizeM, #dvUserBox #dvUserShippingInput table input[type=tel].sizeM, #dvUserBox #dvUserShippingInput table input[type=email].sizeM, #dvUserBox #dvUserShippingInput table input[type=password].sizeM, #dvUserBox #dvUserRegistInput table input[type=text].sizeM, #dvUserBox #dvUserRegistInput table input[type=tel].sizeM, #dvUserBox #dvUserRegistInput table input[type=email].sizeM, #dvUserBox #dvUserRegistInput table input[type=password].sizeM, #dvUserBox #dvUserRegistConfirm table input[type=text].sizeM, #dvUserBox #dvUserRegistConfirm table input[type=tel].sizeM, #dvUserBox #dvUserRegistConfirm table input[type=email].sizeM, #dvUserBox #dvUserRegistConfirm table input[type=password].sizeM, #dvUserBox #dvFixedPurchaseDetail table input[type=text].sizeM, #dvUserBox #dvFixedPurchaseDetail table input[type=tel].sizeM, #dvUserBox #dvFixedPurchaseDetail table input[type=email].sizeM, #dvUserBox #dvFixedPurchaseDetail table input[type=password].sizeM, #dvUserBox #dvFixedPurchaseList table input[type=text].sizeM, #dvUserBox #dvFixedPurchaseList table input[type=tel].sizeM, #dvUserBox #dvFixedPurchaseList table input[type=email].sizeM, #dvUserBox #dvFixedPurchaseList table input[type=password].sizeM, #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=text].sizeM, #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=tel].sizeM, #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=email].sizeM, #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=password].sizeM, #dvUserBox #dvPasswordModifyInput .dvModify table input[type=text].sizeM, #dvUserBox #dvPasswordModifyInput .dvModify table input[type=tel].sizeM, #dvUserBox #dvPasswordModifyInput .dvModify table input[type=email].sizeM, #dvUserBox #dvPasswordModifyInput .dvModify table input[type=password].sizeM, #dvUserBox #dvUserCreditCardInput table input[type=text].sizeM, #dvUserBox #dvUserCreditCardInput table input[type=tel].sizeM, #dvUserBox #dvUserCreditCardInput table input[type=email].sizeM, #dvUserBox #dvUserCreditCardInput table input[type=password].sizeM, #dvUserBox #dvOrderHistoryList table input[type=text].sizeM, #dvUserBox #dvOrderHistoryList table input[type=tel].sizeM, #dvUserBox #dvOrderHistoryList table input[type=email].sizeM, #dvUserBox #dvOrderHistoryList table input[type=password].sizeM, #dvUserBox #dvUserInquiryInput table input[type=text].sizeM, #dvUserBox #dvUserInquiryInput table input[type=tel].sizeM, #dvUserBox #dvUserInquiryInput table input[type=email].sizeM, #dvUserBox #dvUserInquiryInput table input[type=password].sizeM, #dvUserBox #dvUserInquiryConfirm table input[type=text].sizeM, #dvUserBox #dvUserInquiryConfirm table input[type=tel].sizeM, #dvUserBox #dvUserInquiryConfirm table input[type=email].sizeM, #dvUserBox #dvUserInquiryConfirm table input[type=password].sizeM { width: 100%; } #dvUserBox #dvOrderHistoryDetail table input[type=text].zip, #dvUserBox #dvOrderHistoryDetail table input[type=tel].zip, #dvUserBox #dvOrderHistoryDetail table input[type=email].zip, #dvUserBox #dvOrderHistoryDetail table input[type=password].zip, #dvUserBox #dvUserModifyInput table input[type=text].zip, #dvUserBox #dvUserModifyInput table input[type=tel].zip, #dvUserBox #dvUserModifyInput table input[type=email].zip, #dvUserBox #dvUserModifyInput table input[type=password].zip, #dvUserBox #dvUserModifyConfirm table input[type=text].zip, #dvUserBox #dvUserModifyConfirm table input[type=tel].zip, #dvUserBox #dvUserModifyConfirm table input[type=email].zip, #dvUserBox #dvUserModifyConfirm table input[type=password].zip, #dvUserBox #dvUserShippingInput table input[type=text].zip, #dvUserBox #dvUserShippingInput table input[type=tel].zip, #dvUserBox #dvUserShippingInput table input[type=email].zip, #dvUserBox #dvUserShippingInput table input[type=password].zip, #dvUserBox #dvUserRegistInput table input[type=text].zip, #dvUserBox #dvUserRegistInput table input[type=tel].zip, #dvUserBox #dvUserRegistInput table input[type=email].zip, #dvUserBox #dvUserRegistInput table input[type=password].zip, #dvUserBox #dvUserRegistConfirm table input[type=text].zip, #dvUserBox #dvUserRegistConfirm table input[type=tel].zip, #dvUserBox #dvUserRegistConfirm table input[type=email].zip, #dvUserBox #dvUserRegistConfirm table input[type=password].zip, #dvUserBox #dvFixedPurchaseDetail table input[type=text].zip, #dvUserBox #dvFixedPurchaseDetail table input[type=tel].zip, #dvUserBox #dvFixedPurchaseDetail table input[type=email].zip, #dvUserBox #dvFixedPurchaseDetail table input[type=password].zip, #dvUserBox #dvFixedPurchaseList table input[type=text].zip, #dvUserBox #dvFixedPurchaseList table input[type=tel].zip, #dvUserBox #dvFixedPurchaseList table input[type=email].zip, #dvUserBox #dvFixedPurchaseList table input[type=password].zip, #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=text].zip, #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=tel].zip, #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=email].zip, #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=password].zip, #dvUserBox #dvPasswordModifyInput .dvModify table input[type=text].zip, #dvUserBox #dvPasswordModifyInput .dvModify table input[type=tel].zip, #dvUserBox #dvPasswordModifyInput .dvModify table input[type=email].zip, #dvUserBox #dvPasswordModifyInput .dvModify table input[type=password].zip, #dvUserBox #dvUserCreditCardInput table input[type=text].zip, #dvUserBox #dvUserCreditCardInput table input[type=tel].zip, #dvUserBox #dvUserCreditCardInput table input[type=email].zip, #dvUserBox #dvUserCreditCardInput table input[type=password].zip, #dvUserBox #dvOrderHistoryList table input[type=text].zip, #dvUserBox #dvOrderHistoryList table input[type=tel].zip, #dvUserBox #dvOrderHistoryList table input[type=email].zip, #dvUserBox #dvOrderHistoryList table input[type=password].zip, #dvUserBox #dvUserInquiryInput table input[type=text].zip, #dvUserBox #dvUserInquiryInput table input[type=tel].zip, #dvUserBox #dvUserInquiryInput table input[type=email].zip, #dvUserBox #dvUserInquiryInput table input[type=password].zip, #dvUserBox #dvUserInquiryConfirm table input[type=text].zip, #dvUserBox #dvUserInquiryConfirm table input[type=tel].zip, #dvUserBox #dvUserInquiryConfirm table input[type=email].zip, #dvUserBox #dvUserInquiryConfirm table input[type=password].zip { width: 100%; } #dvUserBox #dvOrderHistoryDetail table input[type=text].zip:not(:last-child), #dvUserBox #dvOrderHistoryDetail table input[type=tel].zip:not(:last-child), #dvUserBox #dvOrderHistoryDetail table input[type=email].zip:not(:last-child), #dvUserBox #dvOrderHistoryDetail table input[type=password].zip:not(:last-child), #dvUserBox #dvUserModifyInput table input[type=text].zip:not(:last-child), #dvUserBox #dvUserModifyInput table input[type=tel].zip:not(:last-child), #dvUserBox #dvUserModifyInput table input[type=email].zip:not(:last-child), #dvUserBox #dvUserModifyInput table input[type=password].zip:not(:last-child), #dvUserBox #dvUserModifyConfirm table input[type=text].zip:not(:last-child), #dvUserBox #dvUserModifyConfirm table input[type=tel].zip:not(:last-child), #dvUserBox #dvUserModifyConfirm table input[type=email].zip:not(:last-child), #dvUserBox #dvUserModifyConfirm table input[type=password].zip:not(:last-child), #dvUserBox #dvUserShippingInput table input[type=text].zip:not(:last-child), #dvUserBox #dvUserShippingInput table input[type=tel].zip:not(:last-child), #dvUserBox #dvUserShippingInput table input[type=email].zip:not(:last-child), #dvUserBox #dvUserShippingInput table input[type=password].zip:not(:last-child), #dvUserBox #dvUserRegistInput table input[type=text].zip:not(:last-child), #dvUserBox #dvUserRegistInput table input[type=tel].zip:not(:last-child), #dvUserBox #dvUserRegistInput table input[type=email].zip:not(:last-child), #dvUserBox #dvUserRegistInput table input[type=password].zip:not(:last-child), #dvUserBox #dvUserRegistConfirm table input[type=text].zip:not(:last-child), #dvUserBox #dvUserRegistConfirm table input[type=tel].zip:not(:last-child), #dvUserBox #dvUserRegistConfirm table input[type=email].zip:not(:last-child), #dvUserBox #dvUserRegistConfirm table input[type=password].zip:not(:last-child), #dvUserBox #dvFixedPurchaseDetail table input[type=text].zip:not(:last-child), #dvUserBox #dvFixedPurchaseDetail table input[type=tel].zip:not(:last-child), #dvUserBox #dvFixedPurchaseDetail table input[type=email].zip:not(:last-child), #dvUserBox #dvFixedPurchaseDetail table input[type=password].zip:not(:last-child), #dvUserBox #dvFixedPurchaseList table input[type=text].zip:not(:last-child), #dvUserBox #dvFixedPurchaseList table input[type=tel].zip:not(:last-child), #dvUserBox #dvFixedPurchaseList table input[type=email].zip:not(:last-child), #dvUserBox #dvFixedPurchaseList table input[type=password].zip:not(:last-child), #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=text].zip:not(:last-child), #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=tel].zip:not(:last-child), #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=email].zip:not(:last-child), #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=password].zip:not(:last-child), #dvUserBox #dvPasswordModifyInput .dvModify table input[type=text].zip:not(:last-child), #dvUserBox #dvPasswordModifyInput .dvModify table input[type=tel].zip:not(:last-child), #dvUserBox #dvPasswordModifyInput .dvModify table input[type=email].zip:not(:last-child), #dvUserBox #dvPasswordModifyInput .dvModify table input[type=password].zip:not(:last-child), #dvUserBox #dvUserCreditCardInput table input[type=text].zip:not(:last-child), #dvUserBox #dvUserCreditCardInput table input[type=tel].zip:not(:last-child), #dvUserBox #dvUserCreditCardInput table input[type=email].zip:not(:last-child), #dvUserBox #dvUserCreditCardInput table input[type=password].zip:not(:last-child), #dvUserBox #dvOrderHistoryList table input[type=text].zip:not(:last-child), #dvUserBox #dvOrderHistoryList table input[type=tel].zip:not(:last-child), #dvUserBox #dvOrderHistoryList table input[type=email].zip:not(:last-child), #dvUserBox #dvOrderHistoryList table input[type=password].zip:not(:last-child), #dvUserBox #dvUserInquiryInput table input[type=text].zip:not(:last-child), #dvUserBox #dvUserInquiryInput table input[type=tel].zip:not(:last-child), #dvUserBox #dvUserInquiryInput table input[type=email].zip:not(:last-child), #dvUserBox #dvUserInquiryInput table input[type=password].zip:not(:last-child), #dvUserBox #dvUserInquiryConfirm table input[type=text].zip:not(:last-child), #dvUserBox #dvUserInquiryConfirm table input[type=tel].zip:not(:last-child), #dvUserBox #dvUserInquiryConfirm table input[type=email].zip:not(:last-child), #dvUserBox #dvUserInquiryConfirm table input[type=password].zip:not(:last-child) { margin-right: 0; } #dvUserBox #dvOrderHistoryDetail table input[type=text].zip ~ .dfk-btn, #dvUserBox #dvOrderHistoryDetail table input[type=tel].zip ~ .dfk-btn, #dvUserBox #dvOrderHistoryDetail table input[type=email].zip ~ .dfk-btn, #dvUserBox #dvOrderHistoryDetail table input[type=password].zip ~ .dfk-btn, #dvUserBox #dvUserModifyInput table input[type=text].zip ~ .dfk-btn, #dvUserBox #dvUserModifyInput table input[type=tel].zip ~ .dfk-btn, #dvUserBox #dvUserModifyInput table input[type=email].zip ~ .dfk-btn, #dvUserBox #dvUserModifyInput table input[type=password].zip ~ .dfk-btn, #dvUserBox #dvUserModifyConfirm table input[type=text].zip ~ .dfk-btn, #dvUserBox #dvUserModifyConfirm table input[type=tel].zip ~ .dfk-btn, #dvUserBox #dvUserModifyConfirm table input[type=email].zip ~ .dfk-btn, #dvUserBox #dvUserModifyConfirm table input[type=password].zip ~ .dfk-btn, #dvUserBox #dvUserShippingInput table input[type=text].zip ~ .dfk-btn, #dvUserBox #dvUserShippingInput table input[type=tel].zip ~ .dfk-btn, #dvUserBox #dvUserShippingInput table input[type=email].zip ~ .dfk-btn, #dvUserBox #dvUserShippingInput table input[type=password].zip ~ .dfk-btn, #dvUserBox #dvUserRegistInput table input[type=text].zip ~ .dfk-btn, #dvUserBox #dvUserRegistInput table input[type=tel].zip ~ .dfk-btn, #dvUserBox #dvUserRegistInput table input[type=email].zip ~ .dfk-btn, #dvUserBox #dvUserRegistInput table input[type=password].zip ~ .dfk-btn, #dvUserBox #dvUserRegistConfirm table input[type=text].zip ~ .dfk-btn, #dvUserBox #dvUserRegistConfirm table input[type=tel].zip ~ .dfk-btn, #dvUserBox #dvUserRegistConfirm table input[type=email].zip ~ .dfk-btn, #dvUserBox #dvUserRegistConfirm table input[type=password].zip ~ .dfk-btn, #dvUserBox #dvFixedPurchaseDetail table input[type=text].zip ~ .dfk-btn, #dvUserBox #dvFixedPurchaseDetail table input[type=tel].zip ~ .dfk-btn, #dvUserBox #dvFixedPurchaseDetail table input[type=email].zip ~ .dfk-btn, #dvUserBox #dvFixedPurchaseDetail table input[type=password].zip ~ .dfk-btn, #dvUserBox #dvFixedPurchaseList table input[type=text].zip ~ .dfk-btn, #dvUserBox #dvFixedPurchaseList table input[type=tel].zip ~ .dfk-btn, #dvUserBox #dvFixedPurchaseList table input[type=email].zip ~ .dfk-btn, #dvUserBox #dvFixedPurchaseList table input[type=password].zip ~ .dfk-btn, #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=text].zip ~ .dfk-btn, #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=tel].zip ~ .dfk-btn, #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=email].zip ~ .dfk-btn, #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=password].zip ~ .dfk-btn, #dvUserBox #dvPasswordModifyInput .dvModify table input[type=text].zip ~ .dfk-btn, #dvUserBox #dvPasswordModifyInput .dvModify table input[type=tel].zip ~ .dfk-btn, #dvUserBox #dvPasswordModifyInput .dvModify table input[type=email].zip ~ .dfk-btn, #dvUserBox #dvPasswordModifyInput .dvModify table input[type=password].zip ~ .dfk-btn, #dvUserBox #dvUserCreditCardInput table input[type=text].zip ~ .dfk-btn, #dvUserBox #dvUserCreditCardInput table input[type=tel].zip ~ .dfk-btn, #dvUserBox #dvUserCreditCardInput table input[type=email].zip ~ .dfk-btn, #dvUserBox #dvUserCreditCardInput table input[type=password].zip ~ .dfk-btn, #dvUserBox #dvOrderHistoryList table input[type=text].zip ~ .dfk-btn, #dvUserBox #dvOrderHistoryList table input[type=tel].zip ~ .dfk-btn, #dvUserBox #dvOrderHistoryList table input[type=email].zip ~ .dfk-btn, #dvUserBox #dvOrderHistoryList table input[type=password].zip ~ .dfk-btn, #dvUserBox #dvUserInquiryInput table input[type=text].zip ~ .dfk-btn, #dvUserBox #dvUserInquiryInput table input[type=tel].zip ~ .dfk-btn, #dvUserBox #dvUserInquiryInput table input[type=email].zip ~ .dfk-btn, #dvUserBox #dvUserInquiryInput table input[type=password].zip ~ .dfk-btn, #dvUserBox #dvUserInquiryConfirm table input[type=text].zip ~ .dfk-btn, #dvUserBox #dvUserInquiryConfirm table input[type=tel].zip ~ .dfk-btn, #dvUserBox #dvUserInquiryConfirm table input[type=email].zip ~ .dfk-btn, #dvUserBox #dvUserInquiryConfirm table input[type=password].zip ~ .dfk-btn { margin: 0; } #dvUserBox #dvOrderHistoryDetail table input[type=text].tel, #dvUserBox #dvOrderHistoryDetail table input[type=tel].tel, #dvUserBox #dvOrderHistoryDetail table input[type=email].tel, #dvUserBox #dvOrderHistoryDetail table input[type=password].tel, #dvUserBox #dvUserModifyInput table input[type=text].tel, #dvUserBox #dvUserModifyInput table input[type=tel].tel, #dvUserBox #dvUserModifyInput table input[type=email].tel, #dvUserBox #dvUserModifyInput table input[type=password].tel, #dvUserBox #dvUserModifyConfirm table input[type=text].tel, #dvUserBox #dvUserModifyConfirm table input[type=tel].tel, #dvUserBox #dvUserModifyConfirm table input[type=email].tel, #dvUserBox #dvUserModifyConfirm table input[type=password].tel, #dvUserBox #dvUserShippingInput table input[type=text].tel, #dvUserBox #dvUserShippingInput table input[type=tel].tel, #dvUserBox #dvUserShippingInput table input[type=email].tel, #dvUserBox #dvUserShippingInput table input[type=password].tel, #dvUserBox #dvUserRegistInput table input[type=text].tel, #dvUserBox #dvUserRegistInput table input[type=tel].tel, #dvUserBox #dvUserRegistInput table input[type=email].tel, #dvUserBox #dvUserRegistInput table input[type=password].tel, #dvUserBox #dvUserRegistConfirm table input[type=text].tel, #dvUserBox #dvUserRegistConfirm table input[type=tel].tel, #dvUserBox #dvUserRegistConfirm table input[type=email].tel, #dvUserBox #dvUserRegistConfirm table input[type=password].tel, #dvUserBox #dvFixedPurchaseDetail table input[type=text].tel, #dvUserBox #dvFixedPurchaseDetail table input[type=tel].tel, #dvUserBox #dvFixedPurchaseDetail table input[type=email].tel, #dvUserBox #dvFixedPurchaseDetail table input[type=password].tel, #dvUserBox #dvFixedPurchaseList table input[type=text].tel, #dvUserBox #dvFixedPurchaseList table input[type=tel].tel, #dvUserBox #dvFixedPurchaseList table input[type=email].tel, #dvUserBox #dvFixedPurchaseList table input[type=password].tel, #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=text].tel, #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=tel].tel, #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=email].tel, #dvUserBox #dvPasswordReminderInput .dvReminder table input[type=password].tel, #dvUserBox #dvPasswordModifyInput .dvModify table input[type=text].tel, #dvUserBox #dvPasswordModifyInput .dvModify table input[type=tel].tel, #dvUserBox #dvPasswordModifyInput .dvModify table input[type=email].tel, #dvUserBox #dvPasswordModifyInput .dvModify table input[type=password].tel, #dvUserBox #dvUserCreditCardInput table input[type=text].tel, #dvUserBox #dvUserCreditCardInput table input[type=tel].tel, #dvUserBox #dvUserCreditCardInput table input[type=email].tel, #dvUserBox #dvUserCreditCardInput table input[type=password].tel, #dvUserBox #dvOrderHistoryList table input[type=text].tel, #dvUserBox #dvOrderHistoryList table input[type=tel].tel, #dvUserBox #dvOrderHistoryList table input[type=email].tel, #dvUserBox #dvOrderHistoryList table input[type=password].tel, #dvUserBox #dvUserInquiryInput table input[type=text].tel, #dvUserBox #dvUserInquiryInput table input[type=tel].tel, #dvUserBox #dvUserInquiryInput table input[type=email].tel, #dvUserBox #dvUserInquiryInput table input[type=password].tel, #dvUserBox #dvUserInquiryConfirm table input[type=text].tel, #dvUserBox #dvUserInquiryConfirm table input[type=tel].tel, #dvUserBox #dvUserInquiryConfirm table input[type=email].tel, #dvUserBox #dvUserInquiryConfirm table input[type=password].tel { width: 100%; } #dvUserBox #dvOrderHistoryDetail table select, #dvUserBox #dvUserModifyInput table select, #dvUserBox #dvUserModifyConfirm table select, #dvUserBox #dvUserShippingInput table select, #dvUserBox #dvUserRegistInput table select, #dvUserBox #dvUserRegistConfirm table select, #dvUserBox #dvFixedPurchaseDetail table select, #dvUserBox #dvFixedPurchaseList table select, #dvUserBox #dvPasswordReminderInput .dvReminder table select, #dvUserBox #dvPasswordModifyInput .dvModify table select, #dvUserBox #dvUserCreditCardInput table select, #dvUserBox #dvOrderHistoryList table select, #dvUserBox #dvUserInquiryInput table select, #dvUserBox #dvUserInquiryConfirm table select { min-width: 182px; padding: 10px 36px 10px 15px; } #dvUserBox #dvOrderHistoryDetail table select.year, #dvUserBox #dvUserModifyInput table select.year, #dvUserBox #dvUserModifyConfirm table select.year, #dvUserBox #dvUserShippingInput table select.year, #dvUserBox #dvUserRegistInput table select.year, #dvUserBox #dvUserRegistConfirm table select.year, #dvUserBox #dvFixedPurchaseDetail table select.year, #dvUserBox #dvFixedPurchaseList table select.year, #dvUserBox #dvPasswordReminderInput .dvReminder table select.year, #dvUserBox #dvPasswordModifyInput .dvModify table select.year, #dvUserBox #dvUserCreditCardInput table select.year, #dvUserBox #dvOrderHistoryList table select.year, #dvUserBox #dvUserInquiryInput table select.year, #dvUserBox #dvUserInquiryConfirm table select.year { width: 107px; } #dvUserBox #dvOrderHistoryDetail table select.month, #dvUserBox #dvOrderHistoryDetail table select.date, #dvUserBox #dvUserModifyInput table select.month, #dvUserBox #dvUserModifyInput table select.date, #dvUserBox #dvUserModifyConfirm table select.month, #dvUserBox #dvUserModifyConfirm table select.date, #dvUserBox #dvUserShippingInput table select.month, #dvUserBox #dvUserShippingInput table select.date, #dvUserBox #dvUserRegistInput table select.month, #dvUserBox #dvUserRegistInput table select.date, #dvUserBox #dvUserRegistConfirm table select.month, #dvUserBox #dvUserRegistConfirm table select.date, #dvUserBox #dvFixedPurchaseDetail table select.month, #dvUserBox #dvFixedPurchaseDetail table select.date, #dvUserBox #dvFixedPurchaseList table select.month, #dvUserBox #dvFixedPurchaseList table select.date, #dvUserBox #dvPasswordReminderInput .dvReminder table select.month, #dvUserBox #dvPasswordReminderInput .dvReminder table select.date, #dvUserBox #dvPasswordModifyInput .dvModify table select.month, #dvUserBox #dvPasswordModifyInput .dvModify table select.date, #dvUserBox #dvUserCreditCardInput table select.month, #dvUserBox #dvUserCreditCardInput table select.date, #dvUserBox #dvOrderHistoryList table select.month, #dvUserBox #dvOrderHistoryList table select.date, #dvUserBox #dvUserInquiryInput table select.month, #dvUserBox #dvUserInquiryInput table select.date, #dvUserBox #dvUserInquiryConfirm table select.month, #dvUserBox #dvUserInquiryConfirm table select.date { width: 70px; } #dvUserBox #dvOrderHistoryDetail table .radioBtn, #dvUserBox #dvUserModifyInput table .radioBtn, #dvUserBox #dvUserModifyConfirm table .radioBtn, #dvUserBox #dvUserShippingInput table .radioBtn, #dvUserBox #dvUserRegistInput table .radioBtn, #dvUserBox #dvUserRegistConfirm table .radioBtn, #dvUserBox #dvFixedPurchaseDetail table .radioBtn, #dvUserBox #dvFixedPurchaseList table .radioBtn, #dvUserBox #dvPasswordReminderInput .dvReminder table .radioBtn, #dvUserBox #dvPasswordModifyInput .dvModify table .radioBtn, #dvUserBox #dvUserCreditCardInput table .radioBtn, #dvUserBox #dvOrderHistoryList table .radioBtn, #dvUserBox #dvUserInquiryInput table .radioBtn, #dvUserBox #dvUserInquiryConfirm table .radioBtn { gap: 10px 20px; max-width: none; } #dvUserBox #dvOrderHistoryDetail table .radioBtn input[type=radio] + label, #dvUserBox #dvUserModifyInput table .radioBtn input[type=radio] + label, #dvUserBox #dvUserModifyConfirm table .radioBtn input[type=radio] + label, #dvUserBox #dvUserShippingInput table .radioBtn input[type=radio] + label, #dvUserBox #dvUserRegistInput table .radioBtn input[type=radio] + label, #dvUserBox #dvUserRegistConfirm table .radioBtn input[type=radio] + label, #dvUserBox #dvFixedPurchaseDetail table .radioBtn input[type=radio] + label, #dvUserBox #dvFixedPurchaseList table .radioBtn input[type=radio] + label, #dvUserBox #dvPasswordReminderInput .dvReminder table .radioBtn input[type=radio] + label, #dvUserBox #dvPasswordModifyInput .dvModify table .radioBtn input[type=radio] + label, #dvUserBox #dvUserCreditCardInput table .radioBtn input[type=radio] + label, #dvUserBox #dvOrderHistoryList table .radioBtn input[type=radio] + label, #dvUserBox #dvUserInquiryInput table .radioBtn input[type=radio] + label, #dvUserBox #dvUserInquiryConfirm table .radioBtn input[type=radio] + label { font-size: 14px; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } #dvUserBox #dvOrderHistoryDetail table .radioBtn input[type=radio] + label:before, #dvUserBox #dvUserModifyInput table .radioBtn input[type=radio] + label:before, #dvUserBox #dvUserModifyConfirm table .radioBtn input[type=radio] + label:before, #dvUserBox #dvUserShippingInput table .radioBtn input[type=radio] + label:before, #dvUserBox #dvUserRegistInput table .radioBtn input[type=radio] + label:before, #dvUserBox #dvUserRegistConfirm table .radioBtn input[type=radio] + label:before, #dvUserBox #dvFixedPurchaseDetail table .radioBtn input[type=radio] + label:before, #dvUserBox #dvFixedPurchaseList table .radioBtn input[type=radio] + label:before, #dvUserBox #dvPasswordReminderInput .dvReminder table .radioBtn input[type=radio] + label:before, #dvUserBox #dvPasswordModifyInput .dvModify table .radioBtn input[type=radio] + label:before, #dvUserBox #dvUserCreditCardInput table .radioBtn input[type=radio] + label:before, #dvUserBox #dvOrderHistoryList table .radioBtn input[type=radio] + label:before, #dvUserBox #dvUserInquiryInput table .radioBtn input[type=radio] + label:before, #dvUserBox #dvUserInquiryConfirm table .radioBtn input[type=radio] + label:before { width: 18px; height: 18px; } #dvUserBox #dvOrderHistoryDetail table .radioBtn input[type=radio] + label:after, #dvUserBox #dvUserModifyInput table .radioBtn input[type=radio] + label:after, #dvUserBox #dvUserModifyConfirm table .radioBtn input[type=radio] + label:after, #dvUserBox #dvUserShippingInput table .radioBtn input[type=radio] + label:after, #dvUserBox #dvUserRegistInput table .radioBtn input[type=radio] + label:after, #dvUserBox #dvUserRegistConfirm table .radioBtn input[type=radio] + label:after, #dvUserBox #dvFixedPurchaseDetail table .radioBtn input[type=radio] + label:after, #dvUserBox #dvFixedPurchaseList table .radioBtn input[type=radio] + label:after, #dvUserBox #dvPasswordReminderInput .dvReminder table .radioBtn input[type=radio] + label:after, #dvUserBox #dvPasswordModifyInput .dvModify table .radioBtn input[type=radio] + label:after, #dvUserBox #dvUserCreditCardInput table .radioBtn input[type=radio] + label:after, #dvUserBox #dvOrderHistoryList table .radioBtn input[type=radio] + label:after, #dvUserBox #dvUserInquiryInput table .radioBtn input[type=radio] + label:after, #dvUserBox #dvUserInquiryConfirm table .radioBtn input[type=radio] + label:after { width: 12px; height: 12px; } #dvUserBox #dvOrderHistoryDetail table .checkBox, #dvUserBox #dvUserModifyInput table .checkBox, #dvUserBox #dvUserModifyConfirm table .checkBox, #dvUserBox #dvUserShippingInput table .checkBox, #dvUserBox #dvUserRegistInput table .checkBox, #dvUserBox #dvUserRegistConfirm table .checkBox, #dvUserBox #dvFixedPurchaseDetail table .checkBox, #dvUserBox #dvFixedPurchaseList table .checkBox, #dvUserBox #dvPasswordReminderInput .dvReminder table .checkBox, #dvUserBox #dvPasswordModifyInput .dvModify table .checkBox, #dvUserBox #dvUserCreditCardInput table .checkBox, #dvUserBox #dvOrderHistoryList table .checkBox, #dvUserBox #dvUserInquiryInput table .checkBox, #dvUserBox #dvUserInquiryConfirm table .checkBox { gap: 10px 20px; max-width: none; } #dvUserBox #dvOrderHistoryDetail table .checkBox input[type=checkbox] + label, #dvUserBox #dvUserModifyInput table .checkBox input[type=checkbox] + label, #dvUserBox #dvUserModifyConfirm table .checkBox input[type=checkbox] + label, #dvUserBox #dvUserShippingInput table .checkBox input[type=checkbox] + label, #dvUserBox #dvUserRegistInput table .checkBox input[type=checkbox] + label, #dvUserBox #dvUserRegistConfirm table .checkBox input[type=checkbox] + label, #dvUserBox #dvFixedPurchaseDetail table .checkBox input[type=checkbox] + label, #dvUserBox #dvFixedPurchaseList table .checkBox input[type=checkbox] + label, #dvUserBox #dvPasswordReminderInput .dvReminder table .checkBox input[type=checkbox] + label, #dvUserBox #dvPasswordModifyInput .dvModify table .checkBox input[type=checkbox] + label, #dvUserBox #dvUserCreditCardInput table .checkBox input[type=checkbox] + label, #dvUserBox #dvOrderHistoryList table .checkBox input[type=checkbox] + label, #dvUserBox #dvUserInquiryInput table .checkBox input[type=checkbox] + label, #dvUserBox #dvUserInquiryConfirm table .checkBox input[type=checkbox] + label { font-size: 14px; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } #dvUserBox #dvOrderHistoryDetail table .checkBox input[type=checkbox] + label:before, #dvUserBox #dvUserModifyInput table .checkBox input[type=checkbox] + label:before, #dvUserBox #dvUserModifyConfirm table .checkBox input[type=checkbox] + label:before, #dvUserBox #dvUserShippingInput table .checkBox input[type=checkbox] + label:before, #dvUserBox #dvUserRegistInput table .checkBox input[type=checkbox] + label:before, #dvUserBox #dvUserRegistConfirm table .checkBox input[type=checkbox] + label:before, #dvUserBox #dvFixedPurchaseDetail table .checkBox input[type=checkbox] + label:before, #dvUserBox #dvFixedPurchaseList table .checkBox input[type=checkbox] + label:before, #dvUserBox #dvPasswordReminderInput .dvReminder table .checkBox input[type=checkbox] + label:before, #dvUserBox #dvPasswordModifyInput .dvModify table .checkBox input[type=checkbox] + label:before, #dvUserBox #dvUserCreditCardInput table .checkBox input[type=checkbox] + label:before, #dvUserBox #dvOrderHistoryList table .checkBox input[type=checkbox] + label:before, #dvUserBox #dvUserInquiryInput table .checkBox input[type=checkbox] + label:before, #dvUserBox #dvUserInquiryConfirm table .checkBox input[type=checkbox] + label:before { width: 18px; height: 18px; background-size: 8px; } #dvUserBox #dvOrderHistoryDetail table .itemArea > a, #dvUserBox #dvUserModifyInput table .itemArea > a, #dvUserBox #dvUserModifyConfirm table .itemArea > a, #dvUserBox #dvUserShippingInput table .itemArea > a, #dvUserBox #dvUserRegistInput table .itemArea > a, #dvUserBox #dvUserRegistConfirm table .itemArea > a, #dvUserBox #dvFixedPurchaseDetail table .itemArea > a, #dvUserBox #dvFixedPurchaseList table .itemArea > a, #dvUserBox #dvPasswordReminderInput .dvReminder table .itemArea > a, #dvUserBox #dvPasswordModifyInput .dvModify table .itemArea > a, #dvUserBox #dvUserCreditCardInput table .itemArea > a, #dvUserBox #dvOrderHistoryList table .itemArea > a, #dvUserBox #dvUserInquiryInput table .itemArea > a, #dvUserBox #dvUserInquiryConfirm table .itemArea > a { -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } #dvUserBox #dvOrderHistoryDetail table .itemArea > a .itemImage, #dvUserBox #dvUserModifyInput table .itemArea > a .itemImage, #dvUserBox #dvUserModifyConfirm table .itemArea > a .itemImage, #dvUserBox #dvUserShippingInput table .itemArea > a .itemImage, #dvUserBox #dvUserRegistInput table .itemArea > a .itemImage, #dvUserBox #dvUserRegistConfirm table .itemArea > a .itemImage, #dvUserBox #dvFixedPurchaseDetail table .itemArea > a .itemImage, #dvUserBox #dvFixedPurchaseList table .itemArea > a .itemImage, #dvUserBox #dvPasswordReminderInput .dvReminder table .itemArea > a .itemImage, #dvUserBox #dvPasswordModifyInput .dvModify table .itemArea > a .itemImage, #dvUserBox #dvUserCreditCardInput table .itemArea > a .itemImage, #dvUserBox #dvOrderHistoryList table .itemArea > a .itemImage, #dvUserBox #dvUserInquiryInput table .itemArea > a .itemImage, #dvUserBox #dvUserInquiryConfirm table .itemArea > a .itemImage { -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; } } /* --------------------------------------------------------------------------- ログインページ --------------------------------------------------------------------------- */ #dvLogin { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 80px 20px; } #dvLoginWrap { -webkit-box-flex: 0; -ms-flex: 0 1 45%; flex: 0 1 45%; } #dvLoginWrap li + li { margin-top: 16px; } #dvLoginWrap input[type=text], #dvLoginWrap input[type=email], #dvLoginWrap input[type=password] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; background: var(--c_wht); border: 1px solid var(--c_gray); border-radius: 5px; padding: 15px; font-family: var(--font_ja); font-size: 16px; font-weight: 500; line-height: 1; margin: 8px 0; } #dvLoginWrap input[type=text]::-webkit-input-placeholder, #dvLoginWrap input[type=email]::-webkit-input-placeholder, #dvLoginWrap input[type=password]::-webkit-input-placeholder { color: var(--c_gray) !important; } #dvLoginWrap input[type=checkbox] { display: none; } #dvLoginWrap input[type=checkbox] + label { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; cursor: pointer; } #dvLoginWrap input[type=checkbox] + label:before { content: ""; width: 20px; height: 20px; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 5px; border: 1px solid var(--c_gray); background: url(../../Contents/ImagesPkg/dogfoodkoubou2026/common/ico_check.png) no-repeat center/10px, var(--c_wht); -webkit-box-sizing: border-box; box-sizing: border-box; } #dvLoginWrap input[type=checkbox]:checked + label:before { background-color: var(--c_blue); border-color: var(--c_blue); } #dvLoginWrap .forgetPass { margin-bottom: 0 !important; } .dvLoginRegist { -webkit-box-flex: 0; -ms-flex: 0 1 45%; flex: 0 1 45%; } .social-login-list { width: 280px; max-width: 100%; margin: 0 auto; } .social-login-list > li + li { margin-top: 20px; } /* スマホ ------------------------ */ @media (max-width: 768px) { #dvLogin { gap: 50px 20px; } #dvLoginWrap { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; } .dvLoginRegist { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; } } /* --------------------------------------------------------------------------- 会員登録ページ --------------------------------------------------------------------------- */ /** -------------------- 会員規約 -------------------- **/ #dvUserRegistRegulation .dvRegulation { border: 1px solid var(--c_bg_gray); padding: 20px; height: 240px; overflow-x: hidden; overflow-y: auto; font-weight: 400; } #dvUserRegistRegulation .dvRegulation h4 { font-weight: 700; margin: 30px 0 12px; } #dvUserRegistRegulation .dvRegulation h4:first-child { margin-top: 0; } #dvUserRegistRegulation .dvRegulation ul { padding-left: 1em; } /* スマホ ------------------------ */ @media (max-width: 768px) { /** -------------------- 会員規約 -------------------- **/ } /* --------------------------------------------------------------------------- マイページ - TOP --------------------------------------------------------------------------- */ #dvMyPage .dfk-mypage-profile { margin-bottom: 24px; background: var(--c_bg_wht); border-radius: 10px; padding: 18px 20px; } #dvMyPage .dfk-mypage-profile-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 26px; -moz-column-gap: 26px; column-gap: 26px; padding-bottom: 18px; border-bottom: 1px solid var(--c_bg_gray); } #dvMyPage .dfk-mypage-profile-name { -ms-flex-negative: 0; flex-shrink: 0; font-size: 22px; font-weight: 700; line-height: 1; } #dvMyPage .dfk-mypage-profile-name .sub { font-size: 18px; } #dvMyPage .dfk-mypage-profile-id { font-size: 16px; font-weight: 400; line-height: 1; } #dvMyPage .dfk-mypage-profile-point { background: var(--c_wht); margin-top: 18px; border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #dvMyPage .dfk-mypage-profile-point-usable { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-column-gap: 44px; -moz-column-gap: 44px; column-gap: 44px; line-height: 1; } #dvMyPage .dfk-mypage-profile-point-usable .label { font-size: 20px; } #dvMyPage .dfk-mypage-profile-point-usable .text { font-size: 24px; } #dvMyPage .dfk-mypage-profile-point-usable .num { font-size: 40px; } #dvMyPage .dfk-mypage-profile-point-breakdown { -webkit-box-flex: 0; -ms-flex: 0 0 310px; flex: 0 0 310px; padding: 0 20px; } #dvMyPage .dfk-mypage-profile-point-breakdown-item { padding: 10px 0; border-bottom: 1px solid var(--c_bg_gray); line-height: 1; } #dvMyPage .dfk-mypage-profile-point-breakdown-item:last-child { border-bottom: 0; } #dvMyPage .dfk-mypage-profile-point-breakdown-main { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 16px auto; grid-template-columns: 1fr auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px 16px; } #dvMyPage .dfk-mypage-profile-point-breakdown-main .text { text-align: right; } #dvMyPage .dfk-mypage-profile-point-breakdown-sub { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 16px auto; grid-template-columns: 1fr auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px 16px; background: var(--c_bg_gray); border-radius: 5px; padding: 10px; margin-top: 12px; font-size: 14px; } #dvMyPage .dfk-mypage-menu01 { margin-top: 24px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 30px 1fr; grid-template-columns: repeat(2, 1fr); gap: 30px; } #dvMyPage .dfk-mypage-menu01 .link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; background: var(--c_blue); color: var(--c_wht); border-radius: 10px; font-size: 20px; line-height: 1; padding: 19px; border: 1px solid var(--c_blue); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: transparent; text-decoration-thickness: 1px; -webkit-transition: var(--anim); transition: var(--anim); } #dvMyPage .dfk-mypage-menu01 .link:hover { opacity: 1; background: var(--c_wht); color: var(--c_blue); text-decoration-color: currentColor; } #dvMyPage .dfk-mypage-menu01 .link:hover .ico { -webkit-filter: var(--filter_blue); filter: var(--filter_blue); } #dvMyPage .dfk-mypage-menu01 .ico { -webkit-box-flex: 0; -ms-flex: 0 1 31px; flex: 0 1 31px; -webkit-filter: var(--filter_wht); filter: var(--filter_wht); -webkit-transition: var(--anim); transition: var(--anim); } #dvMyPage .dfk-mypage-menu02 { margin-top: 70px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 30px 1fr; grid-template-columns: repeat(2, 1fr); gap: 30px; } #dvMyPage .dfk-mypage-menu02 .link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; background: var(--c_wht); border-radius: 10px; font-size: 18px; line-height: normal; padding: 49px 20px; border: 3px solid var(--c_blue); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: transparent; text-decoration-thickness: 1px; -webkit-transition: var(--anim); transition: var(--anim); } #dvMyPage .dfk-mypage-menu02 .link:hover { opacity: 1; background: var(--c_blue); color: var(--c_wht); text-decoration-color: currentColor; } #dvMyPage .dfk-mypage-menu02 .link:hover .ico { -webkit-filter: var(--filter_wht); filter: var(--filter_wht); } #dvMyPage .dfk-mypage-menu02 .ico { -webkit-box-flex: 0; -ms-flex: 0 1 57px; flex: 0 1 57px; -webkit-filter: var(--filter_blue); filter: var(--filter_blue); -webkit-transition: var(--anim); transition: var(--anim); } #dvMyPage .dfk-mypage-menu03 { margin-top: 30px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr; grid-template-columns: repeat(4, 1fr); gap: 20px; } #dvMyPage .dfk-mypage-menu03 .item { padding-top: 100%; position: relative; } #dvMyPage .dfk-mypage-menu03 .link { width: 100%; height: 100%; position: absolute; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 18px; background: var(--c_wht); border-radius: 10px; font-size: 18px; line-height: normal; padding: 20px 8px; border: 2px solid var(--c_bg_gray); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: transparent; text-decoration-thickness: 1px; -webkit-transition: var(--anim); transition: var(--anim); text-align: center; } #dvMyPage .dfk-mypage-menu03 .link:hover { opacity: 1; background: var(--c_bg_gray); text-decoration-color: currentColor; } #dvMyPage .dfk-mypage-menu03 .ico { width: 57px; -webkit-transition: var(--anim); transition: var(--anim); } /* スマホ ------------------------ */ @media (max-width: 768px) { #dvMyPage .dfk-mypage-profile { margin-bottom: 16px; padding: 16px 20px; } #dvMyPage .dfk-mypage-profile-header { padding-bottom: 16px; -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; -ms-flex-wrap: wrap; flex-wrap: wrap; } #dvMyPage .dfk-mypage-profile-name { font-size: 18px; } #dvMyPage .dfk-mypage-profile-name .sub { font-size: 14px; } #dvMyPage .dfk-mypage-profile-id { font-size: 12px; } #dvMyPage .dfk-mypage-profile-point { margin-top: 16px; display: block; } #dvMyPage .dfk-mypage-profile-point-usable { -webkit-column-gap: 12px; -moz-column-gap: 12px; column-gap: 12px; padding: 22px 0; } #dvMyPage .dfk-mypage-profile-point-usable .label { font-size: 18px; } #dvMyPage .dfk-mypage-profile-point-usable .text { min-width: 60px; text-align: right; font-size: 20px; } #dvMyPage .dfk-mypage-profile-point-usable .num { font-size: 35px; } #dvMyPage .dfk-mypage-profile-point-breakdown { padding: 0 16px; } #dvMyPage .dfk-mypage-profile-point-breakdown-item { padding: 8px 0; } #dvMyPage .dfk-mypage-profile-point-breakdown-main { gap: 8px 12px; font-size: 14px; } #dvMyPage .dfk-mypage-profile-point-breakdown-sub { gap: 8px 12px; font-size: 12px; } #dvMyPage .dfk-mypage-menu01 { margin-top: 16px; gap: 10px; } #dvMyPage .dfk-mypage-menu01 .link { -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; padding: 17px 4px; font-size: 14px; } #dvMyPage .dfk-mypage-menu01 .ico { -webkit-box-flex: 0; -ms-flex: 0 0 25px; flex: 0 0 25px; } #dvMyPage .dfk-mypage-menu02 { margin-top: 50px; gap: 10px; } #dvMyPage .dfk-mypage-menu02 .link { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 12px 0; padding: 26px 0; font-size: 16px; text-align: center; } #dvMyPage .dfk-mypage-menu02 .ico { -ms-flex-preferred-size: auto; flex-basis: auto; width: 45px; } #dvMyPage .dfk-mypage-menu02 .text { margin: 0 -3px; } #dvMyPage .dfk-mypage-menu03 { margin-top: 20px; display: -ms-grid; display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 10px; } #dvMyPage .dfk-mypage-menu03 .link { row-gap: 12px; font-size: 16px; padding: 16px 0; } #dvMyPage .dfk-mypage-menu03 .ico { width: 45px; } } /* --------------------------------------------------------------------------- マイページ - ポイント履歴一覧 --------------------------------------------------------------------------- */ #dvUserBox #dvUserPointHistoryList .dfk-userPoint-sum { background: var(--c_bg_wht); padding: 18px; border-radius: 10px; margin-bottom: 30px; } #dvUserBox #dvUserPointHistoryList .dfk-userPoint-sum-in { background: var(--c_wht); border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #dvUserBox #dvUserPointHistoryList .dfk-userPoint-sum-usable { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-column-gap: 44px; -moz-column-gap: 44px; column-gap: 44px; line-height: 1; padding: 20px 0; } #dvUserBox #dvUserPointHistoryList .dfk-userPoint-sum-usable .dfk-userPoint-sum-label { font-size: 20px; } #dvUserBox #dvUserPointHistoryList .dfk-userPoint-sum-usable .dfk-userPoint-sum-txt { font-size: 24px; } #dvUserBox #dvUserPointHistoryList .dfk-userPoint-sum-usable .dfk-userPoint-sum-num { font-size: 40px; } #dvUserBox #dvUserPointHistoryList .dfk-userPoint-sum-breakdown { -webkit-box-flex: 0; -ms-flex: 0 0 310px; flex: 0 0 310px; padding: 0 20px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr auto; grid-template-columns: 1fr auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #dvUserBox #dvUserPointHistoryList .dfk-userPoint-sum-breakdown .dfk-userPoint-sum-label { padding: 10px 16px 10px 0; border-bottom: 1px solid var(--c_bg_gray); } #dvUserBox #dvUserPointHistoryList .dfk-userPoint-sum-breakdown .dfk-userPoint-sum-label:last-of-type { border-bottom: 0; } #dvUserBox #dvUserPointHistoryList .dfk-userPoint-sum-breakdown .dfk-userPoint-sum-txt { padding: 10px 0; border-bottom: 1px solid var(--c_bg_gray); text-align: right; } #dvUserBox #dvUserPointHistoryList .dfk-userPoint-sum-breakdown .dfk-userPoint-sum-txt:last-of-type { border-bottom: 0; } #dvUserBox #dvUserPointHistoryList .dvUserPointHistoryList table { width: 100%; } #dvUserBox #dvUserPointHistoryList .dvUserPointHistoryList table .userPointContent { padding: 20px 15px; border-bottom: 1px solid var(--c_bg_gray); } #dvUserBox #dvUserPointHistoryList .dvUserPointHistoryList table .point { width: 180px; padding: 20px 15px; text-align: right; border-bottom: 1px solid var(--c_bg_gray); } /* スマホ ------------------------ */ @media (max-width: 768px) { #dvUserBox #dvUserPointHistoryList .dfk-userPoint-sum { padding: 16px; } #dvUserBox #dvUserPointHistoryList .dfk-userPoint-sum-in { display: block; } #dvUserBox #dvUserPointHistoryList .dfk-userPoint-sum-usable { -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; padding: 22px 0; } #dvUserBox #dvUserPointHistoryList .dfk-userPoint-sum-usable .dfk-userPoint-sum-label { font-size: 18px; } #dvUserBox #dvUserPointHistoryList .dfk-userPoint-sum-usable .dfk-userPoint-sum-txt { min-width: 60px; text-align: right; font-size: 20px; } #dvUserBox #dvUserPointHistoryList .dfk-userPoint-sum-usable .dfk-userPoint-sum-num { font-size: 35px; } #dvUserBox #dvUserPointHistoryList .dfk-userPoint-sum-breakdown { padding: 0 16px; line-height: 1; } #dvUserBox #dvUserPointHistoryList .dfk-userPoint-sum-breakdown .dfk-userPoint-sum-label { padding: 8px 12px 8px 0; } #dvUserBox #dvUserPointHistoryList .dfk-userPoint-sum-breakdown .dfk-userPoint-sum-txt { padding: 8px 0; } #dvUserBox #dvUserPointHistoryList .dvUserPointHistoryList table .userPointContent { padding: 0; border: 0; } #dvUserBox #dvUserPointHistoryList .dvUserPointHistoryList table .point { padding: 20px 0; } } /* --------------------------------------------------------------------------- マイページ - お気に入り商品 --------------------------------------------------------------------------- */ #dvUserBox #dvFavoriteList table { width: 100%; table-layout: fixed; border-top: 1px solid var(--c_bg_gray); } #dvUserBox #dvFavoriteList table td { padding: 20px 0; border-bottom: 1px solid var(--c_bg_gray); } #dvUserBox #dvFavoriteList table td.productImage { width: 220px; } #dvUserBox #dvFavoriteList table td.productName { padding-left: 40px; } #dvUserBox #dvFavoriteList table td .btnset { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 12px 20px; } /* スマホ ------------------------ */ @media (max-width: 768px) { #dvUserBox #dvFavoriteList table td { padding: 18px 0; display: table-cell; } #dvUserBox #dvFavoriteList table td.productImage { width: 120px !important; } #dvUserBox #dvFavoriteList table td.productName { padding-left: 20px; } #dvUserBox #dvFavoriteList table td .btnset { margin-top: 8px; } #dvUserBox #dvFavoriteList table td .btnset .dfk-btn { margin: 0; } } /* --------------------------------------------------------------------------- マイページ - 注文履歴 --------------------------------------------------------------------------- */ /** -------------------- 購入履歴詳細 -------------------- **/ #dvUserBox #dvOrderHistoryDetail table .dfk-btn { margin: 8px 0 0; } #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct table .productName { width: 400px; } #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct table .productNameTxt { font-weight: 700; } #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct table .productNameTxt a { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; } #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct table .productOption { margin-top: 8px; font-size: 14px; } #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct table .productPrice, #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct table .orderCount, #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct table .orderSubtotal { text-align: right; } #dvUserBox #dvOrderHistoryDetail .dvOrderSum { width: 300px; margin-left: auto; } #dvUserBox #dvOrderHistoryDetail .dvOrderSum dl.orderSum { display: -ms-grid; display: grid; -ms-grid-columns: auto 1fr; grid-template-columns: auto 1fr; line-height: 1.2; } #dvUserBox #dvOrderHistoryDetail .dvOrderSum dl.orderSum dt { padding: 12px 20px 12px 0; border-bottom: 1px solid var(--c_bg_gray); } #dvUserBox #dvOrderHistoryDetail .dvOrderSum dl.orderSum dd { padding: 12px 0; border-bottom: 1px solid var(--c_bg_gray); text-align: right; } #dvUserBox #dvOrderHistoryDetail .dvOrderSum dl.orderTotal { display: -ms-grid; display: grid; -ms-grid-columns: auto 1fr; grid-template-columns: auto 1fr; font-size: 20px; font-weight: 700; line-height: 1.2; margin-top: 30px; } #dvUserBox #dvOrderHistoryDetail .dvOrderSum dl.orderTotal dd { text-align: right; } /* スマホ ------------------------ */ @media (max-width: 768px) { /** -------------------- 購入履歴詳細 -------------------- **/ #dvUserBox #dvOrderHistoryDetail .dvOrderSum dl.orderTotal { font-size: 18px; } } /* --------------------------------------------------------------------------- マイページ - 定期便お申込み状況 --------------------------------------------------------------------------- */ /** -------------------- 定期購入情報詳細 -------------------- **/ #dvUserBox #dvFixedPurchaseDetail table .dfk-btn { margin: 8px 0 0; } #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem table tbody .productImg { width: 180px; padding-right: 20px; } #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem table tbody .productImg + .productName { width: 320px; } #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem table tbody .productName { width: 400px; } #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem table tbody .productNameTxt { font-weight: 700; } #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem table tbody .productNameTxt a { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; } #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem table tbody .productOption { margin-top: 8px; font-size: 14px; } #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem table tbody .productPrice, #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem table tbody .orderCount, #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem table tbody .orderSubtotal { text-align: right; } /* スマホ ------------------------ */ @media (max-width: 768px) { /** -------------------- 定期購入情報詳細 -------------------- **/ #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem table thead { display: none; } #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem table tbody .productImg { padding: 0; border: 0; } #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem table tbody .productImg img { width: 160px; margin: 0 auto; } #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem table .productName { padding: 16px 0 17px !important; } } /* --------------------------------------------------------------------------- マイページ - 会員情報の確認・変更 --------------------------------------------------------------------------- */ /** -------------------- 入力内容の確認 -------------------- **/ #dvUserModifyConfirm .dvUserInfo + .dvLoginInfo { margin-top: 80px; } /* スマホ ------------------------ */ @media (max-width: 768px) { /** -------------------- 入力内容の確認 -------------------- **/ #dvUserModifyConfirm .dvUserInfo + .dvLoginInfo { margin-top: 50px; } } /* --------------------------------------------------------------------------- マイページ - お届け先登録 --------------------------------------------------------------------------- */ /** -------------------- お届け先登録 -------------------- **/ #dvUserBox #dvUserShippingList .dfk-userShipping-table { margin-top: 30px; width: 100%; table-layout: fixed; border: 0; font-size: 18px; line-height: normal; } #dvUserBox #dvUserShippingList .dfk-userShipping-table tr:last-of-type .dfk-userShipping-table-th { border-bottom: 1px solid var(--c_bg_gray); } #dvUserBox #dvUserShippingList .dfk-userShipping-table-th { width: 167px; background: var(--c_bg_gray); padding: 20px; font-weight: 700; border: 1px solid var(--c_bg_gray); border-bottom: 1px solid var(--c_wht); color: #000; } #dvUserBox #dvUserShippingList .dfk-userShipping-table-td { padding: 20px; border: 1px solid var(--c_bg_gray); } #dvUserBox #dvUserShippingList .dfk-userShipping-table-address { margin-bottom: 10px; } #dvUserBox #dvUserShippingList .dfk-userShipping-table-action { margin-top: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 8px; } /* スマホ ------------------------ */ @media (max-width: 768px) { /** -------------------- お届け先登録 -------------------- **/ #dvUserBox #dvUserShippingList .dfk-userShipping-table { font-size: 16px; } #dvUserBox #dvUserShippingList .dfk-userShipping-table-th { display: block; width: 100%; padding: 15px 20px; border: 0; line-height: 1.2; } #dvUserBox #dvUserShippingList .dfk-userShipping-table-td { display: block; width: 100%; padding: 20px; border-top: 0; } #dvUserBox #dvUserShippingList .dfk-userShipping-table-address { margin-bottom: 16px; } #dvUserBox #dvUserShippingList .dfk-userShipping-table-action { margin-top: 24px; } } /* --------------------------------------------------------------------------- マイページ - クレジットカード情報 --------------------------------------------------------------------------- */ /** -------------------- クレジットカード情報一覧 -------------------- **/ #dvUserFltContents #dvUserCreditCardList .dfk-userCredit-table { width: 100%; font-size: 18px; margin-top: 30px; } #dvUserFltContents #dvUserCreditCardList .dfk-userCredit-table thead th { background: var(--c_bg_gray); padding: 14px 20px; font-weight: 700; line-height: 1.2; } #dvUserFltContents #dvUserCreditCardList .dfk-userCredit-table thead th:first-child { width: 280px; } #dvUserFltContents #dvUserCreditCardList .dfk-userCredit-table thead th:last-child { width: 176px; } #dvUserFltContents #dvUserCreditCardList .dfk-userCredit-table tbody th, #dvUserFltContents #dvUserCreditCardList .dfk-userCredit-table tbody td { padding: 25px 20px; text-align: left; vertical-align: middle; } #dvUserFltContents #dvUserCreditCardList .dfk-userCredit-table tbody dl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 3px; } #dvUserFltContents #dvUserCreditCardList .dfk-userCredit-table tbody dl:last-child { margin-bottom: 0; } #dvUserFltContents #dvUserCreditCardList .dfk-userCredit-table tbody dl dt { -ms-flex-negative: 0; flex-shrink: 0; font-weight: 700; } #dvUserFltContents #dvUserCreditCardList .dfk-userCredit-table tbody dl dt:after { content: "："; } #dvUserFltContents #dvUserCreditCardList .dfk-userCredit-table .dfk-userCredit-table-action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 8px; } /* スマホ ------------------------ */ @media (max-width: 768px) { /** -------------------- クレジットカード情報一覧 -------------------- **/ #dvUserFltContents #dvUserCreditCardList .dfk-userCredit-table { font-size: 16px; border: 1px solid var(--c_bg_gray); } #dvUserFltContents #dvUserCreditCardList .dfk-userCredit-table thead { display: none; } #dvUserFltContents #dvUserCreditCardList .dfk-userCredit-table tbody th, #dvUserFltContents #dvUserCreditCardList .dfk-userCredit-table tbody td { display: block; width: 100%; padding: 0 20px; } #dvUserFltContents #dvUserCreditCardList .dfk-userCredit-table tbody .CreditcardName, #dvUserFltContents #dvUserCreditCardList .dfk-userCredit-table tbody .CreditCardDetail { padding: 0 20px 20px; } #dvUserFltContents #dvUserCreditCardList .dfk-userCredit-table tbody .CreditcardName:before, #dvUserFltContents #dvUserCreditCardList .dfk-userCredit-table tbody .CreditCardDetail:before { content: attr(data-label); display: block; font-weight: 700; line-height: 1.2; padding: 16px 20px; background: var(--c_bg_gray); margin: 0 -20px 20px; } #dvUserFltContents #dvUserCreditCardList .dfk-userCredit-table tbody dl dt { font-size: 100% !important; margin: 0 !important; } #dvUserFltContents #dvUserCreditCardList .dfk-userCredit-table .dfk-userCredit-table-action { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 16px 0; } }