/* globalnavigation
--------------------------------------------------*/

hr.hr-space {
    padding: 5px;
    border: 0px;
    margin: 0;
}


.mega-menu ul.globalnavigation {
	width: 960px;
	height: 35px;
	font-size: 0%;
}

.mega-menu ul.globalnavigation > li {
	float: left;
	list-style-type: none;
	text-indent: -9999px;
}


.mega-menu.mega-menu2018ver ul.globalnavigation >  li a.mm-base,
.mega-menu.mega-menu2018ver ul.globalnavigation >  li a.mm-base:hover {
	background-image: url(/commons/images/pcheader/globalnavigationTop_header2018ver.png) !important;
    background-repeat: no-repeat;
    height: 29px;
}
.mega-menu.mega-menu2018ver ul.globalnavigation >  li a.mm-base:hover {
	background-image: url(/commons/images/pcheader/globalnavigationTop_header2018ver_hover.png) !important;
}
.mega-menu.mega-menu2018ver ul.globalnavigation li a.about {
  width: 126px;
  background-position: 0 0 !important;
}

.mega-menu.mega-menu2018ver ul.globalnavigation li a.event {
  width: 126px;
  background-position: -127px 0px !important;
}
.mega-menu.mega-menu2018ver ul.globalnavigation li a.enjoy {
  width: 126px;
	background-position: -254px 0px !important;
}
.mega-menu.mega-menu2018ver ul.globalnavigation li a.gourmet {
  width: 126px;
	background-position: -381px 0px !important;
}
.mega-menu.mega-menu2018ver ul.globalnavigation li a.shopping {
  width: 126px;
	background-position: -507px 0px !important;
}
.mega-menu.mega-menu2018ver ul.globalnavigation li a.appoint {
  width: 126px;
	background-position: -634px 0px !important;
}
.mega-menu.mega-menu2018ver ul.globalnavigation li a.ticket {
  width: 98px;
	background-position: -761px 0px !important;
}

.mega-menu.mega-menu2018ver ul.globalnavigation li a.guide {
  width: 102px;
	background-position: -863px 0px !important;
}


/*201811update*/

.mega-menu.mega-menu2019ver ul.globalnavigation >  li a.mm-base{
	background-image: url(/commons/images/pcheader/globalnavigationTop_header2019ver.png) !important;
    background-repeat: no-repeat;
    height: 29px;
}
.mega-menu.mega-menu2019ver ul.globalnavigation >  li a.mm-base:hover{
	background-image: url(/commons/images/pcheader/globalnavigationTop_header2019ver_hover.png) !important;
}




.mega-menu.mega-menu2019ver ul.globalnavigation li a.event {
  width: 145px;
  background-position: 0px 0px !important;
}
.mega-menu.mega-menu2019ver ul.globalnavigation li a.next-event {
  width: 137px;
  background-position: -145px 0px !important;
}

.mega-menu.mega-menu2019ver ul.globalnavigation li a.about {
  width: 153px;
  background-position: -282px 0 !important;
}

.mega-menu.mega-menu2019ver ul.globalnavigation li a.enjoy {
  width: 114px;
	background-position: -435px 0px !important;
}
.mega-menu.mega-menu2019ver ul.globalnavigation li a.gourmet {
  width: 70px;
	background-position: -549px 0px !important;
}
.mega-menu.mega-menu2019ver ul.globalnavigation li a.shopping {
  width: 77px;
	background-position: -619px 0px !important;
}
.mega-menu.mega-menu2019ver ul.globalnavigation li a.appoint {
  width: 74px;
	background-position: -696px 0px !important;
}
.mega-menu.mega-menu2019ver ul.globalnavigation li a.guide {
  width: 110px;
	background-position: -770px 0px !important;
}
.mega-menu.mega-menu2019ver ul.globalnavigation li a.ticket {
  width: 80px;
	background-position: -880px 0px !important;
}


