@charset "utf-8";

a:link {
	color: #000;
	text-decoration: none;
}

a:visited {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

a:active {
	color: #000;
	text-decoration: underline;
}

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	color: #000;
	font-size: 62.5%;
	text-align: center;
	line-height: 1.5;
	-webkit-text-size-adjust: none;
	min-width: 1020px;
	background-color: #000;
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

/* wrapper
----------------------------------------------- */
div#wrapper {
	text-align: left;
}

/* header
----------------------------------------------- */
#header {
	padding-top: 6px;
}

/* header hBox */
#header .hBox {
	width: 962px;
	margin: 0 auto 6px;
}

#header h1 {
	float: left;
}

#header .hBox .rBox {
	margin-top: 5px;
	width: 405px;
	float: right;
}

#header .hBox .rBox .ul_link {
	margin-top: 7px;
	width: 300px;
	float: left;
	text-align: right;
}

#header .hBox .rBox .ul_link li {
	margin-left: 24px;
	display: inline;
	font-size: 12px;
}

#header .hBox .rBox .ul_link li a {
	color: #fff;
}

#header .hBox .rBox .ul_sns {
	float: right;
}

#header .hBox .rBox .ul_sns li {
	padding-left: 10px;
	float: left;
}

#header .accordionMenu,
#header .sp_btn,
#header .sp_menu {
	display: none;
}

/* globalNavi
----------------------------------------------- */ 
nav#globalnavi {
	padding: 8px 0 8px;
	background-color: #2B2B2B;
}

/* globalNavi ul */ 
nav#globalnavi ul {
	width: 1020px;
	margin: 0 auto;
}

nav#globalnavi li {
	width: 204px;
	float: left;
	text-align: center;
}

nav#globalnavi li a {
	padding: 3px 0 2px;
	display: block;
	color: #FFF;
	font-size: 13px;
	line-height: 1.25;
	border-left: 1px solid #505050;
}

nav#globalnavi .bdr a {
	border-right: 1px solid #505050;
}

#globalnavi li a .sml {
	display: block;
	font-size: 10px;
}

nav#globalnavi li a:hover {
	color: #696969;
	text-decoration: none;
}

/* teaser
----------------------------------------------- */
div#teaser {
	min-height: 611px;
	background: url(../images/bg_top01.jpg) no-repeat center top;
	background-size: cover;
}

div#teaser .teaserIn {
	padding-top: 50px;
	width: 1020px;
	margin: 0 auto;
}

/* container
----------------------------------------------- */
div#container {
}

/* content
----------------------------------------------- */
div#content {
	width: 960px;
	margin: -480px auto 30px;
	padding: 18px 30px 40px;
	background-color: #F8F8F8;
	overflow: hidden;
	zoom: 1;
}

/* pagPath
----------------------------------------------- */
#pagPath {
	margin: 0 5px 16px;
	text-align: right;
}

#pagPath li {
	display: inline;
	font-size: 11px;
}

#pagPath li a {
	margin-right: 5px;
	padding-right: 12px;
	display: inline-block;
	text-decoration: underline;
	background: url(../images/common/ico_arrow04.gif) no-repeat right 5px;
}

#pagPath li a:hover {
	text-decoration: none;
}

/* main
----------------------------------------------- */
#main {
	margin-bottom: 31px;
}

/* side
----------------------------------------------- */
aside#side .reservation,
body#reservation-flow .reservation {
	padding: 12px 20px 12px;
	width: 265px;
	float: left;
	text-align: center;
	color: #fff;
	background: url(../images/common/bg_side01.jpg) no-repeat left top;
}

aside#side .reservation .lead,
body#reservation-flow .reservation .lead {
	margin-bottom: 6px;
	font-size: 19px;
	line-height: 1.2;
}

aside#side .reservation .lead span,
body#reservation-flow .reservation .lead span {
	margin-top: 3px;
	display: block;
	font-size: 11px;
}

aside#side .reservation .ttl,
body#reservation-flow .reservation .ttl {
	margin-bottom: 4px;
	padding: 5px 0 3px;
	font-size: 14px;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
}

