.restanc, .restanc1 { z-index:0 !important; pointer-events: none !important}


/* ------------------------------------------------------------------------------
	Headmenu_TOP
-------------------------------------------------------------------------------*/

/*.navitop {
	font-size: 100%;
	list-style: none;
	background-color:transparent;
	width:100%;
	position: absolute !important;
	top: inherit !important;
	height:180px;
	margin:-50px 0 0 0 !important;
	text-align:center !important;
	z-index:999;
}*/
.navitop, .page .navitop {
	font-size: 100%;
	list-style: none;
	background-color:transparent;
	width:100%;
	position: fixed !important;
	top: inherit !important;
	height:180px;
	margin:0 !important;/*margin:-40px 0 0 0 !important;*/
	text-align:center !important;
	z-index:999;
}

/*.fixed {
	position: fixed !important;
	top:-130px !important;
	margin:0 !important;
}*/

/* ------------------------------------------------------------------------------
	Headmenu
-------------------------------------------------------------------------------*/
.fixed2 {
	position: fixed !important;
	top:0 !important;
	margin:0 !important;
}

#nav2 {
	font-size: 100%;
	list-style: none;
	background-color:transparent;
	width:100%;
	height:110px;/*height:145px;*/
	margin:0 ;
	text-align:center !important;
	z-index:999;
}
#nav2 .navi_w {
	background:url(https://www.hotelgajoen-tokyo.com/wp/wp-content/themes/gj2017/images/headmenu_bg2.png) repeat-x;
	width:100%;
}
#nav2 .navi_tab {
	position:relative;
	width:1200px;
	height:110px;/*height:145px;*/
	margin:0 auto;
}


#nav2 .menu01 {
	position:absolute;
	left:0;
	top:0px;/*top:5px;*/
	width:220px;/*width:518px;*/
	height:52px;
	border-left:none;
}
#nav2 .menu01 li { border-right:#999 1px solid;}
#nav2 .menu01 a {
	display:block;
	font-size:140%;
	color:#000;
	width:220px;/*width:170px;*/
}
#nav2 .menu01 span {
	display:block;
	font-size:55%;
	color:#999;
}

#nav2 .menu02 {
	position:absolute;
	left:540px;
	width:355px;
	top:16px;
	height:20px;
	line-height:1.2;
	z-index:10;
}
#nav2 .menu02 a {
	display: inline-block;
    font-size: 90%;
    color: #000;
    padding: 0;
    margin-right: 0px;
    background-color: #FFF;
    border: none !important;
    height: 20px;
}


.yoyakutoi a {
	display:inline-block;
	height: 35px;
    padding: 8px 28px;
	color:#FFF !important;
	background-color:#A0082C;
	text-align:center;
	font-size:110%;
}

/*　ヘッダオンラインショッププルダウン　-----------------------------------*/
.gnav {
    height: 20px;
}
/*.gnav > li {親階層のみ幅を25%にする
    width: 25%;
}*/
/*全てのリスト・リンク共通*/
.gnav li {
    list-style: none;
    position: relative;
}

/*子階層以降共通*/
.gnav li li {
    height: 0;
    overflow: hidden;
    transition: .5s;
	clear:both;
	width:100%;
	text-align:centre;
}
.gnav li li a {
    background-color:#E1E1E1 !important;
}
.gnav li li a:hover {
    opacity:1 !important;
	background-color:#fff !important;
}
.gnav li:hover > ul > li {
    height: 20px;
    overflow: visible;
}
/*　ヘッダオンラインショッププルダウン　-----------------------------------*/

#nav2 .menu03 {
	position:absolute;
	right:0;
	top:0;
	width:350px !important;
	height:40px;
	font-size:85%;
	color:#999;
	text-align:right;
}
#nav2 .menu03 ul {
	width:300px;
	text-align:right;
}
#nav2 .menu03 .tel {
	font-size:250% !important;
	color:#000;
}
#nav2 .menu03 a {
	text-align:right;
	color:#999;
	margin-left:5px;
}

#nav2 .menu04 {
	position:absolute;
	left:0;
	top:90px;
	width:100%;
	height:38px;
	text-align:center;
	line-height:1.2;
}
#nav2 .menu04 ul {
	width:850px;
	margin:0 auto !important;
	text-align:center !important;
}
#nav2 .menu04 a {
	display:block;
	font-size:100%;
	color:#000;
	/*width:170px;-----------------------------------------2021/1/26--*/
}
#nav2 .menu04 span {
	display:block;
	font-size:75%;
	color:#999;
}

#nav2 .menu06 {
	position:absolute;
	left:50%;
	top:70px;
	width:900px;
	margin-left:-450px;
	height:38px;
	text-align:center;
	line-height:1.2;
}
#nav2 .menu06 ul {
	width:850px;
	margin:0 auto !important;
	text-align:center !important;
}
#nav2 .menu06 a {
	display:block;
	font-size:100%;
	color:#000;
	width:170px;
}
#nav2 .menu06 span {
	display:block;
	font-size:75%;
	color:#999;
}

