@charset "UTF-8"; @import url("https://image.raku-uru.jp/cms/fontcss/font.css"); /* ------------------------------- common max-width: 1109px max-width: 860px max-width: 600px -------------------------------*/ * { margin: 0; padding: 0; box-sizing: border-box; word-break: break-all; } html, body { height: 100%; } body, body * { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } body { color:#1a130c; background:#fff ; } h2 { font-size: 30px; letter-spacing: 3px; } h3 { font-size: 24px; letter-spacing: 3px; } ul, ul li { list-style: none; } pre { white-space: pre-wrap; } /* a */ a, a:visited { color:#000; text-decoration: underline; } a:hover, button:hover { color:#9fc5e8; text-decoration: none; opacity: 0.7; } a:hover * { opacity: 0.7; } a img:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; } /* btn */ .btn, a.btn { text-decoration: none; border-radius: 5px; border-bottom: solid 4px #89c4f4; /* ←ここを薄青に変更 */ color:#fff; background-color:#3d85c6; } .btn:hover, .btn:hover * { text-decoration: none; } /* input */ input[type=text], input[type=password], input[type=email], input[type=tel], input[type=number] { line-height: 36px; width: 100%; height: 36px; padding: 0 10px; border: 1px solid #d2d2d2; font-size: 14px; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; } input[type=number] { -moz-appearance: textfield; } input[type=checkbox] { margin-right: 4px; } textarea { width: 100%; border: 1px solid #d2d2d2; font-size: 16px; } select::-ms-expand { display: none; } /* table */ table { width: 100%; border-collapse: collapse; } table th, table td { border-spacing: 0; border-collapse: collapse; vertical-align: middle; border: none; font-weight: normal; } /* img */ img { word-break: normal; border: none; } /* ------------------------------- layout ------------------------------- 1：header カート画面：ヘッダー 2：footer 3：main 見出し 4：cart 商品リスト 合計金額表示部 返品規約枠 注文完了画面 コンビニ受取指定画面 汎用１カラム枠 汎用２カラムの右枠 マイページ　カード情報登録枠 マイページ注文履歴枠 お問合せ履歴（マイページ・一見共用） 5：form input 6：#webcollect-token -------------------------------*/ #wrapper { width: 100%; min-width: 1120px; margin: 0 auto; } .contents { width: 1100px; margin: 0 auto; margin-bottom: 0px; padding: 1px 10px 0; } /* clearfix -------------------------------*/ .clearfix::before { display: table; content: ' '; } .clearfix::after { display: table; content: ' '; clear: both; } /* ------------------------------- header -------------------------------*/ .header { width: 100%; min-height: 55px; border-bottom: 3px solid #22af73; } .header-top { min-height: 5px; padding: 10px; color: #fff; background-color: #333; } .header-top::after { display: block; clear: both; content: ''; } .header-top ul { width: 1100px; height: 30px; margin: auto; text-align: right; } .header-top ul li { font-size: 14px; line-height: 30px; display: inline; margin-left: 12px; } .header-top ul li a { position: relative; text-decoration: none; color: #fff; } .header-top ul li a.entry { padding-left: 18px; } .header-top ul li a.entry:before { margin-right: 5px; content: "\e90a"; font-family: "icomoon"; font-size: 16px; color: #fff; } .header-top ul li a.mypage { padding-left: 20px; } .header-top ul li a.mypage:before { margin-right: 5px; content: "\e927"; font-family: "icomoon"; font-size: 16px; color: #fff; } .header-top ul li a.cart { padding-left: 22px; } .header-top ul li a.cart:before { margin-right: 5px; content: "\e918"; font-family: "icomoon"; font-size: 16px; color: #fff; } .header-top ul li a.logout { padding-left: 20px; } .header-top ul li a.logout:before { margin-right: 5px; content: "\e931"; font-family: "icomoon"; font-size: 16px; color: #fff; } .header-menu-sp, .header-search-sp { display: none; } /* カート画面：ヘッダー */ .header-top-cart { padding: 0; color: #fff; background: none; } .header-top-cart .row { max-width: 1100px; margin: 0 auto; } .header-top-cart .logo { position: relative; display: block; width: 100%; overflow: hidden; margin: 0 auto; line-height: normal; color: #22af73; z-index: 3; text-align: center; } .header-top-cart .logo a { text-align: center; text-decoration: none; } .header-top-cart .logo img { max-width: calc(100% - 100px); max-height: 200px; width: auto; height: auto; margin: 10px 0; vertical-align: middle; text-align: center; } .header-top-cart .logo .logo-text { font-size: 16px; line-height: 1.4; font-family: "Sawarabi Mincho", "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif; max-width: calc(100% - 100px); width: auto; height: auto; display: inline-block; margin:10px auto; vertical-align: middle; text-align: center; -webkit-box-orient: vertical; -webkit-line-clamp: 5; } .logo-text-footer { position: static; margin: 0 auto; padding: 0 15px; font-family: "Sawarabi Mincho", "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif; transform: translate(0, 0); } .header-menu-sp { display: none; position: absolute; z-index: 50; top: 50%; right: 10px; width: 28px; margin-top: -14px; color: #fff; margin-right: 10px; } .header-menu-sp a { display: block; width: 28px; height: 28px; text-decoration: none; } .header-menu-sp a::before { content: "\e926"; font-family: 'icomoon'; font-size: 24px; color: #22af73; } /* ------------------------------- footer -------------------------------*/ #footer { position: relative; clear: both; width: 100%; } .footer-top { display: table; width: 100%; padding: 20px 0; border-top: 3px solid #22af73; } .footer-bottom { width: 100%; padding: 15px; text-align: center; background-color: #22af73; } .footer-bottom .Copyright, .footer-bottom .copyright { font-size: 12px; color: #fff; } .footer-top-cart { width: 100%; text-align: center; } .footer-logo { display: inline-block; width: 100%; } .footer-logo img { width: auto; height: auto; max-width: 140px; max-height: 100px; } /* pagetop */ .btn-pagetop { position: fixed; bottom: 10px; height: 44px; margin-right: 10px; right: 0; font-size: 20px; z-index: 999; transition: all linear .2s; opacity: 0; } .btn-pagetop.is-show { opacity: 1; } .btn-pagetop a { text-decoration: none; background: #22af73; opacity: 0.7; width: 40px; height: 40px; text-align: center; display: inline-block; line-height: 36px; vertical-align: middle; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .btn-pagetop a::after { content: "\e912"; font-family: 'icomoon'; color: #fff; font-size: 14px; } .btn-pagetop a:hover { text-decoration: none; } @media screen and (min-width: 960px) { /* ------------------------------- 960pxヘッダー・フッター -------------------------------*/ /* カート画面：ヘッダー */ .header-top-cart { padding: 0; color: #fff; background: none; } .header-top-cart .row { max-width: 1100px; margin: 0 auto; } .header-top-cart .logo { width: 100%; } .header-top-cart .logo img { max-height: 200px; } .logo-text { font-size: 20px; } } /* ------------------------------- side -------------------------------*/ .side { float: left; width: 250px; padding-bottom: 50px; } /* lnav */ .lnav { margin-bottom: 38px; } .lnav > ul > li { font-size: 18px; line-height: 1; margin-bottom: 15px; border-bottom: #d0d0d0 solid 1px; } .lnav > ul > li > div, .lnav > ul > li > a { margin-bottom: 15px; } .lnav > ul li a { position: relative; display: block; width: 100%; text-decoration: none; } .lnav > ul li a::after { content: "\e90b"; font-family: "icomoon"; font-size: 14px; position: absolute; right: 5px; } .lnav > ul > li span { font-size: 18px; } .lnav > ul > li a { font-size: 10px; line-height: normal; } .lnav-l2 > li { font-size: 16px; border-top: #d0d0d0 dotted 1px; } .lnav-l2 > li > a { line-height: 48px; height: 48px; } .lnav-l3 > li { font-size: 16px; border-top: #d0d0d0 dotted 1px; } .lnav-l3 > li > a { line-height: 48px; height: 48px; text-indent: 15px; } .lnav-close { display: none; } /* ------------------------------- main -------------------------------*/ .main { position: relative; margin-top: 60px; } .main:not(.main-1col) { float: right; width: 785px; padding-bottom: 0px; } .bread ~ .main { position: relative; margin-top: 0; } /* パンくず */ .bread { margin-bottom: 30px; margin-top: 60px; } .bread ul::after { display: block; clear: both; content: ' '; } .bread ul li { font-size: 12px; float: left; margin-right: 10px; } .bread ul li a::after { display: inline-block; margin-left: 10px; content: ' > '; } .bread ul li a:hover { text-decoration: underline; opacity: 1; } /* ttl */ .ttl { padding: 10px 0px; position: relative; /* border-bottom: 1px solid #22af73; */ color: #22af73; margin-bottom: 30px; text-align: left; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; } .ttl h2 { font-size: 22px; line-height: 1; font-family: "Sawarabi Mincho", "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif; font-weight: normal; letter-spacing: 0; order: 2; } .ttl h3 { font-size: 22px; line-height: 1; font-family: "Sawarabi Mincho", "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif; font-weight: normal; letter-spacing: 0; order: 1; border-right: 1px solid #22af73; padding: 0 10px 0 0; margin: 0 10px 0 0; } /* ------------------------------- cart -------------------------------*/ .cart-err, .cart-suc, .cart-freeship { font-size: 14px; margin-bottom: 38px; padding: 8px 15px; text-align: left; } .cart-err { /*border: #E6503F solid 1px;*/ color: #f30000; background-color: #ffe7e7; } .cart-suc { color: #096; border: #096 solid 1px; } .cart-freeship { color: #e6503f; background-color: #efefef; } .cart-freeship-rest { font-size: 22px; font-weight: bold; } .cart-step { font-size: 0; margin-bottom: 38px; text-align: center; } .cart-step > div { font-size: 14px; line-height: 36px; position: relative; display: inline-block; width: 240px; height: 36px; text-align: center; color: #666; background-color: #f5f5f5; } .cart-step > div:not(:last-child)::before { position: absolute; z-index: 1; top: 0; right: -11px; display: block; width: 0; height: 0; content: ''; border-width: 18px 0 18px 10px; border-style: solid; border-color: transparent transparent transparent #fff; } .cart-step > div:not(:last-child)::after { position: absolute; z-index: 1; top: 0; right: -10px; display: block; width: 0; height: 0; content: ''; border-width: 18px 0 18px 10px; border-style: solid; border-color: transparent transparent transparent #f5f5f5; } .cart-step > div.active { color: #fff; background-color: #22af73; } .cart-step > div.active::after { content: ''; border-color: transparent transparent transparent #22af73; } .cart-step-num { display: none; } /* レイアウト */ .cart-input, .cart-check, .cart-check-law { float: left; width: 710px; } .cart-action { position: relative; float: right; width: 340px; } .cart-1col { float: none; padding: 0 170px; text-align: center; } .cart-2col-right, .cart-mypage-history, .cart-mypage-point { float: none; padding: 0; text-align: left; } /* 見出し */ .cart-input-user h4, .cart-input-ship h4, .cart-input-pay h4, .cart-input-other h4, .cart-check-user h4, .cart-check-ship h4, .cart-check-pay h4, .cart-check-other h4, .cart-check-law h4, .cart-1col-inner h4, .cart-2col-right-inner h4, .cart-mypage-history-list h4, .cart-mypage-point-list h4, .cart-mypage-ask-list h4, .cart-input-ask h4, .cart-cvs-inner h4, .cart-card-info h4, .cart-card-registed h4, .cart-card-change h4, .cart-card-remove h4, .cart-item-list h4 { font-size: 20px; font-weight: normal; margin-bottom: 28px; padding-bottom: 10px; border-bottom: 1px solid #d2d2d2; letter-spacing: 0.05rem; text-align: left; } .cart-item-list h4 { font-size: 18px; padding-bottom: 5px; margin-bottom: 10px; } #CBY0003D03 .cart-1col-inner h4, #MEM0001D03 .cart-1col-inner h4, #MEM0001D04 .cart-1col-inner h4, #MLM0001D02 .cart-1col-inner h4 { text-align: center; } .cart-input-user, .cart-input-ship, .cart-input-pay, .cart-input-other, .cart-check-user, .cart-check-ship, .cart-check-pay, .cart-check-other, .cart-item-list, .cart-1col-inner, .cart-2col-right-inner, .cart-mypage-history-list, .cart-mypage-point-list, .cart-mypage-ask-list, .cart-input-ask, .cart-cvs-inner, .cart-card-info, .cart-card-registed, .cart-card-change, .cart-card-remove { float: left; width: 100%; margin-bottom: 35px; } .cart-check-law { float: left; margin-bottom: 35px; padding-top: 18px; } .cart-input-other, .cart-check-other { margin-top: 28px; padding-top: 18px; border-top: #eee solid 1px; } /* テーブル */ .cart-input-user table, .cart-input-ship table, .cart-input-pay table, .cart-input-other table, .cart-check-user table, .cart-check-ship table, .cart-check-pay table, .cart-check-other table, .cart-item-list table, .cart-1col-inner table, .cart-cvs-inner table, .cart-card-registed table, .cart-card-change table, .cart-card-remove table { width: 100%; margin-bottom: 15px; } .cart-cvs-inner table { width: 400px; margin: 0 auto 15px; } .cart-input-user th, .cart-input-ship th, .cart-input-pay th, .cart-input-other th, .cart-1col-inner th, .cart-cvs-inner th, .cart-item-list th, .cart-card-registed th, .cart-card-change th, .cart-card-remove th { font-size: 16px; font-weight: normal; width: 194px; padding: 12px 12px 12px 0; text-align: left; vertical-align: top; } .cart-input-user th, .cart-input-ship th, .cart-input-pay th, .cart-input-other th, .cart-1col-inner th, .cart-cvs-inner th { line-height: 36px; } .cart-check-user th, .cart-check-ship th, .cart-check-pay th, .cart-check-other th{ width: 194px; padding: 10px 12px 10px 0; text-align: left; font-weight: normal; } .form-checkbox input[type=checkbox] { width: 20px; height: 20px; margin-top: .8em; margin-right: 5px; } #CBY0003D01 .form-checkbox input[type=checkbox] { vertical-align: inherit; } .form-checkbox label { vertical-align: text-bottom; } /* 必須 */ .cart-input-user th.cart-input-require::after, .cart-input-ship th.cart-input-require::after, .cart-input-pay th.cart-input-require::after, .cart-input-other th.cart-input-require::after, .cart-1col-inner th.cart-input-require::after, .cart-cvs-inner th .cart-card-change th.cart-input-require::after { font-size: 14px; display: inline-block; margin-left: 10px; content: '＊必須'; color: #d70035; line-height: 13px; } .cart-item-list table th img { width: 140px; height: auto; } .cart-input-user td, .cart-input-ship td, .cart-input-pay td, .cart-input-other td, .cart-1col-inner td, .cart-cvs-inner td, .cart-check-user td, .cart-check-ship td, .cart-check-pay td, .cart-check-other td, .cart-item-list td, .cart-card-registed td, .cart-card-change td, .cart-card-remove td { font-weight: normal; padding: 10px 0; text-align: left; vertical-align: top; } .cart-input-user td, .cart-input-ship td, .cart-input-pay td, .cart-input-other td, .cart-1col-inner td, .cart-item-list td, .cart-cvs-inner td { font-size: 16px; } .cart-check-user td, .cart-check-ship td, .cart-check-pay td, .cart-check-other td, .cart-card-registed td, .cart-card-change td, .cart-card-remove td { font-size: 14px; } .cart-input-user input[type=text], .cart-input-user input[type=email], .cart-input-user input[type=tel], .cart-input-user input[type=number], .cart-input-ship input[type=text], .cart-input-ship input[type=email], .cart-input-ship input[type=tel], .cart-input-ship input[type=number], .cart-input-pay input[type=text], .cart-input-pay input[type=email], .cart-input-pay input[type=tel], .cart-input-pay input[type=number], .cart-check-pay input[type=text], .cart-check-pay input[type=email], .cart-check-pay input[type=tel], .cart-check-pay input[type=number] { line-height: 36px; width: 100%; height: 36px; padding: 0 10px; border: #d2d2d2 solid 1px; } .cart-1col-inner input[type=text], .cart-card-change input[type=text], .cart-cvs-inner input[type=tel], .cart-input-user input[type=password], .cart-1col-inner input[type=password] { line-height: 36px; width: 100%; height: 36px; padding: 0 10px; border: #d2d2d2 solid 1px; } .cart-input-user textarea, .cart-input-ship textarea, .cart-input-pay textarea, .cart-1col-inner textarea, .cart-input-ask textarea { line-height: 1.8; height: 120px; padding: 0 10px; border: #d2d2d2 solid 1px; } .form_error { font-size: 14px; margin-top: 5px; color: #f30000; } /* 会員登録 */ .cart-input .no-pruduct-message { font-size: 16px; margin-bottom: 60px; text-align: center; } .cart-input-member-logoutbtn { display: inline-block; margin-left: 15px; } .cart-input-member-logoutbtn a { font-size: 14px; line-height: 30px; display: inline-block; height: 30px; padding: 0 12px; text-decoration: none; border: none; color:#fff; background-color:#3d85c6; } .cart-input-member-logoutbtn a:hover, .cart-input-member-logoutbtn a:hover * { text-decoration: none; } .cart-input-name div, .cart-input-kana div { display: inline-block; vertical-align: top; } .cart-input-name div:first-child, .cart-input-kana div:first-child { margin-right: 15px; } .cart-input-name label, .cart-input-kana label { line-height: 35px; display: table-cell; float: left; width: 2rem; margin-right: 8px; text-align: right; } .cart-input-name input[type=text], .cart-input-kana input[type=text] { width: 200px; } .cart-input-zipcode input[type=tel] { display: inline-block; width: 120px; text-align: left; } .cart-input-zipcode a { font-size: 16px; display: inline-block; padding: 4px 8px; text-decoration: none; border-radius: 1px; color:#fff; background-color:#3d85c6; } .cart-input-zipcode a:hover, .cart-input-zipcode a:hover * { text-decoration: none; } a.btn-removeship, a.btn-addship, a.btn-removeship:hover, a.btn-addship:hover { color:#fff; background-color:#3d85c6; } .cart-input-pay-img img { max-width: calc(100% - 16px); margin: 0 8px; } .cart-input-pay div[id^="cart-input-pay-"] + table { margin-top: 24px; } .cart-input-pay-point input[type=number] { width: 80px; margin-right: 5px; } .cart-input-pay-point-hold { display: inline-block; } .cart-input-pay-card ul li { margin-left: 24px; } .cart-input-pay-card ul li dl { margin-bottom: 8px; } .cart-input-pay-card ul li dt { float: left; width: 120px; color: #999; } .cart-input-pay-card ul li label { font-weight: bold; display: inline-block; margin: 4px 0 8px -24px; vertical-align: middle; } .cart-input-pay-card ul li label input[type=radio] { width: 12px; margin-right: 12px; } .cart-input-pay-cardbtn { margin-bottom: 25px; } .cart-input-pay-cardbtn input, .cart-input-pay-cardbtn a { font-size: 20px; line-height: 55px; position: relative; display: block; width: 100%; height: 55px; text-align: center; text-decoration: none; border: none; color:#fff; background-color:#3d85c6; } .cart-input-pay-cardbtn input:hover, .cart-input-pay-cardbtn a:hover, .cart-input-pay-cardbtn input:hover *, .cart-input-pay-cardbtn a:hover * { text-decoration: none; } .cart-conf-mail a { font-size: 16px; display: inline-block; padding: 4px 8px; text-decoration: none; color: #666; border: 1px solid #ccc; border-radius: 1px; background: #fff; } .shipping-number { border-left: solid 5px #b35647; } a.cart-link, a.cart-link-btn { font-size: 12px; text-align: center; text-decoration: none; margin-left: 5px; border-radius: 5px; border-bottom: solid 4px #b35647; color:#fff; background-color:#3d85c6; border: none; } a.cart-link:hover, a.cart-link-btn:hover, a.cart-link:hover *, a.cart-link-btn:hover * { text-decoration: none; } .cart-input-birthday .form-select { display: inline-block; width: 115px; margin-right: 5px; vertical-align: middle; } .cart-input-birthday .form-select label { min-width: 90px; } /* 商品リスト */ .cart-item-list-info div { display: inline-block; } .cart-item-list-brand::before { content: 'ブランド：'; font-weight: bold; } .cart-item-list-cord::before { content: '商品コード：'; font-weight: bold; } .cart-item-list-name::before { content: '商品名：'; font-weight: bold; } .cart-item-list-vali::before { content: 'バリエーション：'; font-weight: bold; } .cart-item-list-price::before { content: '価格：'; font-weight: bold; } .cart-item-list-subscription-price-first::before { content: '初回価格：'; font-weight: bold; } .cart-item-list-subscription-price-second::before { content: '2回目以降価格：'; font-weight: bold; } .cart-item-list-quantity::before { content: '数量：'; font-weight: bold; } .cart-item-list-btn { text-align: right; } .cart-item-list-return-item::before { content: '返品区分：'; font-weight: bold; } .cart-item-list-sale-period::before { content: '販売期間：'; font-weight: bold; } .cart-item-list-cnt input[type=button] { font-size: 16px; width: 30px; height: 30px; border-radius: 1px; text-decoration: none; border: none; color:#fff; background-color:#3d85c6; -webkit-appearance: none; } .cart-item-list-cnt input[type=button]:hover { text-decoration: none; opacity: 0.7; } .cart-item-list-cnt input[type=number] { font-size: 16px; width: 60px; height: 30px; padding: 0 4px; text-align: right; vertical-align: top; border-radius: 1px; } .cart-item-list-cnt .form-select label { top: -2px; min-width: 120px; height: 30px; margin-right: 5px; vertical-align: middle; } .cart-item-list-cnt .form-select label select { line-height: 30px; height: 30px; direction: rtl; } .cart-item-list-del { margin-left: 10px; } .cart-item-list-del input[type=button] { font-size: 16px; height: 30px; padding: 0 8px; border-radius: 1px; text-decoration: none; border: none; /* background: #999; */ color:#fff; background-color:#3d85c6; -webkit-appearance: none; } .cart-item-list-del input[type=button]:hover { text-decoration: none; opacity: 0.7; } .cart-item-list-err { display: inline-block; width: 100%; margin: 8px 0; padding: 6px 8px; color: #e6503f; border: 1px solid #e6503f; } /* 合計金額表示部 */ .cart-action-inner { position: absolute; top: 0; left: 0; width: 340px; padding: 25px; background: -webkit-repeating-linear-gradient(-45deg, #f3f3f3, #f3f3f3 3px, #fbfbfb 3px, #fbfbfb 7px); background: repeating-linear-gradient(-45deg, #f3f3f3, #f3f3f3 3px, #fbfbfb 3px, #fbfbfb 7px); } .cart-action-inner.js-fixed { position: fixed; z-index: 10; top: 0; left: 50%; margin-left: 200px; } .cart-action-btn { width: 100%; margin-bottom: 25px; } .cart-action-btn a { font-size: 20px; line-height: 55px; position: relative; display: block; width: 100%; height: 55px; text-align: center; text-decoration: none; border: none; border-radius: 5px; border-bottom: solid 4px #b35647; color:#fff; background-color:#3d85c6; } .cart-action-btn a:hover, .cart-action-btn a:hover * { text-decoration: none; } .cart-action-btn a span { display: block; width: 100%; } .cart-action-btn a span::before { content: "\e90b"; font-family: "icomoon"; font-size: 16px; color:#fff; line-height: 1; margin-right: 10px; } .cart-action-btn a.cart-action-btn-comp span::before { margin-top: -9px; content: "\e939"; font-family: "icomoon"; font-size: 16px; color:#fff; } .cart-action-btns-top { margin-bottom: 20px; } .cart-action-btn-buy, .cart-action-btn-login, .cart-action-btn-regist, .cart-action-btn-kmid, .cart-action-btn-confirm { width: 100%; margin-bottom: 5px; } .cart-action-btn-buy a, .cart-action-btn-login a, .cart-action-btn-regist a, .cart-action-btn-back a { font-size: 16px; line-height: 35px; position: relative; display: block; width: 100%; height: 35px; text-align: center; text-decoration: none; border-radius: 5px; border-bottom: solid 4px #b35647; /* border: none; */ color:#fff; background-color:#3d85c6; } .cart-action-btn-confirm a { font-size: 20px; } .cart-action-btn-kmid a img { display: block; max-width: 100%; max-height: 76px; margin: 0 auto; } .cart-action-btn-buy a:hover, .cart-action-btn-login a:hover, .cart-action-btn-regist a:hover, .cart-action-btn-back a:hover, .cart-action-btn-kmid > a:hover, .cart-action-btn-buy a:hover *, .cart-action-btn-login a:hover *, .cart-action-btn-regist a:hover *, .cart-action-btn-back a:hover *, .cart-action-btn-kmid > a:hover * { text-decoration: none; } .cart-action-btn-buy a { background-color: #362e2b; font-size: 20px; line-height: 60px; height: 60px; border-radius: 5px; border-bottom: solid 4px #b35647; text-decoration: none; color:#fff; background-color:#3d85c6; } .cart-action-btn-buy a:hover, .cart-action-btn-buy a:hover * { text-decoration: none; } .cart-action-btn-kmid > a { font-size: 20px; line-height: 55px; height: 55px; background: none; /* border-bottom: solid 4px #999; */ } .cart-action-btn-buy a span::before { margin-right: 5px; content: "\e90b"; font-family: "icomoon"; font-size: 16px; color:#fff; } .cart-action-btn-confirm a span::before { margin-right: 15px; content: "\e939"; font-family: "icomoon"; font-size: 16px; color:#fff; } .cart-action-btn-back { width: 100%; margin-top: 25px; } .cart-action-btn-back a span::before { content: "\ea3c"; font-family: "icomoon"; font-size: 16px; color:#fff; position: absolute; top: 50%; left: 20px; display: block; margin-top: -18px; transform: rotate(180deg); } .cart-action-sum { margin-bottom: 18px; } .cart-action-sum th { font-size: 16px; font-weight: normal; text-align: left; } .cart-action-sum td { font-size: 16px; font-weight: normal; text-align: right; } .cart-action-inner table { width: 100%; } .cart-action-sum-item-tax { font-size: 12px; } .cart-action-total { padding-top: 12px; border-top: #d2d2d2 solid 1px; } .cart-action-total th { font-size: 16px; font-weight: normal; text-align: left; } .cart-action-total td { font-size: 24px; font-weight: bold; text-align: right; } .cart-action-total-ship { font-size: 12px; } .cart-action-link { margin-top: 18px; text-align: center; } .cart-action-link a { text-decoration: underline; } .cart-action-breakdown th, .cart-action-breakdown td { font-size: 13px; font-weight: normal; } .cart-action-subtotal th, .cart-action-subtotal td { border-top: 1px solid #d0d0d0; } .cart-action-sum .cart-action-sum-ship-multiple:first-child th, .cart-action-sum .cart-action-sum-ship-multiple:first-child td { padding-top: 12px; } /* 返品規約枠 */ .cart-check-law { clear: both; } .cart-check-law p { margin-bottom: 1em; } .cart-check-law a { text-decoration: underline; } .cart-check-law-term { width: 100%; margin-bottom: 35px; padding-top: 18px; } /* 注文完了画面 */ .cart-comp-code { font-size: 20px; font-weight: normal; display: inline-block; width: auto; margin-bottom: 50px; padding: 15px 30px; text-align: center; border: #000 solid 1px; } .cart-comp-txt { font-size: 16px; } .cart-comp-btn-area { margin-bottom: 30px; text-align: center; } .cart-comp-btn-area a { font-size: 15px; position: relative; display: inline-block; padding: 4px 12px; text-align: center; text-decoration: none; border: none; color:#fff; background-color:#3d85c6; } /* コンビニ受取指定画面 */ .cart-cvs-cnt { font-weight: bold; text-align: left; } .cart-cvs-inner > ul { clear: both; border-top: 1px solid #d2d2d2; } .cart-cvs-inner > ul > li { display: flex; clear: both; text-align: left; border-bottom: 1px solid #d2d2d2; } .cart-cvs-inner > ul > li div { padding: 10px 15px 5px; } .cart-cvs-inner > ul div { width: 70px; } .cart-cvs-inner div img { max-width: 40px; max-height: 56px; } .cart-cvs-inner > ul > li ul { position: relative; width: 100%; padding: 5px; } .cart-cvs-inner > ul > li li a { display: inline-block; padding: 5px; text-align: center; text-decoration: none; border-radius: 5px; color:#fff; background-color:#3d85c6; } .cart-cvs-inner > ul > li li:first-child { font-weight: bold; } .cart-cvs-inner > ul > li li:nth-last-child(3) a { position: absolute; width: 140px; height: 33px; right: 150px; top: calc(100% - 40px); line-height: 21px; } .cart-cvs-inner > ul > li li:nth-last-child(-n+2) a { position: absolute; width: 140px; height: 33px; right: 5px; top: calc(100% - 40px); line-height: 21px; } .cart-cvs-inner > ul > li li:last-child { display: none; } /* 汎用１カラム枠 */ .cart-1col-msg { font-size: 15px; margin-bottom: 25px; text-align: center; } .cart-1col-btn, .cart-2col-right-btn { font-size: 15px; margin-bottom: 25px; text-align: center; } .cart-1col-btn .btn, .cart-2col-right-btn .btn { font-size: 16px; font-weight: normal; line-height: 44px; position: relative; display: inline-block; width: 100%; height: 44px; margin-bottom: 20px; text-align: center; text-decoration: none; border-radius: 5px; border-bottom: solid 4px #b35647; color:#fff; background-color:#3d85c6; border-bottom: solid 4px #b35647; border-radius: 5px; letter-spacing: 0.2rem; } .cart-1col-btn .btn span::before, .cart-2col-right-btn .btn span::before { display: block; content: "\ea3c"; font-family: "icomoon"; font-size: 16px; color:#fff; position: absolute; top: 50%; left: 10px; margin-top: -22px; } .cart-2col-right-btn .btn.btn-reorder { width: auto; margin-top: 10px; } .cart-1col-btn .btn-back { margin-right: 18px; } .cart-1col-btn .btn-back span::before { transform: rotate(180deg); } #MEM0001D02 .cart-1col-btn { display:inline-flex; flex-direction:column-reverse; width:100%; } /* マイページ　カード情報登録枠 */ .cart-card-change-btn, .cart-card-remove-btn, .cart-card-registed-btn { margin-top: 30px; } .cart-card-change-btn a, .cart-card-remove-btn a, .cart-card-registed-btn a { font-size: 16px; line-height: 40px; display: inline-block; width: 30%; height: 44px; padding: 0 12px; text-align: center; text-decoration: none; letter-spacing: 0.2rem; border-bottom: solid 4px #b35647 ! important; border: none; color:#fff; background-color:#3d85c6; } .cart-card-registed-info table, .cart-card-change-info table, .cart-card-remove table { width: 100%; margin: 30px auto; } .cart-card-info-msg p:first-child { font-size: 16px; margin-bottom: 1em; color: #f30000; } .cart-card-registed-change-btn { margin-right: 15px; } input[type=text].cart-card-change-expire-year { width: 40px; margin: 0 3px; text-align: right; } input[type=text].cart-card-change-expire-month { width: 40px; margin: 0 3px; text-align: right; margin-left: 11px; } input[type=text].cart-card-change-name { width: 100%; } /* マイページ注文履歴枠 */ .cart-mypage-history-list a { display: block; text-decoration: none; } .cart-mypage-history-list li { display: table; width: 100%; margin-top: 5px; padding: 5px; border-collapse: collapse; border-bottom: 1px solid #d9d9d9; font-size: 14px; } .cart-mypage-history-list li span { display: table-cell; padding: 5px; text-align: left; vertical-align: middle; word-break: break-all; } .cart-mypage-history-list li:first-child span { text-align: center; color: #999; } .cart-mypage-history-list li span:first-child, .cart-mypage-history-list li span:nth-child(2) { width: 100px; text-align: left; } .cart-mypage-history-list li span:nth-child(3) { width: 110px; text-align: left; word-break: normal; } .cart-mypage-history-list li span:nth-child(4) { width: 260px; } .cart-mypage-history-list li span:nth-child(5) { width: 130px; } .cart-mypage-history-list li span:last-child { width: 90px; text-align: right; } .cart-mypage-history-list .order-sts-hide li span:first-child { width: 150px; } .cart-mypage-history-list .order-sts-hide li span:nth-child(2) { width: 110px; text-align: center; word-break: normal; } .cart-mypage-history-list .order-sts-hide li span:nth-child(3) { width: 320px; } .cart-mypage-history-list .order-sts-hide li:first-child span:nth-child(3) { text-align: center; } .cart-mypage-history-list .order-sts-hide li span:nth-child(4) { width: 130px; } .cart-mypage-history-list .order-sts-hide li span:last-child { width: 90px; text-align: right; } .cart-mypage-history-order { font-weight: bold; border-bottom: solid 2px #000; margin-bottom: 20px; } .cart-mypage-history-order::after { display: block; clear: both; margin-bottom: 10px; content: ' '; } .cart-mypage-history-order-total { font-size: 28px; line-height: 38px; display: inline-block; float: left; } .cart-mypage-history-order-total::before { font-size: 16px; padding-right: 12px; content: '合計:'; } .cart-mypage-history-order-status { display: inline-block; float: left; margin-left: 24px; padding-top: 14px; vertical-align: bottom; } .cart-mypage-history-order-status::before { padding-right: 12px; content: 'ステータス：'; } .cart-mypage-history-order-detail li { display: table; width: 100%; margin-top: 5px; padding: 5px; border-collapse: collapse; text-align: right; font-size: 16px; } .cart-mypage-history-order-detail li span { display: table-cell; padding: 5px; word-break: break-all; } .cart-mypage-history-order-detail li span:first-child { width: calc( 100% - 100px); } .cart-mypage-history-order-detail li span:last-child { width: 100px; text-align: right; } .cart-mypage-history .cart-item-list-photo label { display: inline-block; } .cart-mypage-history .cart-item-list-photo label img { pointer-events: none; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { background-image: none; text-decoration: none; } .ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover { cursor: pointer; } .ui-datepicker .ui-datepicker-prev:after { position:absolute; top:4px; left:4px; content: "\ea40"; font-family: "icomoon"; font-size: 12px; text-align:center; } .ui-datepicker .ui-datepicker-next:after { position:absolute; top:4px; left:4px; content: "\ea3c"; font-family: "icomoon"; font-size: 12px; text-align:center; } .cart-mypage-point-list a { text-decoration: none; } .cart-mypage-point-list li { display: table; width: 100%; margin-top: 5px; padding: 5px; border-collapse: collapse; border-bottom: 1px solid #d9d9d9; } .cart-mypage-point-list li span { display: table-cell; padding: 5px; word-break: break-all; text-align: center; } .cart-mypage-point-list li:first-child span { color: #999; } .cart-mypage-point-list li span:first-child { width: 200px; } .cart-mypage-point-list li span:last-child { width: 130px; } .cart-mypage-ask-list-cnt { font-weight: bold; } .cart-mypage-ask-list a { display: block; text-decoration: none; } .cart-mypage-ask-list li { display: table; width: 100%; padding: 5px; border-collapse: collapse; border-bottom: 1px solid #d9d9d9; } .cart-mypage-ask-list li span { display: table-cell; padding: 5px; text-align: center; vertical-align: middle; word-break: break-all; font-size: 14px; } .cart-mypage-ask-list li:first-child span { text-align: center; color: #999; } .cart-mypage-ask-list li span:first-child { width: 105px; } .cart-mypage-ask-list li span:nth-child(2) { width: 380px; } .cart-mypage-ask-list li span:nth-child(3) { width: 80px; } .cart-mypage-ask-list li span:nth-child(4), .cart-mypage-ask-list li span:last-child { width: 110px; word-break: normal; } /* お問合せ履歴（マイページ・一見共用） */ .cart-input-ask ul { margin-top: 32px; padding: 12px; border: 1px solid #d2d2d2; } .cart-input-ask li { padding: 12px 160px; } .cart-input-ask li.cart-input-ask-history-num, .cart-input-ask li.cart-input-ask-history-title { padding: 12px; text-align: left; } .cart-input-ask-history-btn { font-size: 15px; margin: 12px 0 16px; text-align: right; } .cart-input-ask-history-btn a { text-decoration: none; } .cart-input-ask-history-btn .btn { font-size: 16px; font-weight: normal; line-height: 44px; position: relative; display: inline-block; width: 152px; height: 44px; text-align: center; text-decoration: none; color:#fff; background-color:#3d85c6; } .cart-input-ask li.cart-input-ask-history-shop { padding-left: 12px; } .cart-input-ask li.cart-input-ask-history-cus { padding-right: 12px; } .cart-input-ask-history-content { padding: 5px; text-align: left; word-break: break-all; border: 1px solid #ccc; border-radius: 5px; } .cart-input-ask-history-cus .cart-input-ask-history-content { background-color: #cfc; } .cart-input-ask-history-date { font-size: 80%; text-align: left; color: #999; } .cart-mypage-address-list li { font-size: 14px; } .cart-mypage-address-list li span:last-child { min-width: 110px; } /* ------------------------------- form input -------------------------------*/ .form-select label { position: relative; display: inline-block; overflow: hidden; min-width: 250px; height: 36px; vertical-align: middle; border: 1px solid #d2d2d2; background-color: #f3f3f3; } .form-select label::after { position: absolute; z-index: 2; top: 50%; right: 7px; display: block; width: 15px; height: 8px; margin-top: -4px; pointer-events: none; content: "\e93b"; font-family: "icomoon"; font-size: 16px; color: #000; } .form-select select { font-size: 14px; line-height: 36px; position: relative; z-index: 2; display: block; width: 100%; height: 36px; margin: 0; padding: 0 30px 0 10px; border: 0; outline: none; background: transparent; background-color: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-checkbox { display: inline-block; vertical-align: middle; } .form-radio input[type=radio] { margin-right: 5px; } .form-tbl-show { display: none; } .form-tbl-show.active { display: table; } /* Tips */ .visibleTips { z-index: 100 !important; opacity: .8 !important; } .normalTips { z-index: -1; opacity: 0; } #Tips { position: fixed; display: inline-block; border-radius: 5px; background: #efefef; } #Tips div { line-height: 1.5; margin: 2px; padding: 10px 15px 9px; color: #f00; border: 1px solid #f00; border-radius: 5px; } .main-close { text-align: center; } .cart-mypage-address .cart-2col-right-btn a.btn:nth-child(2)::before { position: absolute; top: 50%; left: 10px; display: block; margin-top: -22px; content: "\ea3c"; font-family: "icomoon"; font-size: 16px; color:#fff; } @media only screen and (max-width: 1109px) { #wrapper, .wrapper { min-width: 100%; } .contents { width: 100%; } .main:not(.main-1col) { float: right; width: calc(75% - 15px); } .side { width: calc(25% - 15px); } .header-top ul { width: 100%; } .cart-input, .cart-check, .cart-check-law { width: calc( 100% - 370px ); } .cart-action-inner.js-fixed { margin-left: calc( 50% - 350px ); } .cart-input-name td div, .cart-input-kana td div { width: calc( 50% - 5px ); } .cart-input-name td div:first-child, .cart-input-kana td div:first-child { margin-right: 0px; } .cart-input-name td input[type=text], .cart-input-kana td input[type=text] { width: calc( 100% - 45px ); } } @media only screen and (max-width: 860px) { .cart-input, .cart-check, .cart-check-law { width: 100%; margin-bottom: 35px; } .cart-1col { width: 100%; padding: 0; } .cart-check-law { margin-top: 20px; font-size: 14px; } .cart-step { font-size: 0; margin-bottom: 9px; padding: 0 10px; text-align: center; } .cart-step > div { font-size: 10px; line-height: 38px; display: inline-block; width: 33.33%; height: 38px; margin: 0; text-align: center; border: solid 1px #fff; } .cart-action { float: none; clear: both; width: 100%; padding-right: 10px; padding-left: 10px; } .cart-action-inner { position: inherit; top: 0; left: auto; clear: both; width: 100%; margin-bottom: 24px; padding: 20px 15px; border: #f5f5f5 5px solid; } .cart-action-inner.js-fixed { position: inherit; top: 0; left: auto; margin: 0 auto; } .cart-action-btn { width: 100%; margin-bottom: 20px; text-align: center; } .cart-action-btn a { font-size: 16px; line-height: 44px; position: relative; display: inline-block; width: 100%; height: 44px; text-align: center; border: none; border-radius: 3px; } .cart-action-btn a span::before { position: absolute; top: 50%; left: 60px; display: block; width: 10px; height: 14px; margin-top: -7px; content: "\e90b"; font-family: "icomoon"; font-size: 16px; color:#fff; } .cart-action-btn a.cart-action-btn-comp span::before { position: absolute; top: 50%; left: 10px; display: block; width: 18px; height: 18px; margin-top: -9px; content: "\e939"; font-family: "icomoon"; font-size: 16px; color:#fff; } .cart-action-btn-confirm a span::before { position: absolute; top: 50%; left: 60px; display: block; width: 18px; height: 18px; margin-top: -9px; content: "\e939"; font-family: "icomoon"; } .cart-action-btns-top { margin-bottom: 15px; } .cart-action-btn-back { margin-top: 15px; } .cart-subtotal { margin-bottom: 5px; } .cart-action-inner table { width: 100%; } .cart-action-inner table th { font-size: 16px; } .cart-action-inner table td { font-size: 16px; text-align: right; } .cart-action-sum-all th, .cart-action-sum-all td { padding-top: 6px; border-top: #d2d2d2 solid 1px; } } @media only screen and (max-width: 600px) { /* ------------------------------- 600px：header -------------------------------*/ .header { position: relative; width: 100%; box-shadow: none; } .header-top { position: absolute; top: 124px; left: 0; width: 100%; min-height: 0; padding: 0; color: #fff; background-color: #333; } .header-top .gnav { display: none; } .header-top ul { display: table; float: none; width: 100%; height: 44px; } .header-top ul li { font-size: 10px; line-height: 30px; display: table-cell; float: none; width: 33.33%; margin-left: 0; text-align: center; } .header-top ul li a { position: relative; display: block; width: 100%; height: 44px; padding-top: 18px; color: #fff; } .header-top ul li a.entry { padding-left: 0; } .header-top ul li a.entry:before { content: "\e929"; font-family: "icomoon"; font-size: 16px; color: #fff; } .header-top ul li a.mypage { padding-left: 0; } .header-top ul li a.mypage:before { content: "\e90a"; font-family: "icomoon"; font-size: 16px; color: #fff; } .header-top ul li a.cart { padding-left: 0; } .header-top ul li a.cart:before { content: "\e918"; font-family: "icomoon"; font-size: 16px; color: #fff; } .header-top ul li a.logout { padding-left: 0; } .header-top ul li a.logout:before { content: "\e931"; font-family: "icomoon"; font-size: 16px; color: #fff; } /* ------------------------------- 600px：side -------------------------------*/ .side { float: none; width: 100%; padding-bottom: 0; } .lnav { position: fixed; z-index: 9999; top: 0; left: -100%; overflow: scroll; width: 100%; height: 100%; margin-bottom: 38px; padding-bottom: 50px; -webkit-transition: left 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: left 0.6s cubic-bezier(0.19, 1, 0.22, 1); background: #fff; } .nav-open { overflow: hidden; } .nav-open .lnav { left: 0; } .nav-open .overlay { position: fixed; z-index: 9998; top: 0; left: 0; display: block; width: 100%; height: 100%; background: #fff; } .lnav > ul > li { font-size: 18px; line-height: 1; margin-bottom: 0; } .lnav > ul > li > div, .lnav > ul > li > a { display: block; width: 100%; margin-bottom: 0; padding: 16px 10px; } .lnav > ul li a:after { content: "\e90b"; font-family: "icomoon"; font-size: 16px; padding-top: 2px; color:#fff; } .lnav > ul li .lnav-l2 > li { font-size: 14px; border-top: #1a130c dotted 1px; } .lnav > ul li .lnav-l2 > li > a { line-height: 36px; height: 36px; } .lnav > ul li .lnav-l3 > li { font-size: 14px; border-top: #1a130c dotted 1px; } .lnav > ul li .lnav-l3 > li > a { line-height: 36px; height: 36px; text-indent: 15px; } .lnav > ul > li > a > p, .lnav > ul > li > div > p { font-size: 12px; display: inline; margin-right: 5px; } .lnav > ul > li span { font-size: 16px; display: inline-block; } .lnav-close { font-size: 10px; position: relative; display: block; width: 100%; height: 46px; border-bottom: rgba(238, 238, 238, 0.27) solid 1px; background-color: #22af73; } .lnav-close a { display: block; height: 100%; color: transparent; } .lnav-close a::before { position: absolute; top: 50%; right: 12px; display: block; width: 20px; height: 20px; margin-top: -10px; content: "\e904"; font-family: 'icomoon'; font-size: 22px; color: #fff; } /* .lnav .gnav */ .lnav .gnav { font-size: 0; padding: 0; } .lnav .gnav li { line-height: 50px; display: inline-block; width: 50%; border-right: rgba(238, 238, 238, 0.27) solid 1px; background-color: #22af73; } .lnav .gnav li a { font-size: 16px; position: relative; display: block; width: 100%; margin-bottom: 0; padding-top: 20px; text-align: center; color: #fff; } .lnav .gnav li a.logout::after, .lnav .gnav li a.cart::after { content: ""; font-family: "icomoon"; font-size: 16px; text-align: left; color: #fff; position: absolute; left: 10px; } .lnav .gnav li a.logout::after { content: "\e931"; } .lnav .gnav li a.cart::after { content: "\e918"; } .gnav { text-align: left; } .header-menu-sp { display: block; } /* ------------------------------- 600px：main -------------------------------*/ .main { float: none; width: 100%; margin-top: 20px; padding-bottom: 0; } /* パンくず */ .bread { margin: 0 -10px 20px; padding: 8px 10px; background-color: #f5f5f5; } .bread ~ .main { float: none; width: 100%; margin-top: 0; padding-bottom: 0; } .bread ul li { font-size: 12px; float: left; margin-right: 8px; color: #000; } .bread ul li a { text-decoration: none; } .bread ul li a:after { display: inline-block; margin-left: 8px; content: '>'; color: #666; } /* 見出し */ .ttl { margin-bottom: 2.0em; flex-direction: column; } .ttl h2 { font-size: 16px; margin-right: 0; padding-top: 10px; } .ttl h3 { font-size: 24px; border: none; } /* err */ .cart-err, .cart-suc, .cart-freeship { font-size: 12px; margin-right: 10px; margin-bottom: 20px; margin-left: 10px; padding: 10px 10px; } .cart-action-inner.js-fixed { top: 0; left: 740px; margin-left: auto; } .cart-input, .cart-check { width: 100%; } .cart-check-law { font-size: 14px; margin-top: 20px; } .form_error { font-size: 12px; } .cart-1col, .cart-2col-right { width: 100%; padding: 0; text-align: left; } .cart-input-birthday .form-select { display: inline-block; width: 85px; margin-right: 0; vertical-align: middle; } .cart-input-birthday .form-select:first-child { width: 115px; } .cart-input-birthday .form-select label { min-width: 0; max-width: 60px; margin-right: 0; } .cart-input-birthday .form-select:first-child label { max-width: 90px; } .cart-input-birthday .form-select label::after { right: 6px; } .cart-input-birthday .form-select select { padding-right: 10px; } .cart-check-law, .cart-input-user, .cart-input-ship, .cart-input-pay, .cart-input-other, .cart-check-user, .cart-check-ship, .cart-check-pay, .cart-check-other, .cart-item-list, .cart-1col-inner, .cart-2col-right-inner, .cart-mypage-history-list, .cart-mypage-point-list, .cart-mypage-ask-list, .cart-input-ask, .cart-cvs-inner, .cart-card-info, .cart-card-registed, .cart-card-change, .cart-card-remove { width: 100%; margin-bottom: 20px; padding-top: 12px; text-align: left; border-top: none; } .cart-check-law h4, .cart-input-user h4, .cart-input-ship h4, .cart-input-pay h4, .cart-input-other h4, .cart-check-user h4, .cart-check-ship h4, .cart-check-pay h4, .cart-check-other h4, .cart-item-list h4, .cart-1col-inner h4, .cart-2col-right-inner h4, .cart-mypage-history-list h4, .cart-mypage-point-list h4, .cart-mypage-ask-list h4, .cart-input-ask h4, .cart-cvs-inner h4, .cart-card-info h4, .cart-card-registed h4, .cart-card-change h4, .cart-card-remove h4 { font-size: 16px; font-weight: normal; margin-bottom: 8px; padding-bottom: 8px; text-align: left; } .cart-check-law h4::after, .cart-input-user h4::after, .cart-input-ship h4::after, .cart-input-pay h4::after, .cart-input-other h4::after, .cart-check-user h4::after, .cart-check-ship h4::after, .cart-check-pay h4::after, .cart-check-other h4::after, .cart-item-list h4::after, .cart-1col-inner h4::after, .cart-2col-right-inner h4::after, .cart-mypage-history-list h4::after, .cart-mypage-point-list h4::after, .cart-mypage-ask-list h4::after, .cart-input-ask h4::after, .cart-cvs-inner h4::after, .cart-card-info h4::after, .cart-card-registed h4::after, .cart-card-change h4::after, .cart-card-remove h4::after { width: 160px; } .cart-input-user table, .cart-input-ship table, .cart-input-pay table, .cart-input-other table, .cart-check-user table, .cart-check-ship table, .cart-check-pay table, .cart-check-other table, .cart-item-list table, .cart-1col-inner table, .cart-cvs-inner table, .cart-card-registed-info table, .cart-card-change-info table, .cart-card-remove table { display: block; width: 100%; margin-bottom: 0; } .cart-input-user tbody, .cart-input-user tr, .cart-input-ship tbody, .cart-input-ship tr, .cart-input-pay tbody, .cart-input-pay tr, .cart-input-other tbody, .cart-input-other tr, .cart-check-user tbody, .cart-check-user tr, .cart-check-ship tbody, .cart-check-ship tr, .cart-check-pay tbody, .cart-check-pay tr, .cart-check-other tbody, .cart-check-other tr, .cart-item-list tbody, .cart-item-list tr, .cart-1col-inner tbody, .cart-1col-inner tr, .cart-cvs-inner tbody, .cart-cvs-inner tr { display: block; width: 100%; } .cart-input-user th, .cart-input-ship th, .cart-input-pay th, .cart-input-other th, .cart-1col-inner th, .cart-cvs-inner th, .cart-check-user th, .cart-check-ship th, .cart-check-pay th, .cart-check-other th { font-size: 14px; display: block; width: 100%; padding: 8px 0 0; text-align: left; } .cart-input-user th, .cart-input-ship th, .cart-input-pay th, .cart-input-other th, .cart-1col-inner th, .cart-cvs-inner th { font-weight: normal; line-height: 1.2; } .cart-card-registed th, .cart-card-change th, .cart-card-remove th { font-size: 14px; width: 140px; } .cart-item-list table th { width: 76px; padding: 12px 0; vertical-align: top; border-bottom: dotted 1px #d2d2d2; } .cart-item-list table th img { width: 70px; height: auto; } .cart-item-list table tr:last-child th { border-bottom: none; } .cart-input-user table th span { font-size: 12px; margin-left: 12px; } .cart-input-user td, .cart-input-ship td, .cart-input-pay td, .cart-input-other td, .cart-1col-inner td, .cart-cvs-inner td, .cart-check-user td, .cart-check-ship td, .cart-check-pay td, .cart-check-other td { font-weight: normal; display: block; width: 100%; vertical-align: top; } .cart-input-user, .cart-input-ship, .cart-input-pay, .cart-input-other, .cart-1col-inner, .cart-cvs-inner { font-size: 14px; padding: 0 0 20px; } .cart-check-user td, .cart-check-ship td, .cart-check-pay td, .cart-check-other td { font-size: 12px; padding: 0 0 10px; } .cart-item-list table td { font-size: 14px; width: 100%; padding: 12px 0 12px 10px; border-bottom: dotted 1px #d2d2d2; } .cart-item-list table tr:last-child td { border-bottom: none; } .cart-input-name input[type=text], .cart-input-kana input[type=text] { width: 100px; } input[type=text], input[type=email], input[type=tel], input[type=number], input[type=password] { font-size: 16px; } .form-select select { font-size: 16px; } .form-select label { position: relative; display: inline-block; overflow: hidden; width: 100%; height: 36px; vertical-align: middle; border: 1px solid #d2d2d2; background-color: #f3f3f3; } .form-radio input[type=radio] { margin-top: .8em; } .form-checkbox input[type=checkbox]:first-child, .form-radio input[type=radio]:first-child { margin-top: none; } .cart-input-user table.form-tbl-show, .cart-check table.form-tbl-show { display: none; } .cart-input-user table.form-tbl-show.active, .cart-check table.form-tbl-show.active { display: block; } .cart-input-pay-img { margin: 0 8px 6px; } .cart-input-other, .cart-check-other { border-top: none; } .cart-input-other-qa th, .cart-input-getpoint th { font-weight: bold; } .cart-check-law-term { width: 100%; margin-bottom: 10px; padding: 0 10px; text-align: left; } .cart-multiple-count { margin-left: 10px; font-size: 16px; line-height: 2; } .cart-comp-code { font-size: 16px; font-weight: normal; display: inline-block; width: 100%; margin-bottom: 30px; padding: 5px 0; text-align: center; border: #000 solid 1px; } .cart-comp-txt { font-size: 14px; text-align: left; } /*　マイページ　ログインリンク*/ .cart-mypage-login-link li { margin-top: 1em; } .cart-mypage-login-link li:first-child { margin-top: none; } /*　マイページ　注文履歴*/ .cart-mypage-history-list li { border: none; } .cart-mypage-history-list li:first-child { display: none; } .cart-mypage-history-list li a { position: relative; display: block; padding: 8px 24px 8px 12px; text-align: left; text-decoration: none; border-radius: 5px; color: #000; background-color: #eee; } .cart-mypage-history-list li a::after { position: absolute; top: 50%; right: 6px; display: inline-block; content: "\ea3c"; font-family: "icomoon"; font-size: 16px; color: #22af73; } .cart-mypage-history-list li span { display: block; padding: 0; } .cart-mypage-history-list li span:first-child, .cart-mypage-history-list li span:nth-child(2), .cart-mypage-history-list li span:nth-child(3), .cart-mypage-history-list li span:nth-child(4), .cart-mypage-history-list li span:nth-child(5), .cart-mypage-history-list li span:last-child { width: auto; text-align: left; } .cart-mypage-history-list li span:first-child::before { content: 'ステータス：'; } .cart-mypage-history-list li span:nth-child(2)::before { content: '注文番号：'; } .cart-mypage-history-list li span:nth-child(3)::before { content: '注文日：'; } .cart-mypage-history-list li span:nth-child(4)::before { content: 'お届け先：'; } .cart-mypage-history-list li span:nth-child(5)::before { content: 'お支払い方法：'; } .cart-mypage-history-list li span:last-child::before { content: '金額：'; } .cart-mypage-history-list .order-sts-hide li span:first-child, .cart-mypage-history-list .order-sts-hide li span:nth-child(2), .cart-mypage-history-list .order-sts-hide li span:nth-child(3), .cart-mypage-history-list .order-sts-hide li span:nth-child(4), .cart-mypage-history-list .order-sts-hide li span:last-child { width: auto; text-align: left; } .cart-mypage-history-list .order-sts-hide li span:first-child:before { content: '注文番号：'; } .cart-mypage-history-list .order-sts-hide li span:nth-child(2):before { content: '注文日：'; } .cart-mypage-history-list .order-sts-hide li span:nth-child(3):before { content: 'お届け先：'; } .cart-mypage-history-list .order-sts-hide li span:nth-child(4):before { content: 'お支払い方法：'; } .cart-mypage-history-list .order-sts-hide li span:last-child:before { content: '金額：'; } .cart-mypage-history-order-total, .cart-mypage-history-order-status { display: block; float: none; margin-left: 0; text-align: left; } .cart-mypage-history-order-detail { display: block; float: right; width: 100%; } .cart-mypage-history-order-detail li { width: 100%; border-bottom: 1px dotted #d2d2d2; } #MYP0008D02 .cart-item-list .cart-mypage-history-order-detail li span:first-child { width: 140px; } .cart-mypage-point-list li { display: block; padding: 8px 12px; border: none; border-radius: 5px; color: #000; font-size: 14px; background-color: #eee; } .cart-mypage-point-list li:first-child { display: none; } .cart-mypage-point-list li span { display: block; width: 100% !important; padding: 0; text-align: left; } .cart-mypage-point-list li span:last-child::before { content: '確定ポイント残：'; } .cart-mypage-ask-list li { margin-top: 5px; border: none; } .cart-mypage-ask-list li:first-child { display: none; } .cart-mypage-ask-list li a { position: relative; display: block; padding: 8px 24px 8px 12px; text-align: left; text-decoration: none; border-radius: 5px; color: #000; font-size: 14px; background-color: #eee; } .cart-mypage-ask-list li a::after { position: absolute; top: 50%; right: 6px; display: inline-block; content: "\ea3c"; font-family: "icomoon"; font-size: 16px; color: #22af73; } .cart-mypage-ask-list li span { display: block; padding: 0; text-align: left; } .cart-mypage-ask-list li span:first-child, .cart-mypage-ask-list li span:nth-child(2), .cart-mypage-ask-list li span:nth-child(3), .cart-mypage-ask-list li span:nth-child(4), .cart-mypage-ask-list li span:last-child { width: auto; } .cart-mypage-ask-list li span br { display:none; } .cart-mypage-ask-list li span:first-child:before { content: 'お問合せ番号：'; } .cart-mypage-ask-list li span:nth-child(2):before { content: '件名：'; } .cart-mypage-ask-list li span:nth-child(3):before { content: 'お問合せステータス：'; } .cart-mypage-ask-list li span:nth-child(4):before { content: '初回お問合せ日：'; } .cart-mypage-ask-list li span:nth-child(5):before { content: '最終回答日：'; } .cart-input-ask li.cart-input-ask-history-shop { padding-right: 25%; } .cart-input-ask li.cart-input-ask-history-cus { padding-left: 25%; } .cart-cvs-inner ul > li li:nth-child(5) { position: static; margin-top: 40px; } .cart-cvs-inner ul > li li:nth-child(6) { display: none; } .cart-cvs-inner ul > li li:last-child { display: block; } .cart-1col-inner { text-align: center; } .cart-1col-btn .btn { width: calc(100% - 16px); } .cart-1col-btn .btn-back { margin: 0 0 12px; } .cart-card-registed-btn a { display: block; margin: 0 auto 15px; width: 80%; } .cart-mypage-address-list li a { position: relative; display: block; padding: 8px 24px 8px 12px; text-align: left; text-decoration: none; border-radius: 5px; font-size: 14px; color: #000; background-color: #eee; } .cart-mypage-address-list li a:after { background: none; } .cart-mypage-address-list li a::after { position: absolute; top: 50%; right: 12px; display: inline-block; content: "\ea3c"; font-family: "icomoon"; font-size: 16px; color: #22af73; } } /* ------------------------------- #webcollect-token -------------------------------*/ #create-token-launch { -webkit-appearance: none; } #webcollect-token-iframe { z-index: 9999; } /* ------------------------------- .cart-reservation -------------------------------*/ .cart-reservation { color: #1a130c; background: #f3f3f3; } tr.cart-input-ship-posi > th, tr.cart-input-ship-posi > td { font-weight: normal; } /* tr.cart-input-ship-posi > th { font-weight: normal; } */ /* tablet portrait 縦 */ @media (min-width: 600px) and (max-width: 1019px) { .ttl { padding: 0; margin-bottom: 20px; } .cart-item-list h4 { font-size: 16px; } .contents { padding: 0px 20px; margin-bottom: auto; } .cart-item-list table { width: 96%; } .cart-item-list { margin-bottom: 0; } .main { margin-top: 40px; } .cart-action-btn a { border-radius: 5px; border-bottom: solid 4px #b35647; line-height: 55px; height: 55px; } .cart-step { padding: 0; } .cart-input-user h4, .cart-input-pay h4, .cart-input-ship h4 { font-size: 16px; font-weight: bold; } .header { text-align: center; } .cart-step > div { font-size: 12px; } .cart-mypage-history, .cart-mypage-address, .cart-mypage-ask-start-msg { /* font-size: 14px; */ } .cart-mypage-history-list th { width: 20%; font-size: 14px; line-height: normal; padding: 20px 0 0; } .cart-mypage-history-list li:first-child span { font-size: 12px; } .lnav > ul > li span { font-size: 14px; } .cart-mypage-history-list h4, .cart-2col-right-inner h4, .cart-mypage-address-list h4, .cart-card-registed h4 { font-weight: bold; padding-bottom: 8px; } .cart-mypage-history-list th { padding: 10px 10px 10px 0; } .cart-card-registed td { font-size: 16px; } } /* tablet landscape 横 */ @media (min-width: 1018px) and (max-width: 1159px) { .main { margin-top: 10px; } .contents { width: 98%; } .ttl { padding: 0; margin-bottom: 10px; } .cart-action-inner { margin-top: 40px; } .cart-item-list h4 { font-size: 16px; } .cart-input-user h4, .cart-input-pay h4, .cart-input-ship h4, .cart-mypage-history-list h4, .cart-2col-right-inner h4, .cart-mypage-address-list h4, .cart-card-registed h4 { font-weight: bold; margin-bottom: 10px; padding-bottom: 8px; } .cart-step { margin: 20px 0; } .lnav > ul > li span { font-size: 16px; } } /* SP portrait 縦 */ @media screen and (max-width: 600px) { .header-top-cart .logo img { max-height: 100px; text-align: left; } .main { margin-top: 0; } .ttl { margin-bottom: 0; } .ttl h2 { padding: 10px 4px 0; } .cart-item-list-price { margin-bottom: 10px; } .cart-input-user h4, .cart-input-pay h4, .cart-input-ship h4, .cart-2col-right-inner h4, .cart-card-registed h4, .cart-mypage-history-list h4 { font-size: 16px; padding-bottom: 5px; margin-bottom: 10px; font-weight: bold; } .cart-mypage-address-list { padding: 0; } .cart-mypage-address-list h4:before { content: ""; padding: 0; } .cart-action-btn { border-bottom: solid 4px #b35647; border-radius: 5px; } .cart-step { padding: 0; } .cart-err { padding: 10px 20px; margin-right: 0; margin-left: 0; } .cart-2col-right-btn .btn.btn-reorder { width: 100%; letter-spacing: 0.1rem; margin-top: 20px; } .cart-check-user table th, .cart-check-ship table th, .cart-check-pay table th { width: 100%; font-weight: bold; } .cart-check-user th { padding-bottom: 3px; } .cart-mypage-history-order-total { line-height: 60px; } .cart-mypage-history-order-status { padding-top: 0; } .cart-mypage-history-search-date div { margin-bottom: 10px; } } /* SP landscape 横 */ @media (max-width: 640px) { .header-top-cart .logo img { max-width: calc(100% - 130px); margin-left: 10px; text-align: left; } .contents { margin-bottom: 0; } .main { margin-top: 20px; } .cart-mypage-history-list th { font-size: 14px; line-height: normal; padding: 5px 12px 12px 0; } .cart-mypage-history-list li span:nth-child(3) { padding: 5px 0; } .footer-top { margin-top: 5px; } .cart-item-list .cart-mypage-history-order-detail li.cart-mypage-history-order-detail-fee { padding: 10px 0; } .cart-mypage-history-order { margin-bottom: 0px; } } .cart-mypage-history-reorder-msg { text-align: left !important; margin-top: 20px; font-size: 13px; } .cart-mypage-history-search-btn { margin-top: 20px; } .cart-mypage-history-search-btn a { color:#fff; background-color:#3d85c6; } p a { color: #22af73; text-decoration: underline; text-decoration-style: dotted; } .cart-mypage-address { text-align: left; } .cart-mypage-address-list h4 { padding-bottom: 10px; } .cart-mypage-address-list { border-top: none; } .cart-mypage-address-list li span { padding: 8px 5px; } .list-tbl-head { font-size: 14px; font-weight: bold; } .cart-item-list .cart-mypage-history-order-detail li { text-align: right; } .cart-mypage-history-list th { line-height: 30px; } .cart-mypage-history-search-date div input[type=text] { font-size: 14px; } .cart-item-list .cart-item-list-check { width: 5%; } .cart-mypage-history-search-date div.cart-mypage-history-search-date-separator { font-size: 25px; }　

/* btn */
.btn,
a.btn {
  text-decoration: none;
  border-radius: 5px;
  border-bottom: solid 4px #89c4f4; /* 薄青に変更 */
  color:#fff;
  background-color:#3d85c6;
}
.btn:hover,
.btn:hover * {
  text-decoration: none;
}

/* カート画面の大ボタン */
.cart-action-btn a {
  font-size: 20px;
  line-height: 55px;
  position: relative;
  display: block;
  width: 100%;
  height: 55px;
  text-align: center;
  text-decoration: none;
  border: none;
  border-radius: 5px;
  border-bottom: solid 4px #89c4f4; /* 薄青に変更 */
  color:#fff;
  background-color:#3d85c6;
}

/* カート画面の小ボタン群 */
.cart-action-btn-buy a,
.cart-action-btn-login a,
.cart-action-btn-regist a,
.cart-action-btn-back a {
  font-size: 16px;
  line-height: 35px;
  position: relative;
  display: block;
  width: 100%;
  height: 35px;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  border-bottom: solid 4px #89c4f4; /* 薄青に変更 */
  color:#fff;
  background-color:#3d85c6;
}

/* 注文ボタン（BUY）だけ少し高さ大きめ */
.cart-action-btn-buy a {
  background-color: #3d85c6;
  font-size: 20px;
  line-height: 60px;
  height: 60px;
  border-bottom: solid 4px #89c4f4; /* 薄青に変更 */
}

/* 注文完了画面などのボタン */
.cart-1col-btn .btn,
.cart-2col-right-btn .btn {
  font-size: 16px;
  font-weight: normal;
  line-height: 44px;
  position: relative;
  display: inline-block;
  width: 100%;
  height: 44px;
  margin-bottom: 20px;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  border-bottom: solid 4px #89c4f4; /* 薄青に変更 */
  color:#fff;
  background-color:#3d85c6;
  letter-spacing: 0.2rem;
}

/* マイページカード変更・削除ボタン */
.cart-card-change-btn a,
.cart-card-remove-btn a,
.cart-card-registed-btn a {
  font-size: 16px;
  line-height: 40px;
  display: inline-block;
  width: 30%;
  height: 44px;
  padding: 0 12px;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.2rem;
  border-bottom: solid 4px #89c4f4 !important; /* 薄青に変更 */
  color:#fff;
  background-color:#3d85c6;
}

/* === ボタン下線色を薄青に統一する上書きCSS === */
.btn,
a.btn,
.cart-action-btn a,
.cart-action-btn-buy a,
.cart-action-btn-login a,
.cart-action-btn-regist a,
.cart-action-btn-back a,
.cart-1col-btn .btn,
.cart-2col-right-btn .btn,
.cart-card-change-btn a,
.cart-card-remove-btn a,
.cart-card-registed-btn a {
  border-bottom: solid 4px #89c4f4 !important;
}


/* --- カートタイトルと横ラインを青に変更 --- */

/* タイトル文字（ショッピングカート｜SHOPPING CART） */
.cart-title,
.cart-title h1,
.page-title,
#container h1 {
  color: #0099ff !important;   /* 明るい青（水色寄りなら #00bfff） */
}

