@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:400,400i,600,600i&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Noto+Serif+JP:wght@400;500;600&display=swap");
@font-face{ 
	font-family: 'HanaMinA';
	src: url('./fonts/HanaMinA.eot');
	src: url('./fonts/HanaMinA.eot?#iefix') format('embedded-opentype'),
		url('./fonts/HanaMinA.woff') format('woff'),
		url('./fonts/HanaMinA.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
.min{font-family: "Noto Serif JP", serif;}
.mt40 { margin-top: 40px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mb15{ margin-bottom:15px; }
.bgyellow { background: #f2f2b0; }
.bgblown { background: #524748; }
.pr10 { padding-right: 10px; }
.plr40 { padding-left: 40px; padding-right: 40px; }
.ptb20 { padding-top: 20px; padding-bottom: 20px; }
.lett3 { letter-spacing: 3px; }
.over { overflow: hidden; }
.fo160p { font-size: 160%; }
.white { color:#fff; }
.dot_line{ border-bottom:2px dotted #333;padding-bottom:10px; }


.min {
	font: 160% 'HanaMinA';
}

.special #main h2 {
	font: 240% 'HanaMinA';
	padding:0 10px 10px;
	margin:10px 0;
	text-shadow: 0 0 0.1px rgba(0,0,0,0.3);
}
.special #main{
	font-size:110%;
	line-height:1.6;
}
.special .table{
	border-collapse: collapse;
}

@media screen and (max-width: 768px){
	.special #main h2{
		font-size:1.8rem;
	}
}
.table th, .table td{
	padding:5px 10px;
	border:2px solid #b7a79a;
}

.flex-wrap{
	display:flex;
}
.special #main{
	width:100%;
	margin:0 auto;
	float:none;
}

/* =====================
	ŽµŒÜŽO2024
======================= */
.mtb20{margin-top:20px;margin-bottom:20px;}
.mtb30{margin-top:30px;margin-bottom:30px;}
.flex {display:flex;}
.flex-change {flex-direction:row-reverse;}
.w60p{width:60%;}
.w50p{width:50%;}
.w40p{width:40%;}

.shichigosan #container{
	max-width:980px;
}
.shichigosan .main{
	width:100%;
}

#shichigosan .flex .img{	width:35%;}
#shichigosan .flex .txt{	width:65%;}
#shichigosan .layout .img{
	margin:10px;
}
#shichigosan .layout .img img{
	transition: .3s;
}
#shichigosan .lay2.flex .table-box,
#shichigosan .lay2.flex .sup-img{
	width:50%;
}
@media screen and (max-width: 896px){
	#shichigosan .lay2.flex{
		display:block;
	}
	#shichigosan .lay2.flex .table-box,
	#shichigosan .lay2.flex .sup-img{
		width:100%;
	}
	#shichigosan .lay2.flex .sup-img{
		text-align:center;
	}
	#shichigosan .lay2.flex .sup-img img{
		width:60%;
	}
}

#shichigosan{
	font-size:1.0rem;
}
#shichigosan h2{
	font-size:1.4rem;
	padding:10px;
	margin-bottom:15px;
	display:inline-block;
}

#shichigosan .layout{
	margin:20px 0;
	padding:15px;
	background:#fff;
}

#shichigosan .table-list{
	border:7px solid #f2f2f2;
	padding:15px;
}
#shichigosan .table-list .p10{
	font-weight:bold;
	background:#f2f2f2;
}
#shichigosan .table-list dl{
	display:flex;
	border-bottom:2px dotted #ccc;
	padding:5px 10px;
}
#shichigosan .table-list dl dt{
	width:30%;
}
#shichigosan .table-list dl dd{
	width:70%;
}

@media (min-width: 751px) {
#shichigosan@a.tel-link[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}


@media screen and (max-width: 896px){
	#shichigosan .flex{
		display:block;
	}
	#shichigosan .flex .img{width:90%;text-align:center;}
	#shichigosan .flex .txt{width:100%;}
	#shichigosan .top-area img{
		width:30%;
	}
}

@media screen and (max-width: 480px){
	#shichigosan h2{
		font-size:1.2rem;
		margin-bottom:10px;
	}
	#shichigosan .top-area img{
		width:40%;
	}
	#shichigosan .layout{
		padding:10px;
	}
	#shichigosan .table th,
	#shichigosan .table td{
		padding:2px 5px;
		font-size:0.9rem;
	}
	
	#shichigosan .table-list dl{
		display:block;
	}
	#shichigosan .table-list dl dt,
	#shichigosan .table-list dl dd{
		width:100%;
	}
	
	#shichigosan .imgL{
		float:none;
	}
}
.time-list{
	padding:5px;
	display:flex;
	font-size:1.1rem;
	border-bottom:2px dotted #ccc;
}
.time-list dt{
	padding:0 10px;
}
.time-list dd{
	padding:0 10px;
}
@media screen and (max-width: 480px){
	.time-list{
		display:block;
	}
	.time-list dt{
		background:#f2f2f2;
	}
}