@charset "UTF-8";
/* ==========================================================================
 * 共通フッター（全ページ）を Figma に合わせる（2026-10-04 藤さん指示。SPEEE 施策外）
 * --------------------------------------------------------------------------
 * デザイン: Figma「FFW-New Design system」new_toppage_PC の 980-15643（運営会社・バナー）・980-15678（メニュー）・980-15677（コピーライト）、
 *           new_toppage_SP の 1000-1728・1000-1760。
 * 読込: functions.php の ffw_footer_2610_styles()（全ページ。filemtime をバージョンに使う）。style.css の従来のフッターの指定を上書きする。
 * 描画: parts/site-footer.php（.footer.f26）。
 * ページトップのボタン（.goto_pagetop）は従来どおり（Figma の丸ボタンと同じ画像 pageup.png）。
 * ブレークポイントはサイト共通の 767px / 768px。
 * ========================================================================== */

/* --- 運営会社・バナー ----------------------------------------------------------------------------------------------
 * PC：白・上下 80px。左＝バナー列（460px・間 16px）：プロジェクトのバナー 460×230、説明 13px／21px 中央、バナー2つ（222×84・間 16px・上 8px）。
 *     右＝運営会社（560px・間 32px。左の列との間 80px）：紹介 16px／30px＋「FunFinityWearについて>>」（下線）、ロゴ 395×74、
 *     拠点（行の間 8px：拠点名 90px・郵便番号 96px・住所、間 16px、16px／27px）、SNS（高さ 40px・間 24px）。文字 #444。
 * SP：白・上下 40px・左右 20px、要素の間 24px・中央寄せ。バナー 335×168、説明 11px／18px、バナー2つは縦（222×84・間 12px）。
 *     紹介 14px／27px（左寄せ）、ロゴ 300×56、拠点 12px／20px（拠点名 62px・郵便番号 70px・間 8px）、SNS 高さ 32px。 */
