/* WordPress Gallery
------------------------------------------ */

.gallery {
	margin-left: -0.5em;
	margin-right: -0.5em;
}

.gallery:after {
	display: table;
	content: "";
	clear: both;
}

.gallery-item {
	margin: 0;
	float: left;
	padding: 0.5em;
}

.gallery-item img {
	width: 100%;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
	float: none;
}

.gallery-columns-2 .gallery-item {
	width: 50%
}

.gallery-columns-3 .gallery-item {
	width: 33.3333%
}

.gallery-columns-4 .gallery-item {
	width: 25%
}

.gallery-columns-5 .gallery-item {
	width: 20%
}

.gallery-columns-6 .gallery-item {
	width: 16.6667%
}

.gallery-columns-7 .gallery-item {
	width: 14.2857%
}

.gallery-columns-8 .gallery-item {
	width: 12.5%
}

.gallery-columns-9 .gallery-item {
	width: 11.1111%
}

.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
	clear: left;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	background: #fff;
	border: 1px solid #f0f0f0;
	max-width: 96%; /* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

.wpadminbar {
	z-index: 99999!important;
}

@media (min-width: 751px) {
	.c-history__table tbody tr th br {
		display: none;
	}
	.l-footer__sns>ul>li {
		margin-right: 1.2rem;
	}
	.c-relation.is-twocolumns .c-relation__list li:nth-child(2){
		margin-right: 0;
	}
}

.c-button.is-arrow-left:after {
	content: "";
	transform: rotate(180deg) translateY(50%);
}

.c-card-gallery__image {
	width: 100%;
	height: 220px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

@media (max-width: 750px) {
	.c-history__table tbody tr th br {
		height: 180px;
	}
}

.c-post-navs__prev.c-button.is-sm.is-arrow-left:after {
	transform: rotate(0deg) translateY(-50%);
}
.c-forms__submit .c-button.is-lg{
	border: none;
}
/* 20240606 */
.c-banner-button__image.is-iframe {
	height: 310px;
}
.c-banner-button__image.is-iframe iframe {
	display: block;
	width: 100%;
	height: 100%;
}

@media screen and (min-width: 0em) and (max-width: 46.8125em) {
	.c-banner-button__image.is-iframe {
			height: 170px;
	}
}
.l-global-nav ul li a {
	padding: 12px 4px;
}
@media screen and (max-width: 1140px) {
	.l-global-nav ul li a {
		font-size: 14px;
	}

}

@media screen and (max-width: 1140px) {
	.l-header__submenu{
		margin-left: 1.5rem;
	}
	.l-header__submenu li {
		margin-right: 8px;
	}
}


.c-banner-button__title {
	margin-top: 1rem;
	font-size: 1.375rem;
	line-height: 1.3;
	letter-spacing: 0.1em;
	text-align: center;
	font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif;
	font-weight: 700;
	color: rgb(133, 201, 40);
}
.c-banner-button__block:has(.c-banner-button__image.is-iframe) {
	margin-bottom: 40px;
}
@media screen and (min-width: 0em) and (max-width: 46.8125em) {
	.c-banner-button__block:has(.c-banner-button__image.is-iframe) {
		margin-bottom: 30px;
	}
	.c-banner-button__title {
		margin-top: 14px;
		font-size: 16px;
	}
}


.ui-datepicker select{
	display: inline-block;
	width: auto;
	height: auto;
}

/* ヘッダーの電話番号を非表示 */
.l-header__tel {
	display: none !important;
}

/* ヘッダーボタンの位置 */
.l-header__button {
	position: absolute !important;
	/* top: 0px !important; */
	/* right: 0 !important; */
	top: -40px !important;
	right: 0 !important;
	z-index: 10002 !important;
}

