﻿﻿﻿@charset "utf-8";
html > body {font-size: 14px;line-height: normal;}
/* info PAGE */
#infoWrapper {
	width:100%;
  margin: 0 auto;
  position: relative;
  font-size:15px;
}
#infoWrapper h1.title {
  text-align: center;
  margin-bottom: 15px;
}
#infoWrapper header {
	position:relative;
	padding:10px 0px;
	border-bottom:solid 1px #d9d9d9;
}
.infoCont {
	margin-bottom:50px;
}
#infoInner header nav {
  /*width: 240px;*/
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
#infoInner header ul{
  position: relative;
  font-size:0px;
  display: flex;
}
#infoInner header ul:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}
#infoInner header li {
  position: relative;
  width:50%;
  text-align:center;
  display:inline-block;
  font-size: 15px;
  padding:20px 0px;
  border-right:solid 1px #a4a4a4;
  margin-right:-1px;
}
#infoInner header li:last-child {
	border-right:none;
}
#infoInner header li a{
  font-weight:700;
}
#infoInner header li.current a{
	color:#f7019d;
}
.slide {
	position:relative;
	max-width:1000px;
	max-height:650px;
	margin:0 auto;
	overflow:hidden;
	margin-bottom:40px;
	clear:both;
}
.slide .thu-holder{
	position:absolute;
	width:100%;
	bottom:15px;
	left:0px;
	text-align:center;
}
.slide .thu-holder a{
	position:relative;
	width:10px;
	height:10px;
	display:inline-block;
	background-color:#FFF;
	border-radius:50%;
	margin:0px 5px;
}
.slide .thu-holder a span{
	position:absolute;
	top:2px;
	left:2px;
	width:6px;
	height:6px;
	background-color:#000;
	border-radius:50%;
	display:none;
}
.slide .thu-holder a:hover span,
.slide .thu-holder a.on span{
	display:block;
}
.slide h1{
	position: absolute;
	top: 97%;
	right: 5px;
	-webkit-transform: translate(0, -46%);
	transform: translate(0, -46%);
	width: 100%;
	font-size: 7px;
	text-align: right;
	color: #fff;
}
.infoCont {
	text-align:center;
}
.infoCont h2 {
	font-family: FunctionLH_Italic;
	font-size: 28px;
	text-align:center;
	margin-bottom:20px;
}
.infoCont p {
	text-align:center;
	margin-bottom:20px;
}
.infoCont .tel {
	background-image:url(../img/info/tel_icon.png);
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:30px;
	display:inline-block;
}
.infoCont .map {
	position:relative;
	width:680px;
	height:410px;
	margin:0 auto;
}
.infoCont .clear-line{
	position:relative;
	margin:20px auto;
	width:680px;
	border-top:solid 1px #d9d9d9;
}
.infoCont .openingHours {
	position:relative;
	width:680px;
	margin:0 auto;
	margin-top:50px;
	text-align:center;
}
.infoCont .openingHours .table{
	letter-spacing: 0.3px;
	margin-bottom:40px;
}
.infoCont .openingHours .table p, .infoCont .openingHours .table span{
	padding:5px 24px;
}
.infoCont .attention {
	display: inline-block;
}
.infoCont .attention ul{
	text-align:left;
	font-size: 12px;
	line-height:18px;
	letter-spacing: 2px;
}
/**************** mobile ****************/
.mobile .infoCont .map, .mobile .infoCont .openingHours, .mobile .infoCont .clear-line {
	width:100%;
}
.mobile #infoWrapper .mobile-title {
	border-bottom:none;
}
.mobile .slide .prev{
	width: 57px;
}
.mobile .slide .next{
	width: 57px;
}

@media screen and (max-width: 767px) {
	.infoCont .openingHours .table {
		font-size: 13px;
		letter-spacing: 0px;
	}
}
