/*
Theme Name: 川上ともみ
Description: 川上ともみ公式サイト用クラシックテーマ。Sites版バージョン4のデザインを継承。
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: kawakami-tomomi
*/
:root{--red:#ef332c;--red-dark:#c42621;--green:#71ad50;--ink:#552e31;--brown:#503335;--pale:#f6f5f2;--line:#e7e1dd;--sans:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;--serif:'Hiragino Mincho ProN','Yu Mincho',YuMincho,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.9;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #175e96;outline-offset:5px}h1,h2,h3,h4,p{margin:0}h2{font-size:36px;letter-spacing:.06em;line-height:1.6}h2 span{color:var(--red)}h3{line-height:1.7}p+p{margin-top:19px}.wrap{width:min(1100px,86%);margin-inline:auto}.section{padding-block:110px}.pale{background:var(--pale)}.eyebrow{font:600 12px/1.5 var(--sans);letter-spacing:.19em;color:var(--red-dark);margin-bottom:14px}.section-heading{text-align:center;margin-bottom:54px}.section-heading>p:last-child:not(.eyebrow){margin-top:19px;color:#552e31;font-size:15px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--red);color:#fff;border-radius:30px;min-height:50px;padding:11px 27px;font-size:15px;font-weight:700;transition:background .2s}.button:hover{background:var(--red-dark)}.skip{position:fixed;top:-100px;left:10px;background:#fff;padding:10px;z-index:100}.skip:focus{top:10px}.header{height:90px;padding-inline:4%;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #eee8}.brand{display:block;flex-shrink:0;color:var(--red-dark);line-height:1.25}.brand span{display:block;font-size:12px;letter-spacing:.08em;margin-bottom:4px}.brand strong{font-size:28px;font-style:italic;font-weight:900;letter-spacing:-.06em}.header-logo{display:block;width:clamp(245px,25vw,370px);flex-shrink:1}.header-logo img{display:block;width:100%;height:auto}.header nav{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:700}.header nav a{padding-block:15px}.header nav a:hover{color:var(--red-dark)}.header .nav-contact{padding:10px 23px;background:var(--red);color:white;border-radius:25px}.menu-toggle{display:none}.hero{position:relative;min-height:620px;isolation:isolate;overflow:hidden;background:#fdfdfc}.hero-photo{position:absolute;inset:0 0 0 35%;z-index:-1}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 42%}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fdfdfc 0%,#fdfdfcee 6%,#fdfdfc00 45%)}.hero-copy{padding:106px 0 75px 8%;max-width:750px}.hero-copy .eyebrow{font-size:15px;letter-spacing:.12em;color:var(--ink);margin-bottom:26px}.hero h1{font-family:var(--serif);font-size:clamp(40px,4.5vw,65px);font-weight:600;letter-spacing:.07em;line-height:1.6;color:var(--ink)}.hero h1 span{color:var(--red)}.hero-lead{font-size:15px;margin-top:24px;margin-bottom:30px}.hero-caption{display:none}.scroll-label{position:absolute;right:24px;bottom:26px;writing-mode:vertical-rl;font-size:12px;letter-spacing:.2em}.name-band{background:var(--red);color:white;display:flex;align-items:center;justify-content:center;gap:50px;padding:20px 6% 18px}.name-band>div{max-width:490px;width:52%}.name-band>div>span{display:block;text-align:center;font-family:var(--serif);font-size:14px;letter-spacing:.14em;margin-bottom:7px}.name-band img{width:100%}.name-band>p{font-size:17px;letter-spacing:.15em}.name-band>p>span{display:block;font-size:12px;letter-spacing:.13em;margin-top:7px}.photo-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:10px 8px;background:#fff}.photo-strip img{width:100%;height:140px;object-fit:cover;object-position:center 40%}.quick-nav{display:grid;grid-template-columns:repeat(3,1fr);padding-block:33px;border-bottom:1px solid var(--line)}.quick-nav a{display:flex;align-items:center;justify-content:center;gap:20px;min-height:60px;font-size:15px;font-weight:700;border-right:1px solid var(--line)}.quick-nav a:last-child{border:0}.quick-nav a:hover{color:var(--red-dark)}.quick-number{font-size:12px;color:var(--red-dark);font-weight:500}.quick-nav b{font-size:22px;color:var(--red)}.message{display:grid;grid-template-columns:1.05fr 1fr;gap:85px;align-items:center;padding-block:130px}.message-visual{position:relative;padding-bottom:30px}.message-visual>img{width:100%;height:490px;object-fit:cover;object-position:61% center;border-radius:3px}.photo-caption{background:var(--red);color:white;font-family:var(--serif);font-size:22px;letter-spacing:.04em;padding:18px 24px;position:absolute;bottom:0;right:-25px;white-space:nowrap}.message-copy h2{font-size:28px;margin-bottom:25px}.message-copy h3{font-size:27px;font-family:var(--serif);letter-spacing:.1em;margin-bottom:25px}.message-copy>p:not(.eyebrow):not(.signature){font-size:16px;line-height:2.15}.signature{text-align:right;font-size:12px;margin-top:28px}.signature strong{font-family:var(--serif);font-size:24px;font-weight:500;margin-left:12px}.profile-layout{display:grid;grid-template-columns:1fr 1.12fr;gap:45px;align-items:center;max-width:990px;margin:auto}.profile-photo{height:440px;object-fit:cover;object-position:64% center;border-radius:4px}.profile-card{background:white;padding:36px 40px;border-radius:4px;font-size:15px}.profile-name{font-family:var(--serif);font-size:23px;font-weight:bold}.profile-name span{font:12px var(--sans);white-space:nowrap;margin-left:10px}.profile-card>p+p{margin-top:20px}.profile-details{margin-top:26px}summary{cursor:pointer;list-style:none;min-height:48px}summary::-webkit-details-marker{display:none}.profile-details summary{border-top:1px solid var(--line);padding-top:17px;color:var(--red-dark);font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:20px}.profile-details dl{font-size:14px}.profile-details dl>div{display:grid;grid-template-columns:100px 1fr;margin-block:14px;line-height:1.7}.profile-details dd{margin:0}.numbers{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0;margin-bottom:58px;text-align:center}.numbers>div+div{border-left:1px solid var(--line)}.numbers>div>span{font-size:16px;font-weight:700}.numbers p{color:var(--red-dark);line-height:1.3;margin-block:15px 7px}.numbers strong{font-family:Arial,sans-serif;font-size:62px;letter-spacing:-.04em;font-weight:600}.numbers small{font-size:12px;color:#552e31}.numbers p.ordinance{font-size:23px;line-height:1.5;font-weight:700;margin-top:19px}.achievement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.card-photo{position:relative;margin-bottom:24px}.card-photo img{width:100%;height:235px;object-fit:cover;object-position:center 38%;border-radius:4px}.card-photo>span{position:absolute;left:14px;top:14px;background:var(--red);color:#fff;display:grid;place-items:center;border-radius:50%;width:37px;height:37px;font-size:12px}.achievement-grid h3{color:var(--red);font-size:23px;letter-spacing:.03em;margin-bottom:16px}.achievement-grid p{font-size:15px;line-height:2}.more-achievements{margin:48px auto 0}.more-achievements>summary{width:fit-content;max-width:100%;margin:auto;border:1px solid #d7ccc6;border-radius:30px;padding:10px 25px;font-size:14px;display:flex;gap:30px;align-items:center}.more-achievements>summary span{color:var(--red)}.more-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:35px}.more-grid img{height:240px;width:100%;object-fit:cover;border-radius:4px}.more-grid h3{color:var(--red);font-size:20px;margin-block:18px 10px}.more-grid p{font-size:15px}.policy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;/*align-items:start*/}.policy{background:#fff;border:1px solid #e9d4ce;border-radius:7px;overflow:hidden}.policy summary{display:flex;align-items:center;gap:16px;padding:22px 20px;min-height:120px}.policy summary img{width:49px;height:62px;object-fit:contain;flex-shrink:0}.policy summary>span{font-weight:700;font-size:17px;line-height:1.65;flex:1}.policy small{display:block;color:var(--red-dark);font-family:Arial,sans-serif;letter-spacing:.05em;font-size:12px;margin-bottom:3px}.policy b{font-weight:400;color:var(--red-dark);font-size:18px}.policy p{padding:0 23px 26px;font-size:14px;line-height:1.95}.policy[open] b,.profile-details[open] summary span,.more-achievements[open]>summary span{transform:rotate(45deg)}.policy summary:hover{background:#fff9f7}.news{max-width:950px}.draft-label{font-size:12px;color:#776e68;margin-bottom:12px}.news-list{border-top:1px solid var(--line)}.news-list>div{display:flex;align-items:center;gap:30px;padding:26px 5px;border-bottom:1px solid var(--line)}.category{font-size:12px;color:var(--red-dark);background:#fff3f0;border-radius:3px;padding:4px 12px;white-space:nowrap}.news-list h3{font-size:16px;font-weight:500;flex:1}.pending{font-size:12px;color:#77706b;white-space:nowrap}.contact{background:#f4f6f1}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.contact h2{font-family:var(--serif);font-size:40px;line-height:1.6;letter-spacing:.06em}.contact .eyebrow{color:#467632}.contact h2+p{margin-top:25px}.contact-layout>div>img{margin-top:23px;height:375px;width:83%;object-fit:cover;object-position:center 34%;border-radius:4px}.contact-card{padding:45px;background:white;border-radius:5px}.contact-card h3{font-size:24px;margin-bottom:18px}.contact-card>p{font-size:14px}.phone{display:block;color:var(--ink);font-family:Arial,sans-serif;font-weight:500;font-size:31px;line-height:1.6;margin-top:25px;letter-spacing:.03em}.phone>span{display:block;font:12px/2 var(--sans);color:#6e6862}.contact-card .fax{font-size:13px;margin-top:0;margin-bottom:25px}.contact-card .button{width:100%}.contact-card .email{font-size:12px;overflow-wrap:anywhere;text-align:center;margin-top:8px;color:#6e6862}.support{border-top:1px solid var(--line);padding-top:23px;margin-top:28px}.support h4{font-size:16px;margin-bottom:9px}.support p{font-size:14px}footer{background:#552e31;color:white;padding:55px 0 25px;border-top:4px solid var(--red)}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:35px}.footer-main .brand{color:white}.footer-main nav{display:flex;gap:25px;font-size:13px}.back-top{border:1px solid #888;border-radius:50%;width:48px;height:48px;display:grid;place-items:center}.footer-bottom{display:flex;justify-content:space-between;gap:25px;margin-top:45px;color:#c3c0bc}.footer-bottom small{font-size:12px}.mobile-only{display:none}
@media(min-width:1450px){.hero{min-height:710px}.hero-copy{padding-top:140px}.hero-photo{left:40%}.photo-strip img{height:175px}}
@media(max-width:1050px){.header nav{gap:15px;font-size:12px}.header{padding-inline:3%}.header-logo{width:245px}.brand strong{font-size:25px}.message{gap:45px}.photo-caption{font-size:18px}.contact-layout{gap:45px}.policy-grid{grid-template-columns:repeat(2,1fr)}.profile-card{padding:28px}.hero-copy{padding-left:7%}.hero h1{font-size:48px}.hero-photo{left:32%}.hero-lead{font-size:13px}}
@media(max-width:940px) and (min-width:761px){.header{height:74px;padding-inline:4%}.header-logo{width:min(59vw,300px)}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;background:white;border:0;width:52px;min-height:52px;padding:0;gap:8px;color:var(--ink)}.menu-lines{width:25px;height:11px;border-top:1.5px solid currentColor;border-bottom:1.5px solid currentColor;display:block}.menu-word{font-size:12px;line-height:1}.header nav{display:none;position:absolute;top:74px;left:0;right:0;padding:22px 7% 30px;background:#fff;box-shadow:0 15px 20px #0000000a;font-size:16px;max-height:calc(100dvh - 74px);overflow:auto}.header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.header nav a{min-height:52px;border-bottom:1px solid var(--line)}.header .nav-contact{text-align:center;margin-top:15px;border:0}}
@media(max-width:760px){html{scroll-padding-top:80px}.wrap{width:87%}.section{padding-block:76px}h2{font-size:29px}.section-heading{margin-bottom:36px}.section-heading>p:last-child:not(.eyebrow){font-size:14px}.eyebrow{font-size:12px;margin-bottom:10px}.header{height:74px;padding-inline:5%}.header-logo{width:min(69vw,285px)}.brand strong{font-size:27px}.brand span{font-size:12px}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;background:white;border:0;width:52px;min-height:52px;padding:0;gap:8px;color:var(--ink)}.menu-lines{width:25px;height:11px;border-top:1.5px solid currentColor;border-bottom:1.5px solid currentColor;display:block}.menu-word{font-size:12px;line-height:1}.header nav{display:none;position:absolute;top:74px;left:0;right:0;padding:22px 7% 30px;background:#fff;box-shadow:0 15px 20px #0000000a;font-size:16px;max-height:calc(100dvh - 74px);overflow:auto}.header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.header nav a{min-height:52px;border-bottom:1px solid var(--line)}.header .nav-contact{text-align:center;margin-top:15px;border:0}.hero{min-height:555px}.hero-photo{inset:0}.hero-photo img{object-fit:cover;object-position:50% 38%}.hero-photo:after{background:linear-gradient(180deg,#fff9 0%,#fff6 24%,transparent 44%)}.hero-copy{padding:32px 6% 0;max-width:none}.hero-copy .eyebrow{font-size:12px;letter-spacing:.06em;margin-bottom:14px}.hero h1{font-size:clamp(29px,8vw,45px);letter-spacing:.035em;line-height:1.65}.hero-lead,.hero-copy>.button{display:none}.hero-caption{display:none;position:absolute;bottom:23px;left:6%;font-size:12px;color:var(--ink);background:#fffffff0;padding:10px 16px;line-height:1.6}.hero-caption b{display:block;font-size:26px;letter-spacing:.03em}.scroll-label{display:none}.name-band{padding:19px 6% 21px;display:block}.name-band>div{width:100%;max-width:320px;margin:auto}.name-band>div>span{font-size:12px;margin-bottom:8px}.name-band>p{display:none}.photo-strip{grid-template-columns:repeat(6,1fr);gap:5px;padding:7px 5px;overflow:hidden}.photo-strip img{height:78px;min-width:85px}.photo-strip{display:flex}.photo-strip img{width:calc(25% - 4px);flex-shrink:0}.quick-nav{padding-block:10px;display:block}.quick-nav a{border-right:0;border-bottom:1px solid var(--line);justify-content:flex-start;gap:17px;font-size:14px;padding:7px 4px;min-height:62px}.quick-nav a:last-child{border-bottom:0}.quick-nav a b{margin-left:auto}.message{display:flex;flex-direction:column-reverse;gap:35px;padding-block:76px}.message-copy h2{font-size:27px;margin-bottom:23px}.message-copy h3{font-size:26px;line-height:1.7;margin-bottom:24px}.message-copy>p:not(.eyebrow):not(.signature){font-size:16px;line-height:2}.signature{font-size:12px}.signature strong{font-size:23px}.message-visual{width:100%;padding-bottom:25px}.message-visual>img{height:365px;object-position:64% center}.photo-caption{right:-10px;bottom:0;font-size:17px;padding:15px 16px}.profile-layout{display:block}.profile-photo{width:100%;height:345px;object-position:65% center}.profile-card{padding:25px 23px;margin:-18px 12px 0;position:relative;font-size:15px}.profile-name{font-size:21px}.profile-name span{display:block;margin:5px 0 0;font-size:12px}.profile-details summary{font-size:13px}.profile-details dl>div{grid-template-columns:80px 1fr;font-size:13px}.numbers{grid-template-columns:1fr 1fr;padding:23px 0;margin-bottom:38px}.numbers>div:nth-child(3){grid-column:1/-1;border-left:0;border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.numbers strong{font-size:48px}.numbers>div>span{font-size:14px}.numbers p.ordinance{font-size:21px}.numbers p.ordinance br{display:none}.numbers small{font-size:12px}.achievement-grid{display:block}.achievement-grid article+article{margin-top:38px}.card-photo{margin-bottom:18px}.card-photo img{height:250px}.achievement-grid h3{font-size:23px;margin-bottom:12px}.achievement-grid h3 br{display:none}.achievement-grid p{font-size:16px}.more-achievements>summary{font-size:13px;padding:10px 18px;gap:15px}.more-grid{grid-template-columns:1fr}.more-grid img{height:220px}.more-grid p{font-size:16px}.mobile-only{display:block}.policy-grid{grid-template-columns:1fr;gap:12px}.policy summary{padding:17px 19px;min-height:91px;gap:19px}.policy summary img{width:45px;height:57px}.policy summary>span{font-size:18px}.policy p{font-size:16px;padding:0 22px 23px;line-height:1.9}.policy small{font-size:12px}.news-list>div{display:grid;grid-template-columns:1fr auto;gap:13px;padding-block:22px}.category{width:fit-content;font-size:12px}.news-list h3{grid-column:1/-1;grid-row:2;font-size:16px}.pending{font-size:12px}.draft-label{font-size:12px}.contact-layout{grid-template-columns:1fr;gap:30px}.contact h2{font-size:32px}.contact-layout>div>img{height:215px}.contact-card{padding:29px 24px}.contact-card h3{font-size:23px}.phone{font-size:29px}.footer-main{flex-wrap:wrap;gap:25px}.footer-main nav{order:3;width:100%;flex-wrap:wrap;gap:5px 23px;font-size:12px}.footer-main nav a{padding-block:9px}.footer-bottom{display:block;margin-top:30px}.footer-bottom small{display:block;font-size:12px}.footer-bottom small+small{margin-top:12px}}
@media(max-width:370px){.hero{min-height:600px}.hero h1{font-size:28px}.hero-copy{padding-top:27px}.contact-card{padding:24px 18px}.phone{font-size:26px}.photo-caption{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}


/* Contact Form 7：先ほどの .tomomi-contact-form 用 */
.tomomi-contact-form {
  --form-accent: #c42621;
  --form-border: #d5d5d5;
  width: 100%;
  max-width: 760px;
  margin: 40px auto;
  color: #333;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.7;
}
.tomomi-contact-form,
.tomomi-contact-form * { box-sizing: border-box; }
.tomomi-contact-form > p,
.tomomi-contact-form > fieldset { margin: 0 0 28px; }
.tomomi-contact-form .mast {
    display: inline-block;
    background: var(--red);
    color: #fff;
    margin-left: 9px;
    padding: 4px 7px 5px;
    line-height: 1;
    font-size: 14px;
    border-radius: 3px;
}
.tomomi-contact-form label {
  display: block;
  font-weight: 600;
}
.tomomi-contact-form label > br { display: none; }
.tomomi-contact-form .wpcf7-form-control-wrap {
  display: block;
  margin-top: 8px;
  min-width: 0;
}
.tomomi-contact-form input[type="text"],
.tomomi-contact-form input[type="email"],
.tomomi-contact-form input[type="tel"],
.tomomi-contact-form input[type="number"],
.tomomi-contact-form select,
.tomomi-contact-form textarea {
  display: block;
  width: 100%;
  max-width: 100%;
  min-height: 48px;
  margin: 0;
  padding: 12px 14px;
  border: 1px solid var(--form-border);
  border-radius: 4px;
  background: #fff;
  color: #222;
  font: inherit;
  font-weight: 400;
  box-shadow: none;
}
.tomomi-contact-form select { padding-right: 32px; }
.tomomi-contact-form textarea {
  min-height: 200px;
  resize: vertical;
}
.tomomi-contact-form input::placeholder,
.tomomi-contact-form textarea::placeholder {
  color: #767676;
  opacity: 1;
}
.tomomi-contact-form input:focus-visible,
.tomomi-contact-form select:focus-visible,
.tomomi-contact-form textarea:focus-visible,
.tomomi-contact-form a:focus-visible {
  outline: 3px solid #2268a2;
  outline-offset: 3px;
}
.tomomi-contact-form fieldset {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  min-width: 0;
  padding: 0;
  border: 0;
}
.tomomi-contact-form legend {
  float: none;
  width: 100%;
  margin: 0 0 8px;
  padding: 0;
  font-size: 16px;
  font-weight: 600;
}
.tomomi-contact-form fieldset > p {
  flex: 1 1 140px;
  min-width: 0;
  margin: 0;
}
.tomomi-contact-form .wpcf7-radio,
.tomomi-contact-form .wpcf7-acceptance { display: block; }
.tomomi-contact-form .wpcf7-list-item {
  display: inline-block;
  margin: 0 24px 8px 0;
}
.tomomi-contact-form .wpcf7-list-item label {
  display: inline-flex;
  align-items: flex-start;
  gap: 10px;
  padding: 8px 0;
  font-weight: 400;
  cursor: pointer;
}
.tomomi-contact-form input[type="radio"],
.tomomi-contact-form input[type="checkbox"] {
  appearance: auto;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  margin: 4px 0 0;
  accent-color: var(--form-accent);
  cursor: pointer;
}
.tomomi-contact-form a {
  color: var(--form-accent);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.tomomi-contact-form input[type="submit"] {
  appearance: none;
  display: block;
  width: 100%;
  max-width: 320px;
  min-height: 56px;
  margin: 32px auto 0;
  padding: 14px 24px;
  border: 1px solid var(--form-accent);
  border-radius: 4px;
  background: var(--form-accent);
  color: #fff;
  font: inherit;
  font-weight: 700;
  white-space: normal;
  cursor: pointer;
}
.tomomi-contact-form input[type="submit"]:hover:not(:disabled) {
  background: #9f201c;
  border-color: #9f201c;
}
.tomomi-contact-form input[type="submit"]:disabled {
  border-color: #ccc;
  background: #e5e5e5;
  color: #666;
  cursor: not-allowed;
}
.tomomi-contact-form .wpcf7-not-valid { border-color: #b42318; }
.tomomi-contact-form .wpcf7-not-valid-tip {
  display: block;
  margin-top: 6px;
  color: #b42318;
  font-size: 14px;
  font-weight: 400;
}
.tomomi-contact-form .wpcf7-spinner { display: block; margin: 12px auto; }
@media (max-width: 600px) {
  .tomomi-contact-form { margin: 24px auto; }
  .tomomi-contact-form > p,
  .tomomi-contact-form > fieldset { margin-bottom: 24px; }
  .tomomi-contact-form fieldset { gap: 12px; }
  .tomomi-contact-form fieldset > p { flex-basis: calc(50% - 12px); }
  .tomomi-contact-form .wpcf7-list-item { margin-right: 16px; }
}

.news-list .news-item{display:grid;grid-template-columns:minmax(100px,auto) minmax(0,1fr) auto;gap:24px;align-items:center}
.news-list .news-item .category{max-width:200px;white-space:normal;overflow-wrap:anywhere}
.news-list .news-item h3{grid-column:auto;grid-row:auto;min-width:0;overflow-wrap:anywhere}
.news-list .news-item h3 a{display:block;padding:8px 0;text-underline-offset:4px}
.news-list .news-item h3 a:hover{color:var(--red-dark);text-decoration:underline}
.news-list .news-item h3 a:focus-visible{outline:3px solid #2268a2;outline-offset:4px}
.news-date{font-size:14px;color:#666;white-space:nowrap}
.news-empty{text-align:center;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
@media(max-width:600px){.news-list .news-item{grid-template-columns:minmax(0,1fr) auto;gap:12px}.news-list .news-item h3{grid-column:1/-1;grid-row:2}.news-list .news-item .news-date{grid-column:2;grid-row:1}}