html,body{margin:0;padding:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none} html::-webkit-scrollbar,body::-webkit-scrollbar{display:none} body{min-height:100vh;background:#e6e6e6 url("img/XPD_22.PNG") repeat;display:flex;flex-direction:column;align-items:center;font-family:Arial,"Yu Gothic",sans-serif} .edo-frame { background: #cde9c8; border: 3px solid #3A2312; box-shadow: 0 12px 30px -5px rgba(28, 45, 66, 0.22), 0 4px 10px rgba(0,0,0,0.1); position: relative; border-radius: 6px; } .edo-frame::before { content: ''; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border: 1px solid #D4A359; pointer-events: none; border-radius: 3px; } .rakkan-seal { width: 68px; height: 68px; border: 3.5px solid #C8392B; color: #C8392B; font-family: 'Yuji Syuku', serif; display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1; border-radius: 8px; background: rgba(255, 255, 255, 0.65); box-shadow: inset 0 0 4px rgba(200, 57, 43, 0.2); user-select: none; } .btn-edo-primary { background: linear-gradient(135deg, #C8392B 0%, #A3281C 100%); color: #FAF6ED; border: 1.5px solid #73170E; box-shadow: 0 4px 0 #73170E, 0 8px 15px rgba(200, 57, 43, 0.25); transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1); } .btn-edo-primary:hover { background: linear-gradient(135deg, #DC4132 0%, #B82F22 100%); transform: translateY(-2px); box-shadow: 0 6px 0 #73170E, 0 10px 18px rgba(200, 57, 43, 0.3); } .btn-edo-primary:active { transform: translateY(3px); box-shadow: 0 1px 0 #73170E, 0 3px 6px rgba(0,0,0,0.2); } .btn-edo-airo { background: linear-gradient(135deg, #1C2D42 0%, #111D2C 100%); color: #FAF6ED; border: 1.5px solid #0A121C; box-shadow: 0 4px 0 #0A121C, 0 8px 15px rgba(28, 45, 66, 0.25); transition: all 0.15s ease; } .btn-edo-airo:hover { background: linear-gradient(135deg, #273E5B 0%, #17273B 100%); transform: translateY(-2px); box-shadow: 0 6px 0 #0A121C, 0 10px 18px rgba(28, 45, 66, 0.3); } .btn-edo-airo:active { transform: translateY(3px); box-shadow: 0 1px 0 #0A121C, 0 3px 6px rgba(0,0,0,0.2); } .btn-edo-wood { background: linear-gradient(135deg, #5C3A21 0%, #3D2413 100%); color: #FAF6ED; border: 1.5px solid #231309; box-shadow: 0 4px 0 #231309, 0 8px 15px rgba(61, 36, 19, 0.25); transition: all 0.15s ease; } .btn-edo-wood:hover { background: linear-gradient(135deg, #6E472A 0%, #4B2E19 100%); transform: translateY(-2px); box-shadow: 0 6px 0 #231309, 0 10px 18px rgba(61, 36, 19, 0.3); } .btn-edo-wood:active { transform: translateY(3px); box-shadow: 0 1px 0 #231309, 0 3px 6px rgba(0,0,0,0.2); } textarea::-webkit-scrollbar { width: 8px; } textarea::-webkit-scrollbar-track { background: #F7F3E9; border-radius: 4px; } textarea::-webkit-scrollbar-thumb { background: #D4A359; border-radius: 4px; } textarea::-webkit-scrollbar-thumb:hover { background: #C8392B; } @media print { body { background: #fff !important; color: #000 !important; font-size: 11pt; padding: 0 !important; margin: 0 !important; } .no-print { display: none !important; } .print-only { display: block !important; } .print-scroll-container { display: block !important; width: 100% !important; box-shadow: none !important; } .edo-frame { border: 2px solid #000 !important; box-shadow: none !important; background: #fff !important; margin-bottom: 20px !important; /* 枠の途中でページが切れるのを防ぐ */ break-inside: avoid !important; page-break-inside: avoid !important; min-height: auto !important; } /* 2つ目のカード（変換結果）を強制的に次のページから開始 */ .print-scroll-container > div:nth-child(2) { break-before: page !important; page-break-before: always !important; } .edo-frame::before { display: none !important; } textarea { border: none !important; resize: none !important; background: transparent !important; font-size: 13pt !important; color: #000 !important; height: auto !important; min-height: 200px !important; overflow: visible !important; } } .print-only { display: none; }