@charset "utf-8";

/* -----------------------------------------------------------------
 header
----------------------------------------------------------------- */
.g_hd {
	z-index:999;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:60px;
	background:#fff;
}
.g_hd .logo {
	width:61.6vw;
	height:60px;
	max-width:263px;
	margin-left: 4vw;
	display:flex;
    align-items: center;
}
.g_hd .logo img {
	width:100%;
}
/*---------- g_hd(transition) ----------*/
.g_hd{
	transition:all 1s ease;
}
.g_hd.hide{
	transform: translateY(-100%);
	opacity:0;
}





@media screen and (min-width: 768px) {
.g_hd {
	max-width:240px;
	height:auto;
	border-right: #dedede 1px solid;
}
.g_hd .logo {
	width:172px;
	height:92px;
	margin: 30px auto;
}
/*---------- g_hd(transition) ----------*/
.g_hd.hide{
	transform: none;
	opacity:1;
}

}
@media screen and (min-width: 1024px) {
.g_hd {
	max-width:280px;
	height:auto;
}
}


/* -----------------------------------------------------------------
 g_nav
----------------------------------------------------------------- */
.g_hd .g_nav {
}
@media screen and (min-width: 768px) {
.g_hd .g_nav {
	height:calc(100vh - 149.6px);
}
}


/*---------- g_nav btn ----------*/
.g_hd .g_nav .btn {
	position:absolute;
	top:0;
	right:0;
	width:52px;
	height:60px;
	box-sizing:border-box;
	z-index:2;
}
.g_hd .g_nav .btn >span {
	display:block;
	position:relative;
	top: calc(50% - 1px);
	width:50%;
	height:2px;
	margin:0 auto;
	background:#afd6e2;
}
.g_hd .g_nav .btn >span::before,
.g_hd .g_nav .btn >span::after {
	content:"";
	display:block;
	position:absolute;
	width:100%;
	height:2px;
	background:#afd6e2;
}
.g_hd .g_nav .btn >span,
.g_hd .g_nav .btn >span::before,
.g_hd .g_nav .btn >span::after {
	transition: all .4s;
}
.g_hd .g_nav .btn >span::before {
	top:-8px;
}
.g_hd .g_nav .btn >span::after {
	top:8px;
}
/*-- active --*/
.g_hd .g_nav .btn.active >span {
	background:transparent;
}
.g_hd .g_nav .btn.active >span::before {
	transform:rotate(45deg);
	top:0;
}
.g_hd .g_nav .btn.active >span::after {
	transform:rotate(-45deg);
	top:0;
}
@media screen and (min-width: 414px) {
.g_hd .g_nav .btn {
	width:60px;
}

}


/*---------- g_nav panel ----------*/
.g_hd .g_nav .panel {
	display:none;
	overflow-y:auto;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	padding-top:60px;
	background:#fff;
	z-index:1;
}
/*-- active --*/
.g_hd .g_nav .panel.active {
}

