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

nav.css

***********************************************************************************************************************/
nav.nav_pc{
	padding:0;
	margin:0;
	position:absolute;
	top:0;
	right:0;
	width:770px; /*810px*/
}
nav.nav_pc ul{
	list-style:none;
	padding:0;
	margin:0 0 0; /*25px 0 0*/
	letter-spacing:-.40em;
}
nav.nav_pc ul li{
	display:inline-block;
	letter-spacing:normal;
	list-style:none;
	padding:0;
	margin:0;
	text-align:center;
	width:110px; /*100px*/
	height:100px; /*50px*/
	line-height:100px; /*50px*/
	position:relative;
}
nav.nav_pc ul li:before{
	content:"";
	position:absolute;
	top:0;
	left:-12px; /*-10px*/
	width:20px;
	height:100px; /*50px*/
	background:url(/shareobject/img/nav/nav_line.png) center left no-repeat; /*top left*/
}

nav.nav_pc ul li:first-child:before{
	background:none;
}

nav.nav_pc ul li a{
	position: relative;
	z-index: 1;
	display:inline-block;
	padding:0;
	margin:0;
	width:110px; /*100px*/
	height:100px; /*50px*/
	line-height:100px; /*50px*/
	-moz-transition: none;
	-webkit-transition: none;
	-ms-transition: none;
	transition: none;
	text-indent:-99999px;
}
nav.nav_pc ul li .new{
	position: absolute;
	z-index: 0;
	top: 15px; /*-27px*/
	left: 0;
	right: 0;
	height: 10px;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	color:#E60003;
	line-height: 1;
}


nav.nav_pc ul li.home,
nav.nav_pc ul li.home.active a{
	background:url(/shareobject/img/nav/nav_home_on.png) center center no-repeat;
}
nav.nav_pc ul li.home a{
	background:url(/shareobject/img/nav/nav_home_off.png) center center no-repeat;
}

/* 公開になったら表示*/
nav.nav_pc ul li.outline,
nav.nav_pc ul li.outline.active a{
	background:url(/shareobject/img/nav/nav_outline_on.png) center center no-repeat;
}
nav.nav_pc ul li.outline a{
	background:url(/shareobject/img/nav/nav_outline_off.png) center center no-repeat;
}


nav.nav_pc ul li.outline{
	background:url(/shareobject/img/nav/nav_outline.png) center center no-repeat;
	text-indent:-99999px;
}

nav.nav_pc ul li.access,
nav.nav_pc ul li.access.active a{
	background:url(/shareobject/img/nav/nav_access_on.png) center center no-repeat;
}
nav.nav_pc ul li.access a{
	background:url(/shareobject/img/nav/nav_access_off.png) center center no-repeat;
}

/* 公開になったら表示*/
nav.nav_pc ul li.ticket,
nav.nav_pc ul li.ticket.active a{
	background:url(/shareobject/img/nav/nav_ticket_on.png) center center no-repeat;
}
nav.nav_pc ul li.ticket a{
	background:url(/shareobject/img/nav/nav_ticket_off.png) center center no-repeat;
}

/*nav.nav_pc ul li.ticket{
	background:url(/shareobject/img/nav/nav_ticket.png) center center no-repeat;
	text-indent:-99999px;
}
*/
/* 公開になったら表示*/
nav.nav_pc ul li.goods,
nav.nav_pc ul li.goods.active a{
	background:url(/shareobject/img/nav/nav_goods_on.png) center center no-repeat;
}
nav.nav_pc ul li.goods a{
	background:url(/shareobject/img/nav/nav_goods_off.png) center center no-repeat;
}


/*nav.nav_pc ul li.goods{
	background:url(/shareobject/img/nav/nav_goods.png) center center no-repeat;
	text-indent:-99999px;
}*/

nav.nav_pc ul li.faq,
nav.nav_pc ul li.faq.active a{
	background:url(/shareobject/img/nav/nav_faq_on.png) center center no-repeat;
}
nav.nav_pc ul li.faq a{
	background:url(/shareobject/img/nav/nav_faq_off.png) center center no-repeat;
}

/* 公開になったら表示
nav.nav_pc ul li.floor,
nav.nav_pc ul li.floor.active a{
	background:url(/shareobject/img/nav/nav_floor_on.png) center center no-repeat;
}
nav.nav_pc ul li.floor a{
	background:url(/shareobject/img/nav/nav_floor_off.png) center center no-repeat;
}
*/

nav.nav_pc ul li.floor{
	background:url(/shareobject/img/nav/nav_floor.png) center center no-repeat;
	text-indent:-99999px;
}


nav.nav_pc ul li.town,
nav.nav_pc ul li.town.active a{
	background:url(/shareobject/img/nav/nav_town_on.png) center center no-repeat;
}
nav.nav_pc ul li.town a{
	background:url(/shareobject/img/nav/nav_town_off.png) center center no-repeat;
}

