/* =================================================
共通
================================================= */

/* =========================
font / typography
========================= */
html {
	font-size: 10px;
	font-family: "kozuka-gothic-pr6n", sans-serif;
	font-weight: 400;
	box-sizing: border-box;
	scroll-behavior: smooth;
}

body {
	font-size: clamp(1.4rem, 1vw + 1rem, 1.6rem);
	font-family: "Yu Mincho", "游明朝体", serif;
	line-height: 1.8;
	text-align: justify;

	line-break: strict;
}

p {
	line-break: strict;
}

p span {
	display: inline;
	white-space: normal;
}

@media (min-width: 434px) {
	a[href*="tel:"] {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
	}
}



h1 {
	font-size: clamp(2.4rem, 2vw + 1.5rem, 3.6rem);
}

.second-h1 {
	width: 100%;
	aspect-ratio: 3.63 / 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	margin: 0 auto 20px;
	/* ← 下余白 */
	padding-top: 20px;

	background-image: url(../img/bg_h2.webp);
	background-repeat: no-repeat;
	background-size: 50%;
	background-position: top right;
}

.second-h1::after {
	content: "";
	width: 100px;
	height: 2px;
	margin-top: 20px;
	/* ← 線の上余白 */
	background-color: #B92100;
}

h2 {
	font-size: clamp(2rem, 2vw + 1rem, 2.6rem);
}

.second-h2 {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 15px;
	padding-bottom: 6px;
	color: #B92100;
	border-bottom: 4px double #B92100;
	margin-bottom: 20px;
}

.second-h2::before {
	content: "";
	background-image: url(../img/icon_midashi.webp);
	background-size: contain;
	background-repeat: no-repeat;
	width: 1.5em;
	height: 1.5em;
	flex-shrink: 0;
}

h3 {
	font-size: clamp(1.8rem, 2vw + 1rem, 2.4rem);
	letter-spacing: .2em;
}

h4 {
	font-size: 1.1em;
	line-height: 2.5;
}

.bold {
	font-weight: bold;
}

.txt-center {
	text-align: center;
}

.txt-left {
	text-align: left;
}

.txt-right {
	text-align: right;
}

a {
	transition: opacity .4s;
	color: #0000cc;
}

a:hover {
	opacity: .7;
}

.no-wrap {
	display: inline-block;
	text-indent: 0;
}


/* =========================
button
========================= */
.back-button {
	display: block;
	text-align: center;
	padding: 10px;
	width: 80%;
	max-width: 350px;
	background-color: #B92100;
	color: #fff;
	transition: background-color .3s;
}

.back-button:hover {
	background-color: #E62C1B;
	opacity: 1;
}



/* =========================
reset / base
========================= */
* {
	box-sizing: border-box;
}

.no-select {
	user-select: none;
	pointer-events: none;
}

/* =========================
responsive
========================= */
@media (max-width: 768px) {
	.pc-only {
		display: none !important;
	}
}

@media (min-width: 769px) {
	.sp-only {
		display: none !important;
	}
}

/* =========================
flex / grid layout
========================= */
.flex {
	display: flex;
	justify-content: center;
	align-items: center;
}

.column {
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
}

.jsf-start {
	justify-content: flex-start;
}

.jsf-center {
	justify-content: center;
}

.jsf-end {
	justify-content: flex-end;
}

.jsf-between {
	justify-content: space-between;
}

.jsf-around {
	justify-content: space-around;
}

.alg-start {
	align-items: flex-start;
}

.alg-center {
	align-items: center;
}

.alg-end {
	align-items: flex-end;
}

.jsf-self-start {
	justify-self: flex-start;
}

.jsf-self-center {
	justify-self: center;
}

.jsf-self-end {
	justify-self: flex-end;
}

.alg-self-start {
	align-self: flex-start;
}

.alg-self-center {
	align-self: center;
}

.alg-self-end {
	align-self: flex-end;
}

.flex-wrap {
	flex-wrap: wrap;
}

.grid {
	display: grid;
}

.grid-2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1rem;
}

.grid-3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1rem;
}

/* =========================
display / visibility
========================= */
.block {
	display: block;
}

.inline-block {
	display: inline-block;
}

.hidden {
	display: none !important;
}

.visible {
	visibility: visible;
}

.invisible {
	visibility: hidden;
}