#nav2 .logo_tab {
	position:absolute;
	right:0;
	top:139px;
	width:246px;
	height:53px;
	text-align:center;
	cursor:pointer;
}
#nav2 .logo_tab h1 {
	position:absolute;
	margin:0 !important;
	padding:0 !important;
	line-height:100% !important;
	vertical-align:top !important;
	height:1 !important;
}

#nav2 .menu01 a:hover, #nav2 .menu02 a:hover, #nav2 .menu03 a:hover, #nav2 .menu04 a:hover {
	opacity:0.5;
}
#nav2 .menu01:after, #nav2 .menu02:after, #nav2 .menu03:after, #nav2 .menu04:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

#nav2 ul{
}
#nav2 li{
	float:left;
}


/*Lang------------------------------------------------------------------------------*/

.selectdiv {
  position: relative;
  /*Don't really need this just for demo styling*/
  
  float: left;
  width: 100px;
  margin: 4px 0 0 52px;
}

/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
display: none;
}

.selectdiv:after {
  content: '<>';
  font: 13px "Consolas", monospace;
  color: #333;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 2px;
  /*Adjust for position however you want*/
  
  top: 10px;
  padding: 0 0 2px;
  border-bottom: 1px solid #999;
  /*left line */
  
  position: absolute;
  pointer-events: none;
}

.selectdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Add some styling */
  
  display: block;
  width: 100%;
  max-width: 150px;
  height: 25px;
  float: right;
  margin: 5px 0px;
  padding: 0px 25px 0px 7px;
  font-size: 14px;
  line-height: 1.75;
  color: #333;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  -ms-word-break: normal;
  word-break: normal;
}

@media screen and (max-width: 1200px) {
.selectdiv {
  position: relative;
  /*Don't really need this just for demo styling*/
  
  float: none;
  width: 100px;
  margin: 10px;
}

.lang_sm {
	width:50%;
	margin:0 auto !important;
}
.lang_sm hr {
	line-height:160% !important;
	margin:10px 0 !important;
}
.lang_sm a {
	color: #333;
	line-height:190% !important;
}
}


/*中ページ---------------------------------------------------------------------------*/
.page {
	margin-top:100px !important;
}
.page_rw {
	margin-top:0 !important;
}
.page #nav2 {
	margin-top:-100px !important;
}
.page #menu2-1 {
	top:160px !important;
}
.h1set, #other .h1set {
	position:absolute !important;
	top:280px !important;
}

.h1set00 {
	top:180px !important;
}
.h1set01 {
	top:330px !important;
}
.h1set02 {
	top:180px !important;
}
.h1set03 {
	top:400px !important;
}

/*映像ありのページ*/
.movie {
  padding-top: 0px !important;
  margin-top:0px !important;
  }

/*右固定予約ボックスありのページ*/
#reserv.reserv_fix .row {
	margin-top:50px !important;
}

#rest #reserv.reserv_fix .reservshop {
	margin-top:130px !important;
}

/*レストラン店舗ページ*/
#rest.restshop {
	margin-top:0px !important;
}
#rest.restshop .h1set {
	position:absolute !important;
	top:180px !important;
}
#rest.restshop #menu2-1 {
	top:60px !important;
}
#rest.restshop .h1set00 {
	top:80px !important;
}
#rest.restshop .h1set01 {
	top:230px !important;
}
#rest.restshop .h1set02 {
	top:80px !important;
}
#rest.restshop .h1set03 {
	top:300px !important;
}
/*右固定予約ボックスありのページ*/
#rest.restshop #reserv.reserv_fix .row {
	margin-top:0px !important;
}
#rest.restshop #reserv.reserv_fix .reservshop {
	margin-top:0px !important;
}


#onlinesp.restshop {
	margin-top:0px !important;
}




.goldbt a {
	color:#fff !important;
	background-color:#C9B368 !important;
	border:#C9B368 1px solid !important;
}





/*--2019/9/25*/
@media screen and (max-width: 1200px) {
/*.page {
	margin-top:50px !important;
}*/

.h1set, #other .h1set {
	position:absolute !important;
	top:180px !important;
}
#rest.restshop .h1set {
	position:absolute !important;
	top:180px !important;
}

/*--2019/11/9
.page {
	margin-top:0px !important;
}*/

/*--2019/11/21*/
.page {
	margin-top:56px !important;
}
}

@media screen and (min-width: 1200px) {
.restanc > a {
    display: block;
	padding-top: 125px !important;
	margin-top: -125px !important;
}
.restanc1 > a {
    display: block;
	padding-top: 250px !important;
	margin-top: -250px !important;
}
}

@media screen and (max-width: 1200px) {
.restanc > a, .restanc1 > a {
    display: block;
	padding-top: 56px !important;
	margin-top: -56px !important;
}
.page .sm1200 .logo {
	margin-top:-56px !important;
}
.restshop .sm1200 .logo {
	margin-top:0px !important;
}
}