@charset "UTF-8";
<!--
/* 角丸 */
.detail{
	  
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  


}
/* ボタン共通 */
.Button{
  max-width: 300px; min-width: 20px;
	overflow: hidden;
  width : 80%;  
  height : inherit;
	margin : 20px auto;
	padding : 0px 0px;padding-left : 0px;
}
.Button a{
	max-width: 300px; min-width: 20px;
  width : 100%;  
  height : inherit;
	display: block;
	position: relative;
	z-index: 100;
	text-align:center;
	background : none 0% 0% / auto auto repeat scroll padding-box border-box #000066;
	color : #ffffff;
	font-size : 16px;
	line-height : 40px;
	text-decoration:none;
  font-weight : bold;
}
.Button a:hover{
	max-width: 400px; min-width: 50px;background-image : none;background-repeat : repeat;background-attachment : scroll;background-position : 0% 0%;background-size : auto auto;background-origin : padding-box;background-clip : border-box;        /* マウスオーバーカラー */  

  background-color : blue;
}

.icon01{
  position: relative;
  top: 5px;
  left: 5px;
  margin-right : 5px;
}
-->


/* メニューアイコン */
.css-bar{
  display: inline-block;
  position: relative;
  margin: 0 5px -5px 0;
  padding: 0;
  background: white;
}
.css-bar, .css-bar::before, .css-bar::after{
  width: 30px;
  height: 5px;
}
.css-bar::before, .css-bar::after{
  display: block;
  content: "";
  position: absolute;
  top: 40%;
  left: 0;
  background: white;
}
.css-bar::before{
  margin-top: -12px;
}
.css-bar::after{
  margin-top: 8px;
}

.video-container{
	position: relative;
	padding-bottom: 56.25%;
	padding-top : 30px;
	height: 0;
	overflow: hidden;
  margin-left : 2%;
  margin-right : 2%;
  margin-bottom : 20px;
  margin-top : -10px;
}
 
.video-container iframe,  
.video-container object,  
.video-container embed{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-containerP{
	position: relative;
	padding-bottom: 56.25%;
	padding-top : 30px;
	height: 0;
	overflow: hidden;
  margin-left : 2%;
  margin-right : 2%;
  margin-bottom : 10px;
}
 
.video-containerP iframe,  
.video-containerP object,  
.video-containerP embed{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


#map_space,#map_spaceA,#map_spaceB,#map_spaceC,#map_spaceD,#map_spaceE{
	width: 96%;
	height: 500px;
	margin-right : auto;margin-bottom : 30px;margin-left : auto;
}

h6.map_title{
	text-align: center;
	font-size : 14px;	
  color : #666666;
}


/*===============================================
●SP.css  画面の横幅が770pxまで③
===============================================*/
@media screen and (max-width:770px){
#map_space,#map_spaceA,#map_spaceB,#map_spaceC,#map_spaceD,#map_spaceE{
	width: 96%;
	height: 300px;
	margin-right : auto;margin-bottom : 20px;margin-left : auto;
}

}