/* ========== Margin ========== */
.mar-10 {
	margin: 10px;
}

.mar-20 {
	margin: 20px;
}

.mar-30 {
	margin: 30px;
}

.mar-40 {
	margin: 40px;
}

.mar-50 {
	margin: 50px;
}

.mar-60 {
	margin: 60px;
}

.mar-70 {
	margin: 70px;
}

.mar-80 {
	margin: 80px;
}

.mar-90 {
	margin: 90px;
}

.mar-100 {
	margin: 100px;
}

/* ========== Margin Top ========== */
.mar-top-10 {
	margin-top: 10px;
}

.mar-top-20 {
	margin-top: 20px;
}

.mar-top-30 {
	margin-top: 30px;
}

.mar-top-40 {
	margin-top: 40px;
}

.mar-top-50 {
	margin-top: 50px;
}

.mar-top-60 {
	margin-top: 60px;
}

.mar-top-70 {
	margin-top: 70px;
}

.mar-top-80 {
	margin-top: 80px;
}

.mar-top-90 {
	margin-top: 90px;
}

.mar-top-100 {
	margin-top: 100px;
}

/* ========== Margin Bottom ========== */
.mar-bottom-10 {
	margin-bottom: 10px;
}

.mar-bottom-20 {
	margin-bottom: 20px;
}

.mar-bottom-30 {
	margin-bottom: 30px;
}

.mar-bottom-40 {
	margin-bottom: 40px;
}

.mar-bottom-50 {
	margin-bottom: 50px;
}

.mar-bottom-60 {
	margin-bottom: 60px;
}

.mar-bottom-70 {
	margin-bottom: 70px;
}

.mar-bottom-80 {
	margin-bottom: 80px;
}

.mar-bottom-90 {
	margin-bottom: 90px;
}

.mar-bottom-100 {
	margin-bottom: 100px;
}

/* ========== Margin Left ========== */
.mar-left-10 {
	margin-left: 10px;
}

.mar-left-20 {
	margin-left: 20px;
}

.mar-left-30 {
	margin-left: 30px;
}

.mar-left-40 {
	margin-left: 40px;
}

.mar-left-50 {
	margin-left: 50px;
}

.mar-left-60 {
	margin-left: 60px;
}

.mar-left-70 {
	margin-left: 70px;
}

.mar-left-80 {
	margin-left: 80px;
}

.mar-left-90 {
	margin-left: 90px;
}

.mar-left-100 {
	margin-left: 100px;
}

/* ========== Margin Right ========== */
.mar-right-10 {
	margin-right: 10px;
}

.mar-right-20 {
	margin-right: 20px;
}

.mar-right-30 {
	margin-right: 30px;
}

.mar-right-40 {
	margin-right: 40px;
}

.mar-right-50 {
	margin-right: 50px;
}

.mar-right-60 {
	margin-right: 60px;
}

.mar-right-70 {
	margin-right: 70px;
}

.mar-right-80 {
	margin-right: 80px;
}

.mar-right-90 {
	margin-right: 90px;
}

.mar-right-100 {
	margin-right: 100px;
}

/* ========== padding ========== */
.pad-10 {
	padding: 10px;
}

.pad-20 {
	padding: 20px;
}

.pad-30 {
	padding: 30px;
}

.pad-40 {
	padding: 40px;
}

.pad-50 {
	padding: 50px;
}

.pad-60 {
	padding: 60px;
}

.pad-70 {
	padding: 70px;
}

.pad-80 {
	padding: 80px;
}

.pad-90 {
	padding: 90px;
}

.pad-100 {
	padding: 100px;
}

/* ========== padding Top ========== */
.pad-top-10 {
	padding-top: 10px;
}

.pad-top-20 {
	padding-top: 20px;
}

.pad-top-30 {
	padding-top: 30px;
}

.pad-top-40 {
	padding-top: 40px;
}

.pad-top-50 {
	padding-top: 50px;
}

.pad-top-60 {
	padding-top: 60px;
}

.pad-top-70 {
	padding-top: 70px;
}

.pad-top-80 {
	padding-top: 80px;
}

.pad-top-90 {
	padding-top: 90px;
}

.pad-top-100 {
	padding-top: 100px;
}

/* ========== padding Bottom ========== */
.pad-bottom-10 {
	padding-bottom: 10px;
}

.pad-bottom-20 {
	padding-bottom: 20px;
}

