/*
 * あわら三国ライオンズクラブ
 * 04｜Header & Footer
 * Version: 1.0.0
 */

/* ==============================
   Header
============================== */

.amlc-site-header {
  position: relative;
  z-index: 100;

  width: 100%;

  background: var(--amlc-white);

  border-bottom: 1px solid var(--amlc-border);
}

.amlc-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;

  width: 100%;
  max-width:
    calc(var(--amlc-container) + 2 * var(--amlc-gutter));

  min-height: 84px;

  margin-inline: auto;
  padding-inline: var(--amlc-gutter);
}

/* Logo */

.amlc-logo {
  display: inline-flex;

  align-items: center;
  gap: 12px;

  min-width: 0;

  color: var(--amlc-blue);
  text-decoration: none;
}

.amlc-logo__image {
  width: 58px;
  height: auto;
  flex-shrink: 0;
}

.amlc-logo__text {
  display: flex;
  flex-direction: column;
  gap: 2px;

  color: var(--amlc-blue);
}

.amlc-logo__name {
  font-family: var(--amlc-font-heading);

  font-size: 17px;
  font-weight: 700;

  line-height: 1.4;
}

.amlc-logo__english {
  font-size: 10px;
  letter-spacing: 0.07em;
}

/* Desktop Navigation */

.amlc-desktop-nav {
  display: flex;
  align-items: center;
}

.amlc-desktop-nav ul {
  display: flex;
  align-items: center;
  gap: clamp(10px, 1.2vw, 22px);

  margin: 0;
  padding: 0;

  list-style: none;
}

.amlc-desktop-nav a {
  display: inline-flex;
  align-items: center;

  min-height: 44px;

  color: var(--amlc-blue);

  font-size: 13px;
  font-weight: 700;

  text-decoration: none;
  white-space: nowrap;
}

.amlc-desktop-nav a:hover {
  color: var(--amlc-blue-action);
}

.amlc-desktop-nav a[aria-current="page"] {
  border-bottom: 2px solid var(--amlc-blue);
}

/* Header Actions */

.amlc-header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.amlc-header-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 44px;
  padding: 9px 18px;

  background: var(--amlc-blue);
  color: var(--amlc-white);

  border-radius: 6px;

  font-size: 13px;
  font-weight: 700;

  text-decoration: none;
}

.amlc-header-actions a:hover {
  background: var(--amlc-blue-dark);
  color: var(--amlc-white);
}

/* Mobile Navigation Base */

.amlc-mobile-nav {
  display: none;
  position: relative;
}

.amlc-mobile-nav summary {
  display: flex;
  align-items: center;
  justify-content: center;

  min-width: 44px;
  min-height: 44px;

  padding: 8px;

  border: 1px solid var(--amlc-border);
  border-radius: 6px;

  color: var(--amlc-blue);

  cursor: pointer;

  list-style: none;
}

.amlc-mobile-nav summary::-webkit-details-marker {
  display: none;
}

.amlc-mobile-nav__panel {
  position: absolute;

  top: calc(100% + 12px);
  right: 0;

  width: min(320px, calc(100vw - 32px));

  padding: 16px;

  background: var(--amlc-white);

  border: 1px solid var(--amlc-border);
  border-radius: var(--amlc-radius-sm);

  box-shadow: var(--amlc-shadow-hover);

  z-index: 200;
}

.amlc-mobile-nav__panel ul {
  margin: 0;
  padding: 0;

  list-style: none;
}

.amlc-mobile-nav__panel a {
  display: block;

  padding: 12px 10px;

  color: var(--amlc-blue);

  font-size: 15px;
  font-weight: 700;

  text-decoration: none;

  border-bottom: 1px solid var(--amlc-border);
}

.amlc-mobile-nav__panel li:last-child a {
  border-bottom: 0;
}

/* Focus */

.amlc-site-header :where(a, summary):focus-visible,
.amlc-site-footer a:focus-visible {
  outline: 3px solid var(--amlc-focus);
  outline-offset: 3px;
}


/* ==============================
   Footer
============================== */

.amlc-site-footer {
  background: var(--amlc-white);

  border-top: 1px solid var(--amlc-border);

  color: var(--amlc-text);
}

.amlc-footer__main {
  padding-block: 56px;
}

.amlc-footer__inner {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 48px;
}

.amlc-footer__brand {
  max-width: 400px;
}

.amlc-footer__description {
  margin-top: 20px;

  font-size: 14px;
  line-height: 1.8;
}

.amlc-footer__nav ul {
  display: flex;
  flex-wrap: wrap;

  gap: 14px 22px;

  margin: 0;
  padding: 0;

  list-style: none;
}

