main:is(.is-layout-constrained) h1.wp-block-post-title {
	padding-block-start: 4rem;
}

ul.wp-block-list {
	padding-left: 1rem;
}

.wp-block-post-content ul.wp-block-list.asterisk {
	max-width: initial;
	list-style-type: none;
	padding-left: 0;
	margin-left: 0 !important;
	margin-right: 0 !important;
	font-size: 0.9rem;
}

.wp-block-post-content ul.wp-block-list.asterisk li {
	text-indent: -1em;
	padding-left: 1em;
	line-height: 1.6;
	margin-bottom: 0.5rem;
}

ul.wp-block-list.asterisk li::marker {
  content: "※ ";
}

.no-image {
	width: 100%;
	/*aspect-ratio: 4 / 3;*/
	border-radius: var(--radius-sm);
	border: var(--border-width-sm) solid var(--color-border-default);
	background: linear-gradient(135deg, #d7dde5, #9aa3b8);
}

/* =====================================================
   sample-topスタイル
   ===================================================== */
:root {
--wp--preset--color--text-main: var(--wp--preset--color--gc-ai-iro);
}

body.sample-top {
	/*font-family: var(--wp--preset--font-family--mincho);*/
	font-family: var(--wp--preset--font-family--noto-sans-mono);
}

.sec-header { padding: 0;}

.wp-block-heading {
	color: var(--wp--preset--color--text-main);
	text-align: center;
}

.sample-top section ul h1,
.sample-top section ul h2,
.sample-top section ul h3,
.sample-top section ul h4,
.sample-top section ul h5,
.sample-top section ul h6 { text-align: left;}

@media (max-width: 768px) {
	.sec-header p { text-align: left;}
	
	.sample-top section h1,
	.sample-top section h2,
	.sample-top section h3,
	.sample-top section h4,
	.sample-top section h5,
	.sample-top section h6 { text-align: left;}
}

/* =====================================================
   1. 業種別スタイル (Industry Styles)
   ===================================================== */
.front-garan {
  h1,h2,h3,h4,h5,h6,strong,
  h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,strong a {
    color: var(--wp--preset--gc-color--ai-iro);
  }

  .wp-block-button__link {
  *background-color: var(--wp--preset--color--gc-ai-iro);
  }

  .is-style-outline .wp-block-button__link {
  	color: var(--wp--preset--color--ai-iro);
  	background-color: color-mix(in srgb, var(--wp--preset--color--gc-kinari-iro), transparent 75%);
  }
}

.case-thumb {
	width: 100%;
	aspect-ratio: 4 / 3;
	background: linear-gradient(135deg, #d7dde5, #9aa3b8);
	display: flex;
	justify-content: center;
	align-items: center;
}

.tech-tag {
	font-size: 11px;
	color: var(--gc-gofun-iro);
	background: var(--gc-asagi-iro);
	padding: 4px 10px;
	margin-bottom: 10px;
	display: inline-flex;
	align-items: center;
	border-radius: 999px;
}

/* A: 和菓子・飲食店 */
.page-demo-wagashi {
  h2,h3,h4,h5,h6,strong,
  h2 a,h3 a,h4 a,h5 a,h6 a,strong a {
    color: var(--wp--preset--color--gc-rikyu-cha-iro);
  }

  .wp-block-button__link {
  	background-color: var(--wp--preset--color--gc-rikyu-cha-iro);
  }

  .is-style-outline .wp-block-button__link {
  	color: var(--wp--preset--color--rikyu-cha-iro);*/
  	background-color: color-mix(in srgb, var(--wp--preset--color--gc-kinari-iro), transparent 75%);
  }
}

/*
以下、現状使うべき記法だそうな
※ CSS Nesting は仕様策定済みですが、WordPress のビルド・互換性前提では まだ使うべきではありません。
.front-garan h1,
.front-garan h2,
.front-garan h3,
.front-garan h4,
.front-garan h5,
.front-garan h6,
.front-garan strong,
.front-garan h1 a,
.front-garan h2 a,
.front-garan h3 a,
.front-garan h4 a,
.front-garan h5 a,
.front-garan h6 a,
.front-garan strong a {
  color: var(--wp--preset--color--ai-iro);
}

.front-garan .wp-block-button__link {
  background-color: var(--wp--preset--color--ai-iro);
}

.front-garan .is-style-outline .wp-block-button__link {
  color: var(--wp--preset--color--ai-iro);
  background-color: color-mix(
    in srgb,
    var(--wp--preset--color--kinari-iro),
    transparent 75%
  );
}


.page-demo-wagashi h2,
.page-demo-wagashi h3,
.page-demo-wagashi h4,
.page-demo-wagashi h5,
.page-demo-wagashi h6,
.page-demo-wagashi strong,
.page-demo-wagashi h2 a,
.page-demo-wagashi h3 a,
.page-demo-wagashi h4 a,
.page-demo-wagashi h5 a,
.page-demo-wagashi h6 a,
.page-demo-wagashi strong a {
  color: var(--wp--preset--color--rikyu-cha-iro);
}

.page-demo-wagashi .wp-block-button__link {
  background-color: var(--wp--preset--color--rikyu-cha-iro);
}

.page-demo-wagashi .is-style-outline .wp-block-button__link {
  color: var(--wp--preset--color--rikyu-cha-iro);
  background-color: color-mix(
    in srgb,
    var(--wp--preset--color--kinari-iro),
    transparent 75%
  );
}
*/

/* 製造業 */
.manufacturing {
	--color-shiro-nezumi: #BDC0BA;
  --font-base: "Noto Sans JP", sans-serif;
  font-family: var(--font-base);
}

.manufacturing h1,
.manufacturing h2,
.manufacturing h3,
.manufacturing h4,
.manufacturing h5,
.manufacturing h6,
.manufacturing strong,
.manufacturing h2 a,
.manufacturing h3 a,
.manufacturing h4 a,
.manufacturing h5 a,
.manufacturing h6 a,
.manufacturing strong a {
  color: var(--gc-ruri-iro);
}

.manufacturing .wp-block-button__link {
  background-color: var(--gc-ruri-iro);
}

.manufacturing .is-style-outline .wp-block-button__link {
  color: var(--gc-ruri-iro);
  background-color: color-mix(
    in srgb,
    var(--wp--preset--color--gc-kinari-iro),
    transparent 75%
  );
}
 
.manufacturing #hero {
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

.manufacturing #hero .hero-txt-area {
  background-color: #ffffff;
  padding-top: var(--wp--preset--spacing--xl);
	padding-right: var(--wp--preset--spacing--m);
  padding-bottom: var(--wp--preset--spacing--xl);
  padding-left: var(--wp--preset--spacing--xl);
}

@media (max-width: 768px) {
	.manufacturing #hero .hero-txt-area {
	  padding-left: var(--wp--preset--spacing--m);
	}
}