/* ヘッダーボタンのスタイル */
.l-header__button > a {
	color: #FCF9E8 !important;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif !important;
	font-weight: 700 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	letter-spacing: 0.05em !important;
	line-height: 1.33333 !important;
	width: 250px !important;
	height: 55px !important;
	/* border-radius: 80px !important; */
	text-decoration: none !important;
	text-align: center !important;
	font-size: 1.125rem !important;
	font-weight: bold !important;
	background-image: url(https://utsukushinomori-preschoolers.grgr.blue/wp-content/themes/utsukushinomori-html/dist/assets/images/head-btn-bg.jpg) !important;
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	box-shadow: none !important;
}

/* ヘッダー左側の木のイラスト */
.c-header-reaf:before {
	content: '' !important;
	display: block !important;
	width: 255px !important;
	height: 262px !important;
	background-image: url(/wp-content/themes/utsukushinomori-html/dist/assets/images/illust_tree.svg) !important;
	background-repeat: no-repeat !important;
	background-position: bottom left !important;
	background-size: 80% !important;
	position: absolute !important;
	top: 20px !important;
	left: 50px !important;
	z-index: 3 !important;
}

/* ヘッダー右側の鳥イラストの調整 */
.c-header-reaf:after {
	width: 278px !important;
	height: 284px !important;
	background-image: url(/wp-content/themes/utsukushinomori-html/dist/assets/images/illust_bird.svg) !important;
	background-repeat: no-repeat !important;
	background-position: bottom left !important;
	background-size: cover !important;
	top: 12px !important;
	right: 52px !important;
}

/* メインビジュアルのテキスト画像 */
.c-main-visual__text img {
	width: 100% !important;
	max-width: 40rem !important;
	height: auto !important;
	margin: 0 auto !important;
}

/* カード投稿の画像 */
.c-card-post__image img {
	width: 100% !important;
	height: auto !important;
	border-radius: 20px !important;
}

/* フロントページ中央の見出しの装飾を削除 */
.c-heading__wrap.is-content-frontpage-middle:before,
.c-heading__wrap.is-content-frontpage-middle:after {
	display: none !important;
}

/* カードタイトルのスタイル */
.c-card__title {
	margin-bottom: 20px !important;
	font-weight: 700 !important;
	font-size: 1.375rem !important;
	line-height: 1 !important;
	letter-spacing: 0.1em !important;
	text-align: center !important;
	color: #7AC129 !important;
}

/* ボタンのスタイル */
.c-button, .c-button-social>a {
	outline: none !important;
	display: inline-block !important;
	width: 100% !important;
	text-align: center !important;
	background-color: #8A6553 !important;
	color: #FCF9E8 !important;
	letter-spacing: 0.1em !important;
	line-height: 1.75 !important;
	text-decoration: none !important;
	border-radius: 1000px !important;
	padding: .75rem 1.5rem !important;
	position: relative !important;
	transition: all .3s !important;
	font-weight: 700 !important;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15) !important;
}

/* セクション上部の装飾（左） */
.l-section.is-content-top-deco .l-section__inner:before {
	content: '' !important;
	display: block !important;
	width: 271px !important;
	height: 273px !important;
	background-image: url(/wp-content/themes/utsukushinomori-html/dist/assets/images/illust_bubble_left_01.svg) !important;
	background-repeat: no-repeat !important;
	background-position: bottom left !important;
	background-size: 80% !important;
	position: absolute !important;
	top: -70px !important;
	left: 150px !important;
	z-index: 11 !important;
}

/* セクション上部の装飾（右） */
.l-section.is-content-top-deco .l-section__inner:after {
	content: '' !important;
	display: block !important;
	width: 269px !important;
	height: 278px !important;
	background-image: url(/wp-content/themes/utsukushinomori-html/dist/assets/images/illust_bubble_right_01.svg) !important;
	background-repeat: no-repeat !important;
	background-position: bottom left !important;
	background-size: 70% !important;
	position: absolute !important;
	top: 230px !important;
	right: 0 !important;
	z-index: 11 !important;
}

/* フロントページ中央の見出しにリスのイラスト */
.c-heading__wrap.is-content-frontpage-middle .u-text-center:after {
	content: '' !important;
	display: block !important;
	width: 173px !important;
	height: 144px !important;
	background-image: url(/wp-content/themes/utsukushinomori-html/dist/assets/images/illust_risu.svg) !important;
	background-repeat: no-repeat !important;
	background-position: bottom left !important;
	background-size: cover !important;
	position: absolute !important;
	top: -156px !important;
	right: 0 !important;
	z-index: 1 !important;
}

/* 緑色 #0C8346 をピンク色 #EC7AA1 に変更（安全な方法） */
/* ヘッダーサブメニュー */
.l-header__submenu a {
	color: #EC7AA1 !important;
}

/* カード投稿の日付 */
.c-card-post__date {
	color: #EC7AA1 !important;
}

/* サイドバー */
.c-slidebar__item a {
	color: #EC7AA1 !important;
}

/* ピックアップニュースのカテゴリ */
.c-pickup-news__category {
	color: #EC7AA1 !important;
}

/* カード投稿2番目の要素のマージントップを削除 */
.c-card-post.is-max-width .c-card-post__block:nth-child(2) {
	margin-top: 0 !important;
}

/* カード投稿のタイトル */
.c-card-post__title {
	text-align: center !important;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif !important;
	font-weight: 700 !important;
	font-size: 1.625rem !important;
	letter-spacing: 0.1em !important;
	line-height: 1.15385 !important;
	margin-top: 45px !important;
	margin-bottom: 20px !important;
	color: #7AC129 !important;
}

