@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------*/
/*          body                                                                                                              */
/*----------------------------------------------------------------------*/
body {
	background-color: #41210a;
	color: #FFFFFF;
}
#wrapper {
	max-width: 1300px;
	margin: 0 auto;
}
.lteie8 #wrapper {
	min-width: 1000px;
}
@media print {
body { background-color: transparent; }
#wrapper { width: 1075px !important; }
}
/*----------------------------------------------------------------------*/



/*----------------------------------------------------------------------*/
/*          header                                                                                                           */
/*----------------------------------------------------------------------*/
#header {
	background-size: contain;
	background: #ffd700 url(../images/header_bg.png) no-repeat left top;
	padding: 15px 20px 5px;
	min-height: 92px;
	color: #000000;
	width:100%;
	box-sizing:border-box;
}
#h1_group {
	float: left;
	width: 31%;
}
#h1_group h1 { margin-bottom: 10px; }
#h1_group p { font-size: 0.75em; }
#header_right {
	float: right;
	text-align: right;
}
#header_nav { margin-bottom: 25px; }
#header_nav > ul,
#header_nav > dl,
#header_nav > ul > li,
#header_nav > dl > dt,
#header_nav > dl > dd { display: inline-block; }
#header_nav > ul > li {
	margin-right: 6px;
	padding-right: 6px;
	border-right: solid 1px #000000;
	font-size: 0.75em;
}
#header_nav > ul > li:last-child { border-right: none; }
#header_nav #fontsize dt {
	font-size: 0.875em;
	margin-left: 10px;
}
#header_nav #fontsize dd {
	border: 2px solid #000000;
	border-radius: 5px;
	background-color: #FFFFFF;
	margin-left: 4px;
	text-align: center;
	vertical-align: middle;
	color: #000000;
	cursor: pointer;
}
#header_nav #fontsize dd:first-of-type {
	font-size: 11px;
	padding: 7px;
}
#header_nav #fontsize dd:nth-of-type(2) {
	font-size: 13px;
	padding: 6px;
}
#header_nav #fontsize dd:last-of-type {
	font-size: 15px;
	padding: 5px;
}
#header_nav #fontsize dd.active {
	color: #FFFFFF;
	background-color: #000000;
	border-color: #FFFFFF;
}
#header_booking p {
	display: inline-block;
	vertical-align: middle;
}
#header_booking #tel_booking {
	font-weight: bold;
	text-shadow: 3px 3px 2px #FFFFFF, -3px -3px 2px #FFFFFF;
}
#header_booking #tel_booking span {
	font-size: 1.5em;
	margin-left: 0.3em;
}
#header_booking #web_booking { margin-left: 10px; }
#header_booking #web_booking a {
	background-color: #FFFFFF;
	display: block;
	border: 2px solid #603814;
	color: #603814;
	border-radius: 8px;
	padding: 6px 10px 4px;
	font-size: 0.9em;
	font-weight: bold;
}
#header_booking #web_booking a:after {
	content: "＞";
	margin-left: 3px;
}
#header_booking #web_booking a:hover {
	background-color: #603814;
	color: #FFFFFF;
	transition-duration: 0.3s, 0.3s;
	transition-timing-function: linear, linear;
	transition-property: color, background;
}
.reserveosusume {
	font-size: 0.8em;
	color: #b91717;
	display:block;
	margin-bottom:5px;
}
a:hover .reserveosusume {
	color: #FFFFFF;
	transition-duration: 0.3s, 0.3s;
	transition-timing-function: linear, linear;
	transition-property: color, background;
	font-weight:normal;
}

#header_nav_sp { display: none; }

@media screen and (max-width: 960px) {
#header { padding: 10px 10px 5px; }
#h1_group { width: 34%; }
#h1_group p { font-size: 0.65em; }
#header_nav { margin-bottom: 10px; }
#header_nav > dl {
	display: block;
	margin-top: 10px;
}
#header_booking #tel_booking { font-size: 0.9em; }
#header_booking #tel_booking span { font-size: 1.2em; }
}
@media screen and (orientation: portrait) and (max-width: 768px) {
#header.fixed {
	position:fixed;
	top:0;
	left:0;
	z-index: 100;
}
}
@media screen and (max-width: 768px) {
#h1_group p,
#fontsize,
#header_booking,
#header_nav { display: none; }
#header_nav_sp { display: block; }
#header {
	padding: 0;
	background-image: none;
	min-height: 0;
}
#h1_group {
	float: none;
	width: 100%;
	margin: 0 auto;
}
#h1_group a {
	display: block;
	width: 50%;
	margin: 1% auto;
}
#header_nav_sp { background-color: #271805; }
#header_nav_sp a {
	color: #FFFFFF;
	display: block;
}
#header_nav_sp ul {
	display: table;
	width: 100%;
	table-layout: fixed;
}
#header_nav_sp li {
	display: table-cell;
	vertical-align: middle;
}
#header_nav_sp li:last-child {
	width: 9.65%;
	background-color: #563723;
}
#header_nav_sp li:first-child img,
#header_nav_sp li:nth-child(2) img {
	border-right: solid 1px #FFFFFF;
	box-sizing: border-box;
}
}
/*----------------------------------------------------------------------*/