/*-- box_todays --*/
.g_hd .g_nav .panel >.box_todays {
	display:flex;
	justify-content: space-between;
	width:92%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.g_hd .g_nav .panel >.box_todays * {
	font-weight:bold;
	line-height:1.3;
}
.g_hd .g_nav .panel >.box_todays .ttl {
	position:relative;
	font-size:1.07em;
}
.g_hd .g_nav .panel >.box_todays .program,
.g_hd .g_nav .panel >.box_todays .parking {
	align-self: center;
	width:48%;
	padding:.8em 0;
}
.g_hd .g_nav .panel >.box_todays .program .ttl::after,
.g_hd .g_nav .panel >.box_todays .parking .ttl::after {
	content:"";
	display:block;
	position:absolute;
	top:calc(50% - .5em);
	right:.5em;
	width:1em;
	height:1em;
	margin-left:.5em;
	background:url(/common/img/arrow_standard_black.svg) no-repeat center center;
	background-size:contain;
}
.g_hd .g_nav .panel >.box_todays .program .ttl .link,
.g_hd .g_nav .panel >.box_todays .parking .ttl .link {
	display: flex;
	justify-content: center;
	align-items: center;
	padding:.75em 0;
	border:#4b4948 1px solid;
	border-radius:5px;
}
.g_hd .g_nav .panel >.box_todays .program .ttl .link::after,
.g_hd .g_nav .panel >.box_todays .parking .ttl .link::after {
	content:"";
	display:block;
	width:1.7em;
	height:1.7em;
	margin-left:.5em;
}
.g_hd .g_nav .panel >.box_todays .program .ttl .link::after {
	background:url(/common/img/ico_calendar_gray.svg) no-repeat center center;
	background-size:auto 100%;
}
.g_hd .g_nav .panel >.box_todays .parking .ttl .link::after {
	background:url(/common/img/ico_parking_gray.svg) no-repeat center center;
	background-size:auto 100%;
}

@media screen and (min-width: 768px) {
.g_hd .g_nav .panel >.box_todays {
	display:none;
}
}

/*-- main --*/
.g_hd .g_nav .panel .main {
	font-size:14px;
	font-size:1em;
}
.g_hd .g_nav .panel .main {
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.g_hd .g_nav .panel .main li {
	width:50%;
	border-bottom:#dedede 1px solid;
}
.g_hd .g_nav .panel .main li:nth-of-type(-n+2) {
	border-top:#dedede 1px solid;
}
.g_hd .g_nav .panel .main li:nth-of-type(odd) {
	border-right:#dedede 1px solid;
}
.g_hd .g_nav .panel .main li a {
	display:block;
}

.g_hd .g_nav .panel .main li a div {
	height:4.6em;
	margin:0 5% 0 7%;
	display:flex;
    align-items: center;
}
.g_hd .g_nav .panel .main li a div .ico {
	width:15%;
}
.g_hd .g_nav .panel .main li a div .txt {
	width:78%;
	margin-left:4%;
	line-height:1.2;
}
.g_hd .g_nav .panel .main li a div::after {
	content:"";
	display:block;
	width:1em;
	height:1em;
	background:url(/common/img/arrow_standard_black.svg) no-repeat right;
}

/*-- main(current) --*/
.g_hd .g_nav .panel .main li.current::after {
	content:"";
	display:block;
	width:100%;
	height:1px;
	margin-left:0%;
	background:#96c6df;
}
.g_hd .g_nav .panel .main li.current a {
	background:#96c6df;
	color:#fff;

}
.g_hd .g_nav .panel .main li.current a div::after {
	background:url(/common/img/arrow_standard_white.svg) no-repeat right;
}



@media screen and (min-width: 768px) {
.g_hd .g_nav .panel .main {
	display:display;
	font-size:15px;
	font-size:.83em;
}
.g_hd .g_nav .panel .main li {
	width:100%;
	border-bottom:none;
}
.g_hd .g_nav .panel .main li:nth-of-type(-n+2) {
	border-top:none;
}
.g_hd .g_nav .panel .main li:nth-of-type(odd) {
	border-right:none;
}
.g_hd .g_nav .panel .main li::after {
	content:"";
	display:block;
	width:74%;
	height:1px;
	margin-left:13%;
	background:#dedede;
}
.g_hd .g_nav .panel .main li a div {
	width:205px;
	height:3.33em;
	margin:0 auto;
}
.g_hd .g_nav .panel .main li:first-of-type a div {
	border-top:#dedede 1px solid;
}
.g_hd .g_nav .panel .main li a div .ico {
	margin-left:3%;
}
.g_hd .g_nav .panel .main li a div .txt {
	width:73%;
	margin-left:7%;
}
.g_hd .g_nav .panel .main li a div::after {
	margin-right:2%;
}

/*-- main(hover) --*/
.g_hd .g_nav .panel .main li:hover::after {
	content:"";
	display:block;
	width:100%;
	height:1px;
	margin-left:0%;
	background-color:#96c6df;
}
.g_hd .g_nav .panel .main li a {
	transition:background-color .3s ease;
}
.g_hd .g_nav .panel .main li:hover a {
	background:#96c6df;
	color:#fff;
}
.g_hd .g_nav .panel .main li a div {
	transition:all .3s ease;
}
.g_hd .g_nav .panel .main li a:hover div::after {
	background:url(/common/img/arrow_standard_white.svg) no-repeat right;
}
}



/*-- sns --*/
.g_hd .g_nav .panel .sns {
	display:flex;
	width:16em;
	margin:1.42em auto;
    align-items: center;
	justify-content:center;
}
.g_hd .g_nav .panel .sns li {
	width:calc(100% / 3);
}
.g_hd .g_nav .panel .sns li a {
	position:relative;
	display:flex;
    align-items: center;
	width:2.3em;
	height:2.3em;
	margin:auto;
}
.g_hd .g_nav .panel .sns li a img {
	position:absolute;
}
.g_hd .g_nav .panel .sns li a img:nth-of-type(1) {
	opacity:1;
}
.g_hd .g_nav .panel .sns li a img:nth-of-type(2) {
	opacity:0;
}



@media screen and (min-width: 768px) {
.g_hd .g_nav .panel .sns {
	width:155px;
	margin:.93em auto 1.625em;
}
.g_hd .g_nav .panel .sns li a {
	width:1.25em;
	height:1.25em;
}
.g_hd .g_nav .panel .sns li a img {
	transition:all .5s ease;
}
.g_hd .g_nav .panel .sns li a:hover img {
	transform: scale(1.1);
}

}



/*-- ticket --*/
.g_hd .g_nav .panel .ticket {
	font-size:16px;
	font-size:1.178em;
}
.g_hd .g_nav .panel .ticket .link {
	display:block;
	width:92%;
	margin-left:auto;
	margin-right:auto;
	padding:1.7em 0;
	background:#04b0d9;
	box-shadow: 0 0 40px #0a87e6 inset ,60px 0 50px #0a87e6 inset ,-60px 0 50px #0a87e6 inset;
	text-align:center;
	font-weight:bold;
	color:#fff;
}
.g_hd .g_nav .panel .ticket .link::after {
	content:"";
	display:inline-block;
	position: absolute;
	right:8%;
	width:1.2em;
	height:1em;
	margin-left:.8em;
	background:url(/common/img/arrow_extra01_white.svg) no-repeat center center;
	background-size:contain;
}
@media screen and (min-width: 768px) {
.g_hd .g_nav .panel {
	display:block;
	position:static;
	top:0;
	bottom:0;
	right:0;
	width:auto;
	padding-top:0;
}
.g_hd .g_nav .panel .ticket {
	font-size:18px;
	font-size:1em;
}
.g_hd .g_nav .panel .ticket .link {
	display:block;
	width:100%;
	padding:1.17em 0;
	transition:all .3s ease;
}
.g_hd .g_nav .panel .ticket a:hover {
	background:#04b0d9;
	box-shadow: none;
}

.g_hd .g_nav .panel .ticket .link::after {
	position:static;
	right:auto;
	width:1em;
	margin-left:.4em;
}
}
@media screen and (min-width: 1024px) {
.g_hd .g_nav .panel .ticket .link::after {
	width:1.1em;
	margin-left:.6em;
}
}



/*---------- lang ----------*/
.g_hd .lang .btn {
	display:flex;
    align-items: center;
	position:absolute;
	top:0;
	right:40px;
	width:53px;
	height:60px;
	padding: 5px 5px 0;
	box-sizing:border-box;
	transition: all .4s;
}
.g_hd .lang .btn img {
	width:100%;
}
.g_hd .lang .btn.active {
	background:#f3f3f3;
}



@media screen and (min-width: 414px) {
.g_hd .lang .btn {
	right:60px;
	width:60px;
}
}
@media screen and (min-width: 768px) {
.g_hd .lang {
	display:flex;
	align-items: center;
    position: fixed;
    right: 1.62em;
    top: .8em;
}
.g_hd .lang .btn {
	display:none;
}
.g_hd .lang .ttl {
	display:none;
	font-size:.66em;
	color:#fff;
}
/*-- toppageのみ --*/
body.page_home .g_hd .lang {
    top: 1.62em;
}

/*-- Select language　黒文字 --*/
body.page_home .g_hd .lang .ttl,
body.page_news .g_hd .lang .ttl {
	color:#4b4948;
}


/*---------- g_hd(transition) ----------*/
.g_hd .lang {
	transition:all 1s ease;
}
.g_hd .lang.hide{
	transform: translateY(-100%);
	opacity:0;
}
}
@media screen and (min-width: 1024px) {
.g_hd .lang .ttl {
	display:block;
}
}


/*---------- lang panel ----------*/
.g_hd .lang .panel {
	display:none;
	overflow-y:scroll;
	position:fixed;
	top:60px;
	right:60px;
	width:8em;
	margin-right:-4em;
	padding-top:0.5em;
	padding-bottom:0.5em;
	background:#f3f3f3;
}
.g_hd .lang .panel .change li .link {
	display:block;
	padding:0.5em 0;
	text-align:center;
	text-decoration:underline;
	font-weight:bold;
	color:#999;
}
.g_hd .lang .panel .change li .link.current {
	text-decoration:none;
	color:#afd6e2;
}
@media screen and (min-width: 414px) {
.g_hd .lang .panel {
	right:90px;
}
}

@media screen and (min-width: 768px) {
.g_hd .lang .panel {
	display:block;
	overflow-y:auto;
	position:static;
	width:auto;
	margin-right:0;
	padding-top:0;
	padding-bottom:0;
	background:transparent;
}
.g_hd .lang .panel .change {
	display:flex;
}
.g_hd .lang .panel .change li {
	margin-left:.5em;
}
.g_hd .lang .panel .change li .link {
	display:flex;
	justify-content: center;
	align-items: center;
	width:2.4em;
	height:2.4em;
	border-radius:50%;
	background:rgba(133,137,139,.5);
	white-space:nowrap;
	text-decoration:none;
	font-size:0.72em;
	color:#fff;
	transition:all .3s ease;
}
.g_hd .lang .panel .change li .link.current {
	background:rgba(175,214,226,.5);
	color:#4b4948;
}
.g_hd .lang .panel .change li a.link:hover {
	background:rgba(175,214,226,1);
	color:#4b4948;
}
/*-- toppageのみ --*/
body.page_home .g_hd .lang .panel .change li .link {
	background:rgba(183,187,189,1);
}
body.page_home .g_hd .lang .panel .change li .link.current {
	background:rgba(175,214,226,1);
}


}



/* -----------------------------------------------------------------
 sidebar/PC
----------------------------------------------------------------- */
#sidebar {
	font-size: 15px;
	padding-top:158px;
	width: 280px;
	height: 100%;
	z-index: 990;
	position: fixed;
  top:0;
  left: 0;
	color: #033560;
  border-right: #dedede 1px solid;
}
#global-nav ul {
	list-style: none;
	margin-left: 0;
}
#global-nav > ul > li {
	position: relative;
}

