@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* =========================================================
 * フォントクラス
 * ========================================================= */

/* h2など見出し用：Shippori Mincho */
.shippori {
	font-family: 'Shippori Mincho', serif;
}

/* テキスト強調用：Noto Serif JP */
.serif {
	font-family: 'Noto Serif JP', serif;
}

/* 通常テキスト用：Hiragino Sans */
.sans {
	font-family: 'Hiragino Sans', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', sans-serif;
}

/* =========================================================
 * 投稿リスト（シンプル）メタ：時計・フォルダアイコン非表示
 * ========================================================= */
.p-postList__meta .icon-posted::before,
.p-postList__meta .icon-folder::before {
	content: none !important;
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 0 !important;
}

.p-postList__meta .c-postTimes__posted {
	padding-left: 0 !important;
	margin-left: 0 !important;
}

.p-postList__meta .p-postList__cat {
	padding-left: 1rem;
}

.p-postList.-type-simple .p-postList__link {
	padding: 1.5em 0.25em;
}

/* 画像＋キャプションのグループ：position の誤字 posirion を補正 */
.wp-custom-css-d95d3445,
.wp-custom-css-fdc302c8,
.wp-custom-css-16734525,
.wp-custom-css-23b88bfb,
.wp-block-group:has(> .wp-block-group__inner-container > .wp-block-image + p[class*="wp-custom-css-"]) {
	position: relative;
}

.wp-custom-css-d95d3445 > .wp-block-group__inner-container,
.wp-custom-css-fdc302c8 > .wp-block-group__inner-container,
.wp-custom-css-16734525 > .wp-block-group__inner-container,
.wp-custom-css-23b88bfb > .wp-block-group__inner-container {
	position: relative;
}

/* PC：日付・カテゴリ・タイトルを横並び */
@media (min-width: 1000px) {
	.p-postList.-type-simple .p-postList__body {
		display: flex;
		align-items: center;
		gap: 1.5rem;
	}

	.p-postList.-type-simple .p-postList__meta {
		display: flex;
		flex: 0 0 auto;
		align-items: center;
		margin: 0;
	}

	.p-postList.-type-simple .p-postList__title {
		flex: 1 1 auto;
		margin: 0;
	}

	.top-make-section.has-bg-img {
		background-color: transparent !important;
	}

	.top-make-section.has-bg-img::before {
		background-color: transparent !important;
		background-image: linear-gradient(
			to right,
			rgba(118, 24, 18, 0.5) 0%,
			rgba(118, 24, 18, 0.5) 30%,
			rgba(118, 24, 18, 0) 100%
		);
	}
}

/* メニューセクション：追加した写真を横に流す */
.top-menu-section.has-menu-flow {
	overflow: hidden;
	background-image: none !important;
}

.fuen-menu-flow {
	position: absolute;
	inset: 0;
	z-index: 1;
	overflow: hidden;
	pointer-events: none;
}

.fuen-menu-flow__track {
	display: flex;
	width: max-content;
	height: 100%;
	animation: fuen-menu-flow var(--fuen-flow-duration, 36s) linear infinite;
}

.fuen-menu-flow__set {
	display: flex;
	height: 100%;
}

.fuen-menu-flow__img {
	display: block;
	flex: 0 0 auto;
	height: 100%;
	width: min(72vw, 560px);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

@keyframes fuen-menu-flow {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
	.fuen-menu-flow__track {
		animation: none;
	}
}

@media (max-width: 999px) {
	.top-make-section .swell-block-column:has(.wp-image-456) {
		display: none !important;
	}

	.top-make-section .swell-block-column:first-child {
		text-align: center;
	}

	.top-make-section .swell-block-column:first-child .has-text-align-left,
	.top-make-section .swell-block-column:first-child .wp-block-paragraph {
		text-align: center;
	}

	.top-make-section .swell-block-column:first-child .swell-block-button {
		display: flex;
		justify-content: center;
	}

	.top-tenpo .swell-block-columns__inner {
		display: flex;
		flex-direction: column;
	}

	.top-tenpo .swell-block-column:has(.wp-image-465) {
		order: -1;
	}

	.top-tenpo .ark-block-column:not(:has(.wp-image-465)) {
		display: none !important;
	}

	.fotter-mae .swell-block-columns__inner {
		display: flex;
		flex-direction: column-reverse;
	}

	.fotter-mae .swell-block-button {
		display: flex;
		justify-content: center;
	}

	.fotter-mae .swell-block-button .swell-block-button__link {
		width: 80% !important;
		min-width: 0 !important;
		max-width: 80%;
	}
}

@media (max-width: 767px) {
	.top-bowl > div {
		gap: 30px;
	}
}

/* フッターウィジェット内だけ左余白を消す（他セクションには影響させない） */
.l-footer__widgetArea {
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}

#footer .l-footer__inner {
	padding-top: 0;
}

.l-footer__widgetArea .p-blogParts,
.l-footer__widgetArea .c-widget {
	margin-top: 0;
}

.l-footer__widgetArea > .l-container.w-footer {
	max-width: none;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

.l-footer__widgetArea .w-footer__box {
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
}

#footer .l-footer__foot {
	display: none;
}

.l-footer__widgetArea .swell-block-fullWide.alignfull {
	left: 0 !important;
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* フッター：暗い背景ではリンクも白。ナビ列で文字が割れないようにする */
#footer .p-blogParts.post_content,
#footer .p-blogParts.post_content p {
	color: #fff;
}

#footer .p-blogParts.post_content a {
	color: #fff !important;
	text-decoration: none;
	white-space: nowrap;
}

#footer .p-blogParts.post_content a:hover {
	color: #e2c795 !important;
}

#footer .p-blogParts.post_content .ark-block-column p {
	margin: 0 0 0.4em;
}

#footer .p-blogParts.post_content .arkb-columns--2 {
	--arkb-clmn-w--pc: 33.333%;
	--arkb-clmn-w--tab: 33.333%;
	--arkb-clmn-w--mb: 33.333%;
}

#footer .p-blogParts.post_content .ark-block-column {
	min-width: 0;
}

@media (max-width: 999px) {
	#footer .p-blogParts.post_content .swell-block-fullWide__inner > .swell-block-columns:first-child > .swell-block-columns__inner {
		display: flex;
		flex-direction: column;
		gap: 1.5rem;
	}

	#footer figure.alignleft:has(.wp-image-696),
	#footer .wp-block-image:has(.wp-image-696),
	#footer figure.alignleft:has(.wp-image-374),
	#footer .wp-block-image:has(.wp-image-374) {
		float: none;
		display: flex;
		justify-content: center;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	#footer .p-blogParts.post_content .swell-block-fullWide__inner > .swell-block-columns:first-child > .swell-block-columns__inner > .swell-block-column {
		width: 100% !important;
		max-width: 100%;
		flex: 1 1 auto;
	}

	#footer .p-blogParts.post_content .ark-block-columns__inner {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		gap: 1.25rem 2rem;
		margin-left: 0;
	}

	#footer .p-blogParts.post_content .ark-block-column {
		width: auto !important;
		flex: 0 0 auto;
		margin-left: 0;
	}
}