/* CSS Document */

  
a:hover img {
  opacity: .8;
  filter: alpha(opacity=90);
  -ms-filter: "alpha(opacity=90)";
  border:0;
  }

/*　    Googleマップ　カスタム    */
#map {
 width: 100%;
 height: 300px;
}

.map{
	width:100%;
	height:440px;
	border-bottom:3px solid #353716;
	border-top:3px solid #353716;
	}
	
/* 　     ナビゲーション表示固定　   　 */
.nav {
    padding:0;
    margin:0;
    width:100%;
	background:#FFFFFF;
}
.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	background: hsla(0,0%,100%,0.9);
	box-shadow:3px 3px 3px hsla(0,0%,0%,0.1);
}

#nav .fixed{
	
	}	
	



/* 　    　　page-top　　   　 */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #98988b;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 10px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background:#a8ab84;
}



	
/* 　    　ボタン　　　   　 */
	
.btn_contact {
	width:270px;
	height:41px;
	line-height:41px;
	text-align:center;
	color:#fff;
	font-size:15px;
	background:#3F3F3F;
	margin:0;
	display:block;
	position: relative;
}

.btn_contact::before{
	position: absolute;
top: 0;
bottom: 0;
right: 14px;
margin: auto;
content: "";
width: 9px;
height: 9px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.btn_contact img{
	vertical-align:-3.5px;
	}
	
.box_contact{
	margin-top:3px;
	}
	
.box_contact a:hover,.box_info a:hover{
	background:hsla(0,0%,0%,0.8);
	color:#FFFFFF;
}

.btn_info {
	width:380px;
	height:41px;
	line-height:41px;
	text-align:center;
	color:#fff;
	font-size:15px;
	background:#3F3F3F;
	margin:0;
	display:block;
	position: relative;
}

.btn_info::before{
	position: absolute;
top: 0;
bottom: 0;
right: 14px;
margin: auto;
content: "";
width: 9px;
height: 9px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
	
.box_info{
	margin:5px 0 0  34px;
	}


/*   → */


.btn_box{
	width:320px;
	margin:60px auto 0;

	}
.btn_box a:hover{
	background-color:#434343;
	color:#FFF8F8;
	}
	
.btn_more a{
	color:#FFFFFF;
}
	
.btn_more {
	background:#000000;
	text-align:center;
	color:#fff;
	padding:10px 5px;
	display:block;
	position: relative;
	overflow:hidden;
}

.btn_more::before{
position: absolute;
top: 0;
bottom: 0;
right: 6px;
margin: auto;
content: "";
width: 9px;
height: 9px;
border-top: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.btn_more_o {
	background:#ED6E00;
	text-align:center;
	color:#fff;
	padding:10px 5px;
	display:block;
	position: relative;
	overflow:hidden;
}

.btn_more_o::before{
position: absolute;
top: 0;
bottom: 0;
right: 6px;
margin: auto;
content: "";
width: 9px;
height: 9px;
border-top: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}


/*  ビデオ 全画面表示 */

#s01{
	background: url(../movie/web_movie.webm) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	position:relative;
}

#s01 .detail{
	position:absolute;
	top:50px;
	left:50px;
	width:300px;
	padding:10px;
}

#s01 .scroll{
	position:absolute;
	top:150px;
	left:50%;
	margin-left:-360px;
}



#videobox{
	width:100%;
	text-align:center;
	}

video#bgvid {
	width:100%;
  right: 0;
  bottom: 0;
  margin:0 auto;
  min-width:100%;
  min-height: 500px;
  background-size: cover;
	position:relative;
  /*
  width:1200px;
  height:700px;
  */
  background:#FFFFFF;  
}

#videobox .scroll{
	position:absolute;
	top:10px;
	right:10px;
	color:#FFE1C8;
	font-size:10px;	
	}



#movie_contact{
	width:100%;
	margin:40px auto 100px auto;
	}