.manufacturing p.section-header__label {
  color: var(--gc-asagi-iro);
	font-size: 1rem;
}

@media (max-width: 768px) {
  footer .is-layout-flex {
    flex-direction: column;
  }
}

.manufacturing section#company {
	background: var(--color-shiro-nezumi);
	/*color: var(--color-shiro-nezumi);*/
}

.manufacturing section#contact {
	background: var(--gc-kon-iro);
	color: var(--color-shiro-nezumi);
}

.manufacturing section#contact .tel a strong {
	color: var(--gc-gofun-iro);
}

.manufacturing section#contact .wp-block-heading {
	color: var(--gc-gofun-iro);
}

/* ========================================
   ナビゲーションメニューの修正
   ======================================== */

/* サブメニューの幅を広げる */
.wp-block-navigation__submenu-container {
  min-width: 280px;
  width: max-content;
  max-width: 350px;
}

/* テキストの折り返しを許可 */
.wp-block-navigation__submenu-container .wp-block-navigation-item__label {
  white-space: normal;
  word-wrap: break-word;
  line-height: 1.5;
}

/* サブメニュー項目のパディングを調整 */
.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
  padding: 12px 20px;
  display: block;
}

/* サブメニューの背景とボーダーを調整（必要に応じて） */
.wp-block-navigation__submenu-container {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}