﻿.modal-open-checkbox{display:none}.message-note{font-size:80%;margin-bottom:10px;color:#6C757D}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5)}.modal p{letter-spacing:0;font-size:14px}.modal h1{margin-top:0;margin-bottom:20px;text-align:center;font-size:inherit;letter-spacing:0}.modal h2{border:0;margin-bottom:2px;font-size:inherit;letter-spacing:0;padding:0}.modal .button-container{display:flex;justify-content:space-between;width:100%;margin-top:0;margin-bottom:0}.modal .tip-send-button{width:224px;height:40px;border-radius:30px;background-color:#1b6fba;color:#fff;font-weight:500}.fee-note{text-align:center;font-size:80%;color:#6C757D;margin-bottom:10px}.modal-overlay{position:absolute;width:100%;height:100%}.modal-box{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:white;padding:20px 10px;z-index:1001;width:360px;font-size:14px;font-weight:600;color:#0D2133;font-family:"Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", "Lucida Grande", Verdana, sans-serif}.modal-open-checkbox:checked~.modal{display:block}.gift-container{display:flex;justify-content:space-around;margin-bottom:20px}.gift-container input[type="radio"]{display:none}.gift-container input[type="radio"]:checked+.gift-card{background-color:#EAF4FC;border:1.5px solid #1B6FBA;color:#1B6FBA}.gift-container input[type="radio"]:checked+.gift-card .custom-input{pointer-events:auto}.gift-card{border:1px solid #E7E4DD;border-radius:5px;padding:8px;text-align:center;height:103px}.gift-card img{width:54px;height:54px;margin-bottom:11px}.card_present{padding:10px 7px 5px 7px;width:116px}.card_present img{margin-bottom:6px}.gift-card:focus-within{background-color:#EAF4FC;border:1.5px solid #1B6FBA;color:#1B6FBA}.gift-card:hover{background-color:#EAF4FC}.input-container{display:flex;align-items:flex-start;margin-bottom:35px}.input-container textarea{width:282px;height:75px;border:1px solid #E7E4DD;border-radius:5px;font-size:14px;font-weight:500;padding:8px 11px;line-height:18px}.input-container textarea::-moz-placeholder{color:#CECECC}.input-container textarea:-ms-input-placeholder{color:#CECECC}.input-container textarea::placeholder{color:#CECECC}.heart-image{width:75px;height:75px;margin-right:13px}.cancel-button,.tip-send-button{display:flex;justify-content:center;align-items:center;border:none;text-decoration:none;font-size:16px;cursor:pointer}.cancel-button{width:112px;height:40px;border:0.5px solid #CECECC;border-radius:30px;font-weight:300}.custom-input{border:1px solid #E7E4DD;width:60px;height:25px;font-weight:500;font-size:14px;border-radius:5px;background-color:white !important;pointer-events:none}.custom-input::-moz-placeholder{color:#CECECC}.custom-input:-ms-input-placeholder{color:#CECECC}.custom-input::placeholder{color:#CECECC}.checkout-note{font-size:10px;text-align:center;color:#6c757d;margin-top:3px}.question-tip-modal{width:430px;max-width:calc(100vw - 32px);padding:26px 24px 22px;border:1px solid #E2E8F0;border-radius:12px;box-shadow:0 22px 60px rgba(13,33,51,0.22);color:#1E293B;font-family:"Segoe UI", Meiryo, system-ui, -apple-system, BlinkMacSystemFont, sans-serif}.question-tip-modal .modal-close{position:absolute;top:14px;right:14px;width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#64748B;cursor:pointer}.question-tip-modal .modal-close::before,.question-tip-modal .modal-close::after{content:"";position:absolute;width:14px;height:2px;border-radius:999px;background:currentColor}.question-tip-modal .modal-close::before{transform:rotate(45deg)}.question-tip-modal .modal-close::after{transform:rotate(-45deg)}.question-tip-modal .modal-close:hover{background:#F4F7FA;color:#1E293B}.question-tip-modal h1{margin-bottom:10px;color:#1E293B;font-size:18px;font-weight:700;line-height:1.45}.question-tip-modal h1 span{display:block}.question-tip-modal h2{margin:0 0 6px;color:#1E293B;font-size:14px;font-weight:700;line-height:1.4}.question-tip-modal .fee-note,.question-tip-modal .message-note,.question-tip-modal .checkout-note{color:#64748B;font-weight:500;line-height:1.6}.question-tip-modal .fee-note{margin-bottom:18px;font-size:12px}.question-tip-modal .gift-container{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:24px}.question-tip-modal .gift-container label{margin:0;cursor:pointer}.question-tip-modal .gift-container input[type="radio"]:checked+.gift-card{border-color:#F7D037;background:#F7D037;color:#0D2133;box-shadow:0 8px 20px rgba(247,208,55,0.28)}.question-tip-modal .gift-card{width:76px;height:76px;padding:0;border:1px solid #E2E8F0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#EEF2F6;color:#24476F;transition:background-color .15s, border-color .15s, box-shadow .15s, transform .15s}.question-tip-modal .gift-card p{margin:0;color:inherit;font-size:18px;font-weight:800;line-height:1;letter-spacing:0}.question-tip-modal .gift-card:hover,.question-tip-modal .gift-card:focus-within{border-color:#CBD5E1;background:#E2E8F0;color:#0D2133;transform:translateY(-1px)}.question-tip-modal .gift-container input[type="radio"]:checked+.gift-card,.question-tip-modal .gift-container input[type="radio"]:checked+.gift-card:hover{border-color:#F7D037;background:#F7D037;color:#0D2133}.question-tip-modal .gift-custom-option{width:100%}.question-tip-modal .gift-custom{width:100%;min-height:48px;padding:8px 12px 8px 14px;border:1px solid #E2E8F0;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#FFFFFF;color:#1E293B;transition:background-color .15s, border-color .15s, box-shadow .15s}.question-tip-modal .gift-custom__label{flex:0 0 auto;color:#475569;font-size:13px;font-weight:700;line-height:1}.question-tip-modal .gift-custom__field{min-width:0;flex:1 1 auto;display:flex;align-items:center;justify-content:flex-end;gap:6px}.question-tip-modal .gift-custom .custom-input{width:120px;height:32px;padding:0 10px;border:1px solid #CBD5E1;border-radius:6px;background:#FFFFFF !important;color:#1E293B;font-size:14px;font-weight:700;line-height:1;text-align:right;pointer-events:auto}.question-tip-modal .gift-custom .custom-input::-moz-placeholder{color:#94A3B8}.question-tip-modal .gift-custom .custom-input:-ms-input-placeholder{color:#94A3B8}.question-tip-modal .gift-custom .custom-input::placeholder{color:#94A3B8}.question-tip-modal .gift-custom .custom-input:focus{border-color:#2563EB;outline:none;box-shadow:0 0 0 3px rgba(37,99,235,0.12)}.question-tip-modal .gift-custom .yen{color:#475569;font-size:13px;font-weight:700;line-height:1}.question-tip-modal .gift-container input[type="radio"]:checked+.gift-custom,.question-tip-modal .gift-container input[type="radio"]:checked+.gift-custom:hover{border-color:#F7D037;background:#FFFBEB;box-shadow:0 0 0 3px rgba(247,208,55,0.2)}.question-tip-modal .input-container{margin-bottom:20px}.question-tip-modal .input-container textarea{width:100%;min-height:92px;height:auto;border-color:#CBD5E1;border-radius:8px;color:#1E293B;font-size:14px;font-weight:500;line-height:1.7}.question-tip-modal .input-container textarea::-moz-placeholder{color:#94A3B8}.question-tip-modal .input-container textarea:-ms-input-placeholder{color:#94A3B8}.question-tip-modal .input-container textarea::placeholder{color:#94A3B8}.question-tip-modal .input-container textarea:focus{border-color:#2563EB;outline:none;box-shadow:0 0 0 3px rgba(37,99,235,0.12)}.question-tip-modal .button-container{align-items:flex-start;gap:12px}.question-tip-modal .button-container>label,.question-tip-modal .button-container>div{flex:1 1 0}.question-tip-modal .cancel-button,.question-tip-modal .tip-send-button{width:100%;height:42px;border-radius:999px;font-size:14px;font-weight:700}.question-tip-modal .cancel-button{border:1px solid #CBD5E1;background:#FFFFFF;color:#475569}.question-tip-modal .cancel-button:hover{background:#F4F7FA;color:#1E293B}.question-tip-modal .tip-send-button{background:#0D2133;color:#FFFFFF}.question-tip-modal .tip-send-button:hover{background:#16334D}@media (max-width: 420px){.question-tip-modal{padding:24px 18px 20px}.question-tip-modal .gift-container{gap:10px}.question-tip-modal .gift-card{width:68px;height:68px}.question-tip-modal .gift-card p{font-size:15px}.question-tip-modal .gift-custom{align-items:stretch;flex-direction:column;gap:8px}.question-tip-modal .gift-custom__field{justify-content:stretch}.question-tip-modal .gift-custom .custom-input{width:100%;text-align:left}.question-tip-modal .button-container{flex-direction:column-reverse}.question-tip-modal .button-container>label,.question-tip-modal .button-container>div{width:100%}}
