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

#header,
.globalnavigation {
    z-index: 101;
	font-family: 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif
}


.mega-menu-in.mg-shopping{
}


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;
}





.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;
    font-size: 1rem;
    padding: 0 10.9px;
    border-left: 1px #ccc solid;
    padding: 0 12.3px;
    border-bottom: 4px #fff solid;
	font-weight: bold!important;
}

@media all and (-ms-high-contrast: none) {
  /* IE対策 */
	.mega-menu > ul > li a.mm-base {
	    padding: 0 11.4px;
	}
}


.mega-menu > ul > li:last-child  a.mm-base{
	border-right: 1px #ccc solid;
}

.mega-menu > ul > li a.mm-base.event {
	color: #ff4d4d;
}
.mega-menu > ul > li:hover  a.mm-base.event {
	border-bottom-color: #ff4d4d;
}
.mega-menu > ul > li a.mm-base.next-event{
	color: #00a3d8;
}
.mega-menu > ul > li:hover  a.mm-base.next-event {
	border-bottom-color: #00a3d8;
}
.mega-menu > ul > li a.mm-base.enjoy{
	color: #339966;
}
.mega-menu > ul > li:hover  a.mm-base.enjoy {
	border-bottom-color: #339966;
}
.mega-menu > ul > li a.mm-base.gourmet{
	color: #ff7f00;
}
.mega-menu > ul > li:hover  a.mm-base.gourmet{
	border-bottom-color:#ff7f00;
}
.mega-menu > ul > li a.mm-base.shopping{
	color:#de3057;
}
.mega-menu > ul > li:hover  a.mm-base.shopping{
	border-bottom-color:#de3057;
}
.mega-menu > ul > li a.mm-base.appoint {
	color:#bb6d1f;
}
.mega-menu > ul > li:hover  a.mm-base.appoint {
	border-bottom-color:#bb6d1f;
}
.mega-menu > ul > li a.mm-base.about {
	color:#2a3e76;
}
.mega-menu > ul > li:hover  a.mm-base.about {
	border-bottom-color:#2a3e76;
}
.mega-menu > ul > li a.mm-base.guide {
	color:#0066cc;
}
.mega-menu > ul > li:hover  a.mm-base.guide {
	border-bottom-color:#0066cc;
}


.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;
	}
	}