/*----------------------------------------------------------------------*/
/*          navigation                                                                                                      */
/*----------------------------------------------------------------------*/
#global_nav {
	background-color: #754c24;
	border-bottom: solid 2px #FFFFFF;
	width: 100%;
	z-index: 100;
	position: relative;
}
#global_nav a { display: block; }
#global_nav > ul {
	max-width: 1127px;
	width: 100%;
	margin: 0 auto;
	display: table;
	table-layout: fixed;
	position: relative;
}
#global_nav > ul > li {
	display: table-cell;
	padding-top: 7px;
	padding-bottom: 7px;
	vertical-align: middle;
}
#global_nav.fixed {
	position: fixed;
	top: 0;
	left: 0;
}
#global_nav.fixed > ul { max-width: 1132px; }
#global_nav #gnav_logo {
	width: 20%;
	display: none;
	background-color:transparent !important;
}
.lteie8 #gnav_logo { display:none !important;}
#global_nav #gnav_logo > a {
	margin-right:15px;
	margin-left:15px;
}
#global_nav.fixed #gnav_logo { display: table-cell; }
#gnav_home { width: 7.8622%; }
#gnav_news { width: 9.7173%; }
#gnav_location { width: 10.8657%; }
#gnav_menu { width: 9.7173%; }
#gnav_others { width: 12.2792%; }
#gnav_aboutus { width: 14.9293%; }
#gnav_access { width: 11.3958%; }
#gnav_recruit { width: 10.8657%; }
#gnav_agent { width: 10.8657%; }
#global_nav > ul > li.active,
#global_nav > ul > li:hover {
	background-color: #c6bcb5;
	transition: background-color 0.3s linear;
}
#global_nav > ul > li > a {
	border-left: solid 1px #c6bcb5;
	border-right: solid 1px #c6bcb5;
}
#global_nav > ul > li#gnav_home > a { border-left: none; }
#global_nav > ul > li#gnav_recruit > a { border-right: none; }
#global_nav > ul > li#gnav_logo > a { border: none; }

/*
----- slide menu -----
*/
#global_nav > ul > li > ul {
	background-image: url(../images/gnav_bg.png);
	background-position: 0 10px;
	background-repeat: repeat;
	display: table;
	position: absolute;
	left: 5%;
	width: 90%;
	max-width: 882px;
	margin: 0 auto;
	padding: 20px 10px 10px;
	table-layout: fixed;
}
#global_nav > ul > li > ul,
#hall_nav > ul > li > ul { display:none;}
#global_nav > ul > li > ul > li {
	display: table-cell;
	padding-left: 0.907029%;
}
#global_nav > ul > li > ul > li > a {
	margin-left:2%;
	margin-right:2%;
}
#global_nav > ul > li > ul > li a,
#hall_nav > ul > li > img {
	border-style: solid;
	border-width: 1px;
}
#global_nav > ul > li > ul > li a:hover,
#hall_nav > ul > li > img:hover { transition: background 0.3s linear; }
#global_nav > ul > li > ul > li:first-child a,
#hall_nav > ul > li:first-child > img { border-color: #c83200; }
#global_nav > ul > li > ul > li:nth-child(2) a,
#hall_nav > ul > li:nth-child(2) > img { border-color: #eba00f; }
#global_nav > ul > li > ul > li:nth-child(3) a,
#hall_nav > ul > li:nth-child(3) > img { border-color: #b37db3; }
#global_nav > ul > li > ul > li:nth-child(4) a,
#hall_nav > ul > li:nth-child(4) > img { border-color: #448a3b; }
/* #global_nav > ul > li > ul > li:nth-child(5) a,
#hall_nav > ul > li:nth-child(5) > img { border-color: #f05a0f; } */
#global_nav > ul > li > ul > li:first-child a,
#hall_nav > ul > li:first-child > img,
#hall_nav > ul > li:first-child a { background-color: #c83200; }
#global_nav > ul > li > ul > li:nth-child(2) a,
#hall_nav > ul > li:nth-child(2) > img,
#hall_nav > ul > li:nth-child(2) a { background-color: #eba00f; }
#global_nav > ul > li > ul > li:nth-child(3) a,
#hall_nav > ul > li:nth-child(3) > img,
#hall_nav > ul > li:nth-child(3) a { background-color: #b37db3; }
#global_nav > ul > li > ul > li:nth-child(4) a,
#hall_nav > ul > li:nth-child(4) > img,
#hall_nav > ul > li:nth-child(4) a { background-color: #448a3b; }
#global_nav > ul > li > ul > li:nth-child(5) a,
/* #hall_nav > ul > li:nth-child(5) > img,
#hall_nav > ul > li:nth-child(5) a { background-color: #f05a0f; } */
#global_nav > ul > li > ul > li:first-child a:hover,
#hall_nav > ul > li:first-child a:hover { background-color: #f4d6cc; }
#global_nav > ul > li > ul > li:nth-child(2) a:hover,
#hall_nav > ul > li:nth-child(2) > ul a:hover { background-color: #fcdecf; }
#global_nav > ul > li > ul > li:nth-child(3) a:hover,
#hall_nav > ul > li:nth-child(3) > ul a:hover { background-color: #fbeccf; }
#global_nav > ul > li > ul > li:nth-child(4) a:hover,
#hall_nav > ul > li:nth-child(4) > ul a:hover { background-color: #f0e5f0; }
#global_nav > ul > li > ul > li:nth-child(5) a:hover,
#hall_nav > ul > li:nth-child(5) > ul a:hover { background-color: #dae8d8; }
.hall #global_nav > ul > li > ul,
.menu #global_nav > ul > #gnav_menu, #gnav_location > ul { display: none !important; }