/* タイトル下の横ライン */
.cart-title::after,
.page-title::after,
#container h1::after {
  background-color: #0099ff !important;
}
/* --- カートの緑→青 上書き（最優先で反映させたいので !important） --- */

/* タイトル（ショッピングカート | SHOPPING CART）の文字色 */
.ttl,
.ttl h2,
.ttl h3 {
  color: #0099ff !important;   /* 好きな青に変更してOK */
}

/* タイトルの縦の仕切り線（H3の右ボーダー） */
.ttl h3 {
  border-right: 1px solid #0099ff !important;
}

/* タイトルより上の緑の横棒（ヘッダーの下線） */
.header,
#header {
  border-bottom: 3px solid #0099ff !important;
}

/* --- カート全体の青系統を郵便番号検索ボタンと同じ色に統一 --- */

/* 郵便番号検索ボタンの色を取得して統一（例：#2f83c0ならそのまま使う） */
.cart-title,
.cart-title h1,
.page-title,
#container h1 {
  color: #2f83c0 !important;  /* 郵便番号検索ボタンと同じ色 */
}

/* タイトル下の横ライン */
.cart-title::after,
.page-title::after,
#container h1::after {
  background-color: #2f83c0 !important;
}

/* ご注文情報入力 → ご注文情報確認 → ご注文完了 の緑タブ */
.cart-step > div.active,
.cart-step > div.completed {
  background-color: #2f83c0 !important;
  color: #fff !important;
}

