﻿
/*--------------------------------------------------

 sub

---------------------------------------------------*/

.header{
	border-bottom: 1px solid #000;
}

.hed_in p{
	display:none;
}
.navi{
	padding-top:0px;
	padding-bottom:20px;
}

.sub_ttl{
	text-align:center;
	font-size:36px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "メイリオ", serif;
	padding:50px 0;
	
}

/*　アクセスマップ　*/

.ac_box{

}

.ac_add{
	padding-bottom:20px;
	text-align:center;
}

.ac_txt{

}

.ac_pic{
	width:1000px;
	padding-bottom:20px;
}


.ac_map{
	clear:both;
}

/*　お店紹介　*/

.infol{
	width:500px;
	float:left;
}

.infol td{
	padding:5px;
}

.infor{
	width:480px;
	float:right;
}

.info_lbox{
	width:55%;
	float:left;
}

.info_rbox{
	width:40%;
	float:right;
}

/*　お問い合わせ　*/

.contabox{
	clear:both;
	width:770px;
	margin:0 auto;
	margin-bottom:20px;
}

.contalbox{
	width:270px;
	float:left;
	padding-top:10px;
}

.contarbox{
	width:500px;
	float:left;
}

.submit_btn{
	text-align:center;
}

.submit_btn button{
	width:250px;
	border:none;
	background:none;
	background:#000;
	color:#FFF;
	margin-top:30px;
	cursor:pointer;
	height:50px;
}


.submit_btn button:hover{
	background:#666;
}

.

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

.sub_ttl{
	font-size:25px;
}

.sub_ttl{
	padding:50px 0 20px 0;
}

/*　アクセスマップ　*/

.ac_pic{
	width:100%;
}

/*　お店紹介　*/

.info_lbox{
	width:100%;
}

.info_rbox{
	width:100%;
}

.infol{
	width:100%;
}

.infol table{
	font-size:12px;
}

.infor{
	padding-top:20px;
	width:100%;
}


/*　お問い合わせ　*/

.contabox{
	width:100%;
}

.contalbox{
	width:100%;
}

.contarbox{
	width:100%;
}

}


@media screen and (max-width: 480px) {
	table{
		font-size: 14px;
	}
	.infol{
		width:100%;
	}

	.infor{
		width:100%;
	}
	
	.info_lbox{
		width:100%;
	}
	
	.info_rbox{
		width:100%;
	}
.ac_pic{
width:100%;
}

.contabox,.contalbox,.contarbox{
    width: 100%;
}

input{
max-width:95% !important;
}


}