/*---------------------------------
リセット
---------------------------------*/
.c-section { padding:0px }
.l-footer { border:none; }
.wp-block-search__label { display:none; }
.c-container {
	--_container-margin-right: 0;
    --_container-margin-left: 0;
}
body:not(.home) .l-contents__inner { padding:0 3% 40px;box-sizing:border-box;} /* 下層左右に余白 */
body:not(.home) .l-contents__inner { max-width:1120px !important;	} /* 下層コンテンツ幅 */
[data-has-sidebar=true] .l-contents__inner { gap: 0px !important; }
  .l-contents__container>.p-breadcrumbs-wrapper:first-child,
  .l-contents__container>.p-breadcrumbs-wrapper:last-child,
  .l-contents__container>.u-slim-width>.p-breadcrumbs-wrapper:first-child,
  .l-contents__container>.u-slim-width>.p-breadcrumbs-wrapper:last-child {
    display: none !important;  /* パンくず非表示 */
  }

.p-breadcrumbs-wrapper a:hover { text-decoration:none;opacity:0.7;}
/* 入力フォームの×印を消す */
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}
/*---------------------------------
ヘッダー
---------------------------------*/
.l-header__content { padding-top:8px;padding-bottom:0px; }
.l-header--sticky-lg { background-color:#fdfdf8; }
.l-2row-header__row { padding-top:8px; }

/* グリッドの土台（全幅を使う／中央寄せを抑止） */
.l-2row-header > .c-fluid-container{
  display: grid;
  grid-template-columns: auto 1fr; 
  grid-template-rows: auto auto;
  grid-template-areas:
    "brand subnav"
    "gnav  gnav";
  align-items: center;
  justify-items: stretch;
  column-gap: clamp(16px, 3vw, 32px);
}
/* 1行目（ロゴを含む行）を brand に。幅の自動伸長を抑止 */
.l-2row-header > .c-fluid-container > .l-2row-header__row:first-of-type{
  grid-area: brand !important;
  width: auto !important;
  justify-self: start;
}
/* 右のテキストリンク群（.u-invisible-md-down がサブナビ本体）を subnav に */
.l-2row-header > .c-fluid-container > .u-invisible-md-down{
  grid-area: subnav !important;
  justify-self: end;
}
/* 下段のグローバルナビ（2つ目の .l-2row-header__row）を gnav に */
.l-2row-header > .c-fluid-container > .l-2row-header__row:last-of-type{
  grid-area: gnav !important;
  width: 100%;
}
/* :has が使える環境（主要ブラウザ）でピンポイント指定 */
@supports selector(.c-navbar:has(#menu-item-262)) {
  .c-navbar:has(> #menu-item-262):has(> #menu-item-263):has(> #menu-item-264){
    max-width:1000px;
    width:clamp(320px,92vw,1000px);
    margin-inline:auto;                 /* 中央寄せ */
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
  }
  .c-navbar:has(> #menu-item-262):has(> #menu-item-263):has(> #menu-item-264) > li{
    border-radius:16px 16px 0 0;
    overflow:hidden;
  }
  .c-navbar:has(> #menu-item-262):has(> #menu-item-263):has(> #menu-item-264) > li > a{
    display:block; width:100%;
  }
}
/* :has 非対応へのフォールバック（ヘッダー直下の最初の .c-navbar を対象に） */
@supports not selector(.c-navbar:has(#menu-item-262)) {
  .l-2row-header + * .c-navbar{
    max-width:1000px;
    width:clamp(320px,92vw,1000px);
    margin-inline:auto;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
  }
  .l-2row-header + * .c-navbar > li{
    border-radius:16px 16px 0 0;
    overflow:hidden;
  }
  .l-2row-header + * .c-navbar > li > a{
    display:block; width:100%;
  }
}
/* スマホは1列（任意） */
@media (max-width:767px){
  .c-navbar:has(> #menu-item-262):has(> #menu-item-263):has(> #menu-item-264){
    grid-template-columns:1fr;
  }
  @supports not selector(.c-navbar:has(#menu-item-262)) {
    .l-2row-header + * .c-navbar{ grid-template-columns:1fr; }
  }
}
.c-sub-nav .c-navbar__item>a:hover { text-decoration:none;opacity:0.7;}
/* 検索フォーム */
.p-search-form{
  position: relative;
  max-width: 150px;
  margin: 0 0 0 4%;
}
.p-search-form label{ display:none; }
.p-search-form input[type="search"]{
  width: 100%;
  border: none !important;
  border-bottom: 1px solid #333 !important;
  border-radius: 0 !important;
  background: transparent;
  padding: 6px 24px 4px 10px;
  min-height: 26px;
  outline: none;
  box-shadow: none !important;
}
.p-search-form input[type="search"]:focus{
  border-bottom-color: #2aa3a8;
}
.p-search-form::after{
  content:"";
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  width:16px; height:16px;    /* サイズは先ほどと揃える */
  background:url('/wp-content/themes/takatsuconnect/images/icon-search.png') no-repeat center / contain;
  pointer-events:none;
}
.p-search-form input[type="search"]::placeholder{
  color: transparent;   /* テキストを消す */
}
.p-search-form .c-input-group__btn{ display:none !important; }
.c-input-group,.c-input-group__field{ all:unset; display:block; width:100%; }

/* タブ　メニュー */
#menu-tab-menu li > a{
  display:block;
  border-radius:20px 20px 0 0;
  background: #ffec1a;
}
#menu-tab-menu.c-navbar {
	gap:12px !important;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.p-global-nav .c-navbar__item>a { font-size:17px;font-weight:bold;padding:14px 0 !important; }
.l-2row-header .p-global-nav .c-navbar__item>a {
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center;
  gap:0.5em;
  white-space:nowrap;
}
.l-2row-header .p-global-nav .c-navbar__item>a span {
  display: inline; 
}
#menu-item-262 > a::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url('/wp-content/themes/takatsuconnect/images/icon-report.png') no-repeat center / contain;
}
#menu-item-263 > a::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url('/wp-content/themes/takatsuconnect/images/icon-map.png') no-repeat center / contain;
}
#menu-item-264 > a::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url('/wp-content/themes/takatsuconnect/images/icon-calender.png') no-repeat center / contain;
}

/* --- 選択中のタブ全体（背景・枠） --- */
.c-navbar__item[data-active-menu] > a{
  background:#fff !important;
  border:2px solid #ffec1a;
  color:#282828; 
}
/* 記事・マップ・イベントタグのフィルターリセット */
#menu-item-262 > a::before,#menu-item-262[data-active-menu] > a::before{ filter: none !important;background:none !important; }
#menu-item-263 > a::before,#menu-item-263[data-active-menu] > a::before{ filter: none !important;background:none !important; }
#menu-item-264 > a::before,#menu-item-264[data-active-menu] > a::before{ filter: none !important;background:none !important; }

/* 記事タグをマスクで塗る */
@supports (-webkit-mask: url("")) or (mask: url("")) {
  #menu-item-262 > a::before{
    content:"";
    display:inline-block;
    width:30px; height:30px;
    -webkit-mask: url('/wp-content/themes/takatsuconnect/images/icon-report.png') no-repeat center / contain;
            mask: url('/wp-content/themes/takatsuconnect/images/icon-report.png') no-repeat center / contain;
    background-color:#fff !important;      /* ← 未選択は必ず白 */
    vertical-align:middle;
  }
  /* 選択時だけ黄色に */
  #menu-item-262[data-active-menu] > a::before{
    background-color:#ffec1a !important;
  }
}
/* マップタグをマスクで塗る */
@supports (-webkit-mask: url("")) or (mask: url("")) {
  #menu-item-263 > a::before{
    content:"";
    display:inline-block;
    width:30px; height:30px;
    -webkit-mask: url('/wp-content/themes/takatsuconnect/images/icon-map.png') no-repeat center / contain;
            mask: url('/wp-content/themes/takatsuconnect/images/icon-map.png') no-repeat center / contain;
    background-color:#fff !important;      /* ← 未選択は必ず白 */
    vertical-align:middle;
  }
  /* 選択時だけ黄色に */
  #menu-item-263[data-active-menu] > a::before{
    background-color:#ffec1a !important;
  }
}
/*イベントタグをマスクで塗る */
@supports (-webkit-mask: url("")) or (mask: url("")) {
  #menu-item-264 > a::before{
    content:"";
    display:inline-block;
    width:30px; height:30px;
    -webkit-mask: url('/wp-content/themes/takatsuconnect/images/icon-calender.png') no-repeat center / contain;
            mask: url('/wp-content/themes/takatsuconnect/images/icon-calender.png') no-repeat center / contain;
    background-color:#fff !important;      /* ← 未選択は必ず白 */
    vertical-align:middle;
  }
  /* 選択時だけ黄色に */
  #menu-item-264[data-active-menu] > a::before{
    background-color:#ffec1a !important;
  }
}
/* テキストメニュー */
.c-sub-nav .c-navbar__item>a {
	font-weight:500;
	font-size:16px;
	color:#282828;
}
.c-sub-nav .c-navbar { gap:18px }