nav.nav_pc ul li.highlight,
nav.nav_pc ul li.highlight.active a{
	background:url(/shareobject/img/nav/nav_highlight_on.png) center center no-repeat;
}
nav.nav_pc ul li.highlight a{
	background:url(/shareobject/img/nav/nav_highlight_off.png) center center no-repeat;
}


/* 公開になったら表示*/
nav.nav_pc ul li.collab,
nav.nav_pc ul li.collab.active a{
	background:url(/shareobject/img/nav/nav_collab_on.png) center center no-repeat;
}
nav.nav_pc ul li.collab a{
	background:url(/shareobject/img/nav/nav_collab_off.png) center center no-repeat;
}

/*nav.nav_pc ul li.collab{
	background:url(/shareobject/img/nav/nav_collab.png) center center no-repeat;
	text-indent:-99999px;
}*/


/* @2x Images (Pixel Ratio of 1.25+) */
@media only screen and (-o-min-device-pixel-ratio: 5/4),
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and (min-device-pixel-ratio: 1.25),
only screen and (min-resolution: 1.25dppx) {
nav.nav_pc ul li:before{
	background-image:url(/shareobject/img/nav/nav_line@2x.png);
	background-size:20px 50px;
}

nav.nav_pc ul li.home,
nav.nav_pc ul li.home.active a{
	background-image:url(/shareobject/img/nav/nav_home_on@2x.png);
	background-size:100px 50px;
}
nav.nav_pc ul li.home a{
	background-image:url(/shareobject/img/nav/nav_home_off@2x.png);
	background-size:100px 50px;
}

/* 公開になったら表示
nav.nav_pc ul li.outline,
nav.nav_pc ul li.outline.active a{
	background-image:url(/shareobject/img/nav/nav_outline_on@2x.png);
	background-size:100px 50px;
}
nav.nav_pc ul li.outline a{
	background-image:url(/shareobject/img/nav/nav_outline_off@2x.png);
	background-size:100px 50px;
}
*/

nav.nav_pc ul li.outline{
	background-image:url(/shareobject/img/nav/nav_outline@2x.png);
	background-size:100px 50px;
}
	
nav.nav_pc ul li.access,
nav.nav_pc ul li.access.active a{
	background-image:url(/shareobject/img/nav/nav_access_on@2x.png);
	background-size:100px 50px;
}
nav.nav_pc ul li.access a{
	background-image:url(/shareobject/img/nav/nav_access_off@2x.png);
	background-size:100px 50px;
}

	
/* 公開になったら表示*/
nav.nav_pc ul li.ticket,
nav.nav_pc ul li.ticket.active a{
	background-image:url(/shareobject/img/nav/nav_ticket_on@2x.png);
	background-size:100px 50px;
}
nav.nav_pc ul li.ticket a{
	background-image:url(/shareobject/img/nav/nav_ticket_off@2x.png);
	background-size:100px 50px;
}

/*nav.nav_pc ul li.ticket{
	background-image:url(/shareobject/img/nav/nav_ticket@2x.png);
	background-size:100px 50px;
}*/

/* 公開になったら表示*/
nav.nav_pc ul li.goods,
nav.nav_pc ul li.goods.active a{
	background-image:url(/shareobject/img/nav/nav_goods_on@2x.png);
	background-size:100px 50px;
}
nav.nav_pc ul li.goods a{
	background-image:url(/shareobject/img/nav/nav_goods_off@2x.png);
	background-size:100px 50px;
}


/*nav.nav_pc ul li.goods{
	background-image:url(/shareobject/img/nav/nav_goods@2x.png);
	background-size:100px 50px;
}*/
	
nav.nav_pc ul li.faq,
nav.nav_pc ul li.faq.active a{
	background-image:url(/shareobject/img/nav/nav_faq_on@2x.png);
	background-size:100px 50px;
}
nav.nav_pc ul li.faq a{
	background-image:url(/shareobject/img/nav/nav_faq_off@2x.png);
	background-size:100px 50px;
}

/* 公開になったら表示
nav.nav_pc ul li.floor,
nav.nav_pc ul li.floor.active a{
	background-image:url(/shareobject/img/nav/nav_floor_on@2x.png);
	background-size:100px 50px;
}
nav.nav_pc ul li.floor a{
	background-image:url(/shareobject/img/nav/nav_floor_off@2x.png);
	background-size:100px 50px;
}
*/
	
nav.nav_pc ul li.floor{
	background-image:url(/shareobject/img/nav/nav_floor@2x.png);
	background-size:100px 50px;
}	
	
nav.nav_pc ul li.town,
nav.nav_pc ul li.town.active a{
	background-image:url(/shareobject/img/nav/nav_town_on@2x.png);
	background-size:100px 50px;
}
nav.nav_pc ul li.town a{
	background-image:url(/shareobject/img/nav/nav_town_off@2x.png);
	background-size:100px 50px;
}

nav.nav_pc ul li.highlight,
nav.nav_pc ul li.highlight.active a{
	background-image:url(/shareobject/img/nav/nav_highlight_on@2x.png);
	background-size:100px 50px;
}
nav.nav_pc ul li.highlight a{
	background-image:url(/shareobject/img/nav/nav_highlight_off@2x.png);
	background-size:100px 50px;
}
	
/* 公開になったら表示*/
nav.nav_pc ul li.collab,
nav.nav_pc ul li.collab.active a{
	background-image:url(/shareobject/img/nav/nav_collab_on@2x.png);
	background-size:100px 50px;
}
nav.nav_pc ul li.collab a{
	background-image:url(/shareobject/img/nav/nav_collab_off@2x.png);
	background-size:100px 50px;
}

/*nav.nav_pc ul li.collab{
	background-image:url(/shareobject/img/nav/nav_collab@2x.png);
	background-size:100px 50px;
}*/	
}


