﻿/*!
component > page-head（下層ページ共通の見出しブロック／写真ヒーロー）
------------------------------
  背景写真は共通1枚（仮置き）。差し替えは下記 background-image の
  url(...) を変更。ページ個別に変えたい場合は、各ページ側で
  #page-xxx .pageHead { background-image: ... } と上書きしてください。
*/.pageHead{position:relative;padding:64px 0 58px;text-align:center;overflow:hidden;background-color:#fff5eb;background-image:linear-gradient(rgba(51, 51, 51, 0.38), rgba(51, 51, 51, 0.48)),url(../../img/page-head.jpg);background-size:cover;background-position:center}@media(width >= 769px){.pageHead{padding:128px 0 118px}}.pageHead_inner{position:relative;z-index:1}.pageHead_sub{display:block;color:#fff;font-size:13px;font-size:1.3rem;letter-spacing:3px;line-height:1;text-shadow:0 1px 6px rgba(0,0,0,.3)}@media(width >= 769px){.pageHead_sub{font-size:15px;font-size:1.5rem}}.pageHead_ttl{position:relative;color:#fff;font-size:26px;font-size:2.6rem;line-height:1.4;margin-top:12px;padding-bottom:24px;text-shadow:0 2px 10px rgba(0,0,0,.35)}@media(width >= 769px){.pageHead_ttl{font-size:40px;font-size:4rem;margin-top:16px;padding-bottom:30px}}.pageHead_ttl::after{content:"";position:absolute;left:50%;bottom:8px;transform:translateX(-50%);width:54px;height:3px;border-radius:3px;background:linear-gradient(90deg, #FF856D, #ffb583)}@media(width >= 769px){.pageHead_ttl::after{width:68px;bottom:10px}}.pageHead_lead{color:#fff;font-size:13px;font-size:1.3rem;margin-top:14px;text-shadow:0 1px 6px rgba(0,0,0,.3)}@media(width >= 769px){.pageHead_lead{font-size:16px;font-size:1.6rem;margin-top:20px}}/*!
component > wparts（トップ準拠の共通デザインパーツ）
------------------------------
*/.blog_inner.l-container{max-width:1100px}.blogList{display:flex;flex-wrap:wrap;gap:35px 0}@media(width >= 769px){.blogList{gap:55px 30px}}.blogList-item{width:100%}@media(width >= 769px){.blogList-item{width:calc((100% - 60px)/3)}}.blogList-item-link{display:block}.blogList-item-link:hover{opacity:1}.blogList-item-link:hover .blogList-item-ttl{color:#ff856d}.blogList-item-link:hover .blogList-item-thumb span{transform:scale(1.05)}.blogList-item-thumb{overflow:hidden;border-radius:6px}.blogList-item-thumb span{display:block;padding-top:66%;background-size:cover;background-position:center;background-repeat:no-repeat;transition:all .3s ease-in-out}.blogList-item-thumb span.is-noimg{background-color:#efe2dc}.blogList-item-body{padding-top:16px}.blogList-item-meta{gap:10px;align-items:center;margin-bottom:10px}.blogList-item-date{font-size:13px;font-size:1.3rem}.blogList-item-cat{font-size:11px;font-size:1.1rem;color:#816e64;border:1px solid #baa387;border-radius:50px;padding:2px 12px;line-height:1.5}@media(width >= 769px){.blogList-item-cat{font-size:12px;font-size:1.2rem}}.blogList-item-ttl{font-size:15px;font-size:1.5rem;line-height:1.6;transition:all .3s ease-in-out}@media(width >= 769px){.blogList-item-ttl{font-size:16px;font-size:1.6rem}}.blogNone{padding:40px 0}.blogPager{margin-top:50px}@media(width >= 769px){.blogPager{margin-top:80px}}.blogPager .nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.blogPager .page-numbers{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 10px;border:1px solid #baa387;border-radius:4px;color:#816e64}.blogPager .page-numbers.current{background:#ff856d;border-color:#ff856d;color:#fff}