#global-nav > ul > li > a {
	color: #4b4948;
	text-decoration: none;
	display: block;
	-moz-transition: background-color .3s linear;
	-webkit-transition: background-color .3s linear;
	transition: background-color .3s linear;
}
#global-nav > ul > li > a > span {
  display: block;
  margin: 0 30px;
  padding: 15px 0 15px 40px;
	position: relative;
  border-bottom: #dedede 1px solid;  
}
#global-nav > ul > li:first-child > a > span {
  border-top: #dedede 1px solid;  
}
#global-nav > ul > li > a > span:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	vertical-align: middle;
	width: 8px;
	height: 8px;
	border-top: 1px solid #8e8e8e;
	border-right: 1px solid #8e8e8e;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#global-nav > ul > li > a:hover span,
#global-nav > ul > li.is-active > a span{
  border-bottom:1px solid #96c6dd;
}
#global-nav .is-active > a:after,
#global-nav > ul > li > a:hover span:after,
#global-nav > ul > li.is-active > a span:after {
	border-color: #fff;
}
#global-nav .sub-menu.is-active > a,
#global-nav > ul > li > a:hover {
	color: #fff;
	background: rgba(137,191,219,0.9);
}
#global-nav > ul > .sub-menu.is-active::after {
  content: "";
  display: block;
  position: absolute;
  top:0;
  right: -1px;
  width: 1px;
  height: 100%;
	background: #96c6dd;
}