@media print {
#global_nav { position: static !important; }
#gnav_logo,
#sp_global_nav { display: none !important; }
}

@media screen and (min-width: 769px) {
#sp_global_nav { display: none; }
}

@media screen and (max-width: 768px) {
#sp_global_nav li a:after { content: attr(title); }
#sp_global_nav li a img { display: none; }
#sp_global_nav li a.current { background-color: #679cb8; }
#global_nav { display: none; }
}

/* recruit */
#global_nav > ul > li > ul.recruit {
	left: 666px;
	padding: 20px 10px 10px !important;
	width: auto;
}
#global_nav > ul > li > ul.recruit { display:none;}
#global_nav > ul > li > ul.recruit > li:first-child a,
#global_nav > ul > li > ul.recruit > li:first-child > img { border-color: #41210a; }
#global_nav > ul > li > ul.recruit > li:first-child a,
#global_nav > ul > li > ul.recruit > li:first-child > img,
#global_nav > ul > li > ul.recruit > li:first-child a { background-color: #41210a; }
#global_nav > ul > li > ul.recruit > li:first-child a:hover,
#global_nav > ul > li > ul.recruit > li:first-child > ul a:hover { background-color: #d2bdad; }

#global_nav > ul > li > ul.recruit > li:nth-child(2) a,
#global_nav > ul > li > ul.recruit > li:nth-child(2) > img { border-color: #41210a; }
#global_nav > ul > li > ul.recruit > li:nth-child(2) > img,
#global_nav > ul > li > ul.recruit > li:nth-child(2) a { background-color: #41210a; }
#global_nav > ul > li > ul.recruit > li:nth-child(2) a:hover,
#global_nav > ul > li > ul.recruit > li:nth-child(2) > ul a:hover { background-color: #d2bdad; }

/*----------------------------------------------------------------------*/


/*----------------------------------------------------------------------*/
/*          bread crumb                                                                                                  */
/*----------------------------------------------------------------------*/
#breadcrumb {
	background-color: #896239;
	padding: 11px 20px;
	font-size: 0.9em;
}
#breadcrumb li { display: inline-block; }
#breadcrumb li a {
	text-decoration: none;
	color: #FFFFFF;
}
#breadcrumb li:before {
	content: "＞";
	margin-right: 7px;
	margin-left: 7px;
}
#breadcrumb li:first-child:before {
	content: "";
	margin-right: 0;
	margin-left: 0;
}

@media screen and (max-width: 960px) {
#breadcrumb { padding: 8px 10px; }
}

@media screen and (max-width: 768px) {
#breadcrumb { display: none; }
}

@media screen and (max-width: 479px) {
}
/*----------------------------------------------------------------------*/


