.headerBox {
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	clear: both;
	width: 100%;
	padding-bottom: 10px;
	padding-top: 30px;
	background-repeat: no-repeat;
	background-image: url(../images/header/header_bg_1x.png);
	background-position: 0% 0%;
}

.sp_device .headerBox {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: 40px;
	background-color: #333333;
	padding-top: 0px;
}
.sp_headBox {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #CCCCCC;
	margin-bottom: 20px;
	display: inline-block;
}
.sp_headBox_h1 a {
	width: 45%;
	display: block;
	float: left;
	background-size: contain;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-top: 6px;
	margin-left: 10px;
	background-position: center center;
	height: 50px;
	background-repeat: no-repeat;
	background-image: url(/common/images/kadota_logo.png);
	padding-top: 0px;
}
.headH1 img {
	padding-bottom: 9px;
}

.telBox {
	position: absolute;
	width: 40px;
	height: 40px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	right: 120px;
	top: 14px;
	border: 1px solid #666666;
	display: block;
	z-index: 999;
}
.telBox div {
	height: 10px;
	background-image: url(/common/images/icon_title_yoyaku.gif);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: 134% 0%;
	z-index: 999;
}
.icon_menu {
	position: absolute;
	top: 55px;
	right: 20px;
	display: block;
	z-index: 999;
	width: 38px;
}
.icon_tel {
	position: absolute;
	top: 55px;
	right: 122px;
	display: block;
	z-index: 999;
	width: 38px;
}


.icon_yoyaku {
	position: absolute;
	top: 55px;
	right: 70px;
	display: block;
	z-index: 999;
	width: 38px;
}
.mapBox {
	position: absolute;
	width: 40px;
	height: 40px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	right: 170px;
	top: 14px;
	border: 1px solid #666666;
	display: block;
	z-index: 999;
}
.mapBox div {
	height: 10px;
	background-image: url(/common/images/icon_title_map.gif);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: 134% 0%;
	z-index: 999;
}
.icon_map {
	position: absolute;
	top: 55px;
	right: 170px;
	display: block;
	z-index: 999;
	width: 38px;
}
.headH1 {
	display: inline-block;
	float: left;
	width: 338px;
	text-align: center;
	font-size: 14px;
	line-height: 18px;
	color: #5c2505;
}
.headerContents {
	display: inline-block;
	float: left;
	width: 585px;
}

.headerTel {
	width: 410px;
	background-image: url(url);
	float: left;
	padding-top: 0px;
}

.headerTel2 {
	width: 280px;
	background-image: url(url);
	float: left;
	padding-top: 0px;
}

.qrBox {
	width: 161px;
	float: right;
	text-align: right;
	padding-top: 0px;
}
.qrBox a img:hover {
	opacity: 0.75;

}

.qrBox2 {
    width: 280px;
    float: right;
    text-align: right;
    padding-top: 0px;
    margin-top: 5px!important;
}
.qrBox2 a img:hover {
	opacity: 0.75;

}

.headTel {
	font-size: 4rem;
	color: #522f1c;
	font-weight: bold;
	line-height: 3.5rem;
}
.headTel2 {
	font-size: 2.9rem;
	color: #522f1c;
	font-weight: bold;
	line-height: 3.5rem;
}


.headerCal_Buttons {
	width: 100%;
	height: 80px;
	clear: both;
	float: left;
}


.headInfoBox{


}
.headInfoBox p {
	font-size: 1.25rem;
	line-height: 2rem;
}
.headCalender {
	float: left;
	width: 280px;
}


.yoyakuBlock{
	display: block;
	width: 80px;
	height: 80px;
	float: right;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(/images/button_yoyaku.png);
	background-repeat: no-repeat;
	background-size: 80px auto;
	
}
.yoyakuBlock a:link  {
	display: block;
	width: 80px;
	height: 80px;
	background-image: url(/images/button_yoyaku.png);
	background-repeat: no-repeat;
	background-size: 80px auto;
	
}
.yoyakuBlock a:hover {
	background-position: 0% -80px;
}
.yoyakuBlock a:visited  {
	
}



.yoyakuBlock2{
	display: block;
	width: 80px;
	height: 80px;
	float: right;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(/images/button_map.png);
	background-repeat: no-repeat;
	background-size: 80px auto;
	margin-right: 7px;
}
.yoyakuBlock2 a:link  {
	display: block;
	width: 80px;
	height: 80px;
	background-image: url(/images/button_map.png);
	background-repeat: no-repeat;
	background-size: 80px auto;
	
}
.yoyakuBlock2 a:hover {
	background-position: 0% -80px;
}
.yoyakuBlock a:visited  {
	
}
.heads {
	width: auto;
	float: right;
}
.qrCode {
	float: left;
	text-align: center;
	width: 100px;
}
.qrCode img {
	text-align: center;
	display: block;
	margin-right: auto;
	margin-left: auto;
	float: left;
	padding-left: 16px;
}

/*予約サイト横並び*/
.reserveUl {
  display: flex;
}