@charset "UTF-8";

.spStyle { display:none; }
body {
	display:none;
	min-width:320px;
	background:#F5F5F5;
	line-height:1;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	color:#444;
}
@media only screen and (max-width:1300px) {
	body { font-size:13px; }
}
#header {
	position:relative;
	height:100%;
	min-height:100%;
}
#spHeader { padding-top:80px; }
#headerInner {
	display:table;
	position:absolute;
	bottom:0;
	width:100%;
	z-index:999;
}
#headerInner.fixed { top:0; }
#nav,
#spNav,
#logo,
#spLogo {
	display:table-cell;
	vertical-align:middle;
}
#nav,
#spNav {
	position:relative;
	background:rgba(14,77,137,0.9);
	background:#0E4D89\9;
	font-size:16px;
}
#spHeaderInner {
	display:table;
	position:fixed;
	top:0;
	width:100%;
	z-index:999;
}
#logo {
	width:20%;
	min-width:220px;
	height:80px;
	background:#FFF;
	text-align:center;
}
#spLogo {
	width:35%;
	height:80px;
	padding:0 10px;
	background:#FFF;
	text-align:center;
}

#nav ul {
	padding-left:3%;
	font-size:16px;
}
#nav li {
	display:inline-block;
	padding:0 3%;
}
#nav a,
#spNav a {
	text-decoration:none;
	color:#FFF;
}
#spNav .fade {
	height:80px;
	padding-left:20px;
	line-height:80px;
	font-size:16px;
	color:#FFF;
	cursor:pointer;
}
#spNav .fade .fa { margin-right:10px; }
#spList {
	position:absolute;
	top:80px;
	left:0;
	width:100%;
	padding:10px 20px;
	background:rgba(0,0,0,0.9);
}
#spList li {
	border-bottom:1px dotted #666;
}
#spList li:last-child { border:none; }
#spList a {
	display:block;
	padding:15px 0;
	font-size:14px;
}
@media only screen and (max-width:1300px) {
	#nav ul {
		padding-left:2%;
		font-size:14px;
	}
	#nav li { padding:5px 2%; }
}
#title {
	position:absolute;
	top:50%;
	width:100%;
	height:142px;
	padding:0 40px;
	margin-top:-71px;
	text-align:center;
	z-index:999;
}
#keyv {
	overflow:hidden;
	position:relative;
}
#keyv li {
	position:absolute;
	background-position:50% 100%;
	background-repeat:no-repeat;
	background-size:cover;
}
#spTitle {
	padding:30% 10%;
	background-image:url(../img/slide_01.jpg);
	background-position:50% 100%;
	background-repeat:no-repeat;
	background-size:cover;
	text-align:center;
}
#content {
	line-height:2;
	letter-spacing:1px;
}
@media only screen and (max-width:1300px) {
	#content {
		line-height:1.6;
	}
}
#content a { color:#0E4D89; }
#content a:hover { text-decoration:none; }
#content .fa {
	margin-left:5px;
	text-decoration:none;
}

.section {
	display:table;
	table-layout:fixed;
	width:100%;
}
.inner {
	display:table-cell;
	width:50%;
	vertical-align:middle;
}
.inner img { vertical-align:bottom; }
.inner .pic { width:100%; }
.inner > h1 {
	margin-bottom:5%;
	padding:0 10% 5%;
	border-bottom:1px solid #AAA;
}
.inner .txt {
	padding:0 10%;
}
@media only screen and (max-width:1300px) {
	.inner > h1 {
		margin-bottom:20px;
		padding:0 40px 20px;
	}
	.inner .txt { padding:0 40px; }
	.inner .txt br { display:none; }
}
.txt p { margin-bottom:1em; }
.table {
	display:table;
	width:100%;
	padding-top:1em;
}
.table dl { display:table-row; }
.table dt,
.table dd { display:table-cell; }
.table dt {
	width:1%;
	padding-right:50px;
	white-space:nowrap;
	font-weight:bold;
}
.table .list:before {
	content:"・";
}
.table .list {
	padding-left:1em;
	text-indent:-1em;
}
@media only screen and (max-width:1300px) {
	.table dt { padding-right:20px; }
}
.panel {
	display:table;
	border-collapse:separate;
	border-spacing:2px 0;
	width:100%;
	padding-top:1em;
}
.panel .box {
	display:table-cell;
	width:33%;
	text-align:center;
}
.panel dl { padding:0 10px; }
.panel dt {
	padding-top:5px;
	text-align:center;
	font-weight:bold;
}
.panel dd {
	text-align:left;
	font-size:12px;
}
@media only screen and (max-width:1300px) {
	.panel dl { padding:0 5px; }
	.panel dt { font-size:12px; }
	.panel dd {
		font-size:10px;
	}
}