/* ステップ矢印の部分も */
.cart-step > div.active::after,
.cart-step > div.completed::after {
  border-left-color: #2f83c0 !important;
}

/* ボタン（例：次へ進む）も同系統に */
button,
input[type="submit"],
.cart-action-btn a {
  background-color: #2f83c0 !important;
  border-color: #2f83c0 !important;
  color: #fff !important;
}

button:hover,
input[type="submit"]:hover,
.cart-action-btn a:hover {
  background-color: #23699a !important; /* 少し濃く */
}
/* --- フッターの緑を郵便番号ボタンと同じ青に変更 --- */

/* フッター上の細い線 */
#footer,
.footer {
  border-top: 3px solid #2f83c0 !important;
}

/* フッターの背景色 */
#footer {
  background-color: #2f83c0 !important;
  color: #fff !important; /* テキストは白にして見やすく */
}

/* コピーライト内のリンクも白に */
#footer a {
  color: #fff !important;
}

/* ページトップボタン（右下の↑） */
#page-top a {
  background-color: #2f83c0 !important;
  border-color: #2f83c0 !important;
}

#page-top a:hover {
  background-color: #23699a !important; /* ホバー時に少し濃く */
}
/* --- フッター下の緑背景を削除／青に統一 --- */

/* bodyやwrapperの背景色を白に統一 */
body,
#wrapper {
  background-color: #ffffff !important;
}

