@charset "utf-8";


/*---------------------------------------------------------------------------------------
	contents
----------------------------------------------------------------------------------------*/

h2{
	clear: both;
	height: 120px;
	color: #0f6ab4;
	font-size: 32px;
	font-weight: 500;
	line-height: 120px;
	background: url(../common/images/title-bg.jpg) no-repeat center;
	background-size: cover;
}
.read{
	font-size: 16px;
	margin-bottom: 15px;
}
/* tel */
.tel{
	background: url(images/box-bg.png) repeat left top;
	padding: 4px;
	margin-bottom: 25px;
}
.tel div{
	color: #0F6AB4;
	font-weight: bold;
	padding: 5px 90px 5px;
	clear: both;
	overflow: hidden;
	background: #fff;
}
.tel div dl{
	float: left;
	padding-top: 5px;
}
.tel div dl dt{
	font-size: 12px;
	line-height: 1.1;
}
.tel div dl dd{
	font-size: 20px;
}
.tel div p{
	font-size: 38px;
	float: right;
	padding-top: 5px;
	line-height: 1.1;
}
.tel div p a{
	color: #0F6AB4;
}
.tel div p:before{
	content: url(images/icon-tel.png);
	margin-right: 5px;
}
/* table */
#contents table{
	width: 100%;
	border: 1px solid #d7d7d7;
	box-sizing: border-box;
}
#contents table th{
	color: #0f6ab4;
	text-align: left;
	vertical-align: middle;
	padding: 5px 10px;
	border: 1px solid #d7d7d7;
	background: #EAF2F7;
}
#contents table td{
	padding: 5px 10px;
	border: 1px solid #d7d7d7;
	vertical-align: middle;
}
#contents table td dl{
	clear: both;
	overflow: hidden;
}
#contents table td dl dt{
	color: #0f6ab4;
	float: left;
	margin-right: 10px;
}
#contents table td dl dd{
	overflow: hidden;
}
#contents table td table{
	border: none;
}
#contents table td table th,
#contents table td table td{
	border: none;
}
#contents table td table th{
	font-size: 13px;
	padding: 3px 5px;
	text-align: center;
	background: #F5F5F5;
}
#contents table td table td.f-blue{
	color: #0F6AB4;
}
#contents .tb-cont {
	clear: both;
	overflow: hidden;
	margin-bottom: 50px;
}
#contents .tb-cont table{
	width: auto;
	float: left;
	margin-right: 5px;
}
#contents .tb-cont table th{
	text-align: center;
}
#contents .tb-cont p{
	color: #E81122;
	font-size: 12px;
	padding-top: 50px;
}
/* tab1 */
ul#tab1{
	clear: both;
	overflow: hidden;
	border-bottom: 3px solid #0F6AB4;
	margin-bottom: 10px;
}
#contents #tab1 li{
	display: inline-block;
	width: 390px;
	margin-right: 20px;
}
#contents #tab1 li:last-child{
	margin-right: 0;
}
#contents #tab1 li a{
	display: block;
	height: 40px;
	line-height: 42px;
	color: #0F6AB4;
	font-size: 24px;
	font-weight: bold;
	padding: 0 30px;
	background: #E5E5E5;
	border-radius: 10px 10px 0 0;
}
#contents #tab1 li.active a,
#contents #tab1 li a:hover{
	color: #fff;
	background: #0F6AB4;
}
#contents div map area{
	outline: none;
}
/* tab2 */
#contents #tab2{
	clear: both;
	overflow: hidden;
	margin-bottom: 40px;
}
#contents #tab2 li{
	float: left;
	box-sizing: border-box;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	display: block;
	width: 262px;