.pad-bottom-30 {
	padding-bottom: 30px;
}

.pad-bottom-40 {
	padding-bottom: 40px;
}

.pad-bottom-50 {
	padding-bottom: 50px;
}

.pad-bottom-60 {
	padding-bottom: 60px;
}

.pad-bottom-70 {
	padding-bottom: 70px;
}

.pad-bottom-80 {
	padding-bottom: 80px;
}

.pad-bottom-90 {
	padding-bottom: 90px;
}

.pad-bottom-100 {
	padding-bottom: 100px;
}

/* ========== padding Left ========== */
.pad-left-10 {
	padding-left: 10px;
}

.pad-left-20 {
	padding-left: 20px;
}

.pad-left-30 {
	padding-left: 30px;
}

.pad-left-40 {
	padding-left: 40px;
}

.pad-left-50 {
	padding-left: 50px;
}

.pad-left-60 {
	padding-left: 60px;
}

.pad-left-70 {
	padding-left: 70px;
}

.pad-left-80 {
	padding-left: 80px;
}

.pad-left-90 {
	padding-left: 90px;
}

.pad-left-100 {
	padding-left: 100px;
}

/* ========== padding Right ========== */
.pad-right-10 {
	padding-right: 10px;
}

.pad-right-20 {
	padding-right: 20px;
}

.pad-right-30 {
	padding-right: 30px;
}

.pad-right-40 {
	padding-right: 40px;
}

.pad-right-50 {
	padding-right: 50px;
}

.pad-right-60 {
	padding-right: 60px;
}

.pad-right-70 {
	padding-right: 70px;
}

.pad-right-80 {
	padding-right: 80px;
}

.pad-right-90 {
	padding-right: 90px;
}

.pad-right-100 {
	padding-right: 100px;
}

/* =========================
position / alignment
========================= */
.center {
	margin-left: auto;
	margin-right: auto;
}

.pos-relative {
	position: relative;
}

.pos-absolute {
	position: absolute;
}

/* =========================
width / max-width / min-width
========================= */
.w-100 {
	width: 100%;
}

.w-95 {
	width: 95%;
}

.w-90 {
	width: 90%;
}

.w-85 {
	width: 85%;
}

.w-80 {
	width: 80%;
}

.w-75 {
	width: 75%;
}

.w-70 {
	width: 70%;
}

.w-65 {
	width: 65%;
}

.w-60 {
	width: 60%;
}

.w-55 {
	width: 55%;
}

.w-50 {
	width: 50%;
}

.w-45 {
	width: 45%;
}

.w-40 {
	width: 40%;
}

.w-35 {
	width: 35%;
}

.w-30 {
	width: 30%;
}

.w-25 {
	width: 25%;
}

.w-20 {
	width: 20%;
}

.w-15 {
	width: 15%;
}

.w-10 {
	width: 10%;
}

.w-5 {
	width: 5%;
}


.max-w-1200 {
	max-width: 1200px;
}

.max-w-1100 {
	max-width: 1100px;
}

.max-w-1000 {
	max-width: 1000px;
}

.max-w-900 {
	max-width: 900px;
}

.max-w-800 {
	max-width: 800px;
}

.max-w-700 {
	max-width: 700px;
}

.max-w-600 {
	max-width: 600px;
}

.max-w-500 {
	max-width: 500px;
}

.max-w-400 {
	max-width: 400px;
}

.max-w-300 {
	max-width: 300px;
}

.max-w-200 {
	max-width: 200px;
}

.max-w-250 {
	max-width: 250px;
}

.max-w-100 {
	max-width: 100px;
}

.min-w-1200 {
	min-width: 1200px;
}

.min-w-1100 {
	min-width: 1100px;
}

.min-w-1000 {
	min-width: 1000px;
}

.min-w-900 {
	min-width: 900px;
}

.min-w-800 {
	min-width: 800px;
}

.min-w-700 {
	min-width: 700px;
}

.min-w-600 {
	min-width: 600px;
}

.min-w-500 {
	min-width: 500px;
}

.min-w-400 {
	min-width: 400px;
}

.min-w-300 {
	min-width: 300px;
}

.min-w-200 {
	min-width: 200px;
}

.min-w-100 {
	min-width: 100px;
}


/* =========================
background
========================= */
.bg-img {
	background-repeat: no-repeat;
	background-size: cover;
}

