@charset "utf-8";

/*トップページのメイン画像
---------------------------------------------------------------------------*/
#mainimg {
	position: relative;overflow: hidden;
	width: 100%;
	height: auto;
	margin: 0 auto;
}


/*動画
---------------------------------------------------------------------------*/
#top_video { width: 100%; z-index: 1;}


/*動画下に出てくる「↓」画像
---------------------------------------------------------------------------*/
#arrow1 {
	position: absolute;z-index: 1;
	left: 47.5%;
	bottom: 100px;	/*下からの配置場所指定*/
	width: 5%;		/*幅*/
}

/*画面幅900px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:900px){

/*トップページのmainimgブロック（動画を配置しているブロック）
---------------------------------------------------------------------------*/
#arrow1 {
	left: 45%;
	width: 10%;
}

}

/*
このお店を予約する
-------------------------------------------*/

.box_contact {
	background-color: #000000;
	padding-bottom: 50px;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
}

.box_contact.only_tel {
	background-image: none;
}

.box_contact h3 {
	color: #006384;
}

.box_contact p {
	margin-top: 10px;
	margin-bottom: 20px;
}

.box_contact .btn a {
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	border: 5px solid #aa8232;
	text-decoration: none;
	display: block;
	width: 90%;
	background-color: #aa8232;
	margin-right: auto;
	margin-left: auto;
	line-height: 30px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	position: relative;
	max-width: 500px;
}
.box_contact .btn a i {
	padding-right: 10px;
	font-size: 120%;
}
.box_contact .btn a:hover {
	color: #ffffff;
	background-color: #000000;
	border-top-color: #aa8232;
	border-right-color: #aa8232;
	border-bottom-color: #aa8232;
	border-left-color: #aa8232;
}

.box_contact .tel a {
	font-size: 30px;
	font-weight: bold;
	color: #0085B2;
	text-decoration: none;
}
.box_contact .tel a strong {
	font-size: 150%;
}
.box_contact .tel a i {
	padding-right: 10px;
	font-size: 120%;
}

/*画面幅640px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width:640px){

.box_contact p {
	font-size: 14px;
}

}