@media screen and (max-width: 1000px) {
nav.nav_pc{
	width:630px;
}
nav.nav_pc ul li{
	width:90px;
}
nav.nav_pc ul li a{
	width:90px;
}

nav.nav_pc ul li.home,
nav.nav_pc ul li.home.active,
nav.nav_pc ul li.home a,
nav.nav_pc ul li.outline,
nav.nav_pc ul li.outline.active a,
nav.nav_pc ul li.outline a,
nav.nav_pc ul li.access,
nav.nav_pc ul li.access.active a,
nav.nav_pc ul li.access a,
nav.nav_pc ul li.ticket,
nav.nav_pc ul li.ticket.active a,
nav.nav_pc ul li.ticket a,
nav.nav_pc ul li.goods,
nav.nav_pc ul li.goods.active a,
nav.nav_pc ul li.goods a,
nav.nav_pc ul li.goods,
nav.nav_pc ul li.faq,
nav.nav_pc ul li.faq.active a,
nav.nav_pc ul li.faq a,
nav.nav_pc ul li.floor,
nav.nav_pc ul li.floor.active a,
nav.nav_pc ul li.floor a,
nav.nav_pc ul li.town,
nav.nav_pc ul li.town.active a,
nav.nav_pc ul li.town a,
nav.nav_pc ul li.highlight,
nav.nav_pc ul li.highlight.active a,
nav.nav_pc ul li.highlight a,
nav.nav_pc ul li.collab,
nav.nav_pc ul li.collab.active a,
nav.nav_pc ul li.collab a{
	background-size:80px 40px !important;
}
}


@media screen and (max-width: 850px) {
nav.nav_pc{
	width:540px;
}
nav.nav_pc ul li.home,
nav.nav_pc ul li.home.active a{
	display: none;
}
}


/* nav-contents *************************************/
.nav-contents{
	list-style: none;
	padding: 0;
	margin: 0;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
	display: flex;
	-webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}
.nav-contents li{
	letter-spacing: 0.2em;
	display: inline-block;
	width: 48%;
	margin: 0 0 4%;
	padding: 0;
	text-align: center;
	position: relative;
	
}
.nav-contents li::before{
	position: absolute;
	z-index: 0;
	top: -2px;
	left: -2px;
	width: 16px;
	height: 16px;
	content: "";
	border: 2px solid;
  border-color: #808080 transparent transparent #808080 ;
}
.nav-contents li::after{
	position: absolute;
	z-index: 0;
	bottom: -2px;
	right: -2px;
	width: 16px;
	height: 16px;
	content: "";
	border: 2px solid;
  border-color:transparent #808080 #808080 transparent;
}

.nav-contents li:hover::before,
.nav-contents li.active::before{
  border-color: #fff transparent transparent #fff;
}
.nav-contents li:hover::after,
.nav-contents li.active::after{
  border-color:transparent #fff #fff transparent;
}

.nav-contents li a{
	position: relative;
	z-index: 10;
	display: block;
	margin: 5px;
	padding: 30px 0 40px;
	background: rgba(0,0,0,0.8);
	border: 1px solid #333;
	color: #fff;
	vertical-align: top;
}
.nav-contents li a:hover,
.nav-contents li.active a{
	background: #f4bc19;
	border: 1px solid #fff;
	color: #000;
}

.nav-contents li a .en{
	display: block;
    font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 40px;
}
.nav-contents li a .jp{
	display: block;
	font-family: 'Sawarabi Mincho';
	font-size: 12px;
}

.nav-contents li a .new {
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    position: absolute;
    top: 0;
    left: 0;
    /*right: 0;*/
    color: #fff;
	background-color: #E60003;
	padding: 0px 2px;
}

@media screen and (max-width: 767px) {
.nav-contents li a{
	padding: 15px 0 20px;
}
.nav-contents li a .en{
	font-size: 20px;
}
.nav-contents li a .jp{
	font-size: 10px;
}
}