@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 : 100%;  
  height : auto;
	margin : 20px auto 0px;
	padding: 0;
}
.Button a{
	max-width: 300px; min-width: 20px;
  width : 100%;  
  height : auto;
	display: block;
	position: relative;
	z-index: 100;
	text-align:center;
	background: #000066;
	color: #fff;
	font-size : 18px;
	line-height: 50px;
	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 : 3%;
  margin-right : 3%;
  margin-top : -10px;
	margin-bottom: 40px;
}
 
.video-container iframe,  
.video-container object,  
.video-container embed{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}