@charset "utf-8";
/* CSS Document */

h3{
	margin:0;
	padding:0;
}

header{
    border-bottom: 4px double #3F3A0F;
}
h2{
    text-align: center;
padding: 50px 0;
}
.access_right{
	box-sizing:border-box;
	background-color:#fffdd6;
	width:800px;
	height:340px;
	border:1px solid #3f3a0f;
	display:flex;
	padding:20px 30px 20px 25px;
	margin-left:120px;
	margin-bottom:30px;
}
.access_left{
	box-sizing:border-box;
	background-color:#fffdd6;
	width:800px;
	height:340px;
	border:1px solid #3f3a0f;
	display:flex;
	padding:20px 25px 20px 30px;
	margin-left:40px;
	margin-bottom:30px;
}
h3{
    border-left: 5px solid #3f3a0f;
}

iframe{
filter: sepia(55%);
margin-top:30px;
margin-right:40px;
}

.iframe_right{
filter: sepia(55%);
margin-top:30px;
}

#right_box{
	margin-left:40px;
}


/*キャプション表示：右*/
.access_right li{
	position:relative;
	float:left;
	color:#fff;
	width:300px;
	margin:0 0 50px 0;
	line-height:2em;
}
.access_right ul div{
	position:absolute;
	background:#3f3a0f;
	opacity:0.8;
	width:100%;
	height:100%;
	top:0;
	left:0;
	display:none;
	box-sizing:border-box;
	padding:20px;
}
.access_right ul div p{
	position:relative;
	top:10px;
}

/*キャプション表示：左*/	
.access_left li{
	position:relative;
	float:left;
	color:#fff;
	width:300px;
	margin:0 0 50px 0;
	line-height:2em;
}
.access_left ul div{
	position:absolute;
	background:#3f3a0f;
	opacity:0.8;
	width:100%;
	height:100%;
	top:0;
	left:0;
	display:none;
	box-sizing:border-box;
	padding:20px;
}
.access_left ul div p{
	position:relative;
	top:10px;
}
aside{
	text-align:center;
	margin-top:70px;
}
aside p a{
	background-color:#000;
	text-decoration:none;
	padding:5px;
	border-radius:20px;
	color:#fff;
}
footer{
	margin-top:70px;
}
@media screen and (max-width:640px){


.access_right{
	max-width:100%;
	height:auto;
	margin:0;
	flex-direction:column;
}
.access_left{
	max-width:100%;
	height:auto;
	margin:0;
	flex-direction:column;
}

iframe{
margin-top:30px;
margin-right:0;
width:100%;
}

#right_box{
	margin-left:0;
}


footer{
	margin-bottom:0px;
}

.caption,img{
	width:100%
}




}
