/*
Theme Name: ももさかデザイン
Theme URI: https://momosaka-design.com/
Author: 桃坂 健太
Description: ももさかデザイン 事業用サイト専用テーマ。1ページ完結型＋カスタム投稿タイプ「制作例」。
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: momosaka
*/

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:'Noto Sans JP','Hiragino Kaku Gothic ProN','Yu Gothic',system-ui,sans-serif;color:#16222f;background:#fff;-webkit-font-smoothing:antialiased;line-height:1.8}
img{display:block;max-width:100%}
a{color:#2c76ad;text-decoration:none}
a:hover{color:#1a5f97}
.btnp{transition:background .2s,transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}
.btnp:hover{background:#144e7e;transform:translateY(-2px);box-shadow:0 10px 22px rgba(20,78,126,.28)}
.arw{transition:transform .22s ease-out;display:inline-block}
.lnk:hover .arw{transform:translateX(7px)}
.navlink{transition:color .18s;white-space:nowrap;flex:none}
.navlink:hover{color:#1a5f97}
.logo{flex:none;white-space:nowrap}
.card img{transition:transform .5s cubic-bezier(.2,.7,.3,1)}
.card:hover img{transform:scale(1.035)}
@media (max-width:1080px){
  .toprow{display:none !important}
  .nav{gap:20px !important}
  .navlink{font-size:12px !important}
  .hdr{padding:0 20px !important;gap:20px !important}
  .flow{grid-template-columns:repeat(2,1fr) !important}
  .flowsep{display:none !important}
  .profgrid{grid-template-columns:1fr !important}
  .profcol2{border-left:0 !important;padding-left:0 !important;padding-top:22px;border-top:1px solid #e4e9ee;margin-top:22px}
}
@media (max-width:920px){
  .nav{display:none !important}
  .intro{grid-template-columns:1fr !important}
  .aigrid{grid-template-columns:1fr !important}
  .works{grid-template-columns:1fr !important}
  .prices{grid-template-columns:1fr !important}
  .about{grid-template-columns:1fr !important}
  .ctab{grid-template-columns:1fr !important;justify-items:center;text-align:center;gap:22px !important}
  .footrow{flex-direction:column !important;align-items:flex-start !important;gap:16px !important}
  .footnav{margin-left:0 !important}
  .footend{margin-left:0 !important;text-align:left !important}
  .srow{grid-template-columns:1fr !important}
  .srowimg{order:-1;min-height:230px !important}
  .herooverlay{position:static !important}
  .herocard{width:auto !important;margin:-48px 0 0 !important;padding:26px 24px 28px !important}
  .heroimg{height:320px !important}
}
@media (max-width:600px){
  .flow{grid-template-columns:1fr !important}
  .infobox div[data-r]{grid-template-columns:1fr !important;gap:10px !important}
}

.card,.heroimg{position:relative}
.card::after,.heroimg::after{content:"仮画像";position:absolute;top:9px;left:9px;z-index:3;background:rgba(22,34,47,.66);color:#fff;font-size:9px;letter-spacing:.08em;padding:3px 8px;border-radius:2px;pointer-events:none}

/* ---- WP追加分 ---- */
.entry h2{font-size:19px;font-weight:900;color:#05213a;margin:44px 0 14px}
.entry h3{font-size:16px;font-weight:700;color:#05213a;margin:32px 0 10px}
.entry p{margin:0 0 20px}
.entry ul,.entry ol{margin:0 0 22px 1.5em}
.entry li{margin-bottom:8px}
.entry a{color:#2b93d9}
.entry table{width:100%;border-collapse:collapse;margin-bottom:24px}
.entry th,.entry td{border:1px solid #e3eaf0;padding:12px;text-align:left;font-size:13.5px}
.admin-bar header{top:32px}
@media(max-width:782px){.admin-bar header{top:46px}}