.bg-cov {
	background-repeat: no-repeat;
	background-size: cover;
}

.bg-rep {
	background-repeat: repeat;
}



/* =========================
logo
========================= */
.logo {
	font-size: clamp(2.4rem, 2vw + 1.5rem, 3.6rem);
}



/* =========================
sidebar
========================= */
.sidebar {
	gap: 10px;
	margin-right: 20px;
	min-width: 182px;
}

.page-wrapper {
	background-image: url(../img/bg_contents.webp);
}

.sidebar-ttl {
	background-image: url(../img/bg_logo.webp);
	aspect-ratio: 0.551/1;
	left: -20px;
}

.sidebar-ttl:hover {
	opacity: 1;
}

.sidebar-ttl .logo {
	text-align: center;
	left: 20px;
	max-width: 100px;
	padding-top: 30px;
	padding-bottom: 30px;
}

.sidebar-ttl .logo img {
	width: 90%;
}

.sidebar-btn {
	background-image: url(../img/bg_gmenu.webp);
	aspect-ratio: 3.411/1;
	/* font-weight: bold; */
	font-size: 1em;
	text-shadow: 1px 1px 3px #000;
	transition: background-image .4s;
	color: #fff;
}

.sidebar-btn:hover {
	background-image: url(../img/bg_gmenu_hover.webp);
	opacity: 1;
}

.sidebar-btn_sub {
	background-image: url(../img/bg_gmenu_sub.webp);
}

.sidebar-btn_sub:hover {
	background-image: url(../img/bg_gmenu_sub_hover.webp);
}

@media (max-width: 1036px) {
	.sidebar-btn_sub {
		font-size: 0.9em;
		letter-spacing: -0.02em;
	}
}

/* =========================
footer
========================= */
footer {
	background-color: #610004;
	color: #fff;
}

footer span {
	font-size: .8em;
}

.footer-tel {
	color: #fff;
}

@media (max-width: 434px) {
	.footer-tel {
		color: #e0b8b6;
	}
}

/* =========================
バーガーメニュー
========================= */
.drawer-hidden {
	display: none;
}

.drawer-open {
	background-color: #B92100;
	display: flex;
	right: 20px;
	transform: translateY(-50%);
	height: 50px;
	width: 50px;
	justify-content: center;
	align-items: center;
	position: fixed;
	z-index: 1000;
	cursor: pointer;
}

/* バーガーメニューの3本線 */
.drawer-open span,
.drawer-open span:before,
.drawer-open span:after {
	content: '';
	position: absolute;
	display: block;
	height: .5px;
	width: 30px;
	border-radius: 3px;
	background: #fff;
	transition: 0.3s;
}

/* 3本線のうち一番上の棒の位置調整 */
.drawer-open span:before {
	bottom: 10px;
}

/* 3本線のうち一番下の棒の位置調整 */
.drawer-open span:after {
	top: 10px;
}

/* アイコンがクリックされたら真ん中の線を透明にする */
#drawer-check:checked~.drawer-open span {
	background-color: rgba(255, 255, 255, 0);
}

/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
#drawer-check:checked~.drawer-open span::before {
	bottom: 0;
	transform: rotate(45deg);
}

#drawer-check:checked~.drawer-open span::after {
	top: 0;
	transform: rotate(-45deg);
}

/* ===== メニュー本体 ===== */
.nav {
	width: 100vw;
	height: 100vh;
	flex-direction: column;
	align-items: flex-start;
	position: fixed;
	top: 0px;
	right: -100vw;
	background-color: rgba(255, 255, 255, 1);
	font-weight: bold;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	transition: right .3s;
	z-index: 999;
}

.nav-bg {
	background-image: url(../img/bg_body.webp);
	background-size: 35%;
}

.nav-ttl {
	width: 100%;
	background-image: url(../img/bg_h2.webp);
	background-color: #fff;
	background-position: right;
	aspect-ratio: 4.094 / 1;
}

.nav-link {
	width: 100%;
	padding: 20px 20px 40px 20px;
	background-image: url(../img/bg_contents.webp);
	overflow-y: scroll;
}

.nav-link br {
	display: none;
}

.nav a {
	display: block;
	width: 100%;
	padding: 12px 0;
	text-align: center;
	color: #B92100;
	border-bottom: 1px solid #B92100;
	text-decoration: none;
}

