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

.buttons{
	width:100%;
}
.buttons .abutton:first-child{
	margin-right:20px;
}
.abutton{
	padding:4px 0;
	text-align:center;
	background:#01A0C7;
	color:#ffffff;
	border-radius:4px;
}
@media screen and (max-width: 720px){
	.buttons .abutton:first-child{
		margin-right:0;
	}
}
.places{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}
@media screen and (max-width: 720px){
	.places{
		margin:0 0 20px;
	}
}
.places li{
	display:flex;
	flex-direction:column;
	width:32%;
	height:4em;
	margin:0 0 30px;
	background:url(images/place.png) -10px -10px/40px no-repeat #ffffff;
	border-radius:4px;
	text-align:center;
	box-shadow: 0 2px 5px #555555;
}
@media screen and (max-width: 720px){
	.places li{
		width:48%;
	}
}
.places li a{
	display:block;
	width:100%;
	margin:auto;
}
.inner p{
	margin:0 0 20px;
}
.inner iframe{
	width:100%;
	height:500px;
	margin:0 0 30px;
}
.inner iframe ~ p{
	margin:0 0 50px;
}
.inner section{
	margin:0 0 50px;
}
.inner section .n_list{
	margin:0 0 20px;
	list-style: none;
	counter-reset: dd 0;
}
.inner section dl{
	margin: 0 0 20px;
}
.inner section dl dt{
	color: #42210b;
	font-weight: bold;
}
.inner section dl:not(.n_list) dt:not(:first-child){
	margin:20px 0 0;
}
.inner section .n_list dd{
	counter-increment: dd;
	padding:0 0 0 2em;
	position:relative;
}
.inner section .n_list dd:before{
	content: counter(dd);
    width: 20px;
    padding-right:8px;
	position:absolute;
	left:0;
	
    display: inline-block;
	color: #42210b;
    text-align: right;
	font-weight:bold;
    box-sizing:border-box;
}
.inner .caution{
	font-size:1em;
}