@charset "UTF-8";
/*
==================================================
HEADER
==================================================
*/
div.gnavigation{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 150px;
  background-color: #fff;
  z-index: 10;
}
div.gnavigation div.top-bar-en{
  width: 100%;
  max-width: 1000px;
  height: 100%;
  margin: 0 auto;
  background-color: transparent;
	position:relative;
}

div.gnavigation div#logo {
	position:absolute;
	top:23px;
	left:0;
	}
div.gnavigation div#logo h1 {
	font-size: inherit;
}
div.gnavigation div.top-bar-en div.top-bar-right {
	width:420px;
	position:absolute;
	top:28px;
	right:0;
	text-align:right;
	vertical-align:middle;
}
div.gnavigation div.top-bar-en ul.language{
  margin: 0;
	vertical-align:middle;
  list-style-type: none;
  float: left;
}
div.gnavigation div.top-bar-en ul.language li{
  float: left;
  width: 40px;
  border-left: 1px solid #c2c2c2;
  text-align: center;
}
div.gnavigation div.top-bar-en ul.language li:last-child{
  border-right: 1px solid #c2c2c2;
}
/*
div.gnavigation div.top-bar-en div ul.language li a:hover{
  color: #ffffff;
  background-color: transparent;
}
*/

div.gnavigation div.top-bar-en div ul.language li a.active{
  opacity: 0.5;
}
div.gnavigation div.top-bar-en p.tel {
	vertical-align:middle;
	margin:0;
	padding:0;
	display:block;
	width:210px;
	float:right;
	margin-bottom:0;
	line-height:0;
}
	div.gnavigation div.top-bar-en p.tel a{
  font-size: 24px;
  font-weight: bold;
  color: #13646b;
}


div.gnavigation div.top-bar-left {
	position:absolute;
  padding-top: 15px;
	top:80px;
	left:0;
	width:100%;
	text-align:center;
  background-color: #F8F9FA;
  height: 70px;
}

div.gnavigation div.top-bar-left ul li{
	display:inline-block;
	*display: inline;
	*z-index:1;
	padding:0 24px;
	border-left:1px solid #e8e9e9;
	}
div.gnavigation div.top-bar-left ul li:filst-child {
	border-left:none;
}

div.gnavigation div.top-bar-left ul li a{
  font-size: 15px;
  font-weight: bold;
  color: #333333;
  border-radius: 3px;
}
div.gnavigation div.top-bar-left ul li a.reservation{
  color: #ffffff;
  background-color: #13646b;
}
div.gnavigation div.top-bar-left ul li a:hover{
  color: #13646b;
  /*background-color: #13646b;*/
  opacity: 1;
}
div.gnavigation div.top-bar-left ul li a.reservation:hover{
  color: #ffffff;
  opacity: 0.8;
}

/*sp*/
section.language {
	background:#13646b;
	padding:0;
}
section.language div.language{
	clear:both;
	width:100%;
	padding:20px;
	float:none !important;
}
section.language div.language ul li a.active {
	opacity:0.3;
}
section.language > div {
  display:block;
  vertical-align:middle;
}
div#logo-sp {
	float:none !important;
	width:100%;
	text-align:center;
	padding:15px;
	background:#fff;
	}

section.english-sec div.box-access{
  /*width: 514px;*/
  width: -webkit-calc(52.4% - 15px);
  width: calc(52.4% - 15px);
}

/*
==================================================
FOOTER
==================================================
*/
footer {
	background:#13646b;
	padding:15px 0;
}
footer p.copyright {
	background:none;
}
footer div.footer-inner {
	max-width:1000px;
	margin:0 auto;
	position:relative;
	text-align:right;
}
div.pate-top {
	position:absolute;
	top:-100px;
	right:0;
	text-align:right;
	width:40px;
	height:40px;
}

div.pdf-link {
	text-align:left;
	width:155px;
	float:left;
  background-image: url(../images/common/icon_en_arr.png);
  background-repeat: no-repeat;
  background-position-y: 10px;
  background-position-x: 8px;
}
div.pdf-link a {
	color:#fff;
	background:url(../images/common/icon_f_pdf.png) no-repeat right center;
	padding:5px;
	padding-left:20px;
	display:block;
}
footer p.sns {
	float:right;
	width:85px;
	display:block;
	text-align:right;
}
footer p.copyright {
	float:right;
	width:330px;
	display:block;
	margin-right:15px;
	height:30px;
	line-height:30px;
	padding:0;
	margin:0;
}

@media only screen and (max-width: 768px) {
  footer{
		padding:0;
    padding-bottom: 170px;
  }
	footer p.copyright {
		clear:both;
		float:none;
		width:100%;
		padding:10px;
		text-align:center;
		margin-right:0;
		height:auto;
		line-height:inherit;
		background:#fff;
		margin-top:15px;
		font-size:30px;
}
	div.pate-top {
		top:44px;
		right:20px;
		width:84px;
		height:84px;
	}
	div.pate-top img {
		width:84px;
		height:84px;
	}

	footer p.sns {
		float:none;
		clear:both;
		width:auto;
		text-align:left;
		margin-left:15px;
		padding-bottom:15px;
	}
	div.pdf-link {
		width:auto;
		float:none;
		margin-left:15px;
	}
	div.pdf-link a {
		background:url(../images/common/icon_fs_pdf.png) no-repeat left center;
		padding:5px;
		padding-left:46px;
		font-size:30px;
		margin-bottom:10px;
	}
	div.under-content {
		padding-top:20px;
	}
	section.english-sec div.box-access{
	  width: 100%;
	}
}