@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
*/

#body_wrap,.l-footer,.p-breadcrumb.-bg-on{
	background: url(https://mitsue.vi-hack.com/wp-content/uploads/2025/08/bg.jpg) repeat;
}
.top #content {
	padding-top: 0;
}

.p-mainVisual__slideText {
	font-size: 2em;
	font-family: serif;
	margin-top: 0;
}
.c-pageTitle {
	font-size: 3em;
	text-align: center;
	background: rgba(0, 0, 0, 0.4);
	padding: 2.5em 0;
	width: 60vw;
	margin: auto;
	border-radius: 8px;
}
.archive .c-pageTitle{
	background: none;
}
@media(max-width:599px){
	.c-pageTitle{
		line-height: 2em;
		padding: 30px 0;
	}
}
@media (max-width: 800px) {
	.p-mainVisual__textLayer img {
		width: 50vw;
	}

	.c-pageTitle {

		font-size: 1.5em;
		width: 90vw;
	}
}


/* ==========================================================
Event セクション（道の駅 伊勢本街道御杖）
温かみのある和のナチュラル・デザイン
========================================================== */

/* --- 1. セクション全体の背景：和紙の温もりと自然の質感 --- */
.event-container {
	background-color: #f7f1e4 !important; /* 生成りの和紙色 */
	position: relative;
	overflow: hidden;
	padding-top: 90px !important;
	padding-bottom: 100px !important;
	z-index: 1;
}

/* 背景層：ごく淡いグラデーションで奥行きを */
.event-container::before {
	content: "";
	position: absolute;
	top: 0; left: 0; width: 100%; height: 100%;
	background:
		radial-gradient(ellipse at 15% 0%, rgba(168, 180, 137, 0.25) 0%, transparent 55%),
		radial-gradient(ellipse at 90% 100%, rgba(199, 162, 110, 0.18) 0%, transparent 55%),
		linear-gradient(180deg, #f9f3e7 0%, #f2ead9 100%);
	z-index: -2;
}

/* 背景のアクセント：上下にごく細い自然色のライン */
.event-container::after {
	content: "";
	position: absolute;
	top: 0; left: 0; right: 0;
	height: 1px;
	background: linear-gradient(90deg,
		transparent 0%,
		rgba(124, 141, 96, 0.3) 20%,
		rgba(124, 141, 96, 0.5) 50%,
		rgba(124, 141, 96, 0.3) 80%,
		transparent 100%);
	z-index: 0;
	pointer-events: none;
}

/* コンテンツ層を前面へ */
.event-container .swell-block-fullWide__inner {
	position: relative;
	z-index: 10;
}

/* --- 2. 見出し：落ち着いた深緑 × 和の余白 --- */
.event-container .is-style-section_ttl {
	text-align: left !important;
	color: #3a5236 !important; /* 深い苔緑 */
	font-family: 'Times New Roman', "Hiragino Mincho ProN", "游明朝", serif;
	font-size: clamp(34px, 5.5vw, 48px) !important;
	letter-spacing: 0.15em !important;
	margin-bottom: 50px !important;
	border: none !important;
	display: flex;
	align-items: baseline;
	text-shadow: none;
	font-weight: 500;
}

.event-container .is-style-section_ttl::after {
	content: "/ トピックス";
	font-size: 14px;
	font-family: "Noto Sans JP", sans-serif;
	color: #8a7a5c; /* 落ち着いた土色 */
	margin-left: 22px;
	letter-spacing: 0.12em;
	font-weight: 400;
}

/* 見出しの左に装飾線（和の縦線イメージ） */
.event-container .is-style-section_ttl {
	padding-left: 22px;
	border-left: 3px solid #b89968 !important; /* くすんだ金茶 */
}

/* --- 3. カードデザイン：清潔感と和の余韻 --- */
.event-container .p-postList {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 32px 24px !important;
	justify-content: flex-start;
}

.event-container .-type-card.-pc-col3 .p-postList__item {
	background: #ffffff;
	border-radius: 14px !important;
	overflow: hidden !important;
	border: 1px solid rgba(184, 153, 104, 0.18) !important;
	padding: 0 !important;
	box-shadow: 0 8px 24px rgba(74, 60, 36, 0.08);
	transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1),
		box-shadow 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (min-width: 1020px) {
	.event-container .-type-card.-pc-col3 .p-postList__item {
		width: 30%;
	}
}

.event-container .p-postList__item:hover {
	transform: translateY(-6px);
	box-shadow: 0 16px 36px rgba(74, 60, 36, 0.15);
}
.event-container .p-postList__thumb{
	border-radius:0;
}

/* 画像：ホバーで控えめにズーム */
.event-container .c-postThumb__img {
	border-radius: 0 !important;
	width: 100% !important;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	display: block;
	transition: transform 0.6s ease;
}

.event-container .p-postList__item:hover .c-postThumb__img {
	transform: scale(1.05);
}

/* 本文：読みやすさを最優先に */
.event-container .p-postList__body {
	padding: 24px 22px 56px 22px !important;
	position: relative;
}

.event-container .p-postList__title {
	color: #2d2a24 !important; /* 墨に近い濃茶 */
	font-size: 1.1rem !important;
	line-height: 1.75 !important;
	font-weight: 600 !important;
	letter-spacing: 0.03em;
}

/* 矢印ボタン：くすんだ金茶で和の質感 */
.event-container .p-postList__body::after {
	content: "→";
	position: absolute;
	right: 20px;
	bottom: 18px;
	width: 36px;
	height: 36px;
	background: #b89968; /* くすんだ金茶 */
	color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 500;
	box-shadow: 0 3px 10px rgba(184, 153, 104, 0.35);
	transition: background 0.3s ease, transform 0.3s ease;
}

.event-container .p-postList__item:hover .p-postList__body::after {
	background: #3a5236; /* ホバーで深緑に */
	transform: translateX(4px);
}

/* 不要要素の消去 */
.event-container .p-postList__meta,
.event-container .is-style-section_ttl::before {
	display: none !important;
}

/* --- 4. レスポンシブ --- */
@media (max-width: 768px) {
	.event-container {
		padding-top: 60px !important;
		padding-bottom: 70px !important;
	}
	.event-container .is-style-section_ttl {
		margin-bottom: 32px !important;
		padding-left: 16px;
	}
	.event-container .is-style-section_ttl::after {
		font-size: 12px;
		margin-left: 14px;
	}
	.event-container .p-postList {
		gap: 20px 16px !important;
	}
}