aside#side .reservation .tel,
body#reservation-flow .reservation .tel {
	color: #ae9855;
	font-size: 32px;
	line-height: 1.2;
}
aside#side .reservation .tel a,
body#reservation-flow .reservation .tel a {
	color: #ae9855;	
}
aside#side .reservation .date,
body#reservation-flow .reservation .date {
	margin-bottom: 8px;
	font-size: 14px;
}

aside#side .reservation .ttl01 {
	margin-bottom: 11px;
}

aside#side .reservation .btn a {
	padding: 15px 0 15px 10px;
	display: block;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	background: url(../images/common/bg_btn_side01.gif) no-repeat;
}
aside#side .reservation .btn a img {
	margin-right: 5px;
	vertical-align: -7px;
}

aside#side .reservation .btn a:hover {
	background: url(../images/common/bg_btn_side02.gif) no-repeat;
}

aside#side .ul_link {
	margin-top: -10px;
	float: right;
	width: 630px;
}

aside#side .ul_link li {
	padding: 10px 0 0 10px;
	float: left;
	width: 305px;
}

aside#side .ul_link li:last-child {
	margin-bottom: 0;
}

aside#side .ul_link li a {
	padding: 15px 11px 15px;
	min-height: 110px;
	display: block;
	overflow: hidden;
	zoom: 1;
	text-decoration: none;
	background-color: #001761;
}

aside#side .ul_link li .pho {
	float: left;
}

aside#side .ul_link li .txtBox {
	padding: 1px 0 0 104px;
	display: block;
	color: #fff;
	line-height: 1.2;
	font-size: 12px;
}

aside#side .ul_link li .txtBox .ttl {
	margin-bottom: 4px;
	font-size: 15px;
	display: block;
}

aside#side .ul_link li .txtBox .ttl .en {
	margin-top: 1px;
	display: block;
	color: #968141;
	font-size: 11px;
}

aside#side .ul_link .bg01 a {
	background-color: #001761;
}

aside#side .ul_link .bg02 a {
	background-color: #00124D;
}

aside#side .ul_link .bg03 a {
	background-color: #000C34;
}
aside#side .ul_link a:hover {
	filter: alpha(opacity=80);
	opacity: 0.8;	
}

/* footer
----------------------------------------------- */
#footer {
	padding-top: 53px;
	clear: both;
	overflow: hidden;
	background: url(../images/common/bg_footer.gif) #2B2B2B repeat-x left top;
}

/* footer fBox */
#footer .fBox {
	width: 990px;
	margin: 0 auto 32px;
}

#footer .fBox .fLogo {
	padding: 1px 17px 0;
	float: left;
}

#footer .fBox .fLogo span {
	margin: 14px 10px 0;
	display: block;
	font-size: 13px;
}

#footer .fBox .navBox {
	width: 608px;
	float: right;
}

#footer .fBox .navBox .ul_nav {
	width: 217px;
	float: left;
}

#footer .fBox .navBox .wid01 {
	width: 290px;
}

#footer .fBox .navBox .wid02 {
	width: 100px;
}

#footer .fBox .navBox .ul_nav li {
	margin-bottom: 7px;
	font-size: 14px;
}

#footer .fBox a {
	color: #FFF;
}

#footer .fBox a:hover {
	color: #968141;
}

#footer .copyright {
	padding: 5px 0 5px;
	color: #fff;
	font-size: 10px;
	text-align: center;
	border-top: 1px solid #444;
}

.pageTop {
	position: fixed;
	right: 30px;
	bottom: 30px;
	display: none;
}