/* 各メニューアイコン */
#global-nav > ul > li > a {
  background-size: 28px auto !important;
  background-repeat: no-repeat !important;
  background-position: 30px center !important;
}
#global-nav > ul > .gnav_about       > a {   background-image: url(/common/img/gnav_ico_about_blue.svg); }
#global-nav > ul > .gnav_info        > a {   background-image: url(/common/img/gnav_ico_hall_blue.svg);  }
#global-nav > ul > .gnav_attrction   > a {   background-image: url(/common/img/gnav_ico_event_blue.svg);  }
#global-nav > ul > .gnav_special     > a {   background-image: url(/common/img/gnav_ico_special_blue.svg);  }
#global-nav > ul > .gnav_ticket      > a {   background-image: url(/common/img/gnav_ico_ticket_blue.svg);  }
#global-nav > ul > .gnav_schedule    > a {   background-image: url(/common/img/gnav_ico_schedule_blue.svg);  }
#global-nav > ul > .gnav_access      > a {   background-image: url(/common/img/gnav_ico_access_blue.svg);  }
#global-nav > ul > .gnav_qa          > a {   background-image: url(/common/img/gnav_ico_qa_blue.svg) ;  }

.page_about #global-nav > ul > .gnav_about > a ,
#global-nav > ul > .gnav_about:hover       > a {   background-image: url(/common/img/gnav_ico_about_white.svg); }
.page_information #global-nav > ul > .gnav_info > a ,
#global-nav > ul > .gnav_info:hover        > a {   background-image: url(/common/img/gnav_ico_hall_white.svg);  }
.page_attraction #global-nav > ul > .gnav_attrction a,
#global-nav > ul > .gnav_attrction:hover   > a {   background-image: url(/common/img/gnav_ico_event_white.svg);  }
.page_special #global-nav > ul > .gnav_special > a ,
#global-nav > ul > .gnav_special:hover     > a {   background-image: url(/common/img/gnav_ico_special_white.svg);  }
.page_ticket #global-nav > ul > .gnav_ticket > a ,
#global-nav > ul > .gnav_ticket:hover      > a {   background-image: url(/common/img/gnav_ico_ticket_white.svg);  }
.page_schedule #global-nav > ul > .gnav_schedule > a ,
#global-nav > ul > .gnav_schedule:hover    > a {   background-image: url(/common/img/gnav_ico_schedule_white.svg);  }
.page_access #global-nav > ul > .gnav_access > a ,
#global-nav > ul > .gnav_access:hover      > a {   background-image: url(/common/img/gnav_ico_access_white.svg);  }
.page_qa #global-nav > ul > .gnav_qa > a ,
#global-nav > ul > .gnav_qa:hover          > a {   background-image: url(/common/img/gnav_ico_qa_white.svg) ;  }