/* SP　ヘッダー */
@media (max-width:1023px){
  .c-drawer { background-color: rgba(33, 133, 144, 0.9); } 
	li.menu-item a {font-size:1.3rem;}
	.c-drawer__logo img { filter: brightness(0) invert(1);margin-bottom:30px;}
	.c-drawer__inner{padding-top:40px;}
	.l-2row-header__row { padding:0;}
	.l-2row-header{ position: relative; }
	.p-search-form input[type=search] {
		border-bottom: 1px solid #fff !important;
	}
	.c-drawer .p-search-form::after {
	  content:"";
	  position:absolute;
	  right:0;
	  top:50%;
	  transform:translateY(-50%);
	  width:18px; height:18px;
	  background:url('/wp-content/themes/takatsuconnect/images/icon-search-white.png') no-repeat center / contain;
	  pointer-events:none;
	}
	.p-search-form { max-width:80% !important;}

  /* ハンバーガーを“右端・縦中央”に配置 */
  .l-2row-header .c-hamburger-btn{
    position: absolute;
    right: 25px;
    top: 18%;
    transform: translateY(-18%);
    z-index: 30;
  }
  .c-hamburger-btn__label{ display:none; }   /* ラベルは非表示 */
  .c-site-branding__title a{
    width: auto !important;
    max-width: none !important; 
    display: inline-block;
  }
  .c-site-branding__title img{
    max-width: 100%;
    height: auto;
  }
  .l-2row-header__row:first-child{
    padding-right: 56px; /* 目安：ボタン幅＋余白。必要に応じて調整 */
  }
  /* 記事・マップ・イベントタグの表示 */
	.l-header.l-header--2row .l-header__content{ padding-bottom: 0 !important; } /* リセット */
	.c-navbar:has(>#menu-item-262):has(>#menu-item-263):has(>#menu-item-264){ gap:0px !important} /* リセット */
	.l-2row-header [id^=menu-tab-menu].c-navbar { gap:0px !important} /* リセット */
	#menu-tab-menu li > a{ border-radius:0px 0px 0 0 !important; } /* リセット */
	.c-navbar:has(>#menu-item-262):has(>#menu-item-263):has(>#menu-item-264)>li { border-radius:0px 0px 0 0 !important; } /* リセット */
	[data-has-global-nav=true] .l-2row-header__row:last-child, [data-has-global-nav=true] .l-center-header__row:last-child {
    margin-top: 0px !important;
    }
	.c-container, .c-fluid-container { padding:0px;	}
	.c-site-branding { padding-left:8px; }
	#menu-tab-menu.c-navbar { gap:0; }
 /* グロナビの行（2段目）を必ず見せる */
  .l-2row-header > .c-fluid-container > .l-2row-header__row:last-of-type{
    display:block !important;
    visibility:visible !important;
    height:auto !important;
    opacity:1 !important;
  }
  /* グローバルナビ自体が drawer 用に隠されていても強制表示 */
  .l-2row-header .p-global-nav{
    display:block !important;
    visibility:visible !important;
    transform:none !important;
    opacity:1 !important;
    height:auto !important;
  }
  .l-2row-header .p-global-nav[aria-hidden="true"],
  .l-2row-header .p-global-nav.is-hidden,
  .l-2row-header .p-global-nav .u-hidden{
    display:block !important;
    visibility:visible !important;
  }

  /* タブ3つを横並び・中央寄せ（PCと同じ見た目） */
  .l-2row-header .p-global-nav .c-navbar{
    display: grid !important;
    grid-template-columns: repeat(3, 1fr); /* 3等分 */
    gap: 4px;                              /* タブの間隔。0～12pxで調整 */
    max-width: 100%;                       /* 幅いっぱいに広げる */
    margin: 8px auto 0; 
  }
  .l-2row-header .p-global-nav .c-navbar > li{
    border-radius:0px;
    overflow:hidden;
	border-right: 2px solid #fff;
  }
.l-2row-header .p-global-nav .c-navbar > li:last-child{
  border-right: none;
}
  /* タブ内リンクの幅を100%に（タップしやすく） */
  .l-2row-header .p-global-nav .c-navbar > li > a{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 0;
    width: 100%;
    height: 100%;
  }
  .l-2row-header [id^="menu-tab-menu"].c-navbar{
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    gap: 4px !important;
    width: 100% !important;
    margin: 8px auto 0 !important;
  }
  /* 縦積み系の幅・マージンを打ち消し */
  .l-2row-header [id^="menu-tab-menu"].c-navbar > li{
    width: auto !important;
    margin: 0 !important;
  }
  /* クリック面を均等中央寄せに */
  .l-2row-header [id^="menu-tab-menu"].c-navbar > li > a{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 44px;                /* お好みで 40–56px */
    padding: 0 8px !important;
  }
	
}

/*---------------------------------
見出し
---------------------------------*/
h1, h2, h3, h4, h5, h6 {
  font-family: "Hiragino Maru Gothic ProN", "Hiragino Maru Gothic Pro", 
               "UD Digi Kyokasho N-R", "Yu Gothic", "Meiryo", sans-serif;
  font-weight: 300; 
}
/* h2 */
.picup .smb-section__title,.about .smb-section__title {
	color:#fff;
}
.picup .smb-section__title:after,.about .smb-section__title:after {
	background-color:#fff;
	height:2px;
}
.smb-section__title:after {
	background-color:#ed6d3d;
	height:2px;
}
.wp-block-heading {
	background-color:#f5f5f5;
	border-radius:10px;
	font-size:20px;
	font-weight:normal !important;
	padding:.5em 0 .5em 1em;
	margin-bottom:10px !important;
}
h3.wp-block-heading::before,h3.wp-block-heading::after {
	content:none;
}

/* 下層 ページタイトル h1 PC限定*/
@media (min-width: 768px){
  .c-entry__header .c-entry__title { text-align:center; margin-bottom:75px;}
}

.c-entry__title:after {
    background-color: #ed6d3d;
    content: "";
    display: block;
    height: 2px;
    margin: var(--_margin-1) auto 0;
    width: 60px;
}

/*---------------------------------
トップイメージ
---------------------------------*/
.topimage {
	padding-top:50px;
	width:90%;
	margin:0 auto !important;

	text-align:center;
}
.topimage .catch {margin-bottom:30px;}
.topimage .hero{
  position: relative;
  width: 100%;
}
/* ---- 全体アニメーション ---- */
.hero.is-hero-fade { opacity: 1; }
html.has-js .hero.is-hero-fade {
  opacity: 0;
  animation: heroFade 4s ease-out 0.12s forwards;
  will-change: opacity;
}
@keyframes heroFade {
  from { opacity: 0; }
  to   { opacity: 1; }
}

.hero__base{
  display:block;
  width:100%;
  height:auto;
  position: relative;
  z-index: 1;
}
/* 吹き出し */
.hero__part{
  position:absolute;
  z-index: 2;
  display:block;
  height:auto;
  will-change: transform;
}
.hero__part--f01{
  width:3%;
  left:14.5%;
  top:57.2%;
  animation: dbgPulse75 2.8s cubic-bezier(.4,0,.2,1) -0.7s infinite both !important;
}
.hero__part--f02{
  width:4.5%;	
  left:30%;
  top:59.5%;
  animation: dbgPulse65 3.5s cubic-bezier(.4,0,.2,1) -8s  infinite both;
}
.hero__part--f03{
  width:3.8%;
  left:53.5%;
  top:57.5%;
  animation: dbgPulse80 2.8s cubic-bezier(.4,0,.2,1) -5s  infinite both;
}
.hero__part--f04{
  width:4.8%;
  left:58%;
  top:41.5%;
  animation: dbgPulse60 3.4s cubic-bezier(.4,0,.2,1) -12s infinite both;
}
.hero__part--f05{
  width:3.8%;
  left:84.5%;
  top:72%;
  animation: dbgPulse80 2.8s cubic-bezier(.4,0,.2,1) -1s  infinite both;
}
.hero__part--f06{
  width:9.8%;
  left:38%;
  top:40.5%;
  animation: tilt10_center 2s ease-in-out -4s infinite both;
}
/* ---- 吹き出しアニメーション ---- */
/* 60%（控えめ） */
@keyframes dbgPulse60{
  0%   { transform: translate(-50%, -50%) scale(0.910) rotate(-4.8deg); }
  25%  { transform: translate(-50%, -50%) scale(1.210) rotate( 4.8deg); }
  50%  { transform: translate(-50%, -50%) scale(0.940) rotate(-3.6deg); }
  75%  { transform: translate(-50%, -50%) scale(1.150) rotate( 3.6deg); }
  100% { transform: translate(-50%, -50%) scale(0.910) rotate(-4.8deg); }
}
/* 65% */
@keyframes dbgPulse65{
  0%   { transform: translate(-50%, -50%) scale(0.903) rotate(-5.2deg); }
  25%  { transform: translate(-50%, -50%) scale(1.228) rotate( 5.2deg); }
  50%  { transform: translate(-50%, -50%) scale(0.935) rotate(-3.9deg); }
  75%  { transform: translate(-50%, -50%) scale(1.163) rotate( 3.9deg); }
  100% { transform: translate(-50%, -50%) scale(0.903) rotate(-5.2deg); }
}
/* 70%（あなたが確認済みの強さ） */
@keyframes dbgPulse70{
  0%   { transform: translate(-50%, -50%) scale(0.895) rotate(-5.6deg); }
  25%  { transform: translate(-50%, -50%) scale(1.245) rotate( 5.6deg); }
  50%  { transform: translate(-50%, -50%) scale(0.930) rotate(-4.2deg); }
  75%  { transform: translate(-50%, -50%) scale(1.175) rotate( 4.2deg); }
  100% { transform: translate(-50%, -50%) scale(0.895) rotate(-5.6deg); }
}
/* 75%（やや強め） */
@keyframes dbgPulse75{
  0%   { transform: translate(-50%, -50%) scale(0.888) rotate(-6deg); }
  25%  { transform: translate(-50%, -50%) scale(1.263) rotate( 6deg); }
  50%  { transform: translate(-50%, -50%) scale(0.925) rotate(-4.5deg); }
  75%  { transform: translate(-50%, -50%) scale(1.188) rotate( 4.5deg); }
  100% { transform: translate(-50%, -50%) scale(0.888) rotate(-6deg); }
}
/* 80%（最も強い） */
@keyframes dbgPulse80{
  0%   { transform: translate(-50%, -50%) scale(0.880) rotate(-6.4deg); }
  25%  { transform: translate(-50%, -50%) scale(1.280) rotate( 6.4deg); }
  50%  { transform: translate(-50%, -50%) scale(0.920) rotate(-4.8deg); }
  75%  { transform: translate(-50%, -50%) scale(1.200) rotate( 4.8deg); }
  100% { transform: translate(-50%, -50%) scale(0.880) rotate(-6.4deg); }
}
@keyframes tilt10_center{
  0%,100% { transform: translate(-50%, -50%) rotate(-10deg); }
  50%     { transform: translate(-50%, -50%) rotate( 10deg); }
}

/* SP　トップイメージ */
@media (max-width:1023px){
  .topimage{
    --zoom: 1.8;               /* ← 倍率はここで調整（1.4〜1.8あたり） */
    width: 100vw;
    height: auto;
    padding-top: 20px;
    margin-left:  calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    overflow: hidden;
  }
  .topimage .hero{
    width: calc(100% * var(--zoom)); 
    max-width: none;
    position: relative;
    left: 50%; 
    transform: translateX(-50%);
  }
  .topimage .catch img{
    display:block;
    margin: 8px auto 12px;
    width: min(92vw, 560px);
    height:auto;
  }

}

/*---------------------------------
ピックアップ　スライダー
---------------------------------*/
/* 背景パターン */
.smb-section__background__texture{
  --smb-section--background-texture-image: url('/wp-content/themes/takatsuconnect/images/ptn-image.png') !important;
}
.smb-section__background__texture{
  mix-blend-mode: screen;
  opacity: .1 !important;
}
.picup {padding-bottom:100px}
.wave-divider {
  width: 100%;
  overflow: hidden;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}

/* ピックアップ　カード */
.swiper-slide {
	flex: 0 0 300px;
	width:300px;
	padding:20px;
	max-width:none;
	background-color:#fff;
	border-radius:10px;
	margin-right:20px;
}

@media (min-width:1024px){
  .pickup-slider .swiper-slide{ width:280px; flex:0 0 280px; }
}
.swiper-slide img {
  border-radius:10px;
  aspect-ratio: 1 / 1;
  width: 100%;
  height: auto;
  object-fit: cover;   /* 中央で切り取り */
}
.swiper-slide .slide-info {	padding:10px 8% 0; }
.swiper-slide .slide-info .slide-title {
	font-size:1rem;
	line-height:1.5em;
	text-align:left;
	font-weight:normal;
}
.swiper-slide .slide-info .slide-date {
	color:#ed6d3d;
	font-size:15px;
	font-weight:600;
	text-align:left;
}
/* ガター幅（好きな数値に） */
.pickup-slider { --gap: 24px; }

/* 7枚＋6つの隙間で必ず100%にフィット */
.pickup-slider .swiper-slide {
  width: calc((100% - (var(--gap) * 6)) / 7);
  margin-right: var(--gap);
  box-sizing: border-box;
  display: flex;
}
.pickup-slider .swiper-slide {
  display: flex;
  flex-direction: column;
  width: 100%;
}
/* 最後の余白をなくす */
.pickup-slider .swiper-slide:last-child { margin-right: 0; }
/* 複製スライドが混ざっても高さが揃うように */
.pickup-slider .swiper-wrapper { align-items: stretch; }

/* タイトルを3行で統一（行送り1.5の場合） */
.pickup-slider .slide-title {
  --lh: 1.5;                     /* 行の高さ(行送り) */
  line-height: var(--lh);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;         /* ★3行までで省略 */
  overflow: hidden;
  /* 高さを“3行ぶん”に固定 */
  min-height: calc(var(--lh) * 1em * 3);
  max-height: calc(var(--lh) * 1em * 3);
  /* 省略記号を確実に出す（複数行対応）*/
  text-overflow: ellipsis;
}

/* タイトルの下に本文やメタがある場合、残りを可変に */
.pickup-slider .card__body {     /* タイトル以降のラッパがあれば */
  flex: 1 1 auto;
}

/* 画像とカード角丸等の例（必要なら） */
.pickup-slider .card__thumb img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
/* SP */
@media (max-width:767px){
  .pickup-slider{
    padding-left: 4vw;
    padding-right: 4vw;
    overflow: visible;
  }
  .pickup-slider .swiper-wrapper{
    gap: 0 !important;
  }
  .pickup-slider .swiper-slide{
    /* 左右ガター8vw ＋ カード間の余白12pxを考慮 */
    flex: 0 0 calc(100% - 8vw - 12px) !important;
    width: calc(100% - 8vw - 12px) !important;
    margin-right: 12px !important;   /* ← カード間の余白 */
    box-sizing: border-box;
  }
  .pickup-slider .swiper-slide img{
    display: block;
    width: 100%;
    height: auto;
  }
}

/*---------------------------------
イベントカレンダー
---------------------------------*/
.event_calendar { padding-bottom:120px }
.wp-container-core-columns-is-layout-0111f410 { padding:0 9% !important; }
/* カレンダーバッジを赤丸の白抜き文字に */
.wp-calendar .event-count {
  display: inline-block;
  min-width: 1.2em;
  padding: 0.2em;
  background-color: #e74c3c;
  color: #fff !important;
  border-radius: 50%;
  text-align: center;
  font-size: 0.75em;
  line-height: 1;
  vertical-align: middle;
  margin-left: 0.2em;
}

.event_calendar .smb-section__body{
  display: grid !important;
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); /* 6:4 相当 */
  gap: clamp(24px, 4vw, 80px);
  max-width:1280px;
  box-sizing:border-box;
  padding:0 4%;
  margin:50px auto 0;
}

/* 左右の比率 6:4 */
.wp-block-columns:has(#my-event-calendar){
  display: grid;
  grid-template-columns: 3fr 2fr;   /* = 6:4 */
}
/* 左-カレンダー */
#my-event-calendar{
  background:#cce6e9;
  padding:12px;
  position:relative;
	height:fit-content;
}
/* モバイル */
@media (max-width: 640px){
  .wp-block-columns:has(#my-event-calendar){
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .event_calendar .smb-section__body{
    display: block !important;
    grid-template-columns: none !important;
    gap: 0 !important;
  }
}

/* h2 */
#my-event-calendar > h2{
  margin:0 0 0.3em 0;
  text-align:center;
  font-size:1.1rem !important;
  color:#39a6b3;
  font-weight:normal !important;
  padding:0;
  letter-spacing:.02em;
  line-height: 30px; 
}

