/*
Theme Name: 和久魚問屋｜金華伊達カツオ
Author: 和久魚問屋
Description: 金華伊達カツオの飲食店向け卸・集客企画サイト。黒・紫・ライムの専用デザイン。
Version: 1.0.1
Requires at least: 6.3
Requires PHP: 7.4
Text Domain: waku-kinka
*/

/* WordPress integration; the approved landing-page design is in assets/styles.css. */
.contact-telephone { margin:36px auto 0; padding:26px 20px; max-width:760px; text-align:center; border:1px solid #cbb4ed87; background:#0b0b0e1a; }
.telephone-label { font-size:12px; font-weight:700; letter-spacing:.08em; }
.telephone-number { display:inline-flex; align-items:center; justify-content:center; min-height:52px; max-width:100%; margin:7px 0 10px; padding:4px 0; font-family:var(--sans); font-size:clamp(28px,4vw,44px); font-weight:900; line-height:1.4; letter-spacing:.035em; white-space:nowrap; color:var(--lime); text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:7px; }
.telephone-number:hover { color:#e1ffa0; }
.telephone-number:focus-visible { outline-color:var(--lime); }
.telephone-note { font-size:11px; line-height:1.9; color:#e6d9f9; overflow-wrap:anywhere; }
@media (max-width:600px) {
  .contact-telephone { padding:22px 12px; margin-top:28px; }
  .telephone-label { font-size:11px; }
  .telephone-number { font-size:clamp(25px,7.2vw,36px); letter-spacing:.015em; }
  .telephone-note { font-size:10px; }
}
body.admin-bar .skip-link:focus { top: 48px; z-index: 100000; }
@media (max-width:782px) {
  body.admin-bar .skip-link:focus { top: 61px; }
}
.wp-content-area { width:min(100%,1000px); margin:auto; min-height:60vh; padding:64px 7%; overflow-wrap:anywhere; }
.wp-content-area h1 { font-size:clamp(28px,4vw,48px); line-height:1.5; margin-bottom:32px; }
.wp-content-area h2 { font-size:clamp(24px,3vw,34px); margin:32px 0 18px; }
.wp-content-area h3 { margin:24px 0 14px; }
.wp-content-area p { margin:0 0 1.5em; }
.wp-content-area a { color:var(--lime); text-decoration:underline; text-underline-offset:4px; }
.wp-entry + .wp-entry { border-top:1px solid var(--line); margin-top:36px; padding-top:24px; }
.wp-content-area figure { margin:24px 0; }
.wp-content-area table { width:100%; border-collapse:collapse; margin:24px 0; }
.wp-content-area th,.wp-content-area td { border:1px solid var(--line); padding:10px; }
.wp-content-area input,.wp-content-area textarea,.wp-content-area button { max-width:100%; }
.wp-content-area input,.wp-content-area textarea { padding:12px; }
.wp-content-area input[type=submit],.wp-content-area button { padding:12px 20px; background:var(--lime); color:var(--black); border:0; }
.wp-content-area .alignleft { float:left; width:auto; margin:0 24px 20px 0; }
.wp-content-area .alignright { float:right; width:auto; margin:0 0 20px 24px; }
.wp-content-area .aligncenter { margin-left:auto; margin-right:auto; }
.wp-content-area .wp-caption { max-width:100%; }
.wp-content-area .wp-caption-text { font-size:12px; color:var(--muted); }
.wp-content-area .entry-content::after { content:""; display:block; clear:both; }
.screen-reader-text { border:0; clip:rect(1px,1px,1px,1px); clip-path:inset(50%); height:1px; width:1px; margin:-1px; overflow:hidden; padding:0; position:absolute!important; word-wrap:normal!important; }
.screen-reader-text:focus { clip:auto!important; clip-path:none; height:auto; width:auto; left:12px; top:12px; padding:16px; background:var(--lime); color:var(--black); z-index:100000; }
@media (max-width:600px) {
  .wp-content-area .alignleft,.wp-content-area .alignright { float:none; margin:20px 0; max-width:100%; }
}