.page_about #global-nav > ul > .gnav_about a,
.page_information #global-nav > ul > .gnav_info a,
.page_attraction #global-nav > ul > .gnav_attrction a,
.page_special #global-nav > ul > .gnav_special a,
.page_ticket #global-nav > ul > .gnav_ticket a,
.page_schedule #global-nav > ul > .gnav_schedule a,
.page_access #global-nav > ul > .gnav_access a,
.page_qa #global-nav > ul > .gnav_qa a {
  background-color:rgba(137,191,219,0.9);
  color: #fff;
}
.page_about #global-nav > ul > .gnav_about a span,
.page_information #global-nav > ul > .gnav_info a span,
.page_attraction #global-nav > ul > .gnav_attrction a span,
.page_special #global-nav > ul > .gnav_special a span,
.page_ticket #global-nav > ul > .gnav_ticket a span,
.page_schedule #global-nav > ul > .gnav_schedule a span,
.page_access #global-nav > ul > .gnav_access a span,
.page_qa #global-nav > ul > .gnav_qa a span {
  border-bottom:1px solid #96c6dd;
}
.page_about #global-nav > ul > .gnav_about a span:after,
.page_information #global-nav > ul > .gnav_info a span:after,
.page_attraction #global-nav > ul > .gnav_attrction a span:after,
.page_special #global-nav > ul > .gnav_special a span:after,
.page_ticket #global-nav > ul > .gnav_ticket a span:after,
.page_schedule #global-nav > ul > .gnav_schedule a span:after,
.page_access #global-nav > ul > .gnav_access a span:after,
.page_qa #global-nav > ul > .gnav_qa a span:after {
	border-color: #fff;
}