.mega-menu ul.globalnavigation {
    overflow: visible;
    margin: 10px auto!important;
    background: none;
    height: 20px!important;
}
.mega-menu > ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    /*position: relative;*/
    /* IF .mega-menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
}

.mega-menu > ul:before,
.mega-menu > ul:after {
    content: "";
    display: table;
}

.mega-menu > ul:after {
    clear: both;
}

.mega-menu > ul > li {
    float: left;
    padding: 0;
    margin: 0;
}

.mega-menu > ul > li a.mm-base {
    text-decoration: none;
    display: block;
}

.mega-menu > ul > li:hover {
}

.mega-menu > ul > li > div {
    display: none;
    width: 100%;
background: #29abe2;
    padding: 10px;
    position: absolute;
    z-index: 99;
    left: 0;
    margin: 0px 0;
    list-style: none;
    box-sizing: border-box;
	text-indent: 0;
}

.mega-menu > ul > li > div:before,
.mega-menu > ul > li > div:after {
    content: "";
    display: table;
}

.mega-menu > ul > li > div:after {
    clear: both;
}


.mega-menu-body {
    position: relative;
    width: 960px;
    margin: 0 auto;
}

.mega-menu-in-box-col3 {
    width: 30%;
    display: inline-block;
    vertical-align: top;
}
.mega-menu-in-box-col4 {
    width: 40%;
    display: inline-block;
    vertical-align: top;
}
.mega-menu-in-box-col7 {
    width: 70%;
    display: inline-block;
    vertical-align: top;
}

.mega-menu-in-box-col10 {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

.mega-menu-border-right {
    border-right: 1px rgba(255, 255, 255, 0.40) solid;
}
.mega-menu-border-left {
    border-left: 1px rgba(255, 255, 255, 0.40) solid;
}


p.mega-menu-in-ttl {
    font-size: 24px;
    color: #fff;
    margin: 10px 0;
}

p.mega-menu-in-ttl span {
	margin: 0 20px;
}
p.mega-menu-in-ttl span a{
    display: inline-block;
    border: 0px #fff solid;
    color: #fff;
    padding: 4px 10px;
    font-size: 12px;
    vertical-align: middle;
}
p.mega-menu-in-ttl span a:after{
	float: right;
  content: "\F105";
  font-family: FontAwesome;
  margin: 0 0 0 10px;
}

p.mega-menu-in-ttl span a:hover {
opacity: 0.7;
}



p.mega-menu-in-ttl-list {
    font-size: 0.9rem;
    color: #fff;
    font-weight: bold;
    margin: 0 0 10px 0;
    border-left: 0px #fff dotted;
    padding: 0 0 0 0px;
}
ul.mega-menu-in-list {
    font-size: 0.9rem;
    color: #fff;
}
ul.mega-menu-in-list li {
    list-style: none;
}

ul.mega-menu-in-list li a{
    color: #fff;
    padding: 0px;
    height: auto!important;
    background: none!important;
    font-weight: normal;
    height:auto!important;
}
ul.mega-menu-in-list li a:before{
	content: "\F101";
    font-family: FontAwesome;
     padding: 0px 10px 0 0;
    font-size: 12px;
    line-height: 1.6;
}
ul.mega-menu-in-list li a:hover{
    text-decoration: underline;
}

.mega-menu-in-body {
    display: block;
    padding: 10px 15px;
}

.mega-menu-in-item {
    display: inline-block;
    width: 33.33333%;
}
.mega-menu-in-box-col10 .mega-menu-in-item {
    width: 20%;
}


.mega-menu-in-item-body {
    display: block;
    padding: 8px;
}


p.mega-menu-in-ttl-link {
    font-size: 0.8rem;
    color: #fff;
    text-align: center;
	padding: 5px 0 0;
}
p.mega-menu-in-date {
    font-size: 0.7rem;
    color: #fff;
    text-align: center;
}

.mega-menu-in-item-body a{
	display: block!important;
    height: auto!important;
}

p.mega-menu-in-ttl-link:hover,
p.mega-menu-in-date:hover{
    text-decoration: underline;
}


/*************************************************************

*リンクボタン

**************************************************************/


a.mega-menu-button {
	display: inline-block;
    1border: 1px #ffffff solid;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    behavior: url(PIE.htc);
    overflow: hidden;
    color: #ffffff;
    font-weight: normal;
    padding: 12px 14px;
    margin: 10px 10px 10px 0;
    line-height: 1.2;
    font-size: 16px;
    width: auto;
    text-align: center;
    background: #021a5e;
*display: inline;  
    *zoom: 1; 

}


a.mega-menu-button:after{
	float: right;
  content: "\F105";
  font-family: FontAwesome;
  margin: 0 0 0 10px;
}

a.button.modal:after {
    float: right;
    content: "\F08E";
    font-family: FontAwesome;
    margin: 0 0 0 10px;
}
a.button.anc:after {
    float: right;
    content: "\F107";
    font-family: FontAwesome;
    margin: 0 0 0 10px;
}

a.mega-menu-button:hover {
opacity: 0.7;
}


/************************************************************

アイコン

************************************************************/

a.icon-event-schedule:before {
    content: "\F017";
    font-family: 'FontAwesome';
    margin: 0px 10px 0 0;
    line-height: 1;
}
a.icon-event-cal:before {
    content: "\F073";
    font-family: 'FontAwesome';
    margin: 0px 10px 0 0;
}

a.icon-privilege:before {
    content: "\F0A2";
    font-family: 'FontAwesome';
    margin: 0px 10px 0 0;
}
a.icon-plan:before {
    content: "\F0F7 ";
    font-family: 'FontAwesome';
    margin: 0px 10px 0 0;
}

a.icon-tour:before {
    content: "\F072";
    font-family: 'FontAwesome';
    margin: 0px 10px 0 0;
}
a.icon-trip:before {
    content: "\F0F2";
    font-family: 'FontAwesome';
    margin: 0px 10px 0 0;
}


@media screen and (max-width: 736px) {
	.mega-menu {
    display: none;
	}
	}