/* フッター背景は青で統一 */
#footer {
  background-color: #2f83c0 !important;
  border-top: 3px solid #2f83c0 !important;
  color: #fff !important;
}

/* フッターの下にある不要な緑帯を消す */
#footer::after,
#footer::before,
.overlay {
  background: none !important;
}

/* ページトップの矢印ボタンも同色に */
#page-top a {
  background-color: #2f83c0 !important;
  border-color: #2f83c0 !important;
}

#page-top a:hover {
  background-color: #23699a !important;
}
/* --- フッター下の緑帯を完全に削除 --- */

/* ページ全体の背景を白で統一 */
html, body {
  background: #ffffff !important;
}

/* 下部に残る緑背景を打ち消す */
#wrapper::after,
#wrapper::before,
#footer::after,
#footer::before,
body::after,
body::before {
  background: none !important;
  background-color: transparent !important;
  border: none !important;
}

/* オーバーレイや底の帯に緑が残る場合も削除 */
.overlay,
.footer-bottom,
.footer-line,
#bottom-area {
  background: none !important;
  background-color: transparent !important;
  border: none !important;
}
/* --- フッターの緑線を青に（郵便番号ボタンと同じ青に統一） --- */
#footer,
.footer-top {
  border-top: 3px solid #2f83c0 !important;
}