/*----------------------------------------------------------------------*/
/*          contents                                                                                                         */
/*----------------------------------------------------------------------*/
#contents { font-size: 1em; }
.lteie8 #content {
	max-width: 1300px;
	min-width: 1000px;
}
#maincontents {
	background-color: #FFFFFF;
	line-height: 1.6;
	padding: 1px 7.692308% 3%;
	color: #000000;
}
.lteie8 #maincontents { padding: 1px 90px 36px;}
#maincontents > aside,
#maincontents > section,
#maincontents > div,
#maincontents > ul,
#maincontents > p.form_button {
	margin-top: 4%;
	margin-bottom: 6%;
}

@media print {
.lteie8 #maincontents,
#maincontents {
	padding-left: 0;
	padding-right: 0;
}
}

@media screen and (max-width: 1200px) {
#contents { font-size: 0.9em; }
#maincontents {
	padding-left: 5%;
	padding-right: 5%;
}
}

@media screen and (max-width: 768px) {
#maincontents {
	padding-left:3.5%;
	padding-right:3.5%;
	font-size:100% !important;
}
#maincontents > aside,
#maincontents > section,
#maincontents > div,
#maincontents > ul,
#maincontents > p.form_button {
	margin-top: 5%;
	margin-bottom: 7.5%;
}
}

@media screen and (max-width: 479px) {
#maincontents {
	padding-left:2%;
	padding-right:2%;
}
#maincontents > aside,
#maincontents > section,
#maincontents > div,
#maincontents > ul,
#maincontents > p.form_button {
	margin-top: 6%;
	margin-bottom: 9%;
}
}

/*
----- title -----
*/
#contents > h2:not(#main_visual) {
	font-size: 2.4em;
	padding-top: 1.5%;
	padding-bottom: 1.5%;
	padding-left: 20px;
	line-height: 1;
	background-color:#41210a;
}
.lteie8 #contents > h2:not(#main_visual) { padding-left: 20px; }
h1,h2,h3,h4,h5 {
	box-sizing: border-box;
	line-height: 1.25;
}
.titborder {
	font-size: 1.63em;
	border-bottom: solid 1px #000000;
	margin-bottom: 2%;
	padding-bottom: 0.7%;
}
.titbold {
	font-size: 2em;
	margin-bottom: 2%;
}
.titcolor {
	background-color: #42210b;
	color: #FFFFFF;
	border: none;
	padding: 10px 20px 8px;
	font-size: 2.75em;
	margin-bottom: 3%;
}
.tittab {
	border-bottom: solid 1px #cc3200;
	margin-bottom: 2%;
	clear:both;
}
.tittab > span:first-child {
	padding: 4px 80px 4px 20px;
	font-size: 1.38em;
	color: #FFFFFF;
	display: inline-block;
	background-color:#cc3200;
	background-image: url(../images/title_bg_right.png), url(../images/title_bg_right_left.png);
	background-repeat: no-repeat, no-repeat;
	background-position: right top, left top;
}
.titsqure {
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: left 0.1em;
	background-size: 1em;
	min-height: 1.3em;
	padding-left: 1.4em;
	background-image: url(../images/squre_black.png);
	-ms-behavior: url(../js/backgroundsize.min.htc);
	font-size: 1.25em;
	margin-bottom: 3%;
	font-weight: normal;
}
.lteie8 .titsqure {-ms-behavior: url(../js/backgroundsize.min.htc);}
#maincontents .catchcopy {
	line-height: 1.25;
	font-weight: bold;
	margin-bottom: 2%;
}
#maincontents .header {
	line-height: 1.25;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 5px;
}

@media screen and (max-width: 960px) {
.titcolor { font-size: 2.2em; }
}

@media screen and (max-width: 768px) {
#contents > h2:not(#main_visual),
.titbold,
.titcolor { font-size: 1.8em !important; }
.titborder { font-size: 1.4em !important; }
#contents > h2:not(#main_visual) {
	margin-top: 2%;
	margin-bottom: 2%;
}
.tittab,
.titsqure,
.titbold,
.titcolor,
.titborder,
#maincontents .catchcopy { margin-bottom: 3%; }
.tittab {
	border-bottom-width: 5px;
	text-align: center;
}
.tittab > span:first-child {
	border-radius: 0 0 0 0;
	padding: 8px 80px 0 80px;
	background-image: url(../images/title_bg_right.png), url(../images/title_bg_left.png);
	background-repeat: no-repeat, no-repeat;
	background-position: right top, left top;
}
}