/* カードギャラリーのカテゴリ */
.c-card-gallery__category {
	text-decoration: none !important;
	transition: all .3s !important;
	position: absolute !important;
	top: -12px !important;
	left: 20px !important;
	z-index: 100 !important;
	display: inline-block !important;
	color: #FCF9E8 !important;
	padding-top: .1875rem !important;
	padding-bottom: .1875rem !important;
	min-width: 7.5rem !important;
	border-radius: 1000px !important;
	background-color: #8A6553 !important;
	text-align: center !important;
	font-size: .8125rem !important;
}

/* カードギャラリーの日付 */
.c-card-gallery__date {
	font-family: 'Roboto', sans-serif !important;
	font-weight: 700 !important;
	margin-bottom: .875rem !important;
	text-align: left !important;
	color: #7AC129 !important;
	font-size: .8125rem !important;
	line-height: 1.46154 !important;
}

/* オファー見出し */
.l-offer__heading {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif !important;
	font-weight: 700 !important;
	margin-top: 0 !important;
	margin-bottom: 3.5rem !important;
	color: #7AC129 !important;
	font-size: 1.875rem !important;
	line-height: 1 !important;
	letter-spacing: 0.1em !important;
}

/* 見出しのspan要素の色 */
.c-heading.is-xlg span,
.l-post-content h2.is-xlg span,
#tinymce.post-type-post h2.is-xlg span,
#tinymce.post-type-page h2.is-xlg span,
#tinymce.mce-content-body.acf_content h2.is-xlg span,
.l-post-content h3.is-xlg span,
#tinymce.post-type-post h3.is-xlg span,
#tinymce.post-type-page h3.is-xlg span,
#tinymce.mce-content-body.acf_content h3.is-xlg span,
.l-post-content h4.is-xlg span,
#tinymce.post-type-post h4.is-xlg span,
#tinymce.post-type-page h4.is-xlg span,
#tinymce.mce-content-body.acf_content h4.is-xlg span,
.l-post-content h5.is-xlg span,
#tinymce.post-type-post h5.is-xlg span,
#tinymce.post-type-page h5.is-xlg span,
#tinymce.mce-content-body.acf_content h5.is-xlg span,
.l-post-content h6.is-xlg span,
#tinymce.post-type-post h6.is-xlg span,
#tinymce.post-type-page h6.is-xlg span,
#tinymce.mce-content-body.acf_content h6.is-xlg span {
	color: #EC7AA1 !important;
}

/* セクション中央下部の装飾（左） */
.l-section.is-content-middlebottom-deco .l-section__inner:before {
	contain-intrinsic-block-size: auto 100px !important;
	content: '' !important;
	display: block !important;
	width: 271px !important;
	height: 278px !important;
	background-image: url(/wp-content/themes/utsukushinomori-html/dist/assets/images/illust_bubble_left_02.svg) !important;
	background-repeat: no-repeat !important;
	background-position: bottom left !important;
	background-size: 80% !important;
	position: absolute !important;
	top: 0px !important;
	left: 60px !important;
	z-index: 11 !important;
}

/* セクション中央下部の装飾（右） */
.l-section.is-content-middlebottom-deco .l-section__inner:after {
	content: '' !important;
	display: block !important;
	width: 271px !important;
	height: 273px !important;
	background-image: url(/wp-content/themes/utsukushinomori-html/dist/assets/images/illust_bubble_right_02.svg) !important;
	background-repeat: no-repeat !important;
	background-position: bottom left !important;
	background-size: 80% !important;
	position: absolute !important;
	top: 520px !important;
	right: 0 !important;
	z-index: 11 !important;
}

/* セクション下部の装飾（左） */
.l-section.is-content-bottom-deco .l-section__inner:before {
	content: '' !important;
	display: block !important;
	width: 271px !important;
	height: 275px !important;
	background-image: url(/wp-content/themes/utsukushinomori-html/dist/assets/images/illust_bubble_left_03.svg) !important;
	background-repeat: no-repeat !important;
	background-position: bottom left !important;
	background-size: 80% !important;
	position: absolute !important;
	top: 0px !important;
	left: 40px !important;
	z-index: 11 !important;
}

/* セクション下部の装飾（右） */
.l-section.is-content-bottom-deco .l-section__inner:after {
	content: '' !important;
	display: block !important;
	width: 271px !important;
	height: 273px !important;
	background-image: url(/wp-content/themes/utsukushinomori-html/dist/assets/images/illust_bubble_right_03.svg) !important;
	background-repeat: no-repeat !important;
	background-position: bottom left !important;
	background-size: 80% !important;
	position: absolute !important;
	top: 282px !important;
	right: 10px !important;
	z-index: 11 !important;
}

/* カード画像のスタイル */
.c-card__image {
	transition: all .2s !important;
	position: relative !important;
	border-radius: 20px !important;
	overflow: hidden !important;
	width: 100% !important;
	margin-bottom: 2.5rem !important;
	height: 200px !important;
}