.amlc-footer__nav a {
  color: var(--amlc-blue);

  font-size: 14px;
  font-weight: 700;

  text-decoration: none;
}

.amlc-footer__nav a:hover {
  text-decoration: underline;
}

/* Footer Bottom */

.amlc-footer__bottom {
  padding: 20px 0;

  background: var(--amlc-bg-sky);

  border-top: 1px solid var(--amlc-border);
}

.amlc-footer__bottom-inner {
  display: flex;

  align-items: center;
  justify-content: space-between;
  gap: 20px;

  font-size: 12px;
  color: var(--amlc-text-muted);
}

/* Back to Top */

.amlc-back-to-top {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 48px;
  height: 48px;

  border-radius: 50%;

  background: var(--amlc-bg-sky);
  color: var(--amlc-blue);

  border: 1px solid var(--amlc-border);

  text-decoration: none;
}
/* =====================================
   AMLC Footer Widget Design
   2026-10-16
===================================== */

/* 共通 */

.amlc-footer-brand,
.amlc-footer-contact {
  color: #1D2A3B;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    Meiryo,
    sans-serif;
  line-height: 1.85;
}

/* フッターエリア1 */

.amlc-footer-brand__en {
  display: block;
  margin-bottom: 8px;

  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: #536577;
}

.amlc-footer-brand__name {
  margin: 0 0 14px;

  font-size: 21px;
  font-weight: 700;
  line-height: 1.5;
  color: #0B3B75;
}

.amlc-footer-brand__slogan {
  margin: 0 0 18px;

  font-family: Georgia, serif;
  font-size: 25px;
  font-style: italic;
  color: #0B3B75;
}

.amlc-footer-brand__description {
  max-width: 360px;
  margin: 0 0 20px;

  font-size: 14px;
  line-height: 1.9;
}

.amlc-footer-brand__link {
  display: inline-flex;
  align-items: center;
  gap: 12px;

  min-height: 44px;

  color: #074E96;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.amlc-footer-brand__link:hover {
  text-decoration: underline;
}

/* フッターエリア2 */

.amlc-footer-contact__title {
  display: flex;
  flex-direction: column;
  gap: 3px;

  margin: 0 0 22px;

  color: #0B3B75;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.06em;
}

.amlc-footer-contact__title span {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
}

.amlc-footer-contact__label {
  margin: 0 0 8px;
  font-size: 15px;
  font-weight: 700;
}

.amlc-footer-contact__address address {
  margin: 0;
  font-size: 14px;
  font-style: normal;
  line-height: 1.9;
}

.amlc-footer-contact__description {
  max-width: 380px;
  margin: 22px 0;

  font-size: 14px;
  line-height: 1.9;
}

.amlc-footer-contact__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;

  min-height: 48px;
  padding: 12px 24px;

  background: #0B3B75;
  color: #FFFFFF !important;

  border-radius: 8px;

  font-size: 14px;
  font-weight: 700;
  text-decoration: none !important;

  transition: background-color 0.2s ease;
}

.amlc-footer-contact__button:hover {
  background: #074E96;
  color: #FFFFFF !important;
}

/* キーボード操作 */

.amlc-footer-brand a:focus-visible,
.amlc-footer-contact a:focus-visible {
  outline: 3px solid #0A66C2;
  outline-offset: 3px;
}

/* スマートフォン */