@media screen and (max-width: 479px) {
#contents > h2:not(#main_visual) {
	padding-top: 0.5%;
	padding-bottom: 0.5%;
	padding-left:10px;
}

#contents > h2:not(#main_visual),
.titbold,
.titcolor { font-size: 1.4em !important; }
.titborder { font-size: 1.2em !important; }
#contents > h2:not(#main_visual) {
	margin-top: 3%;
	margin-bottom: 3%;
}
.tittab > span:first-child { font-size:1.2em;}
.tittab,
.titsqure,
.titbold,
.titcolor,
.titborder,
#maincontents .catchcopy { margin-bottom: 4%; }
}
/*----------------------------------------------------------------------*/



/*----------------------------------------------------------------------*/
/*          footer                                                                                                             */
/*----------------------------------------------------------------------*/
#footer {
	padding: 35px 7.692308% 15px;
	background-color: #FFFFFF;
	color: #000000;
	position: relative;
	page-break-inside:avoid;
}
/* page top */
#pagetop {
	width: 84.615384%;
	max-width: 1100px;
	z-index:20;
	text-align:right;
}
#pagetop a {
	display: inline-block;
	border: solid 1px #000000;
	font-size: 0.7em;
	padding: 5px 35px 5px 15px;
	background: #FFFFFF url(../images/pagetop_arw.png) right center no-repeat;
}
#pagetop a:before { content: "Page "; }
#pagetop a:hover,
#pagetop a:focus {
	color: #ffffff;
	background-color: #000000;
	background-image: url(../images/pagetop_arw_white.png);
	transition-duration: 0.3s, 0.3s;
	transition-timing-function: linear, linear;
	transition-property: color, background;
}
#footer_nav {
	border-top: 1px solid #000000;
	padding: 10px 5%;
	font-size: 0.78em;
	line-height: 2;
	text-align: center;
}
#footer_nav ul:first-child,
#footer_nav ul:nth-child(2) { display: inline; }
#footer_nav li {
	display: inline-block;
	margin-right: 0.5em;
	margin-left: 0.5em;
}
#footer_inr {
	border-top: 1px solid #000000;
	text-align: center;
	padding-top: 26px;
	margin-bottom: 20px;
}
#footer_logo,
#footer_address { display: inline-block; }
#footer_address {
	text-align: left;
	margin-left: 25px;
	margin-top: 10px;
	font-size: 0.8em;
	line-height: 1.5;
}
#footer #copyright {
	font-size: 0.8em;
	text-align: right;
}

@media print {
#pagetop { display: none !important; }
#footer { padding: 0;}
}

@media screen and (max-width: 1200px) {
#footer {
	padding-left: 5%;
	padding-right: 5%;
}
#pagetop { width: 90%; }
}

@media screen and (max-width: 768px) {
#footer {
	padding-left: 3.5%;
	padding-right: 3.5%;
}
#pagetop {
	width: 93%;
	max-width: 749.568px;
}
#pagetop a:before { content: ""; }
#pagetop a:hover,
#pagetop a:focus,
#pagetop a {
	color: #ffffff;
	border: solid 1px #ffffff;
	text-align: center;
	font-size: 0.8em;
	background: #271804 url(../images/sp_pagetop_arw.png) center 8px no-repeat;
}
#pagetop a { padding: 30px 20px 5px;}
}

@media screen and (max-width: 479px) {
#footer { padding: 35px 2% 10px;}
#pagetop { width: 96%; }
#pagetop a { padding: 30px 15px 5px;}
#footer_nav {
	padding: 6% 5% 2%;
	font-size:0.9em;
}
#footer_nav ul:nth-child(3) li:nth-child(5),
#footer_nav ul:nth-child(3) li:nth-child(6),
#footer_nav ul:nth-child(3) li:nth-child(7),
#footer_nav ul:nth-child(3) li:nth-child(8),
#footer_nav ul:nth-child(4),
#footer_nav ul:first-child { display: none; }
#footer_nav ul:nth-child(2),
#footer_nav ul:nth-child(3) { display: inline; }
#footer_inr {
	margin-top: 4%;
	margin-bottom: 4%;
	padding-top: 0;
}
#footer_logo,
#footer_address { display: block; }
#footer_logo {
	width: 60%;
	margin-top: 4%;
	margin-bottom: 4%;
}
#footer_logo img { margin: 0 auto; }
#footer_address {
	line-height: 1.5;
	width: 100%;
	margin: 0 auto 4%;
	font-size: 0.7em;
}
#footer #copyright {
	font-size: 0.7em;
	text-align: center;
}
}
/*
/*----------------------------------------------------------------------*/