#map {
	padding:5% 0;
	background:#EEE;
}
#map h1 {
	display:table-caption;
	padding-bottom:5%;
	text-align:center;
	background:#EEE;
}
#map .inner,
#map .inner img { vertical-align:top; }
#map .inner.right { padding:0 40px; }
#map .inner .txt { padding-left:0; }

@media only screen and (max-width:1300px) {
	#map { padding:40px 0; }
	#map h1 { padding-bottom:40px; }
	#map .inner.right{ width:40% !important; }
}
.floor {
	width:100%;
	border-collapse:separate;
	border-spacing:0 2px;
}
.floor th {
	background:#333;
	white-space:nowrap;
	line-height:1;
	text-align:center;
	font-size:30px;
	color:#FFF;
}
.floor .small th { font-size:20px; }
.floor th,
.floor td {
	padding:20px;
	vertical-align:top;
}
.floor .small th,
.floor .small td { vertical-align:middle; }
@media only screen and (max-width:1300px) {
	.floor th,
	.floor td { padding:10px 20px; }
}

.btn a {
	display:block;
	padding:22px;
	background:#0E4D89;
	text-align:center;
	text-decoration:none;
	font-size:16px;
	color:#FFF !important;
}
.btn a:hover { background:#333; }
@media only screen and (max-width:1300px) {
	.btn a { font-size:14px; }
}

#footer { margin-top:50px; }
#snsArea {
	display:table;
	margin:0 auto;
}
#snsArea li {
	display: table-cell;
	padding:0 5px;
	height:22px;
	vertical-align: bottom;
}
#snsArea iframe,
#snsArea .go > div { vertical-align: bottom !important;}

#copyright {
	padding-top:20px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#999;
}

@media only screen and (max-width:980px) {
	.pcStyle { display:none !important; }
	.spStyle { display:block !important; }
	body { font-size:14px; }
	#content { line-height:2; }
	.inner > h1 {
		margin-bottom:20px;
		padding:40px 20px 20px;
	}
	#map h1 {
		margin-bottom:20px;
		padding:0 20px 20px;
		border-bottom:1px solid #AAA;
	}
	.inner .txt {
		padding:0 20px !important;
	}
	
	.section,
	.inner,
	.table,
	.table dl,
	.table dt,
	.table dd,
	.panel,
	#map h1,
	.floor,
	.floor tr {
		display:block;
		width:auto;
	}
	.table dl { margin-bottom:1em; }
	.table dt {
		width:auto;
		padding:0;
	}
	.panel .box {
		display:table;
		table-layout:fixed;
		width:100%;
	}
	.panel .panelPic,
	.panel dl {
		display:table-cell;
		vertical-align:middle;
	}
	.panel .panelPic {
		width:30%;
	}
	.panel .panelPic img {
		width:100%;
		max-width:198px;
	}
	.panel dl {
		width:70%;
		padding-left:20px;
	}
	.panel dt {
		padding:0;
		text-align:left;
		font-size:14px;
	}
	.panel dd { font-size:12px; }
	#map h1 {padding-bottom:5%; }
	#map .inner .txt { padding:0 40px; }
	.floor tr { margin-bottom:1em; }
	.floor th {
		display:inline;
		float:left;
		width:80px;
		margin-right:20px;
		padding:0;
		text-align:center;
		line-height:2;
		font-size:14px !important;
	}
	.floor th span { font-size:10px !important; }
	.floor td {
		display:inline;
		padding:0;
	}
	.btn a { padding:15px 0; }
}
@media only screen and (max-width:640px) {
	.panel .box {
		display:box;
		margin-bottom:20px;
	}
	.panel .panelPic,
	.panel dl {
		display:block;
		width:auto;
	}
	.panel .panelPic,
	.panel dt { text-align:center; }
	#copyright {
		padding:20px 0;
		font-size:10px;
	}
}