@charset "UTF-8";
/* CSS Document */

/* -------------------------------------------------------------------------- **
**  INDEX
** -------------------------------------------------------------------------- */
body {
	background-color: #000;
	}

/* -------------------------------------------------------------------------- **
**  PNAV
** -------------------------------------------------------------------------- */
.pnav {
	min-height: 235px;
	margin: 0 -10px;
	padding-top: 100px;
	background: transparent url(../images/index/cover.jpg) center top no-repeat;
	text-align: center;
	}
.backgroundsize .pnav {
	background-size: 100% auto;
	}
	.pnav ul {}
		.pnav ul li {
			float: left;
			width: 33.3%;
			text-align: center;
			}
		.pnav ul li.pnav04 { clear: both; }
			.pnav ul li a {
				display: block;
				padding-bottom: 10px;
				color: #fff;
				font-size: 0.923em;
				font-weight: bold;
				text-decoration: none;
				text-shadow: 0px 0px 3px #000;
				-webkit-tap-highlight-color: rgba(0,0,0,0);
				-moz-tap-highlight-color: rgba(0,0,0,0);
				-ms-tap-highlight-color: rgba(0,0,0,0);
				-o-tap-highlight-color: rgba(0,0,0,0);
				tap-highlight-color: rgba(0,0,0,0);
				}
			.rgba .pnav ul li a {
				text-shadow: 0px 0px 3px rgba(0,0,0,0.6);
				}
			.pnav ul li a:hover,
			.pnav ul li a:active,
			.pnav ul li a.active {
				text-decoration: none !important;
				}
				.pnav ul li a i {
					display: block;
					width: 69px;
					height: 69px;
					margin: 0 auto;
					margin-bottom: 5px;
					border: solid 2px #fff;
					background: transparent url(../images/index/pnav.png?2023070500) left top no-repeat;
					}
				.borderradius .pnav ul li a i {
					-webkit-border-radius: 100%;
					-moz-border-radius: 100%;
					-ms-border-radius: 100%;
					-o-border-radius: 100%;
					border-radius: 100%;
					}
				.boxshadow .pnav ul li a i {
					-webkit-box-shadow: 0px 0px 2px #636363;
					-moz-box-shadow: 0px 0px 2px #636363;
					-ms-box-shadow: 0px 0px 2px #636363;
					-o-box-shadow: 0px 0px 2px #636363;
					box-shadow: 0px 0px 2px #636363;
					}
				.boxshadow.rgba .pnav ul li a i {
					-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3), inset 0px -10px 3px rgba(0,0,0,0);
					-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3), inset 0px -10px 3px rgba(0,0,0,0);
					-ms-box-shadow: 0px 0px 3px rgba(0,0,0,0.3), inset 0px -10px 3px rgba(0,0,0,0);
					-o-box-shadow: 0px 0px 3px rgba(0,0,0,0.3), inset 0px -10px 3px rgba(0,0,0,0);
					box-shadow: 0px 0px 3px rgba(0,0,0,0.3), inset 0px -10px 3px rgba(0,0,0,0);
					}
				.csstransitions .pnav ul li a i {
					-webkit-transition: none .3s ease;
					-moz-transition: none .3s ease;
					-ms-transition: none .3s ease;
					-o-transition: none .3s ease;
					transition: none .3s ease;
					-webkit-transition-property: color,-webkit-box-shadow;
					-moz-transition-property: color,-moz-box-shadow;
					-ms-transition-property: color,-ms-box-shadow;
					-o-transition-property: color,-o-box-shadow;
					transition-property: color,box-shadow;
					}
				.boxshadow.rgba .pnav ul li a:hover i,
				.boxshadow.rgba .pnav ul li a:active i,
				.boxshadow.rgba .pnav ul li a.active i,
				.boxshadow.rgba .pnav ul li a.tap i {
					-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3), inset -30px 0px 3px rgba(0,0,0,0.65);
					-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3), inset -30px 0px 3px rgba(0,0,0,0.65);
					-ms-box-shadow: 0px 0px 3px rgba(0,0,0,0.3), inset -30px 0px 3px rgba(0,0,0,0.65);
					-o-box-shadow: 0px 0px 3px rgba(0,0,0,0.3), inset -30px 0px 3px rgba(0,0,0,0.65);
					box-shadow: 0px 0px 3px rgba(0,0,0,0.3), inset -30px 0px 3px rgba(0,0,0,0.65);
					}
				.pnav ul li.pnav01 a i { background-position: 0px 0px; }
				.pnav ul li.pnav02 a i { background-position: 0px -100px; }
				.pnav ul li.pnav03 a i { background-position: 0px -200px; }
				.pnav ul li.pnav04 a i { background-position: 0px -300px; }
				.pnav ul li.pnav05 a i { background-position: 0px -400px; }
				.pnav ul li.pnav06 a i { background-position: 0px -500px; }

				.pnav ul li a span {
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
					}
					.pnav ul li a span small {
						display: block;
						line-height: 1;
						}