@media (max-width: 640px) {

  .amlc-footer-brand__name {
    font-size: 19px;
  }

  .amlc-footer-brand__slogan {
    font-size: 23px;
  }

  .amlc-footer-contact__button {
    width: 100%;
  }

}
/* TOP・クラブ紹介の共通ヘッダー */
:is(#amlc-top05,#amlc-about06,#amlc-message06,#amlc-philosophy06) .am05-topbar{background:#fff;border-bottom:3px solid #f3c342;margin:0;}
:is(#amlc-top05,#amlc-about06,#amlc-message06,#amlc-philosophy06) .am05-topbar__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px;padding-block:16px;}
:is(#amlc-top05,#amlc-about06,#amlc-message06,#amlc-philosophy06) .am05-brand{display:flex;flex-direction:column;gap:3px;color:#082e61;font-size:20px;font-weight:700;line-height:1.5;white-space:nowrap;}
:is(#amlc-top05,#amlc-about06,#amlc-message06,#amlc-philosophy06) .am05-brand__en{font-size:10px;letter-spacing:.13em;}
:is(#amlc-top05,#amlc-about06,#amlc-message06,#amlc-philosophy06) .am05-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px 10px;}
:is(#amlc-top05,#amlc-about06,#amlc-message06,#amlc-philosophy06) .am05-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 9px;color:#083b7b;font-size:14px;font-weight:700;white-space:nowrap;border-radius:6px;}
:is(#amlc-top05,#amlc-about06,#amlc-message06,#amlc-philosophy06) .am05-nav a:hover{background:#edf5fc;}
:is(#amlc-top05,#amlc-about06,#amlc-message06,#amlc-philosophy06) .am05-nav .am05-nav__join{background:#083b7b;color:white;padding-inline:18px;}
:is(#amlc-top05,#amlc-about06,#amlc-message06,#amlc-philosophy06) .am05-topbar__inner {width:min(1200px,calc(100% - 48px));margin-inline:auto;}
@media(max-width:1100px){:is(#amlc-top05,#amlc-about06,#amlc-message06,#amlc-philosophy06) .am05-topbar__inner{flex-direction:column;align-items:flex-start;gap:12px;} :is(#amlc-top05,#amlc-about06,#amlc-message06,#amlc-philosophy06) .am05-nav{justify-content:flex-start;}}
@media(max-width:767px){:is(#amlc-top05,#amlc-about06,#amlc-message06,#amlc-philosophy06) .am05-topbar__inner{width:calc(100% - 32px);padding-block:14px;gap:10px;} :is(#amlc-top05,#amlc-about06,#amlc-message06,#amlc-philosophy06) .am05-brand{font-size:18px;white-space:normal;} :is(#amlc-top05,#amlc-about06,#amlc-message06,#amlc-philosophy06) .am05-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:5px;} :is(#amlc-top05,#amlc-about06,#amlc-message06,#amlc-philosophy06) .am05-nav a{font-size:12px;padding:8px 3px;min-height:42px;white-space:normal;text-align:center;background:#f3f8fc;} :is(#amlc-top05,#amlc-about06,#amlc-message06,#amlc-philosophy06) .am05-nav .am05-nav__join{padding-inline:3px;background:#083b7b;color:white;}}

/* XWRITE標準サイトタイトル：固定ページ・投稿・一覧に共通適用 */
body #header.header{display:block!important;position:relative!important;inset:auto!important;width:100%;height:auto;margin:0;padding:0;background:#fff!important;color:#082e61;border-bottom:3px solid #f3c342;box-shadow:none;}
body #header>.container{width:min(1200px,calc(100% - 48px));max-width:1200px;margin:auto;padding:0;}
body #header .headerInfo{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px;padding:16px 0;margin:0;width:100%;}
body #header .siteInfo{flex:0 0 auto;margin:0;padding:0;max-width:none;}
body #header .siteInfo__logo,body #header .siteInfo__title{margin:0;padding:0;width:auto;max-width:none;}
body #header .siteInfo__title a{display:flex;flex-direction:column;justify-content:center;min-height:58px;padding:0 0 0 70px;background:url('https://stg.awara-mikuni-lc.com/wp-content/uploads/2026/10/amlc-logo-transparent.png') no-repeat left center/58px 58px;color:#082e61!important;font-size:20px;font-weight:700;line-height:1.5;text-align:left;text-decoration:none;white-space:nowrap;}
body #header .siteInfo__title a::before{content:'AWARA MIKUNI LIONS CLUB';display:block;color:#082e61;font-size:10px;font-weight:700;letter-spacing:.13em;line-height:1.6;margin-bottom:3px;}
body #header .gnav,body #header .nav__drawers{display:block!important;position:static!important;inset:auto!important;width:auto!important;height:auto!important;margin:0;padding:0;background:transparent;transform:none;opacity:1;visibility:visible;overflow:visible;}
body #header .gNavList{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px 10px;margin:0;padding:0;list-style:none;}
body #header .gNavList>li{margin:0;padding:0;border:0;list-style:none;}
body #header .gNavList>li>a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 9px;color:#083b7b!important;background:transparent;font-size:14px;font-weight:700;line-height:1.5;border-radius:6px;text-decoration:none;white-space:nowrap;}
body #header .gNavList>li>a::before,body #header .gNavList>li>a::after{display:none;}
body #header .gNavList>li:last-child>a{background:#083b7b;color:#fff!important;padding-inline:18px;}
body #header .gNavList>li>a:hover{background:#edf5fc;}
body #header .gNavList>li:last-child>a:hover{background:#062a58;}
body #header a:focus-visible{outline:3px solid #f3c342;outline-offset:3px;}
@media(max-width:1100px){body #header .headerInfo{flex-direction:column;align-items:flex-start;gap:12px;}body #header .gnav{width:100%!important;}body #header .gNavList{justify-content:flex-start;}}
@media(max-width:767px){body #header>.container{width:calc(100% - 32px);}body #header .headerInfo{padding-block:14px;gap:10px;}body #header .siteInfo__title a{font-size:18px;min-height:50px;padding-left:60px;background-size:48px 48px;white-space:normal;}body #header .siteInfo__title a::before{font-size:9px;letter-spacing:.08em;}body #header .gNavList{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:5px;}body #header .gNavList>li>a{font-size:12px;min-height:42px;padding:8px 3px;white-space:normal;text-align:center;background:#f3f8fc;}body #header .gNavList>li:last-child>a{padding-inline:3px;}}

body #header .siteInfo__title a{align-items:flex-start;}
body #header .siteInfo__title a::before{margin-left:0;margin-right:0;}
@media(max-width:767px){body #header .gNavList>li,body #header .gNavList>li>a{width:100%;max-width:none;}}

/* 本文内に旧独自ヘッダーが残るページも標準ヘッダーへ統一 */
.articleBody .am05-topbar{display:none!important;}

/* 標準フッターウィジェット：ブランドと事務局の2カラム */
body footer.footer{background:#f3f7fb;color:#26364a;border-top:3px solid #e8bf52;}
body footer.footer .container-footer-area{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:64px;width:min(1200px,calc(100% - 48px));max-width:1200px;margin:auto;padding:48px 0 36px;}
body footer.footer .container-footer-area>.col{width:100%;max-width:none;margin:0;padding:0;float:none;}
body footer.footer .container-footer-area>.col:not(:has(.widget)){display:none;}
body footer.footer .widget{margin:0;padding:0;}
body footer.footer .amlc-footer-brand__identity{display:flex;align-items:center;gap:16px;color:#082e61;text-decoration:none;}
body footer.footer .amlc-footer-brand__logo{display:block;width:64px;height:64px;max-width:64px;object-fit:contain;flex-shrink:0;}
body footer.footer .amlc-footer-brand__heading{display:flex;flex-direction:column;gap:5px;min-width:0;}
body footer.footer .amlc-footer-brand__en{display:block;font-size:11px;font-weight:700;line-height:1.5;letter-spacing:.12em;color:#53657a;}
body footer.footer .amlc-footer-brand__name{display:block;font-size:23px;font-weight:700;line-height:1.6;margin:0;color:#082e61;}
body footer.footer .amlc-footer-brand__slogan{font:italic 32px/1.4 Georgia,serif;margin:24px 0 0 80px;color:#083b7b;}
body footer.footer .amlc-footer-contact__title{padding:0!important;margin:0 0 16px!important;border:0!important;background:none!important;box-shadow:none!important;font-size:18px;line-height:1.6;color:#082e61;}
body footer.footer .amlc-footer-contact__title::before,body footer.footer .amlc-footer-contact__title::after{content:none!important;display:none!important;}
body footer.footer .amlc-footer-contact__tel{display:inline-flex;flex-direction:column;gap:3px;color:#083b7b;text-decoration:none;min-height:64px;margin:0 0 18px;}
body footer.footer .amlc-footer-contact__tel span{font-size:13px;line-height:1.6;color:#53657a;}
body footer.footer .amlc-footer-contact__tel strong{font-size:30px;line-height:1.4;letter-spacing:.04em;font-weight:700;}
body footer.footer .amlc-footer-contact address{font-style:normal;font-size:15px;line-height:1.9;color:#53657a;margin:0 0 22px;}
body footer.footer .amlc-footer-contact__button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;padding:12px 24px;background:#083b7b;color:white;border-radius:8px;text-decoration:none;font-size:15px;font-weight:700;line-height:1.5;}
body footer.footer a:focus-visible{outline:3px solid #e8bf52;outline-offset:4px;}
body footer.footer .container-siteNavList{width:min(1200px,calc(100% - 48px));max-width:1200px;margin:auto;padding:22px 0;border-top:1px solid #dce6ef;}
body footer.footer ul.siteNavList{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px 24px;padding:0;margin:0;list-style:none;}
body footer.footer ul.siteNavList li{margin:0;padding:0;border:0;}
body footer.footer ul.siteNavList a{display:block;font-size:14px;line-height:1.7;min-height:36px;padding:6px 0;color:#53657a;text-decoration:none;}
body footer.footer .container-copyright{max-width:none;width:100%;padding:16px 24px;background:#e9f0f7;}
body footer.footer .copyright{font-size:12px;font-style:normal;color:#53657a;text-align:center;}
@media(max-width:800px){body footer.footer .container-footer-area{grid-template-columns:1fr;gap:32px;padding:36px 0 28px;}body footer.footer .amlc-footer-brand__name{font-size:21px;}body footer.footer .amlc-footer-brand__slogan{margin-top:16px;font-size:28px;}}
@media(max-width:480px){body footer.footer .container-footer-area,body footer.footer .container-siteNavList{width:calc(100% - 32px);}body footer.footer .amlc-footer-brand__identity{gap:12px;}body footer.footer .amlc-footer-brand__logo{width:52px;height:52px;max-width:52px;}body footer.footer .amlc-footer-brand__name{font-size:18px;}body footer.footer .amlc-footer-brand__en{font-size:9px;letter-spacing:.08em;}body footer.footer .amlc-footer-brand__slogan{margin-left:64px;}body footer.footer .amlc-footer-contact__tel strong{font-size:28px;}}

body footer.footer .container-copyright{background:#e9f0f7!important;}
body footer.footer .copyright{background:transparent!important;color:#53657a!important;}
body footer.footer .siteNavList--footer,body footer.footer ul.siteNavList{border:0;box-shadow:none;}

body footer.footer ul.siteNavList>li,body footer.footer ul.siteNavList>li>a{border:0!important;box-shadow:none!important;}
body footer.footer ul.siteNavList>li::before,body footer.footer ul.siteNavList>li::after,body footer.footer ul.siteNavList>li>a::before,body footer.footer ul.siteNavList>li>a::after{content:none!important;display:none!important;}
@media(max-width:480px){body footer.footer ul.siteNavList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;}body footer.footer ul.siteNavList>li{width:auto;}}

/* 標準フッター：ブランド・案内・事務局の3列 */
body footer.footer .container-footer-area{grid-template-columns:minmax(0,1fr) minmax(0,.85fr) minmax(0,1fr);gap:40px;}
body footer.footer .amlc-footer-brand__name{font-size:20px;}
body footer.footer .amlc-footer-brand__description{font-size:16px;line-height:1.9;color:#53657a;margin:20px 0 0;max-width:390px;}
body footer.footer .amlc-footer-actions{display:flex;flex-direction:column;gap:16px;padding-top:4px;}
body footer.footer .amlc-footer-action{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:14px 16px;border:1px solid #c8d7e6;border-radius:8px;background:white;color:#083b7b;font-size:15px;font-weight:700;line-height:1.5;text-decoration:none;white-space:nowrap;}
body footer.footer .amlc-footer-contact__tel strong{font-size:27px;letter-spacing:0;}
@media(max-width:1050px){body footer.footer .container-footer-area{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;}body footer.footer .col-footer-area1{grid-column:1/-1;}body footer.footer .amlc-footer-brand__description{max-width:700px;}}
@media(max-width:640px){body footer.footer .container-footer-area{grid-template-columns:1fr;}body footer.footer .col-footer-area1{grid-column:auto;}body footer.footer .amlc-footer-brand__name{font-size:18px;}body footer.footer .amlc-footer-brand__description{font-size:16px;}}

/* フッター中央配置・工程04の配色へ統一 */
body footer.footer{background:var(--amlc-bg-sky,#f2f7fc);color:var(--amlc-text,#1d2a3b);border-top-color:var(--amlc-yellow,#f4c542);}
body footer.footer .col-footer-area2{align-self:center;}
body footer.footer .amlc-footer-actions{padding-top:0;}
body footer.footer .amlc-footer-action{position:relative;justify-content:center;text-align:center;padding-inline:32px;color:var(--amlc-blue,#0b3b75);border-color:var(--amlc-border,#dce6ef);}
body footer.footer .amlc-footer-action>span{position:absolute;right:16px;}
body footer.footer .amlc-footer-brand__name,body footer.footer .amlc-footer-brand__slogan,body footer.footer .amlc-footer-contact__title,body footer.footer .amlc-footer-contact__tel{color:var(--amlc-blue,#0b3b75);}
body footer.footer .container-copyright{background:var(--amlc-blue,#0b3b75)!important;}
body footer.footer .copyright{color:var(--amlc-white,#fff)!important;}

/* モバイル：表示済みの標準ナビに重なる開閉ボタンを非表示 */
body.has-header-nav #drawer__open{display:none!important;}
@media(max-width:767px){body #header .gNavList>li>a{min-height:44px;}}

/* 2026-10-19: mobile footer menu rows share the same vertical alignment. */
@media(max-width:480px){
 body footer.footer .siteNavList--footer ul.siteNavList>li>a{display:flex;align-items:center;box-sizing:border-box;min-height:54px;height:100%;padding-block:14px!important;}
}