:root{font-family:Arial,Helvetica,sans-serif;color:#272727;background:#faf8f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#faf8f2}.contact-app{width:min(100%,850px);margin:0 auto;padding:20px 22px 48px}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:38px;margin:0 0 9px}.rule{width:34px;height:1px;background:#333}.intro p{font-size:14px;line-height:1.85;color:#65666a;margin:14px 0 32px}label{display:block;font-size:13px;font-weight:600;margin:0 0 8px}select,input,textarea{display:block;width:100%;border:1px solid #c3c5c8;border-radius:2px;color:#222;background:#fff;font:14px/1.5 Arial,Helvetica,sans-serif;padding:12px 13px}select{cursor:pointer}textarea{resize:none;min-height:96px}input[readonly],textarea[readonly]{background:#f9f9f9}select:focus,input:focus,textarea:focus,.dark-button:focus-visible,.reply-two-toggle:focus-visible{outline:2px solid #555;outline-offset:2px}.subsection{margin-top:22px}.hidden{display:none!important}#motel-form label:not(.coord-row label){margin-top:23px}.location-box{border:0;background:#f5f5f5;padding:21px 18px 24px;margin:26px 0 22px}.location-box legend{float:left;width:100%;font-size:13px;font-weight:600;padding:0;margin:0 0 10px}.coord-row{clear:both;display:grid;grid-template-columns:105px minmax(0,1fr);gap:12px;align-items:center;margin-top:10px}.coord-row label{font-weight:400;margin:0;color:#555}.dark-button{display:block;max-width:280px;width:100%;background:#252525;color:white;border:1px solid #252525;border-radius:2px;padding:14px 16px;margin:28px auto 0;text-align:center;letter-spacing:.18em;font-size:12px;font-weight:600;text-decoration:none;cursor:pointer}.dark-button:hover{background:#444}.form-error{color:#a13c30;font-size:13px;min-height:16px;text-align:center}.ordinary-message{font-size:13px;line-height:1.8;color:#686868;background:#f5f5f5;padding:16px}.history{margin-top:36px}.history-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e2e2e2;padding-top:23px}.history-heading h2{font-size:26px;margin:0 0 17px}.new-count,.unread-label{background:#9f412f;color:#fff;border-radius:2px;font-size:10px;font-weight:700;letter-spacing:.06em;padding:5px 7px;white-space:nowrap}.sent-panel{border:1px solid #e2e3e2;margin-bottom:24px}.sent-status{display:flex;gap:12px;align-items:center;padding:15px;background:#edf3ec;color:#326c43}.tick{background:#3c8e4c;color:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font:700 21px/1 Arial,Helvetica,sans-serif;flex-shrink:0;text-align:center;padding:0;transform:none}.sent-status strong,.sent-status span{display:block}.sent-status strong{font-size:14px}.sent-status div span{font-size:12px;margin-top:3px}.history-meta{font-size:12px;color:#777;padding:12px 16px 0;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.sent-copy{font-size:13px;margin:14px 16px 4px}.sent-coords{font:12px/1.6 'Courier New',monospace;color:#777;margin:6px 16px 16px}.reply-loading{color:#777;font-size:13px;padding:17px}.reply-card{border:1px solid #ddd;margin:0 0 23px}.reply-head{padding:16px 15px 14px;display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #e6e6e6;align-items:flex-start}.reply-kicker{font-size:10px;color:#8a877f;letter-spacing:.14em}.reply-head h3{font-size:24px;margin:4px 0 0}.reply-head time,.reply-two-toggle time{font-size:11px;color:#777;white-space:nowrap}.reply-meta{background:#f6f6f6;padding:11px 16px;font-size:12px;border-bottom:1px solid #e4e4e4}.reply-meta div{display:grid;grid-template-columns:64px 1fr;gap:8px;margin:4px 0}.reply-meta span{color:#777}.reply-meta strong{font-weight:500}.reply-body{padding:18px 20px;font:13px/1.65 Arial,Helvetica,sans-serif}.reply-body p{margin:0 0 17px}.reply-body p:last-child{margin-bottom:0}.reply-body .dark-button{font-family:Arial,Helvetica,sans-serif;margin:16px 0 22px;max-width:265px}.reply-two-toggle{border:1px solid #d7d7d7;background:#f8f8f8;width:100%;display:flex;gap:12px;align-items:center;text-align:left;cursor:pointer;padding:17px 14px;color:#282828}.reply-envelope{font-size:22px;flex-shrink:0}.reply-teaser{flex:1;min-width:0}.reply-teaser strong{display:block;font-size:13px}.reply-teaser small{display:block;color:#777;font-size:11px;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-two-toggle .chevron{font-size:20px}.reply-card.followup{border-top:0}.attachment{margin:17px 0 22px;border:1px solid #ddd;padding:10px}.attachment img{width:100%;height:auto;display:block;background:#12161a}.attachment figcaption{font:11px/1.5 Arial,sans-serif;color:#686868;margin:9px 2px 1px}.attachment figcaption span{float:right}.reply-two-toggle.read .reply-teaser strong{font-weight:400}@media(max-width:600px){.contact-app{padding:12px 14px 30px}h1{font-size:32px}.coord-row{grid-template-columns:1fr;gap:6px}.coord-row input{margin-bottom:3px}.reply-body{padding:15px;font-size:12px}.reply-two-toggle time{display:none}}

/* General inquiries are redirected to Etsy; no local general-inquiry submission. */
.ordinary-message p{margin:0}
.ordinary-message .etsy-contact-link{margin:16px 0 0;max-width:280px}

/* Contact title and introduction belong to the parent Google Sites page. */
.contact-app{padding-top:8px}

/* Center the text checkmark optically within the green circle. */
.tick{font-size:0;position:relative}
.tick::after{content:"";display:block;width:7px;height:13px;border-right:3px solid #fff;border-bottom:3px solid #fff;transform:translateY(-2px) rotate(45deg)}
/* Keep the hidden history heading from reserving extra space. */
.history-heading{min-height:0;padding-top:0;border-top:0;justify-content:flex-end}
.history-heading:has(.new-count.hidden){display:none}
.history-heading .new-count{margin-bottom:12px}
/* Override the generic span display rule in the confirmation banner. */
.sent-status .tick{display:flex;align-items:center;justify-content:center}

/* ========================================
   MESSAGE BACKGROUND — WHITE
======================================== */

/* 送信済みメッセージ全体 */
.sent-panel {
  background: #ffffff;
}

/* 送信メッセージの本文 */
.history-meta,
.sent-copy,
.sent-coords {
  background: #ffffff;
}

/* 受信メッセージの本文 */
.reply-card,
.reply-body {
  background: #ffffff;
}

/* 送信完了の緑色の通知は維持 */
.sent-status {
  background: #edf3ec;
}

/* MOBILE COORDINATE INPUT */

.coordinate-input {
  display: flex;
  align-items: stretch;
  gap: 8px;
  min-width: 0;
}

.coordinate-input input {
  min-width: 0;
  flex: 1;
}

.minus-button {
  flex: 0 0 48px;
  width: 48px;
  margin: 0;
  padding: 0;
  border: 1px solid #c3c5c8;
  border-radius: 2px;
  background: #ffffff;
  color: #252525;
  font: 600 20px Arial, sans-serif;
  cursor: pointer;
}

.minus-button:hover {
  background: #eeeeee;
}

.minus-button:focus-visible {
  outline: 2px solid #555;
  outline-offset: 2px;
}