/*	width: 194px;*/
	padding: 5px;
	border: 1px solid #333;
	position: relative;
	margin: 0 7px 15px 0;
	cursor: pointer;
}
#contents #tab2 li:last-child{
	margin-right: 0;
}
#contents #tab2 li:nth-child(1).active{
	color: #fff;
	background: #EA5404;
	border-color: #EA5404;
}
#contents #tab2 li:nth-child(2).active{
	color: #fff;
	background: #07A33E;
	border-color: #07A33E;
}
#contents #tab2 li:nth-child(3).active{
	color: #fff;
	background: #6357A3;
	border-color: #6357A3;
}
#contents #tab2 li:nth-child(4).active{
	color: #fff;
	background: #217FC4;
	border-color: #217FC4;
}
#contents #tab2 li:after{
	position: absolute;
	display: block;
	right: 0;
	bottom: -11px;
	left: 0;
	content: "";
	width: 17px;
	height: 11px;
	background: url(images/tab2-arrow.png) no-repeat center center;
	margin: 0 auto;
}
#contents #tab2 li:nth-child(1).active:after{
	background: url(images/tab2-arrow-osaka.png) no-repeat center center;
}
#contents #tab2 li:nth-child(2).active:after{
	background: url(images/tab2-arrow-nara.png) no-repeat center center;
}
#contents #tab2 li:nth-child(3).active:after{
	background: url(images/tab2-arrow-hyogo.png) no-repeat center center;
}
#contents #tab2 li:nth-child(4).active:after{
	background: url(images/tab2-arrow-mie.png) no-repeat center center;
}
.ChangeElem_Panel{
 	display: none;
}
#contents #tab2-cont ul{
	clear: both;
	overflow: hidden;
	margin-bottom: 100px;
}
#contents #tab2-cont ul li{
	font-size: 16px;
	float: left;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	width: 400px;
	box-sizing: border-box;
	padding: 30px 0 40px;
}
#contents #tab2-cont ul li:nth-child(even){
	float: right;
	border-right: none;
	padding-left: 84px;
}
#contents #tab2-cont ul li:nth-child(1),
#contents #tab2-cont ul li:nth-child(2){
	border-top: none;
	padding-top: 0;
}
#contents #tab2-cont ul li.bd-btm{
	border-bottom: 1px solid #ddd;
}
#contents #tab2-cont ul li.bd-right-none{
	border-right: none;
}
#contents #tab2-cont ul li .name{
	margin-bottom: 10px;
}
#contents #tab2-cont ul li .name,
#contents #tab2-cont ul li .name a{
	color: #0F6AB4;
	font-size: 20px;
}
#contents #tab2-cont ul li .name a{
	text-decoration: underline;
}
#contents #tab2-cont ul li .red{ color: #f00;}
#contents #tab2-cont ul div{
	padding-right: 25px;
	position: relative;
	width: 312px;
}
#contents #tab2-cont ul div .hour24{
	position: absolute;
	right: 0;
	bottom: 0;
}
#contents #tab2-cont ul dl{
	clear: both;
	overflow: hidden;
	margin-bottom: 10px;
	line-height: 1.2;
	padding-top: 3px;
}
#contents #tab2-cont ul dl dt{
	float: left;
	margin-right: 15px;
}
#contents #tab2-cont ul dl dt:before{
	font-size: 12px;
	content: "■";
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 2px;
}
#contents #tab2-cont ul dl dd{
	overflow: hidden;
}
#contents #tab2-cont ul figure{
	margin-bottom: 10px;
}
#contents #tab2-cont ul .btn a{
	color: #0F6AB4;
	border: 1px solid #0F6AB4;
	padding: 7px 35px;
	background: #EAF0F4;
	display: inline-block;
	position: relative;
}
#contents #tab2-cont ul .btn a:after{
	content: "";
	position: absolute;
	top: 0;
	right: 7px;
	bottom: 0;
	margin: auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3.5px 0 3.5px 6px;
	border-color: transparent transparent transparent #007bff;
}
#contents #tab2-cont ul li .btn a img{
	vertical-align: middle;
	margin-left: 5px;
}
#contents .imgright{
	clear: both;
	overflow: hidden;
	padding-top: 5px;
	margin-bottom: 35px;
}
#contents .imgright figure{
	float: right;
	padding-top: 5px;
}
#contents .imgright dl dt{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
#contents .imgright dl dd{
	font-size: 16px;
	line-height: 1.5;
}
#contents .hour24-cont{
	clear: both;
	overflow: hidden;
	padding-bottom: 15px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
}
#contents .hour24-cont dl{
	float: left;
	padding: 5px 0 0 75px;
	background: url(images/hour24-l.png) no-repeat left top;
	min-height: 62px;
}
#contents .hour24-cont dl dt{
	color: #1F74B9;
	font-size: 20px;
	line-height: 1.2;
	margin-bottom: 10px;
}
#contents .hour24-cont dl dd .red{
	color: #f00;
}
#contents .hour24-cont div{
	float: right;
}
#contents .hour24-cont div .tel-icon{
	font-size: 24px;
	font-weight: bold;
	padding-left: 20px;
	background: url(images/icon-tel.png) no-repeat left top 5px;
	background-size: 13px 25px;
}
#contents .hour24-cont div .btn a{
	color: #0F6AB4;
	font-size: 16px;
	border: 1px solid #0F6AB4;
	padding: 8px 25px;
	background: #EAF0F4;
	display: inline-block;
	position: relative;
}
#contents .hour24-cont div .btn a:after{
	content: "";
	position: absolute;
	top: 0;
	right: 7px;
	bottom: 0;
	margin: auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3.5px 0 3.5px 6px;
	border-color: transparent transparent transparent #007bff;
}
#contents .hour24-cont div .btn a img{
	vertical-align: middle;
	margin-left: 5px;
}
#contents .reservation{
	position: fixed;
	right: 35px;
	bottom: 35px;
}