@charset "utf-8";
/* CSS Document */

/*Common + top*/
body {
	font-size: 16px;
	background-image: url("img/back.gif");
	margin: 0;
	padding: 0;
}

section {
	margin-bottom: 30px;
}

p {
	line-height: 1.6;
	text-align: justify;
}

h1 {
	margin: 0 0 25px;
}

h1 img {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 556px;
	height: auto;
}

h2 {
	margin: 0 0 25px;
}

h2 img {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 768px;
	height: auto;
}

h3 {
	color: #003366;
	font-size: 21px;
	font-weight: bold;
	border-bottom: solid 1px #003366;
	padding: 8px 4px;
	margin-bottom: 10px;
}

h3 img {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
}

ul,
li {
	list-style: none;
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

td {
	box-sizing: border-box;
	line-height: 1.8;
}

.blue {
	color: #003366;
}

.content {
	background-image: url("img/back_tab.jpg");
	max-width: 960px;
	width: 90%;
	margin: 0 auto;
}

.hdnavi {
	display: flex;
	background-image: url("img/navisp.gif");
	margin-bottom: 20px;
}

.wrap {
	width: 90%;
	margin: 0 auto;
}

.ankou_ul {
	display: flex;
	justify-content: space-between;
}

.column {
	background-color: #E8E6D2;
	padding: 20px;
}

.font_w {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
}

.small {
	font-size: 11px;
}

.f11 {
	font-size: 11px;
}

.f12 {
	font-size: 12px;
}

.f14 {
	font-size: 14px;
}

.f16 {
	font-size: 16px;
}

.f18 {
	font-size: 18px;
}

.lh {
	line-height: 150%;
}

.sp {
	display: none;
}

@media (max-width:768px) {
	.pc {
		display: none !important;
	}

	.sp {
		display: block !important;
	}
}


/*Matsuri**********************************/
.pad1 {
	padding: 5px 15px 5px 15px;
}

h3.nb {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background: linear-gradient(180deg, rgba(120, 0, 0, 1) 0%, rgba(208, 0, 0, 1) 100%);
	border: none;
	margin-bottom: 0;
	padding: 10px 20px;
	border-radius: 10px 10px 0 0;
	font-size: 30px;
	color: #ffffff;
	letter-spacing: 0.1rem;
}

h3.nb span {
	padding-left: 20px;
	font-size: 18px;
	letter-spacing: 0;
}

.matsuri_kaijo {
	border-bottom: 1px solid #f00;
	border-left: 1px solid #f00;
	border-right: 1px solid #f00;
	background: #fff;
	width: 100%;
	padding: 0;
	margin: 0 auto 50px;
	box-sizing: border-box;
}

.matsuri_kaijo h4 {
	background: #CC6666;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	margin: 0;
	padding: 10px;
}

.matsuri_kaijo .access {
	font-size: 18px;
	font-weight: bold;
	color: #C00;
	margin: 0;
	padding: 0;
}

.matsuri_kaijo .access span {
	font-size: 13px;
}

.matsuri_kaijo .contact {
	background: #ffcc99;
	padding: 5px;
	margin: 0;
}

.matsuri_kaijo .wrap {
	width: 100%;
	margin: 0 auto;
	padding: 10px;
	box-sizing: border-box;
}

.matsuri_kaijo {
	width: 100%;
}

.matsuri_detail tr {
	vertical-align: top;
}

.matsuri_detail .schedule {
	display: inline-block;
	margin-right: 1%;
}

.matsuri_detail .schedule dl {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

.matsuri_detail .schedule dl dt,
.matsuri_detail .schedule dl dd {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	border-bottom: 3px double #f00;
	padding: 5px 0;
	margin: 0;
}

.matsuri_detail .schedule dl dt {
	justify-content: flex-start;
	width: 30%;
	font-size: 16px;
	color: #C00;
}

.matsuri_detail .schedule dl dd {
	justify-content: center;
	width: 70%;
	font-size: 16px;
	font-weight: bold;
	color: #300;
}

.matsuri_detail .schedule .bus {
	margin-top: 10px;
}

.matsuri_detail .schedule .bus img {
	display: block;
	width: 100%;
	max-width: 539px;
}

.matsuri_detail .schedule .bus img.bus_title {
	max-width: 239px;
	margin: 0 auto 10px;
}

.matsuri_detail .map {
	width: 35%;
}

.matsuri_detail .map img {
	display: block;
	max-width: 350px;
	margin: 0 auto;
	width: 100%;
}

@media (max-width:768px) {
	h3.nb {
		flex-direction: column;
	}

	h3.nb span {
		padding: 0;
	}

	.matsuri_kaijo h4 {
		text-align: center;
	}

	.matsuri_detail .schedule,
	.matsuri_detail .map {
		display: block;
		width: 100%;
	}

	.matsuri_detail .schedule dl dt {
		font-size: 14px;
	}

	.matsuri_detail .schedule dl dd {
		padding-left: 10px;
		box-sizing: border-box;
	}

	.matsuri_detail .map {
		text-align: center;
	}
}

/* .kaijo_box {
	border: solid 1px #F00;
	background-color: #FFF;
	width: 100%;
	font-size: 16px;
} */

/* .map img {
	width: 100%;
	height: auto;
} */

/* .bus_time {
	display: block;
	margin: auto;
}

.busimg img {
	width: 100%;
	height: auto;
	margin-top: 10px;
}

.kyotyo {
	font-size: 18px;
	color: #C00;
	font-weight: bold;
}

.jikan {
	color: #C00;
}

.border1 {
	border-bottom: double 3px #F00;
}

.event {
	font-weight: bold;
	font-size: 16px;
	color: #300;
	line-height: 1.3;
} */

.event_sma {
	font-weight: bold;
	font-size: 14px;
	color: #300;
}

.catch {
	font-size: 18px;
	font-weight: bold;
}

.ankoujiru {
	background-color: #FFFF00;
	color: #FF0000;
	font-size: 14px;
	padding: 1px 3px;
	font-weight: bold;
	border: solid 1px #FF0000;
}

.pr_banner {
	width: 90%;
	max-width: 700px;
	display: block;
	margin: 40px auto 0px;
}

/*Fair*/
.kakaku {
	font-size: 16px;
	font-weight: bold;
	color: #cc0000;
}

.pad1 {
	padding: 5px 15px 5px 15px;
}

.c1 {
	color: #003399;
}

.c2 {
	color: #993300;
}

.c3 {
	color: #660000;
}

.c4 {
	color: #000066;
}

.c5 {
	color: #006600;
}

.c6 {
	color: #FF367F;
}

.bd1 {
	border: solid 1px #003399;
}

.bd2 {
	border: solid 1px #993300;
}

.bd3 {
	border: solid 1px #660000;
}

.bd4 {
	border: solid 1px #000066;
}

.bd5 {
	border: solid 1px #006600;
}

.box1 {
	border: solid 1px #003399;
}

.box2 {
	border: solid 1px #993300;
}

.box3 {
	border: solid 1px #660000;
}

.box4 {
	border: solid 1px #000066;
}

.box5 {
	border: solid 1px #006600;
}

.box6 {
	border: solid 1px #FF367F;
}

.box1,
.box2,
.box3,
.box4,
.box5,
.box6 {
	background-color: #FFFFCC;
	margin: 2px;
}

.box1 td,
.box2 td,
.box3 td,
.box4 td,
.box5 td,
.box6 td {
	padding: 2px;
}

.bg_white {
	background-color: #FFFFFF;
}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 768px) {
	body {
		font-size: 14px;
	}

	h3 {
		font-size: 16px;
	}

	.hdnavi img {
		width: 100%;
		height: auto;
	}

	.content {
		width: 100%;
	}

	.ankou_ul li {
		width: 32%;
	}

	.ankou_ul li img {
		width: 100%;
		height: auto;
	}
}

@media screen and (max-width: 480px) {
	.ankou_ul {
		flex-direction: column;
	}

	.ankou_ul li {
		width: 100%;
	}

	.map,
	.schedule {
		display: block;
		width: 100%;
	}

	.f11 {
		font-size: 10px;
	}

	.f12 {
		font-size: 11px;
	}

	.f14 {
		font-size: 12px;
	}

	.f16 {
		font-size: 14px;
	}

	.f18 {
		font-size: 16px;
	}
}

/* matsuri */
.preparation {
	height: 60vh;
	box-sizing: border-box;
}

.preparation p {
	font-size: 20px;
	text-align: center;
}