/* 親は相対配置にしてボタンを帯の左右に固定 */
#my-event-calendar{ position: relative; }

/* ナビ（左右） */
#my-event-calendar .ajax-month-nav-wrap{
  position: absolute;
  top: 14px;
  left: 16px;
  right: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 2;
}
#my-event-calendar .ajax-month-nav{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0em 1em;
  border: 1px solid #39a6b3;
  border-radius: 999px;
  background: #cce6e9;
  color: #39a6b3;
  font-size: 14px;
  height: 30px; 
  font-weight: 700;
  text-decoration: none;
  line-height: 1;
}
#my-event-calendar .ajax-month-nav:hover{
  border-color: #97bcc1;
  filter: brightness(1.03);
}

/* モバイルはタイトルの下に並べる */
@media (max-width: 640px){
  #my-event-calendar .ajax-month-nav-wrap{
    margin: 0px;
  }
  #my-event-calendar .wp-calendar td{ height:70px !important; /* 日付セルの高さ固定 */ }
}

/* テーブル */
#my-event-calendar .wp-calendar{
  border:1px solid #cbe2e5;
  background:#fff;
  width: 100% !important; 
  max-width: 100%; 
  margin: 0 auto; 
  table-layout: fixed;
  border-collapse: collapse;
}
#my-event-calendar .wp-calendar thead th{
  background:#f4fbfc;
  color:#3a6d73;
  font-weight:700;
  text-align:center;
	padding:5px 0;
}