.info {
	margin-left: -10px;
	margin-right: -10px;
	background-color: #fff;
	text-align: center;
}
.info a {
	display: block;
	padding: .8em;
	font-size: 1.6rem;
	font-weight: bold;
}



#footer aside {
	margin-bottom: 100px;
}
@media (max-width: 518px) {
	#footer aside {
		margin-bottom: 22%;
	}
}
.sticky-bnr {
	position: fixed;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 11px 18px 12px;
	z-index: 1000;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
}
	.sticky-bnr a {
		position: relative;
		display: block;
		width: 100%;
		max-width: 482px;
		margin: auto;
		line-height: 300%;
		overflow: hidden;
	}
	.sticky-bnr a::before {
		content: "";
		display: block;
		width: 100%;
		height: 0;
		cursor: pointer;
		-webkit-transition: -webkit-opacity .18s;
		-moz-transition: -moz-opacity .18s;
		-ms-transition: -ms-opacity .18s;
		-o-transition: -o-opacity .18s;
		transition: opacity .18s;
	}
	.sticky-bnr a:hover::before,
	.sticky-bnr a:active::before {
		-webkit-opacity: 0.65;
		-moz-opacity: 0.65;
		-ms-opacity: 0.65;
		-o-opacity: 0.65;
		opacity: 0.65;
		filter: alpha(opacity=65);
	}
	.sticky-bnr a.jalan::before {
		padding-top: 29.166666666666667%;
		background: transparent url("../images/index/jalan-bnr-480×140.png") no-repeat center center;
		background-size: 100% 100%;
	}
	.sticky-bnr a.asoview::before {
		padding-top: 15.560165975103734%;
		background: transparent url("../images/index/sticky-bnr.png") no-repeat center center;
		background-size: 100% 100%;
	}
	.sticky-bnr a.tstar::before {
		padding-top: 12.362637362637363%;
		background: transparent url("../images/index/point-tstar-bnr.jpg") no-repeat center center;
		background-size: 100% 100%;
	}
	.sticky-bnr a.nifty {
		position: absolute;
		left: 10px;
		top: -90px;
		width: 50%;
		max-width: 173px;
	}
	.sticky-bnr a.nifty::before {
		padding-top: 45.953757225433526%;
		background: transparent url("../images/index/denshi_ticket_banner.png") no-repeat center center;
		background-size: 100% 100%;
	}
		.sticky-bnr a span {
			position: absolute;
			width: 1px;
			height: 1px;
			padding: 0;
			border: 0;
			overflow: hidden;
			clip: rect(1px 1px 1px 1px);
			clip: rect(1px, 1px, 1px, 1px);
			-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
			clip-path: inset(0px 0px 99.9% 99.9%);
		}



/* -------------------------------------------------------------------------- **
**  PNAV RETINA
** -------------------------------------------------------------------------- */
@media
	only screen and (-webkit-min-device-pixel-ratio:1.5),
	only screen and (min--moz-device-pixel-ratio:1.5),
	only screen and (-ms-min-device-pixel-ratio:1.5),
	only screen and (-o-min-device-pixel-ratio:3/2),
	only screen and (min-device-pixel-ratio:1.5),
	only screen and (min-resolution: 1.5dppx) {
		.pnav { background-image: url(../images/index/cover_2x.jpg); }
		.pnav ul li a i { background-image: url(../images/index/pnav_2x.png?2023070500); background-size: 100px auto; }
		}