.nav a:hover {
	color: #09DA78;
}

/* アイコンがクリックされたらメニューを表示 */
#drawer-check:checked~nav {
	right: 0;
}

.drawer-overlay {
	display: none;
	/* 初期は非表示 */
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 998;
	/* navより下に */
}

#drawer-check:checked~.drawer-overlay {
	display: block;
	/* メニュー表示時のみ表示 */
}

.txt-deco {
	background-image: url(../img/bg_txt.jpg);
	border: #B92100 solid 2px;
	padding: 15px 30px;
	color: #007E41;
	font-weight: bold;
}


/* =================================================
TOP
================================================= */
.video-wrap {
	position: relative;
}

/* 動画 */
.video-wrap video {
	display: block;
	width: 100%;
	height: auto;
}

/* 終了後画像（最初は非表示） */
#video-end {
	position: absolute;
	inset: 0;
	z-index: 2;
	opacity: 0;
	pointer-events: none;
	transition: opacity 1s ease;
}

#video-end.is-show {
	opacity: 1;
}

.page-top {
	background-image: url(../img/bg_body.webp);
	background-size: 200px;
	overflow: hidden;
	/* sp-barの後ろに背景が表示されるようにする為 */
}

.top-img {
	background-image: url(../img/top-img.webp);
	aspect-ratio: 1.406/1;
}

.top-bnr {
	margin-top: 20px;
	gap: 20px;
}

.top-news {
	background-image: url(../img/bg_body.webp);
	background-size: 100px;
}

.top-news-wrapper {
	background-color: #fff;
	padding: 1em;
}

.news-table {
	border-collapse: separate;
	border-spacing: 20px;
	/* ← 横に20pxの隙間、縦は0 */
}

.news-table-date {
	color: #B92100;
	font-weight: bold;
}

.second-link {
	grid-template-columns: repeat(6, 1fr);
	/* 3列グリッド */
	gap: 10px;
}

/* 1段目：1～2番目 */
.grid-item:nth-child(1) {
	grid-column: 1 / 4;
	grid-row: 1;
}

.grid-item:nth-child(2) {
	grid-column: 4 / 7;
	grid-row: 1;
}

/* 2段目：3～5番目 */
.grid-item:nth-child(3) {
	grid-column: 1 / 3;
	grid-row: 2;
}

.grid-item:nth-child(4) {
	grid-column: 3 / 5;
	grid-row: 2;
}

.grid-item:nth-child(5) {
	grid-column: 5 / 7;
	grid-row: 2;
}

.grid-item {
	text-align: center;
}

.related-link {
	gap: 10px;
}

.flex-item {
	flex: 1;
}

.sp-bar {
	background-image: url(../img/bg_h2.webp), url(../img/bg_contents.webp);
	background-repeat: no-repeat, repeat;
	background-size: contain, cover;
	background-position: right, center;
	width: 100%;
	padding: 20px 0
}

.second-link_sp {
	display: none;
}


@media (max-width: 1000px) {
	.news-table td {
		display: block;
	}
}

@media (max-width: 768px) {
	.main {
		width: 100%;
	}

	.page-wrapper {
		padding: 0;
		flex-direction: column;
	}

	.top-bnr,
	.top-news,
	.second-link,
	.miyogawari {
		margin-bottom: 20px;
	}

	.sp-bar .logo {
		width: 300px;
	}
}

@media (max-width: 434px) {
	.second-link {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}

	.second-link_pc {
		display: none;
	}

	.second-link_sp {
		display: block;
	}

	.sp-bar .logo {
		width: 220px;
	}

}



/* =================================================
second
================================================= */
.second-main {
	border-bottom-left-radius: 50px;
	aspect-ratio: 1.797/1;
}

.sec-sidebar {
	width: calc(20% - 5px);
}



/* =========================
annnai.html
========================= */

.about-main {
	background-image: url(../img/second-01.webp);
}

.about-contents-img {
	margin: 20px;
	width: 275px;
	height: 300px;
	float: right;
}

.about-contents-img img {
	width: 175%;
}

.about-shamon {
	width: 150px;
}

.about-contents-txt {
	margin-bottom: 2em;
	text-indent: 1em;
}

@media (max-width: 434px) {
	.about-contents-img {
		width: 150px;
		height: 150px;
		float: right;
	}
}