.f26 .f26-company {
  background: #fff;
  color: #444;
}
.f26 .f26-company__inner {
  display: flex;
  max-width: 1100px;
  margin: 0 auto;
}
.f26 .f26-company__banners {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.f26 .f26-company__sme,
.f26 .f26-company__sme img,
.f26 .f26-company__links img,
.f26 .f26-company__logo img {
  display: block;
  width: 100%;
  height: auto;
}
.f26 .f26-company__sme {
  transition: opacity 0.3s;
}
.f26 .f26-company__smeTxt {
  margin: 0;
  color: #444;
  text-align: center;
}
.f26 .f26-company__links {
  display: flex;
}
.f26 .f26-company__links a {
  display: block;
  width: 222px;
  transition: opacity 0.3s;
}
.f26 .f26-company__info {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.f26 .f26-company__intro p {
  margin: 0;
  color: #444;
}
.f26 .f26-company__intro a,
.f26 .f26-company__intro a:link,
.f26 .f26-company__intro a:visited {
  color: #444;
  text-decoration: underline;
}
.f26 .f26-company__logo {
  display: block;
}
.f26 .f26-company__addr {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
}
.f26 .f26-company__addr > div {
  display: flex;
}
.f26 .f26-company__addr dt,
.f26 .f26-company__addr dd {
  margin: 0;
  color: #444;
  font-weight: 400;
}
.f26 .f26-company__addr dt,
.f26 .f26-company__addr .f26-company__zip {
  flex: none;
}
.f26 .f26-company__sns {
  display: flex;
  align-items: center;
  gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.f26 .f26-company__sns img {
  display: block;
  width: auto;
}
@media screen and (min-width: 768px) {
  .f26 .f26-company {
    padding: 80px 0;
  }
  .f26 .f26-company__inner {
    gap: 80px;
  }
  .f26 .f26-company__banners {
    flex: 0 0 460px;
    gap: 16px;
  }
  .f26 .f26-company__smeTxt {
    font-size: 1.3rem;
    line-height: 21px;
  }
  .f26 .f26-company__links {
    gap: 16px;
    padding-top: 8px;
  }
  .f26 .f26-company__sme:hover,
  .f26 .f26-company__links a:hover {
    opacity: 0.7;
  }
  .f26 .f26-company__info {
    flex: 1;
    gap: 32px;
  }
  .f26 .f26-company__intro {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    font-size: 1.6rem;
    line-height: 30px;
  }
  .f26 .f26-company__logo {
    width: 395px;
  }
  .f26 .f26-company__addr > div {
    gap: 16px;
    font-size: 1.6rem;
    line-height: 27px;
  }
  .f26 .f26-company__addr dt {
    width: 90px;
  }
  .f26 .f26-company__addr .f26-company__zip {
    width: 96px;
  }
  .f26 .f26-company__sns img {
    height: 40px;
  }
}
@media screen and (max-width: 767px) {
  .f26 .f26-company {
    padding: 40px 20px;
  }
  .f26 .f26-company__inner {
    flex-direction: column;
    align-items: center;
    gap: 24px;
  }
  .f26 .f26-company__banners {
    align-self: stretch;
    gap: 24px;
  }
  .f26 .f26-company__smeTxt {
    font-size: 1.1rem;
    line-height: 18px;
  }
  .f26 .f26-company__links {
    flex-direction: column;
    gap: 12px;
  }
  .f26 .f26-company__info {
    align-self: stretch;
    align-items: center;
    gap: 24px;
  }
  .f26 .f26-company__intro {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    font-size: 1.4rem;
    line-height: 27px;
  }
  .f26 .f26-company__logo {
    width: 300px;
  }
  .f26 .f26-company__addr {
    align-self: stretch;
  }
  .f26 .f26-company__addr > div {
    gap: 8px;
    font-size: 1.2rem;
    line-height: 20px;
  }
  .f26 .f26-company__addr dt {
    width: 62px;
  }
  .f26 .f26-company__addr .f26-company__zip {
    width: 70px;
  }
  .f26 .f26-company__sns img {
    height: 32px;
  }
}

/* --- メニュー・コピーライト -----------------------------------------------------------------------------------------
 * 従来の .footer_menu（style.css）の見た目が Figma とほぼ同じなので、余白と SP の文字色・行の間だけ上書きする。
 * PC：ベージュ #FFF1DE・上下 26px（従来は上 27px・下 95px、上の余白 31px）。4列。見出し 16px Bold、リンク 14px／行の高さ 33.6px・#6B7A8F。
 *     コピーライトは白地に 12px #444・上 36px・下 41px。
 * SP：ベージュ・上 40px・左右 20px。グループの間 32px、見出し 16px／24px、リンク 14px／21px・間 12px・左 16px、文字 #5F6C7B。
 *     コピーライトもベージュの中（11px／17px Bold・上 32px・下 24px）。 */
.f26 .f26-menu {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .f26 .f26-menu {
    padding: 26px 0;
  }
  .f26 .f26-menu__inner ul {
    padding-top: 12px;
    padding-left: 20px;
  }
  .f26 .f26-copy {
    margin: 0;
    padding: 36px 0 41px;
    color: #444;
  }
}
@media screen and (max-width: 767px) {
  .f26 .f26-menu {
    padding: 40px 20px 0;
  }
  .f26 .f26-menu__inner .item {
    margin-bottom: 32px;
  }
  .f26 .f26-menu__inner .item:last-child {
    margin-bottom: 0;
  }
  .f26 .f26-menu__inner h2 {
    color: #5f6c7b;
    line-height: 24px;
  }
  .f26 .f26-menu__inner ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-top: 12px;
    padding-left: 16px;
  }
  .f26 .f26-menu__inner ul li {
    line-height: 21px;
  }
  .f26 .f26-menu__inner ul li,
  .f26 .f26-menu__inner ul li a {
    color: #5f6c7b;
  }
  .f26 .f26-copy {
    margin: 0;
    padding: 32px 20px 24px;
    background: #fff1de;
    color: #5f6c7b;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 17px;
  }
}

/* --- 新TOP では、フッターの上の余白をなくす（Figma ではお知らせ・コラムの灰色の背景のすぐ下に運営会社のブロックが続き、上の余白は運営会社の 80px／40px だけ）。
 *     他のページは従来どおり（style.css の .footer の margin-top: PC 130px／SP 44px）。body の is-top2610 は inc/functions-top-2610.php で付く。 */
.is-top2610 .f26 {
  margin-top: 0;
}