#my-event-calendar .wp-calendar th,
#my-event-calendar .wp-calendar td{
  border:1px solid #cbe2e5;
  padding-block: 18px;
  box-sizing: border-box;     /* パディング込みで計算 */
  width: 14.2857%;            /* = 100 / 7 列 */
  padding: 10px;              /* 任意（高さに余白を含める） */
}
#my-event-calendar .wp-calendar td{
  text-align: center;
  vertical-align: top;
  padding: 0px;
  height:90px;  /* 日付セルの高さ固定 */
}

/* 日付数字 */
#my-event-calendar .wp-calendar td {
  position: relative;
  text-align: center;
  vertical-align: top;
  padding-top: 8px;
}
#my-event-calendar .wp-calendar td a,
#my-event-calendar .wp-calendar td .no-event {
  display: inline-block;
  font-weight: 700;
  color: #333;
  margin-bottom: 4px;
  text-decoration:none;
}
/* カード全体の余白と見出しの間隔 */
#my-event-calendar{ padding:16px 18px 20px;height:fit-contents !important; }

/* 日付数字の揃えと強弱 */
#my-event-calendar .wp-calendar td a,
#my-event-calendar .wp-calendar td .no-event{
  display: inline-block;
  font-weight: 700;
  color: #333;
  margin-bottom: 0.5em;  /* ← ここで余白を確保 */
}
#my-event-calendar .wp-calendar td a:hover{ color:#ed6d3d; }

