/* CSS Document */

#event {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 30px;
}
#main section {
	margin-bottom: 100px;
}
.top-image {
	margin: 0 auto;
	text-align: center;
}
.top-image img {
	width: 100%;
	max-width: 600px;
	height: auto;
}
.catch{
	text-align: center;
}
.catch h2{
	background: #4A5969;
	padding: 5px;
	border-radius: 15px;
	color: #FFF;
	font-size: 1.3em;
	margin: 15px auto;
	letter-spacing: 5px;
}
.catch p {
	font-size: 2em;
}
.catch p strong {
	color: #CD613F;
}
.plan {
	text-align: center;
}
.plan .pers img {
	width: 100%;
	height: auto;
}
#photos {
	display: flex;
	justify-content: space-between;
	max-width: 1200px;
	margin: 0 auto 50px;
	flex-wrap: wrap;
}
#photos .w-50 {
	width: 49.7%;
	margin-bottom: 5px;
}
#photos .w-25 {
	width: 24.8%;
	margin-bottom: 5px;
}
#photos .w-20 {
	width: 19.5%;
	margin-bottom: 5px;
}
#photos img{
	width: 100%;
	height: auto;
}
.points h3 {
	font-size: 1.3em;
}
.points strong {
	color: #CD613F;
	font-size: 1.3em;
	font-weight: normal;
}
.points ul {
	margin: 0 auto 50px;
}
.points li {
	margin-bottom: 5px;
	margin-left: 30px;
	list-style: disc;
	font-size: 1.3em;
	line-height: 1.3
}
.points li span {
	font-size: .8em;
}
.points div {
	max-width: 600px;
	margin: 0 auto 50px;
}
.points figure {
	margin: 0 auto 30px;
}
.facility {
	background: #D7ECE2;
	border-radius: 10px;
	padding: 0 20px 20px;
}
.facility h3{
	font-size: 1.3em;
	text-align: center;
	padding: 10px;
	margin: 10px 30px;
	border-bottom: 1px solid #FFF;
}
.facility li {
	display: inline-block;
}
.facility li::before {
	content: "・";
}
#division figure {
	margin: 0 auto 50px;
	text-align: center;
}
#outline {
	width:700px;
	margin: 30px auto;
	background: #FFF;
	padding: 30px;
}
#division h3,
.plan h3,
#outline h3 {
	padding-bottom: 5px;
	border-bottom: 1px dotted #666;
	margin-bottom: 5px;
	font-size:  1.3em;
	text-align: left;
}
#outline dl {
	display: table;
	margin-bottom: 10px;
	font-size: 1.3em;
}
#outline dt, #outline dd {
	display: table-cell;
	padding: 3px;
}
#outline dt {
	color: #006BB4;
	font-weight: bold;
	width: 100px;
}
#outline strong {
	color: #FF0004;
}
.map {
	width:800px;
	margin: 10px auto 30px;
	text-align: center;
	background: #FFF;
}

.map h2 {
	font-size: 1.5em;
	padding: 10px 0 10px 30px;
	margin: 10px 0 5px 0;
	text-align: left;
}
.map figure {
	padding: 0;
	margin: 0 auto 10px;
}

.map iframe {
	margin-bottom: 30px;
	width: 800px;
	height: 400px;
	border:0;
}
.map p {
	margin: 0 auto 30px;
}
.end {
	text-align: center;
	font-size: 1.3em;
}
.banner{
	margin: 20px auto;
	text-align: center;
}
.banner-bottom {
	display: none;
}
.form a{
	margin: 20px auto;
	text-align: center;
	max-width: 760px;
	width: 90%;
	display: block;
	padding: 30px 20px;
	font-size: 2em;
	letter-spacing: 0.3em;
	color: #FFF;
	background: #D17004;
	border-radius: 10px;
}
.tel {
	text-align: center;
	font-size: 2em;
	margin: 10px auto 30px;
}
.tel a{
	color: #07195B;
	text-decoration: underline;
}
.about h1 {
	text-align: center;
	font-size: 1.5em;
	font-weight: normal;
}
.about section {
	margin-bottom: 30px;
}
.about {
	background: #EEE;
	border-radius: 10px;
	margin-bottom: 50px;
	padding: 20px;
}
.about h2 {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	font-size: 1.3em;
	font-weight: normal;
}
.about h2 img{
	padding-right: 5px;
}
.about section p {
	margin: 0 0 10px 50px;
}
.about section figure img{
	width: 100%;
}
.banner{
	text-align: center;
	width: 96%;
	max-width: 960px;
	margin: 0 auto 50px;
}
.red {
	color: #FF0004;
	font-weight: normal;
}
@media screen and (max-width: 960px) {

#event {
	width: 96%;
	margin: 0 auto 30px;
}
.catch{
	font-size: 0.9em;
}
#outline dd {
	font-size: .9em;
}
#outline,
#plan,
.map {
	width: 96%;
	margin: 0 auto;
}
.map figure {
	width:96%;
	margin-left:5%;
	margin-right:5%;
}
.map iframe {
	height:400px;
	width:96%;
	margin-left:5%;
	margin-right:5%;
}
}

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

.catch{
	font-size: 0.6em;
}
}



	
@media screen and (max-width: 480px) {
.catch{
	font-size: 0.5em;
}
.points strong {
	font-size: 1.1em;
}
#photos .w-50 {
	width: 100%;
}
#photos .w-25 {
	width: 50%;
}
#outline,
.map {
	width: 96%
}

#main iframe {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}
}