@media all and (min-width: 0) and (max-width: 767px)  {
	body {
		min-width: 320px;
		margin: 0 auto;
	}
		
	#main {
		margin-bottom: 15px;
	}
		
	/* header
	----------------------------------------------- */
	#header {
		padding-top: 4px;
		min-height: 46px;
	}
	
	/* header hBox */
	#header .hBox {
		width: auto;
		margin: 0;
	}
	
	#header h1 {
		text-align: center;
		float: none;
	}
	
	#header .hBox .rBox {
		display: none;
	}
	
	#header .sp_btn,
	#header .sp_menu {
		position: absolute;
		display: block;
	}
	
	#header .sp_menu {
		top: 15px;
		left: 12px;
	}

	#header .sp_btn {
		right: 8px;
		top: 12px;
	}
	
	#header .sp_btn li {
		padding-left: 20px;
		float: left;
	}
	
	#header .accordionMenu {
		left: 0;
		top: 50px;
		width: 100%;
		position: absolute;
		z-index: 9999;
	}
	
	#header .accordionMenu li a {
		padding: 12px 15px;
		display: block;
		color: #fff;
		font-size: 13px;
		text-decoration: none;
		background-color: #2B2B2B;
		border-bottom: 1px solid #505050;
	}

	#header .accordionMenu li a:hover {
		color: #696969;
	}
	
	#header .accordionMenu li a span {
		margin-left: 10px;
		font-size: 10px;
	}
	
	/* globalNavi
	----------------------------------------------- */ 
	nav#globalnavi {
		display: none;
	}
	
	/* teaser
	----------------------------------------------- */
	div#teaser {
		min-height: 153px;
		background: url(../images/common/sp_bg_teaser.jpg) no-repeat top;
		background-size: cover;
	}
	
	div#teaser .teaserIn {
		padding-top: 41px;
		width: auto;
	}
		
		/* pagPath
	----------------------------------------------- */
	#pagPath {
		margin-bottom: 10px;
		text-align: right;
	}
	
	/* content
	----------------------------------------------- */
	div#content {
		width: auto;
		margin: 0 0 10px;
		padding: 10px;
	}
	
	/* side
	----------------------------------------------- */
	aside#side .reservation {
		padding: 10px 10px;
		width: 100%;
		float: none;
		box-sizing: border-box;
		background-size: cover;
	}
	
	aside#side .reservation .lead {
		font-size: 15px;
	}
	
	aside#side .reservation .ttl {
		padding: 5px;
		font-size: 13px;
	}

	
	aside#side .reservation .date {
		font-size: 12px;
	}

	aside#side .reservation .btn a {
		margin: 0 auto;
		width: 265px;
		padding: 16px 0 16px 10px;
		font-size: 12px;
	}
	
	aside#side .ul_link {
		margin: 0;
		float: none;
		width: auto;
	}
	
	aside#side .ul_link li {
		margin-top: 10px;
		padding: 0;
		width: 100%;
	}
	
	aside#side .ul_link li a {
		padding: 10px 11px;
	}

	aside#side .ul_link li .txtBox .ttl {
		font-size: 13px;
	}
	
	aside#side .ul_link li .txtBox .ttl .en {
		font-size: 10px;
	}

	/* footer
	----------------------------------------------- */
	#footer {
		padding-top: 0px;
		background: #2B2B2B;
	}

	/* footer fBox */
	#footer .fBox {
		width: auto;
		margin: 0;
	}

	#footer .fBox .fLogo {
		padding: 0;
		float: none;
		width: auto;
	}
	
	#footer .fBox .fLogo img {
		display: none;
	}
	
	#footer .fBox .fLogo span {
		margin: 0;
	}
	
	#footer .fBox .navBox {
		width: auto;
		float: none;
	}
	
	#footer .fBox .navBox .ul_nav {
		width: auto;
		float: none;
	}

	#footer .fBox .navBox .wid01 {
		width: auto;
	}

	#footer .fBox .navBox .wid02 {
		width: auto;
	}

	#footer .fBox .navBox .ul_nav li {
		margin-bottom:0;
	}
	
	#footer .fBox .fLogo span a,
	#footer .fBox .navBox .ul_nav li a {
		padding: 12px 10px;
		display: block;
		font-size: 13px;
		text-decoration: none;
		background-color: #2B2B2B;
		border-bottom: 1px solid #505050;
	}
	
	#footer .copyright {
		border: none;
	}
	
	.pageTop {
		right: 15px;
		bottom: 30px;
	}

	.pageTop img {
		width: 40px;
	}
	
}