@charset "UTF-8";


section h2{
margin:2em 0 0.5em;
}

section h2:first-child{
margin:0 0 0.5em;
}


figure{
max-width:600px;
height:auto;
margin:0 auto;
padding:0.5em;
}


dl.list{
clear:left;
border-bottom:#CCC solid 1px;
margin:5px auto;
padding:10px 5px 0 5px;
background-color:#FFF;
text-align:left;
font-size:120%;
}

dl.list dt{
clear:left;
float:left;
width:5em;
font-weight:bold;
border-top:#CCC solid 1px;	
padding:10px 5px;	

padding-left:15px;
background:url(../images/common/maru-orange.png) left 1em no-repeat;	
}

dl.list dd{
margin-left:6em;
margin-bottom:5px;
zoom:1;	
border-top:#CCC solid 1px;	
padding:10px 5px;
}

dl.list dd ol{
margin-left:1.5em;
list-style-type:decimal;
}



.map-link{
position:static;
width:auto;
margin:0;
padding:0;
text-align:center;
font-size:90%;
background-color:#FFCC33;
-webkit-border-radius:100px;
-moz-border-radius:100px;
border-radius:100px;
}

.map-link a{
display:block;
text-decoration:none;
padding:8px 0;
color:#000;
-webkit-border-radius:100px;
-moz-border-radius:100px;
border-radius:100px;
}

.map-link a span.bm:after{
content:"\f279";
font-family:FontAwesome;
font-size:120%;
font-weight:normal;
}

.map-link a span.am:after{
content:"\f063";
font-family:FontAwesome;
font-size:120%;
font-weight:normal;
}

.map-link a:hover{
text-decoration:none;
background-color:#F8DC7C;
-webkit-border-radius:100px;
-moz-border-radius:100px;
border-radius:100px;
}






#map{
clear:both;
margin:0.5em auto;
padding:1em 0;
background-color:#EDE3DE;
border:#DBC8BD solid 1px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}

#map dt{
max-width:200px;
margin:5px auto;
text-align:center;
font-size:120%;
background-color:#6F4335;
color:#FFF;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
}

#map dt i{
color:#FC0;
}

#map dd{
text-align:center;
}



#canvas_wrapper{
clear:both;
max-width:90%;
min-width:280px;
padding:4px;
border:1px solid #CCC;
background-color:#FFF;  
margin:auto;
}
 
 
#map-canvas {
position:relative;
padding-top:56.25%;
}

#map-canvas iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}



#map ul{
margin:5px auto;
padding:0;
text-align:center;	
}

#map li{
display:inline-block;
padding:2px 8px;
margin-bottom:2px;
margin-right:2px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
color:#000;
font-weight:700;
font-size:12px;
}



/* .big-map
------------------------------- */
.big-map{
position:static;
width:100%;
margin:1em auto;
text-align:center;
}

.big-map a{
width:80%;
display:inline-block;
text-decoration:none;
-moz-border-radius:50px;
-webkit-border-radius:50px;
border-radius:50px;
padding:0.5em;
background-color:#FF9933;
color:#FFF;
font-size:140%;
}

.big-map a:before{
display:none;
}

.big-map a i{
font-size:120%;
}

.big-map a span.am:after{
content:"\f061";
font-family:FontAwesome;
font-size:90%;
font-weight:normal;
}

.big-map a:hover {
position:relative;
top:1px;
left:1px;
color:#FFF;
}





@media all and (min-width:600px) {
	
.photo-col .photo{
display:flex;
flex:1 1 25%;
}

}


@media all and (min-width:700px) {


#map{
max-width:80%;
}

#map dt{
font-size:140%;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
}



/* .big-map
------------------------------- */
.big-map a{
width:50%;
}

dl.list{
width:80%;
font-size:120%;
}


#all table{
max-width:800px;
margin:10px auto;
}


}