/* sub-menu */
#global-nav .sub-menu-nav {
	position: fixed;
	background: rgba(137,191,219,0.9);
	color: #fff;
	top: 0;
	padding-top: 40px;
	left: 280px;
	width: 1300px;
	height: 100%;
	overflow: hidden;
	-moz-transition: width .2s ease-out;
	-webkit-transition: width .2s ease-out;
	transition: width .2s ease-out;
  display: none;  
}
#global-nav .sub-menu-nav a {
	color: #fff;
}
#global-nav .sub-menu:hover .sub_is-active {
  display: block;
  -webkit-animatio: show 0.1s linear 0s;  
  animation: show 0.1s linear 0s;  
}
@keyframes show{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
/*見出し*/
#global-nav .gn_ttl {
  padding: 20px 50px;
  border-bottom: 1px solid #fff;
  font-size: 155%;
  position: relative;
  margin-bottom: 30px;
}
#global-nav .gn_ttl a {
  position: relative;
  padding-right: 20px;
}
#global-nav .gn_ttl a:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*閉じるボタン*/
#global-nav .close {
  position: absolute;
  top:0;
  bottom: 0;
  right: 50px;
  margin: auto;
    display: block;
    width: 25px;
    height: 25px;
}
#global-nav .close::before,
#global-nav .close::after{
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background: #fff;
    transform: rotate(45deg);
    transform-origin:0% 50%;
    position: absolute;
    top: 2px;
    left: 14%;
}
#global-nav .close::after{
    transform: rotate(-45deg);
    transform-origin:100% 50%;
    left: auto;
    right: 14%;
}
#global-nav .close:hover {
  cursor: pointer;
}

/*sub_cont*/
#global-nav .sub_cont {
  padding: 0 50px;
  width:1300px;
}

/*sub_textlink*/
#global-nav .sub_cont .sub_textlink li a {
  position: relative;
  display: block;
  padding: 12px 0;
}
#global-nav .sub_cont .sub_textlink li a:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	vertical-align: middle;
	width: 8px;
	height: 8px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#global-nav .sub_cont .sub_textlink li.bdr_btm {
  border-bottom: 1px solid #fff;
  padding-bottom: 24px;
}
#global-nav .sub_cont .sub_textlink li.btn_img {
  margin-bottom: 12px;
}
#global-nav .sub_cont .sub_textlink li.btn_img a {
  position: relative;
  padding:0;
}

/*sub-sub_textlink*/
#global-nav .sub_cont .sub_imglink {
  margin-bottom: 25px;
  display: -webkit-box;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
#global-nav .sub_cont .sub_imglink li {
  position: relative;
  margin-bottom: 15px;
}
#global-nav .sub_cont .sub_imglink li a {
  position: relative;
  display: block;
}
#global-nav .sub_cont .sub_imglink li span {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  padding: 14px 15px;
  width: 100%;
	background: rgba(0,126,191,0.6);
  color: #fff;
  font-size: 94%;
}
#global-nav .sub_cont .sub_imglink li span:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 15px;
	margin: auto;
	vertical-align: middle;
	width: 8px;
	height: 8px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*各メニュー調整*/
#global-nav .gnav_about .sub_imglink {/*魅力*/
  width: 1014px;
}
#global-nav .gnav_about .sub_imglink li {
  width:482px;
  margin-right: 25px;
}

#global-nav .gnav_info .sub_cont {/*館内のご案内*/
  display: -webkit-box;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#global-nav .gnav_info .sub_textlink {
  width: 240px;
}
#global-nav .gnav_info  .box_sub_imglink {
  width: calc(100% - 240px);
}
#global-nav .gnav_info .box_imglink01 li {
  width:300px;
  margin-right: 10px;
}
#global-nav .gnav_info .box_imglink02 li {
  width:455px;
  margin-right: 10px;
}