/* 念のため：copyright行にボーダーが付くテーマもある */
#footer .copyright {
  border-top-color: #2f83c0 !important;
}

/* --- 右下の丸いページトップボタンを青に --- */
/* どのテーマでも当たるように両方指定 */
#page-top a,
.btn-pagetop a {
  background-color: #2f83c0 !important;
  border-color: #2f83c0 !important;
  color: #fff !important;
}

/* ホバー時は少し濃い青に */
#page-top a:hover,
.btn-pagetop a:hover {
  background-color: #23699a !important;
  border-color: #23699a !important;
}

/* もしボタンの縁が緑で残る場合の保険 */
#page-top a::before,
#page-top a::after,
.btn-pagetop a::before,
.btn-pagetop a::after {
  border-color: #fff !important; /* 矢印などを白で維持 */
}
/* カート下部に自動出力される「特定商取引法に基づく表記」リンクを隠す */
a[href$="/law"] {
  display: none !important;
}
/* 「特定商取引法に基づく表記」リンクとその後ろの文もまとめて非表示 */
a[href$="/law"] {
  display: none !important;
}

a[href$="/law"]::after {
  content: none !important;
}

/* 親の段落ごと消す（後ろにテキストがあるケース） */
a[href$="/law"] {
  display: none !important;
}
a[href$="/law"] + * {
  display: none !important;
}
a[href$="/law"]::parent {
  display: none !important;
}

/* より確実に、親p要素ごと非表示 */
p:has(a[href$="/law"]) {
  display: none !important;
}

/* 複数配送の案内ブロックを非表示 */
.multi-address-info,
.multiaddress-info,
#MultiAddressInfo,
.add_addr_btn,
#AddAddressBtn {
    display: none !important;
}