/* =========================
saijin.html
========================= */
.saijin-main {
	background-image: url(../img/second-saijin.jpg);
}


/* =========================
kitou-01.html
========================= */
.kitou-main {
	background-image: url(../img/second-kitou.jpg);
}

.kitou-2-main {
	background-image: url(../img/second-kitou-02.jpg);
}

.gokitou-items {
	gap: 20px;
}

.gokitou-item {
	gap: 5px;
}

.gokitou-item-ico {
	width: 1.5em;
	height: 1.5em;
}

.gokitou-sub-title {
	padding: 0 .5em;
	letter-spacing: 0px;
	border: red 2px solid;
	background-color: #fff;
}

.gokitou-list {
	list-style: none;
	padding-left: 0;
	margin: 0;
}

.gokitou-list li {
	position: relative;
	padding-left: 1.5em;
	margin-bottom: 0.5em;
	line-height: 1.7;
}

.gokitou-list li::before {
	content: "●";
	position: absolute;
	left: 0;
	top: 0;
	color: currentColor;
}



/* =========================
gyouji.html
========================= */
.gyouji-main {
	background-image: url(../img/second-gyouji.jpg);
}

.gyouji-date {
	width: 8em;
}

.gyouji-grid {
	grid-template-columns: repeat(auto-fit, 160px);
	justify-content: center;
	gap: 10px;
}

.gyouji-grid img {
	width: 100%;
}



/* =========================
seijin.html
========================= */
.seijin-contents-img {
	margin: 5px;
	width: 275px;
	height: 400px;
	float: right;
}

.seijin-contents-img img {
	width: 100%;
}

@media (max-width: 434px) {
	.seijin-contents-img {
		width: 150px;
		height: 220px;
	}
}



/* =========================
anzan.html
========================= */
.anzan-contents-img {
	margin: 5px;
	width: 275px;
	height: 350px;
	float: right;
}

.anzan-contents-img img {
	width: 100%;
}

@media (max-width: 434px) {
	.anzan-contents-img {
		width: 150px;
		height: 200px;
	}
}



/* =========================
event shinshun.html
========================= */
.page-top-event {
	background-image: url(../img/bg_body_event.webp);
}

.page-wrapper-event {
	background-image: url(../img/bg_contents_event.jpg);
}

.page-wrapper-event-nobgimg {
	background-image: none;
	background: linear-gradient(to bottom,
			#caa906 0%,
			#ffffff 45%,
			#ffffff 55%,
			#caa906 100%);
}

.event-nittei-ttl {
	font-size: 2em;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background-image: url(../img/event-nittei.png);
	background-position: center;
	border-radius: 10px 10px 0 0;
}

.event-nittei-txt {
	position: relative;
	background-color: #f9f4ca;
	border: solid 2px #D91F2C;
	padding: 10px;
}

.event-nittei-name {
	color: red;
	font-weight: bold;
	font-size: 1.5em;
	gap: 5px;
}

.event-nittei-name::before {
	content: "";
	display: block;
	padding: 10px;
	background-image: url(../img/img_syamon.webp);
	background-size: contain;
	width: 35px;
	height: 35px;
}

.event-nittei-subname {
	color: #af8a1d;
	margin-left: 60px;
}

.event-nittei-subname::before {
	background-image: url(../img/ico.webp);
	background-repeat: no-repeat;
	width: 25px;
	height: 25px;
}

.event-nittei-day {
	margin-left: 30px;
}

.event-nittei-deco {
	position: absolute;
	background-image: url(../img/shinshun-r08-nitteideco.png);
	background-size: contain;
	width: 35%;
	max-width: 500px;
	aspect-ratio: 0.682/1;
	right: -5px;
	bottom: -50px;
}

.contact {
	font-size: 1.2em;
	font-weight: bold;
}

.contact-title {
	color: #007E41;
	font-weight: bold;
}

.contact-tel {
	padding: 10px;
	max-width: 600px;
	background: rgba(255, 255, 255, 0.8);
	border-radius: 10px;
}

@media (max-width: 800px) {
	.page-top-event {
		background-size: 30%;
	}

	.page-wrapper-event {
		margin: 60px auto;
	}

	.event-nittei-subname,
	.event-nittei-day {
		margin-left: 0;
		font-size: 1.1em;
	}
}



/* =========================
shintou mokuji.html
========================= */