#global-nav .gnav_special .sub_imglink {/*スペシャル*/
  width: 930px;
}
#global-nav .gnav_special .sub_imglink li {
  width:300px;
  margin-right: 10px;
}
#global-nav .gnav_ticket .sub_textlink {/*料金・チケット*/
  width: 200px;
}
@media screen and (min-width : 769px){
  #global-nav .sub-menu-nav  a{
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor: pointer;
  }
  #global-nav .sub-menu-nav a:hover{
    opacity: .6;
    text-decoration: none;
  }
}
@media screen and (max-width : 1620px){
  #global-nav .sub-menu:hover .sub_is-active {
    width: 67%;
  }  
  /*見出し*/
  #global-nav .gn_ttl {
    padding: 20px 30px;
  }
  /*sub_cont*/
  #global-nav .sub_cont {
    padding: 0 30px;
    width:100%;
  }
  /*各メニュー調整*/
  #global-nav .gnav_about .sub_imglink {/*魅力*/
    width: 100%;
  }
  #global-nav .gnav_about .sub_imglink li {
    width:48%;
    margin-right:2%;
  }
  #global-nav .gnav_info .box_imglink01 li {/*館内のご案内*/
    width:auto;
    margin-right: 2%;
  }
  #global-nav .gnav_info .box_imglink02 li {
    width:300px;
    margin-right: 2%;
  }
  #global-nav .gnav_info .box_imglink01 li:nth-child(2n+1),
  #global-nav .gnav_info .box_imglink02 li:nth-child(2n+1){
    clear: both;
  }  
  #global-nav .gnav_special .sub_imglink {/*スペシャル*/
    width: 100%;
  }
  #global-nav .gnav_special .sub_imglink li {
    width:31.3%;
    margin-right: 2%;
  }
  #global-nav .gnav_special .sub_imglink li:nth-child(2n+1) {
    clear: both;
  }  
}

@media screen and (max-width : 1400px){  
  /*各メニュー調整*/
  #global-nav .gnav_info .box_imglink01 li,
  #global-nav .gnav_info .box_imglink02 li  {/*館内のご案内*/
    width:48%;
    margin-right: 2%;
  }
  #global-nav .gnav_info .box_imglink01 li:nth-child(2n+1) {
    clear: both;
  }  
}
@media screen and (max-width : 1023px){  
  #sidebar {
    width: 240px;
  }
  /*見出し*/
  #global-nav .gn_ttl {
    padding: 20px;
  }
  /*sub_cont*/
  #global-nav .sub_cont {
    padding: 0 20px;
  }  
  /* sub-menu */
  #global-nav .sub-menu-nav {
    left: 240px;
  }  
  /*各メニュー調整*/
  #global-nav .gnav_about .sub_imglink li {
    width:100%;
    float:none;
    margin-right:0;
  }  
  #global-nav .gnav_info .sub_cont {/*館内のご案内*/
    display: block;
  }
  #global-nav .gnav_info .box_sub_imglink {
    width: 100%;
  }
  #global-nav .gnav_info .box_imglink01 {
    margin-bottom: 0;
  }
  #global-nav .gnav_info .box_imglink01 li {
    width:31.3%;
    margin-right: 2%;
  }
  #global-nav .gnav_info .box_imglink02 li {
    width:48%;
    margin-right: 2%;
  }
  #global-nav .gnav_special .sub_imglink li:nth-child(2n+1) {
    clear: both;
  }   
  #global-nav .gnav_special .sub_imglink li {/*スペシャル*/
    width:48%;
  } 
}


/*-- gnav_sns --*/
.gnav_sns {
	display:flex;
  margin:20px 0 30px 0;
  align-items: center;
	justify-content:center;
}
.gnav_sns  li {
  margin: 0 8px;
}
.gnav_sns  li img {
  width: 22px;
}
.gnav_sns  li a img {
  transition:all .5s ease;
}
.gnav_sns  li a:hover img {
  transform: scale(1.1);
}


/*gnav_btn_ticket*/
.gnav_btn_ticket {
	font-size:120%;
}
.gnav_btn_ticket .link {
	display:block;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding:25px 0;
	background:#04b0d9;
	box-shadow: 0 0 40px #0a87e6 inset ,60px 0 50px #0a87e6 inset ,-60px 0 50px #0a87e6 inset;
	text-align:center;
	font-weight:bold;
	color:#fff;
	transition:all .3s ease;
}
.gnav_btn_ticket .link::after {
	content:"";
	display:inline-block;
	position:static;
	right:auto;
	width:1.2em;
	height:1em;
	margin-left:.4em;
	background:url(/common/img/arrow_extra01_white.svg) no-repeat center center;
	background-size:contain;
}
.gnav_btn_ticket a:hover {
	background:#04b0d9;
	box-shadow: none;
}