/* イベント件数バッジ */
#my-event-calendar .wp-calendar td{ position:relative; }
#my-event-calendar .wp-calendar .event-count {
  position: static;
  display: block;
  margin: 0 auto;
  margin-top: 2px;
  width: 22px;
  height: 22px;
  line-height: 1.3em;
  border-radius: 50%;
  background: #d81f26;
  color: #fff;
  font-size: .85rem;
  font-weight: 700;
  text-align: center;
}
/* リスト */
.event-timeline{
  margin:0; padding:0; list-style:none;
}
.event-timeline li {
  padding:18px 0 20px;
  border-bottom:1px solid #b7d6d9; /* 区切り線 */
}
.event-timeline li:first-child {
  border-top: 1px solid #b7d6d9;
}
/* タイトル（上段・青） */
.event-timeline li > a{
  display:block;
  font-size:1.35rem;
  line-height:1.4em;
  font-weight:500;
  color:#2aa3a8;
  text-decoration:none;
  margin-bottom:6px;
}
.event-timeline li > a:hover{ color:#ed6d3d; }
/* 日付（下段・黒） */
.event-timeline .et-date{
  display:block;
  color:#222;
  font-size:1rem;
}
.event-timeline-wrap .more::after,
.event-timeline-wrap .more-link::after{ content:"→"; }

/* イベント一覧 ボタン */
:root :where(.wp-element-button, .wp-block-button__link){
  display:inline-flex;
  align-items:center;
  gap:.4em;
  margin-top:16px;
  padding:.1em 1.1em;
  border:2px solid #111;
  border-radius:8px;
  background:#fff !important;
  color:#111;
  font-weight:700;
  text-decoration:none;
} 
/* イベント一覧カードの抜粋：3行で切る（PC） */
.c-entry-summary__excerpt{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  line-height:1.8;
  margin:.4em 0 0;
  color:#454545;
}
/* line-clamp非対応のフォールバック（高さでカット） */
.c-entry-summary__excerpt{
  max-height:calc(1.8em * 3);
}
/* SPは2行にする例（任意） */
@media (max-width: 767px){
  .c-entry-summary__excerpt{
    -webkit-line-clamp:2;
    max-height:calc(1.8em * 2);
  }
  #my-event-calendar .wp-calendar td { padding-top: 0.1em !important; } /* 日付数字 */
  .event-timeline li > a{ margin-bottom:0.1em; } /* タイトル（上段・青） */
  #my-event-calendar .wp-calendar td{ height:60px !important; }  /* 日付セルの高さ固定 */
  .wp-block-column .event-timeline li { padding:10px 0 10px !important; } /* リスト */
}

/*---------------------------------
インスタ
---------------------------------*/
.insta {
	text-align:center;
}

/*---------------------------------
高津コネクトとは
---------------------------------*/
.about {
	text-align:center;
	color:#fff;
	padding:120px 0;
}
.about .wp-block-image { max-width:560px; }
.about .wp-block-image img { border-radius:15px; }
.about p { font-size:18px; }
.about .smb-section__title {margin-bottom:40px}
/* 背景パターン */
.smb-section__fixed-background__texture{
  --smb-section--background-texture-image: url('/wp-content/themes/takatsuconnect/images/ptn-image.png') !important;
}
.smb-section__fixed-background__texture{
  mix-blend-mode: screen;
  opacity: .1 !important;
}


/* モバイル */
@media (max-width: 640px){
  .about .wp-block-image {
	width:100% !important;
	box-sizing:border-box;
	padding: 0 4%; }
}

/*---------------------------------
編集部員・ライター募集
---------------------------------*/
.recruit .smb-section__title {margin-bottom:40px}
.recruit .wp-block-column.img {
	display: flex;
	align-items: center;
	justify-content: center;
}
.recruit .catch {
	text-align:center;
	display: flex;
	justify-content: center;
}
.recruit p { font-size:18px; }

.sway{
  display:block;
  width:100%;
  height:auto;
  transform-origin: 50% 90%;
  will-change: transform;
}
/* アニメーション左 */
.sway--a{
  animation: tiltLR_A 3s ease-in-out -3s infinite both;
}
/* アニメーション右 */
.sway--b{
  animation: tiltLR_B 3s ease-in-out -6s infinite both;
}
/* 左右ゆれ（A） */
@keyframes tiltLR_A{
  0%,100% { transform: rotate(-4deg); }
  50%     { transform: rotate( 4deg); }
}
/* 左右ゆれ（B）— 逆位相＆角度少し控えめ */
@keyframes tiltLR_B{
  0%,100% { transform: rotate( 4deg); }
  50%     { transform: rotate(-4deg); }
}

/* モバイル */
@media (max-width: 640px){
  .recruit .wp-block-column.img { display:none; }
}

/*---------------------------------
フッター
---------------------------------*/
.c-copyright--inverse {
	background-color:#ed6d3d !important;
}
.l-footer-widget-area .c-row .c-row__col:has(#block-49) {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}
#block-49 .sns-icon:hover { opacity: .8; }
#block-49 { text-align: center; }
#block-49 .sns-icon img { width: 56px; height: 56px; }

.l-footer--footer-2 .l-footer__widget-area {
    padding-bottom: 20px !important;
    padding-top: 0px !important;
}

/*---------------------------------
下層 サイドバー　キーワード検索
---------------------------------*/
.wp-block-search{
  max-width: 360px;          /* 横幅はお好みで */
  margin: 0 auto 24px;       /* 中央寄せ */
}
/* 入力ラッパ（右端にアイコンを載せる） */
.wp-block-search__inside-wrapper{
  position:relative;
	margin:0 auto;
}
/* 入力：アンダーラインのみ */
.wp-block-search__input{
  width:100%;
  border: none !important;
  border-bottom:1px solid #333 !important;  /* 下線を1px */
  border-radius:0 !important;
  background:transparent;
  padding:6px 28px 4px 0;   /* 右にアイコン分余白を確保 */
  min-height: 28px;         /* ← 高さを確保して線を見やすくする */
  outline:none;
  box-shadow:none !important;
}
.wp-block-search__input:focus{
  border-bottom-color:#2aa3a8;
}
/* 右端の検索アイコン（クリック不可の飾り） */
.wp-block-search__inside-wrapper::after{
  content:"";
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  width:17px; height:17px;
  background:url('/wp-content/themes/takatsuconnect/images/icon-search.png') no-repeat center / contain;
  pointer-events:none;
}
/* 標準の送信ボタンは非表示に */
.wp-block-search__button{ display:none !important; }
/* カテゴリー等のリスト */
.cat-list {
  list-style: none;    /* デフォルトの黒ポチを消す */
  padding-left: 0;     /* 左の余白も消す */
  margin-left: 0;
}
.cat-list li {
  position: relative;
  padding-left: 20px;  /* アイコンの幅＋余白 */
  margin-left:20px;
}
.cat-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 12px;   /* アイコン画像のサイズに合わせる */
  height: 12px;
  transform: translateY(-50%); /* 縦中央に配置 */
  background: url('/wp-content/themes/takatsuconnect/images/icon_side_arrow.png') no-repeat center center;
  background-size: contain;
}
.cat-list li a { text-decoration:none; }

/*---------------------------------
下層　記事一覧
---------------------------------*/
.page-id-116 .parent-title { display:none;}

/* PCのみ（必要ならブレークポイントは調整） */
@media (min-width: 1024px){
  /* サイドバーありのときだけ適用 */
  [data-has-sidebar="true"] .l-contents__inner{
    /* フレックス間隔を90pxに（flexでもgapが効きます） */

  }
  /* メインを固定 690px */
  [data-has-sidebar="true"] .l-contents__main{
    flex: 0 0 690px !important;  /* grow:0, shrink:0, basis:690px */
    width: 690px !important;     /* 念のため */
    max-width: 690px !important;
    min-width: 0 !important;
  }
  /* サイドは残り幅をすべて使う */
  [data-has-sidebar="true"] .l-contents__side{
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
	
	  [data-has-sidebar="true"] .l-contents__sidebar {
    margin-top: 0;              /* 既存の指定 */
    flex: 0 0 300px !important; /* 幅を300px固定 */
    width: 300px !important;
    max-width: 300px !important;
    min-width: 0 !important;    /* はみ出し防止 */
  }

  /* メインコンテンツは残り幅を使用 */
  [data-has-sidebar="true"] .l-contents__main {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  /* メインとサイドの間隔 */
  [data-has-sidebar="true"] .l-contents__inner {
    gap: 40px !important;
  }
}

/* ヘッダーサムネイル画像 */
/* 記事一覧はヘッダー非表示 */
body.page-id-116 .c-page-header,
body.page-id-116 .c-page-header::before,
body.page-id-116 .c-page-header::after,
body.page-id-116 .c-page-header .c-page-header__bg {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}
.page-id-116 .c-page-header::after{
  content:"";
  position:absolute;
  inset:0;
  background:#f0f9fa;
  opacity:.6;             /* 濃さは調整可 */
  pointer-events:none;
}

/* 画像を“枠の80%に収めて”中央配置（拡大はしない） */
.page-id-116 .c-page-header__bgimage > img{
  position: absolute !important;
  inset: 0 !important;
  margin: auto !important;
  width: auto !important;
  height: auto !important;
  max-width: 150% !important;
  max-height: 150% !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
}
/* タグ */
.tag-cloud-link {
	background-color:#fff774;
	border:none;
	border-radius:100px;
}
/* 最新の投稿：サムネイルを大きく＆角丸に（インライン150pxを打ち消す） */
.wp-block-latest-posts__featured-image img{
  max-width: none !important;
  max-height: none !important;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}
.wp-block-latest-posts__featured-image{
  margin-right: 15px;
}
/* 著者を非表示 */
.wp-block-latest-posts__post-author{ display:none; }
/* タイトルと日付・抜粋の装飾 */
.wp-block-latest-posts__post-title{
  font-size:1.6rem; font-weight:400; color:#2aa3a8;
  text-decoration:none; margin:0 0 8px;
}
.wp-block-latest-posts__post-title:hover{ color:#ed6d3d; }
.wp-block-latest-posts__post-date{
  font-size:0.95rem; color:#666; margin:0 0 8px;
}
.wp-block-latest-posts__post-excerpt{
  font-size:1rem; line-height:1.6; color:#222;
}
/* 本文抜粋 */
.c-entry__content .wp-block-latest-posts__list .wp-block-latest-posts__post-excerpt{
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important; /* ← 行数をここで調整 */
  overflow: hidden !important;
  /* 任意: 行間を固定すると高さが綺麗にそろいます */
  line-height: 1.5;
}
/* これは PC 用に限定（SPと競合させない） */
@media (min-width: 768px){
  .wp-block-latest-posts__featured-image img{
    width:280px !important;
    height:200px !important;
  }
  .wp-block-latest-posts__featured-image{
    width:280px !important;
    margin-right:15px;
  }
}

/* SP */
@media (max-width: 767px){
  body.page-id-116 .c-page-header .c-page-header__bgimage{
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:hidden; /* はみ出し対策 */
  }
  body.page-id-116 .c-page-header .c-page-header__bgimage > img{
    position: static !important;
    margin: 0 auto !important;
    width: auto !important;
    max-width: none !important;  /* ← max-widthは外す */
    height: auto !important;
    transform: scale(1.5) !important;   /* 150%拡大 */
    transform-origin: center center !important; /* 中央基準 */
    object-fit: contain !important;
  }
  /* 1) 各アイテムをブロック化（回り込み解除） */
  .wp-block-latest-posts__list li{
    display:block;
    padding: 12px 0;
    clear: both;
  }
  .c-entry__content .wp-block-latest-posts__list li{
    display: block !important;
    clear: both;
  }	
  /* 2) サムネはフロート解除＆全幅に */
  .wp-block-latest-posts__featured-image{
    width: 100% !important;
    margin: 0 0 10px !important;
  }
  .wp-block-latest-posts__featured-image img{
    width: 100% !important;
    height: auto !important;   /* 元比率を維持 */
    max-width: 100% !important;
    border-radius: 12px;       /* 角丸はそのまま */
    object-fit: cover;  
  }
  /* 3) 文字周りの調整 */
  .wp-block-latest-posts__post-title{
    display:block;
    font-size: 1.25rem;
    line-height: 1.4;
    margin: 6px 0 6px;
    word-break: break-word;
  }
  .wp-block-latest-posts__post-date{
    display:block;
    font-size: .95rem;
    margin: 0 0 6px;
  }
  /* 4) 抜粋は2行で省略（既存の指定を整理） */
  .c-entry__content .wp-block-latest-posts__list .wp-block-latest-posts__post-excerpt{
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important; /* 行数はここで変更 */
    overflow: hidden !important;
    line-height: 1.5;
    margin: 0;
  }
  /* サムネのフロート解除＆全幅 */
  .c-entry__content .wp-block-latest-posts__featured-image,
  .c-entry__content .wp-block-latest-posts__featured-image.alignleft{
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;   /* ← flex-basis を100%に */
    margin: 0 0 10px !important; /* 下だけ余白 */
  }
  .c-entry__content .wp-block-latest-posts__featured-image img{
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    border-radius: 12px;
    object-fit: cover; /* 元比率のままで良ければ外す */
  }
  /* タイトルをブロック化して画像の下に */
  .c-entry__content .wp-block-latest-posts__post-title{
    display:block; margin:6px 0; line-height:1.4;
  }	
  [data-has-sidebar=true] .l-contents__sidebar {
        margin-top: 0;
    }
}

/*---------------------------------
下層　マップ
---------------------------------*/
.map-hero iframe { width:100% !important;max-height:600px !important;}
.button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.6em;
  font-size:1.5rem;
  padding:5px 10px;
  min-width: 320px;
  background:#ec6f3f;
  color:#fff;
  font-weight:700;
  text-decoration:none;
  border:2px solid #0b3b6e;
  border-radius:8px;
  transition:background .2s ease, transform .2s ease;
  position:relative;
  margin-top:20px;
}
.button-wrap {
  text-align: center; 
}
.button::after{
  content:"";
  display:inline-block;
  width:18px; height:18px;     /* アイコンサイズ */
  background:url('/wp-content/themes/takatsuconnect/images/icon_arrow.png') no-repeat center/contain;
  transform: translateX(0);
  transition: transform .25s ease;
  will-change: transform;
}
/* hover / focus-visible：色少し濃く＆矢印を右にスライド */
.button:hover,
.button:focus-visible{
  background:#e36230;
}
.button:hover::after,
.button:focus-visible::after{
  transform: translateX(6px);
}
/* アクティブで軽く沈む */
.button:active{ transform: translateY(1px); }
/* アクセシビリティ（キーボードフォーカス枠） */
.button:focus-visible{
  outline:3px solid #9dd7ff;
  outline-offset:2px;
}
/* 幅いっぱいにしたい場合 */
.button.is-full{ display:flex; width:100%; }

/* タグ・カテゴリー・検索フォーム */
/* 共通ボックス */
.inner_box{
  background:#f8f8f8;
  padding:50px 50px 40px 50px;
  border-radius:20px;
}
/* 各ブロック（人気タグ、カテゴリ、検索フォーム） */
.inner_box .block-row{
  display:flex;
  align-items:stretch;
  border:1px solid #71c7d1;
  margin:0 0 12px;
  overflow:hidden;
  border-radius:30px;
}
.inner_box .wp-block-tag-cloud { margin-top:6px;}
/* ラベル */
.inner_box .block-row .label{
  background:#71c7d1;
  color:#fff;
  font-weight:400;
  flex:0 0 170px;
  text-align:center;
  display:flex;  
  align-items:center;
  justify-content:center;
  padding:0;
}
/* 右側コンテンツ */
.inner_box .block-row .content{
  flex:1;
  padding:8px 12px;
  background:#fff;
	border-radius:10px;
}
/* タグクラウド */
.inner_box .wp-block-tag-cloud a{
  display:inline-block;
  background:#ffef80;   /* 黄色 */
  color:#333;
  border-radius:999px;
  padding:4px 12px;
  font-size:0.9rem !important;
  margin:0 6px 6px 0;
  text-decoration:none;
}
.inner_box .wp-block-tag-cloud a:hover{
  background:#ffd633;
}
/* カテゴリリスト */
.inner_box .cat-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  gap:12px;
}
.inner_box .current-parent-children .parent-title{ display:none !important; }
.inner_box .cat-list li a{
  color:#333;
  text-decoration:none;
}
.inner_box .cat-list li a:hover{ text-decoration:underline; }
/* ── 検索：この行だけは丸枠＋アイコン（ヘッダー/サイドと別デザイン） */
.inner_box .search-row .content{ padding:12px; }
/* アクセシビリティ用 */
.sr-only {
  position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden;
  clip:rect(0,0,0,0); white-space:nowrap; border:0;
}
/* ===== マップページ専用検索（丸枠＋右端アイコン） ===== */
.map-search.is-minimal {
  display: flex;
  align-items: center;
  gap: 0;                 /* ラベルとフォームを隣接表示 */
}
/* 「キーワード検索」ラベル（左の水色ピル） */
.block-row .label {
  background: #71c7d1;
  color: #fff;
  padding: 8px 14px;
  border-radius: 20px 0 0 20px;
  font-size: 14px;
  line-height: 1;
  display: flex;
  align-items: center;
}
/* 入力欄（強い汎用ルール対策：クラス数で上書き） */
.map-search.is-minimal .map-search__input.map-search__input[type="search"] {
  flex: 1;
  min-width: 0;
  border: none;
  padding: 0 12px;
  height: 100%;
  outline: none;
  background: #fff;
  font-size: 14px;
  box-shadow: none;
}
/* 右端のアイコンボタン */
.map-search.is-minimal .map-search__btn.map-search__btn {
  width: 38px;
  height: 38px;
  border: none;
  background: transparent;
  cursor: pointer;
  position: relative;
}
/* アイコン（データURIのSVGなのでファイル不要） */
.map-search.is-minimal .map-search__btn::before {
  content: "";
  display: block;
  width: 18px; height: 18px;
  margin: 0 auto;
  background: no-repeat center / contain
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2371c7d1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='8'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>");
}

/* ===== レイアウト微調整（親要素の並び） ===== */
.block-row {
  display: flex;
  align-items: center;
  gap: 0;
}
.block-row .content {
  flex: 1;
  display: flex;
}
.block-row .content form.map-search.is-minimal {
  flex: 1;
}

/* ===== マップ記事一覧 ===== */
.c-entries--simple, .c-entries--text, .c-entries--text2 {
	border:none !important;
} 

.p-archive .c-entries.c-entries--simple{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px 5%; /* row-gap 32px / column-gap 90px */
}

/* カード外周の枠線を削除（影は任意で残す） */
.p-archive .c-entries--simple .c-entries__item{
  border:none;
  background:#fff;
  overflow:hidden;
}
/* クリック領域はブロック化 */
.p-archive .c-entries--simple .c-entries__item > a{
  display:block;
}
/* カード内レイアウトを1列（画像→本文の縦積み）に固定 */
.p-archive .c-entries--simple .c-entry-summary{
  display: block !important;   /* ← flexやgrid指定を強制解除 */
}

/* サムネイルは全幅・16:9でトリミング */
.p-archive .c-entries--simple .c-entry-summary__figure{
  position:relative;
  aspect-ratio:16/9;
  overflow:hidden;
}
.p-archive .c-entries--simple .c-entry-summary__figure{
  width:100%; height:100%;
  object-fit:cover; display:block;
  border-radius: 10px;
}
/* サムネイルを全幅表示 */
.p-archive .c-entries--simple .c-entry-summary__figure {
  width: 100% !important;      /* ← 横幅指定をリセット */
  margin: 0;                   /* ← 不要な余白を消す */
}
/* カテゴリピル（画像左上） */
.p-archive .c-entries--simple .c-entry-summary__term{
	border-radius:0 0 0 6px !important;
}
/* 本文ブロック（タイトル・メタなど） */
.p-archive .c-entries--simple .c-entry-summary__body{
  width: 100% !important;
  padding: 12px 16px 0px;
  box-sizing: border-box;
}
/* タイトル */
.p-archive .c-entries--simple .c-entry-summary__title{
  margin:0px;
  font-size:25px;
  line-height:1.4em;
  font-weight:400;
  color:#39a6b3;
}
.c-entry-summary__header { margin:0px; }
/* 4) タイトル下の日付を非表示（map_locationは後でPHP側で出力予定） */
.p-archive .c-entries--simple .c-meta__item--published{
  display: none;
}
/* メタ（著者・日付） */
.p-archive .c-entries--simple .c-entry-summary__meta .c-meta{
  display:flex; gap:14px; align-items:center;
  color:#666; font-size:14px;
  display:none;
}
/* 「開催日時」「場所」行：トーンを落とす・行間を詰めすぎない */
.p-archive .c-entries--simple .c-entry-summary__schedule,
.p-archive .c-entries--simple .c-entry-summary__location{
	font-size:16px;
	color:#6b6b6b;
	margin:0;
	line-height:1.6;
}
.p-archive .c-entries--simple .c-entry-summary__schedule .label,
.p-archive .c-entries--simple .c-entry-summary__location .label{
  display:inline-block;
  width:5.5em;              /* 「開催日時」「場所」が揃う幅感（任意調整） */
  color:#8ea0a0;            /* ラベル側はさらに淡く */
}
.p-archive .c-entries--simple .c-entry-summary__excerpt {
  font-size: 18px;
  color: #444;
  line-height: 1.6;
  margin: 8px 0 0;
}
.p-archive .c-entries--simple .c-meta__item--author .avatar{
  width:20px; height:20px; border-radius:50%;
  margin-right:6px; vertical-align:middle;
}
/* 画像上にカテゴリピルがあるので、メタ内カテゴリは非表示 */
.p-archive .c-entries--simple .c-meta__item--categories{ display:none; }
.c-entry-summary__meta { margin:0px; }
.c-entries--simple .c-entries__item>a { padding:0px; }

/* スマホは1列 */
@media (max-width:768px){
  .p-archive .c-entries.c-entries--simple{ grid-template-columns:1fr; gap:20px; }
}
/* スマホ 各ブロック（人気タグ、カテゴリ、検索フォーム） */
@media (max-width: 767px) {
  .inner_box{ padding: 24px 16px 20px; }
  /* 親枠の上余白 */
  .inner_box { 
    margin-top: 16px;
    background: #f8f8f8;
    padding: 24px 16px 10px;
    border-radius: 14px;
  }
  /* 各ブロック：外枠ボーダー＋角丸、ラベルと内容を密着 */
  .inner_box .block-row{
    display: block;
    margin: 0 0 18px;
    border: 1px solid #71c7d1;   /* PCデザイン継承：外周ボーダー */
    border-radius: 12px;
    background: transparent;
    overflow: hidden;             /* 角丸内に子要素を収める */
  }
  /* ラベル（上段ティール帯） */
  .inner_box .block-row .label{
    width: 100%;
    background: #71c7d1;
    color: #fff;
    text-align: center;
    padding: 10px 14px;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.2;
    border-radius: 12px 12px 0 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;      /* 完全センター */
  }
  /* 内容（下段の白カード） */
  .inner_box .block-row .content{
    width: 100%;
    margin-top: 0;                /* ラベルとの隙間なし */
    padding: 14px;
    background: #fff;
    border: none;                 /* 内側ボーダーは消す */
    border-radius: 0 0 12px 12px;
    display: block;
  }
  /* 人気タグ：余白最適化 */
  .inner_box .wp-block-tag-cloud { 
    margin: 4px 0 0;
  }
  .inner_box .wp-block-tag-cloud a{
    display: inline-block;
    background: #ffef80;
    color: #333;
    border-radius: 999px;
    padding: 6px 12px;
    font-size: 14px !important;
    line-height: 1.2;
    margin: 0 8px 8px 0;
    text-decoration: none;
  }
  /* カテゴリー：レイアウトのみ（矢印はPC側CSSに任せる） */
  .inner_box .cat-list{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .inner_box .cat-list li{
    display: inline-flex;
    align-items: center;
  }
  .inner_box .cat-list li a{
    color: #333;
    text-decoration: none;
    font-size: 15px;
  }
  .inner_box .cat-list li a:hover{ text-decoration: underline; }
  .inner_box .current-parent-children .parent-title{ display:none !important; }
  /* キーワード検索：外枠内に丸枠の検索フィールド。右はみ出し防止 */
  .inner_box .search-row .content{
    padding: 0;
    border: none;
    background: transparent;
  }
  .block-row .content form.map-search.is-minimal{
    box-sizing: border-box;
    width: 100%;
    height: 46px;
    padding-left: 12px;          /* 右はボタン幅で調整 */
    border: 1px solid #e0e6e8;
    border-radius: 10px;
    background: #fff;
    display: flex;
    align-items: center;
    gap: 0;
  }
  .map-search.is-minimal .map-search__input[type="search"]{
    flex: 1;
    min-width: 0;                /* はみ出し防止 */
    height: 100%;
    border: none;
    outline: none;
    background: transparent;
    font-size: 15px;
    padding-right: 0;
    box-shadow: none;
  }
  .map-search.is-minimal .map-search__btn{
    flex: 0 0 46px;
    width: 46px; height: 46px;
    border: none;
    background: transparent;
    cursor: pointer;
    position: relative;
  }
  .map-search.is-minimal .map-search__btn::before{
    content: "";
    display: block;
    width: 20px; height: 20px; margin: 0 auto;
    background: no-repeat center / contain
      url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2371c7d1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='8'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>");
  }
}
/*---------------------------------
各記事詳細ページ
---------------------------------*/
.p-trackbacks.c-entry-aside { display:none !important; }	/* ピンバック非表示 */
.p-comments.c-entry-aside { display:none !important; }	/* コメント非表示 */
.c-entry__footer { display:none !important; }	/* 新旧記事ナビ非表示 */

/* 見出し */
.single h1.c-entry__title {
	font-size:2rem !important;
	line-height:1.3em !important;
	text-align:left !important;
	margin-bottom:1rem;
	color:#39a6b3;
}
.single h1.c-entry__title::after { display:none; }
.single h2.wp-block-heading {
	font-size:1.5rem !important;
	line-height:1.3em !important;
	text-align:left !important;
	font-weight:500 !important;
	background:none !important;
	border-bottom:1px solid #000 !important;
	padding-bottom:0.7em !important;
	margin-top:1em !important;
	margin-bottom:1em !important;
	border-radius:0;
}
:where(.p-entry-content)>:where(h2:not([class*=is-style-]),h2.is-style-default) { border-left:none; }
.single .c-entry__body h3.wp-block-heading {
	font-size:1rem !important;
	line-height:1em !important;
	text-align:left !important;
	font-weight:400 !important;
	color:#fff;
	background:#71c7d1 !important;
	padding:0.7em 0.7em 0.5em !important;
	margin-top:1em !important;
	margin-bottom:1em !important;
	border-radius:8px;
}
/* カスタムフィールド */
.event-meta-top {
	border:2px solid #ed6d3d;
	border-radius:15px;
	padding:15px 20px !important;
	margin-top:20px;
}
.event-meta-top p { margin:0 !important; }
.event-meta-top .label { font-weight:bold;}
.event-meta-top .label::after { content:":";}
/* メタ情報 */
.c-meta { display:none; } /* 既存メタ情報は非表示 */
.entry-meta-top{ margin: 8px 0 5px; }
.entry-meta-top p { margin: 0px !important; }
.entry-meta-top__updated{
  margin:0 0 5px; color:#6b6b6b; font-size:14px;
}
.entry-meta-top__cats{
  margin:0 0 5px; color:#333; font-size:14px;
}
.c-entry-tags { display:none; } /* 下部のタグは非表示 */
/* タグ：黄色ピル + # 表記 */
.entry-meta-top__tags{
  display:flex; flex-wrap:wrap; gap:8px;
  margin:0.5em 0 0 0; padding:0; list-style:none;
}
.entry-meta-top__cats a {
	text-decoration:none;
	font-size:1rem;
}
/* 本文 */
.single .c-entry__body p,.single .event-content p {font-size:18px;margin-top: 30px;}
.single .l-contents__main p { margin-top: 30px !important; }

/* ライターカード */
.wp-profile-box {
	background-color:#fff;
	border:3px solid #aad9de;
	position:relative;
	border-radius:20px;
	margin-top:50px;
}
.wp-profile-box .wp-profile-box__title {
	background-color:#aad9de;
	color:#fff;
	font-size:13px;
	font-weight:400;
	position:absolute;
	top:-18px;
	left:30px;
	border-radius:100px;
	padding:0.8em 0.8em 0.6em;
	line-height:1em;
}
.wp-profile-box__figure img { width:125px; }
.wp-profile-box__name {
	font-size:20px;
	margin-top:1em;
}
.wp-profile-box__archives-btn, .wp-profile-box__detail-btn { color:#ed6d3d;border-color:#ed6d3d; }
.wp-profile-box__archives-btn { padding:0.5em 1em; }



/*---------------------------------
マップ投稿フォーム
---------------------------------*/
.map-submit-form{
  background:#f7f7f7;
  border-radius:20px;
  padding:80px;
}
/* 行レイアウト：左ラベル / 右入力（PC） */
.map-submit-form .form-row{
  display:grid;
  grid-template-columns: 320px 1fr; /* ラベル幅 / 入力幅 */
  gap:12px 20px;
  align-items:start;
  padding:14px 0;
}

/* ラベル側 */
.map-submit-form .form-row__label{
  display:flex;
  align-items:center;
  gap:8px;
  color:#333;
  font-weight:700;
}
.map-submit-form .is-required{
  display:inline-block;
  font-weight:700;
  font-size:12px;
  line-height:1;
  padding:3px 6px;
  color:#fff;
  background:#ff7a45; /* 必須バッジ */
  border-radius:9999px;
}

/* 入力側：共通 */
.map-submit-form .form-row__field input[type="text"],
.map-submit-form .form-row__field input[type="email"],
.map-submit-form .form-row__field input[type="tel"],
.map-submit-form .form-row__field input[type="url"],
.map-submit-form .form-row__field input[type="search"],
.map-submit-form .form-row__field input[type="number"],
.map-submit-form .form-row__field textarea,
.map-submit-form .form-row__field select{
  width:100%;
  box-sizing:border-box;
  background:#fff;
  border:1px solid #d7dee2;
  border-radius:10px;
  padding:12px 14px;
  font-size:16px;
  line-height:1.5;
  outline:0;
  transition:border-color .15s ease, box-shadow .15s ease;
}

/* フォーカス */
.map-submit-form .form-row__field input:focus,
.map-submit-form .form-row__field textarea:focus,
.map-submit-form .form-row__field select:focus{
  border-color:#71c7d1;
  box-shadow:0 0 0 3px rgba(113,199,209,.2);
}

/* テキストエリア高さ */
.map-submit-form .form-row__field textarea{
  min-height:160px;
  resize:vertical;
}

/* ファイル入力（システムUIを尊重しつつ整える） */
.map-submit-form .form-row__field input[type="file"]{
  display:inline-block;
  background:#f3f5f6;
  border:1px solid #d7dee2;
  border-radius:8px;
  padding:8px 10px;
  font-size:14px;
}
.map-submit-form .hint{
  margin:.5em 0 0;
  font-size:12px;
  color:#7a8a91;
}

/* 送信ボタン */
.map-submit-form .btn-submit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.6em;
  font-size:1.5rem;
  padding:5px 10px;
  min-width: 320px;
  background:#ec6f3f;
  color:#fff;
  font-weight:700;
  text-decoration:none;
  border:2px solid #0b3b6e;
  border-radius:8px;
  transition:background .2s ease, transform .2s ease;
  position:relative;
  display: inline-flex;
  margin-top:20px;
  cursor: pointer;
}
.map-submit-form .button-wrap {
  text-align: center; 
}
.map-submit-form .btn-submit::after{
  content:"";
  display:inline-block;
  width:18px; height:18px;     /* アイコンサイズ */
  background:url('/wp-content/themes/takatsuconnect/images/icon_arrow.png') no-repeat center/contain;
  transform: translateX(0);
  transition: transform .25s ease;
  will-change: transform;
}
/* hover / focus-visible：色少し濃く＆矢印を右にスライド */
.map-submit-form .btn-submit:hover,
.map-submit-form .btn-submit:focus-visible{
  background:#e36230;
}
.map-submit-form .btn-submit:hover::after,
.map-submit-form .btn-submit:focus-visible::after{
  transform: translateX(6px);
}
/* アクティブで軽く沈む */
.map-submit-form .btn-submit:active{ transform: translateY(1px); }
/* 行末の余白を少し詰める（ボタン行など） */
.map-submit-form .form-row:last-child{ padding-bottom:6px; }
/* プレースホルダー色 */
.map-submit-form ::placeholder{ color:#b6c2c7; }
/* SP：1カラムに切替（ラベルが上、入力が下） */
@media (max-width: 768px){
  .map-submit-form{ padding:18px 14px; }
  .map-submit-form .form-row{
    grid-template-columns: 1fr;
    gap:8px;
    padding:12px 0;
  }
  .map-submit-form .form-row__label{
    font-size:17px;
  }
  .map-submit-form .form-row__field input,
  .map-submit-form .form-row__field textarea{
    font-size:15px;
  }
}
/* 必須欄に戻る処理 */
input, select, textarea, .tc-input, .tc-field {
  scroll-margin-top: calc(var(--tc-offset, 96px) + 64px);
}
html { scroll-behavior: auto; }
/* プライバシーポリシーの同意行 */
.form-row.form-row--consent {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-template-columns: none;
}
.form-row.form-row--consent label {
  margin: 0;
  text-align: center;
}

/*---------------------------------
フッター
---------------------------------*/
.l-footer { background-color:#ed6d3d; } /* キーカラー */
.l-footer--footer-2 .l-footer__body { border:none; } /* リセット */
.l-footer__footer { background-color:#ed6d3d !important;} /* リセット */
.l-footer__copyright  {text-align:center !important;color:#fff; }
.l-footer .c-row__col--lg-fit { flex:1 auto !important;}
.smb-section.footer-top { padding:0px !important; }
.l-footer .c-site-branding__title { text-align:center; }
.l-footer .c-site-branding__title img { filter: brightness(0) invert(1); }
#menu-footer-menu {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 2rem;
  row-gap: 0.5rem;
  margin: 0;
  padding: 0;
  align-items: start;
  align-content: start;
  max-width: 860px;
  margin:0 auto;
}
#menu-footer-menu li {
  list-style: none;
  margin: 0;
  text-align:left !important;
}
#menu-footer-menu li a {
  font-size:18px;
  font-weight:normal;
  color:#fff;
}
.footer-menu li:nth-child(-n+3) { grid-column: 1; }
.footer-menu li:nth-child(n+4):nth-child(-n+8) { grid-column: 2; } 
.footer-menu li:nth-child(n+9) { grid-column: 3; }  

/* スマホ */
@media (max-width: 768px){
  #menu-footer-menu {
    display:flex !important;
	flex-direction: column !important;
	justify-content: center;
	  align-content: center;
	  align-items:center;
  }
}
/* スマホ 共通定義・リセット */
@media (max-width:768px){
  .c-entry__header .c-entry__title {
    text-align: center;
    margin-bottom: 20px;   /* h1 */
  }
}

/*---------------------------------
アニメーション
---------------------------------*/
.u-fadein{
  opacity: 1;
  transform: translate3d(0,0,0);
  transition: opacity var(--duration,.6s) ease, transform var(--duration,.6s) ease;
  transition-delay: var(--delay,0s);
  will-change: opacity, transform;
}

/* JS有効時の初期状態：has-js でも js-fade-ready でも隠す */
html.has-js .u-fadein,
.js-fade-ready .u-fadein{
  opacity: 0;
  transform: translate3d(0, var(--distance,12px), 0);
}

/* 方向バリエーション（必要分だけ） */
html.has-js .u-fadein--up,    .js-fade-ready .u-fadein--up    { transform: translate3d(0, calc(var(--distance,12px) * -1), 0); }
html.has-js .u-fadein--left,  .js-fade-ready .u-fadein--left  { transform: translate3d(calc(var(--distance,12px) * -1), 0, 0); }
html.has-js .u-fadein--right, .js-fade-ready .u-fadein--right { transform: translate3d(var(--distance,12px), 0, 0); }

/* 可視化 */
html.has-js .u-fadein.is-in,
.js-fade-ready .u-fadein.is-in{
  opacity: 1;
  transform: translate3d(0,0,0);
}

/* 追加画像ブロック（本文先頭の挿入分） */
.event-extra-images--top { margin-bottom: 1.5rem; }
.event-extra__figure { margin: 0 0 1rem; }

/* 画像をメインカラム幅いっぱいに */
.event-extra__img {
  display: block;
  width: 100%;
  height: auto;
}

/* もしテーマ側の figure に max-width 制約がある場合の保険 */
.event-extra__figure img {
  max-width: 100%;
  height: auto;
}

/*---------------------------------
編集部員ライターページ
---------------------------------*/

body.page-id-41 .l-contents__inner {
    max-width: none !important;  /* 固定幅解除 */
    width: 100% !important;      /* 画面幅いっぱいに */
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
}

/*---------------------------------
問い合わせ
---------------------------------*/
.smf-item__description {
	font-size:12px;
	color:#e62c2c;
}
.smf-text-control input,textarea{
	border-radius:8px;
	border:1px solid #9c9c9c;
	padding:0.5em;
}
.contact-text {	width:100% !important; }

/* 送信ボタン */
.smf-action .smf-button-control__control{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.6em;
  font-size:1.5rem;
  padding:5px 10px;
  min-width: 320px;
  background:#ec6f3f;
  color:#fff;
  font-weight:700;
  text-decoration:none;
  border:2px solid #0b3b6e;
  border-radius:8px;
  transition:background .2s ease, transform .2s ease;
  position:relative;
  display: inline-flex;
  margin-top:20px;
  cursor: pointer;
}
.map-submit-form .button-wrap {
  text-align: center; 
}
.smf-action .smf-button-control__control::after{
  content:"";
  display:inline-block;
  width:18px; height:18px;     /* アイコンサイズ */
  background:url('/wp-content/themes/takatsuconnect/images/icon_arrow.png') no-repeat center/contain;
  transform: translateX(0);
  transition: transform .25s ease;
  will-change: transform;
}
/* hover / focus-visible：色少し濃く＆矢印を右にスライド */
.smf-action .smf-button-control__control:hover,
.smf-action .smf-button-control__control:focus-visible{
  background:#e36230;
}
.smf-action .smf-button-control__control:hover::after,
.smf-action .smf-button-control__control:focus-visible::after{
  transform: translateX(6px);
}

/*---------------------------------
WP6.9対策
---------------------------------*/
@media (min-width: 782px) {
  .wp-block-columns {
    flex-wrap: nowrap !important;
  }
}
.wp-block-buttons.is-content-justification-center {
    justify-content: center;
}
@media (min-width: 782px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 0;
        flex-grow: 1;
    }
}
:root {
--wp--preset--color--sm-accent: var(--accent-color);
}
:root {
    --wp--preset--aspect-ratio--square: 1;
    --wp--preset--aspect-ratio--4-3: 4 / 3;
    --wp--preset--aspect-ratio--3-4: 3 / 4;
    --wp--preset--aspect-ratio--3-2: 3 / 2;
    --wp--preset--aspect-ratio--2-3: 2 / 3;
    --wp--preset--aspect-ratio--16-9: 16 / 9;
    --wp--preset--aspect-ratio--9-16: 9 / 16;
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--color--sm-accent: var(--accent-color);
    --wp--preset--color--sm-sub-accent: var(--sub-accent-color);
    --wp--preset--color--sm-text: var(--_color-text);
    --wp--preset--color--sm-text-alt: var(--_color-white);
    --wp--preset--color--sm-lightest-gray: var(--_lightest-color-gray);
    --wp--preset--color--sm-lighter-gray: var(--_lighter-color-gray);
    --wp--preset--color--sm-light-gray: var(--_light-color-gray);
    --wp--preset--color--sm-gray: var(--_color-gray);
    --wp--preset--color--sm-dark-gray: var(--_dark-color-gray);
    --wp--preset--color--sm-darker-gray: var(--_darker-color-gray);
    --wp--preset--color--sm-darkest-gray: var(--_darkest-color-gray);
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
    --wp--preset--font-size--small: 13px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 36px;
    --wp--preset--font-size--x-large: 42px;
    --wp--preset--font-size--sm-xs: 0.8rem;
    --wp--preset--font-size--sm-s: 0.88rem;
    --wp--preset--font-size--sm-m: 1rem;
    --wp--preset--font-size--sm-l: 1.14rem;
    --wp--preset--font-size--sm-xl: 1.33rem;
    --wp--preset--font-size--sm-2-xl: 1.6rem;
    --wp--preset--font-size--sm-3-xl: 2rem;
    --wp--preset--font-size--sm-4-xl: 2.66rem;
    --wp--preset--font-size--sm-5-xl: 4rem;
    --wp--preset--font-size--sm-6-xl: 8rem;
    --wp--preset--spacing--20: var(--_s-2);
    --wp--preset--spacing--30: var(--_s-1);
    --wp--preset--spacing--40: var(--_s1);
    --wp--preset--spacing--50: var(--_s2);
    --wp--preset--spacing--60: var(--_s3);
    --wp--preset--spacing--70: var(--_s4);
    --wp--preset--spacing--80: var(--_s5);
    --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
    --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
    --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
    --wp--custom--slim-width: 46rem;
    --wp--custom--content-width: var(--_global--container-max-width);
    --wp--custom--content-wide-width: var(--_global--container-max-width);
    --wp--custom--has-sidebar-main-basis: var(--wp--custom--slim-width);
    --wp--custom--has-sidebar-sidebar-basis: 336px;
}