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

/*about-page*/
.about-page-inner{margin-top:100px;}
.about-page-wrapper {
	margin-bottom: 0;
	padding-bottom: 10px;
}

.about-main-v h1 {
	width: 80%;
	margin: 0 auto;
	padding-top: 250px;
	text-align: center;
	text-shadow: 2px 2px 3px #333;
}
.about-main-v {
	background: url(../jpg/maiko-top.jpg) no-repeat;
	background-size: cover;
	height: 500px;
}
/*about-page-end*/

#area-google-map {
 width:100%;
height:500px;
margin-top: 300px;
position:relative;
top:50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}


.about-body .page-inner{color:#222;}
.about-body .page-inner h2{width: 100%; 
	border-bottom: 2px solid #BB9803;margin-bottom: -3px;}
.about-body .page-inner a{color:#541b86; text-decoration: none; margin-top:-8px;}
.about-body .page-inner a:hover{color:#BB9803;}
.about-body .page-inner ul{padding-left:18px;}


.maikoya-top{
float:right;
padding-top:20px; 
width: 500px;
}


.accessmaps {
width:450px;
padding-top:25px;
float:left;
}


.stuff{
width:300px;
padding-top:40px;
float:left;
}

.clearfix{
	content:"";
	display: block;
	clear: both;
}

@media screen and (max-width: 600px){
.maikoya-top{
float:right;
padding-top:20px; 
width: 300px;
}


.accessmaps {
width:300px;
padding-top:25px;
float:left;
}


.stuff{
width:300px;
padding-top:40px;
float:left;
}
}

/*.en-about{background:rgba(255,255,255,0.79); border-radius:4px; padding:5px 20px;  margin-bottom:40px;}
.ja-about{background:rgba(255,255,255,0.79);border-radius:4px;padding:5px 20px;  margin-bottom:40px;}
.about-access{background:rgba(255,255,255,0.79);border-radius:4px;padding:5px 20px;  margin-bottom:40px;}*/