/* カードギャラリーのテキストを非表示 */
.c-card-gallery__text {
	display: none !important;
}

/* グローバルナビゲーションのホバー */
.l-global-nav ul li a:hover {
	opacity: 1 !important;
	color: #EC7AA1 !important;
}

/* ========================================
   【変更4】メインビジュアルとページ全体の調整（削除可能）2025-10-03
   戻す場合: この区切りから「変更4 ここまで」まで削除
   ======================================== */

/* メインビジュアル全体 */
.c-main-visual {
	visibility: visible !important;
	width: 1380px !important;
	position: relative !important;
	height: 620px !important;
	min-height: 480px !important;
	z-index: 11 !important;
	margin: auto !important;
}

/* メインビジュアル画像 */
.c-main-visual__image {
	width: 1380px !important;
	height: 620px !important;
	min-height: 480px !important;
	top: 0 !important;
	left: 0 !important;
	background-repeat: no-repeat !important;
	background-position: bottom center !important;
	background-size: cover !important;
	border-radius: 29% 9% 30% 30% / 23% 30% 28% 29% !important;
}

/* Owl Carouselの装飾を無効化 */
.owl-carousel .owl-stage:after {
	display: none !important;
	content: none !important;
}

.c-main-visual .owl-stage-outer:before {
	display: none !important;
	content: none !important;
}

.c-main-visual .owl-stage-outer:after {
	display: none !important;
	content: none !important;
}

/* セクションの波装飾を無効化 */
.l-section.is-wave-top:before {
	display: none !important;
	content: none !important;
}

/* ページ全体の背景 */
body {
	color: #431306 !important;
	margin: 0 !important;
	line-height: 1.875 !important;
	letter-spacing: .1em !important;
	font-size: 16px !important;
	background-image: none !important;
	background-repeat: repeat !important;
	background-position: center center !important;
	overflow-x: hidden !important;
	background: #FFF9F6 !important;
}

/* ========================================
   【変更4】メインビジュアルとページ全体の調整 ここまで
   ======================================== */

/* ========================================
   【変更5】セクション背景パターンを無効化（削除可能）2025-10-03
   戻す場合: この区切りから「変更5 ここまで」まで削除
   ======================================== */

/* セクションの背景パターン画像を無効化 */
.l-section.is-pattern-primary {
	background-image: none !important;
	background-repeat: repeat !important;
	background-position: center center !important;
}

/* ========================================
   【変更5】セクション背景パターンを無効化 ここまで
   ======================================== */

/* ========================================
   【変更6】フッターの装飾を無効化（削除可能）2025-10-03
   戻す場合: この区切りから「変更6 ここまで」まで削除
   ======================================== */

/* フッターの疑似要素を無効化 */
.l-footer:before {
	display: none !important;
	content: none !important;
}

/* ========================================
   【変更6】フッターの装飾を無効化 ここまで
   ======================================== */

/* ========================================
   【変更7】ページヘッダー画像を削除（削除可能）2025-10-03
   戻す場合: この区切りから「変更7 ここまで」まで削除
   ======================================== */

/* ページヘッダーの画像を非表示 */
.l-page-header__image {
	display: none !important;
}

/* ========================================
   【変更7】ページヘッダー画像を削除 ここまで
   ======================================== */

/* ========================================
   【変更8】ページヘッダーの装飾無効化とサイズ調整（削除可能）2025-10-03
   戻す場合: この区切りから「変更8 ここまで」まで削除
   ======================================== */

/* ページヘッダーの疑似要素を無効化 */
.l-page-header__wrap:after {
	display: none !important;
	content: none !important;
}

.l-page-header:after {
	display: none !important;
	content: none !important;
}

/* ページヘッダーラップのスタイル調整 */
.l-page-header__wrap {
	height: 140px !important;
	margin: 20px auto 20px auto !important;
	overflow: hidden !important;
	position: relative !important;
}

/* ========================================
   【変更8】ページヘッダーの装飾無効化とサイズ調整 ここまで
   ======================================== */

/* ========================================
   【変更9】お問い合わせボタンの背景画像設定（削除可能）2025-10-03
   戻す場合: この区切りから「変更9 ここまで」まで削除
   ======================================== */

/* お問い合わせボタンの背景 */
.c-button.is-lg.is-contact, 
.c-button-social>a.is-lg.is-contact {
	background-color: #F8A302 !important;
	background: url(https://utsukushinomori-preschoolers.grgr.blue/wp-content/themes/utsukushinomori-html/dist/assets/images/head-btn-bg.jpg) !important;
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}

/* ========================================
   【変更9】お問い合わせボタンの背景画像設定 ここまで
   ======================================== */