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

/* -------------------------------------------------------------------------- **
**  COVER
** -------------------------------------------------------------------------- */
#header .cover {}
	#header .cover .view1 {}

/* -------------------------------------------------------------------------- **
**  COVER RETINA
** -------------------------------------------------------------------------- */
@media
	only screen and (-webkit-min-device-pixel-ratio:1.5) and (min-device-width:321px),
	only screen and (min--moz-device-pixel-ratio:1.5) and (min-device-width:321px),
	only screen and (-ms-min-device-pixel-ratio:1.5) and (min-device-width:321px),
	only screen and (-o-min-device-pixel-ratio:3/2) and (min-device-width:321px),
	only screen and (min-device-pixel-ratio:1.5) and (min-device-width:321px),
	only screen and (min-resolution: 1.5dppx) and (min-device-width:321px) {
		}



/* -------------------------------------------------------------------------- **
**  MAIN
** -------------------------------------------------------------------------- */
#main .main {}
	#main .main ul,
	#main .content ul {
		list-style: none;
		margin: 0;
		padding: 0;
		}
	#main .main ul {
		padding-bottom: 34px;
		}
		#main .main ul li {
			padding-bottom: 1em;
			}
			#main .main ul li h2 {
				margin: 0;
				border: none;
				}
	#main .content {
		overflow: hidden;
		}
	#main .content ul {
		width: 740px;
		}
		#main .content ul li {
			float: left;
			margin-right: 25px;
			margin-bottom: 20px;
			}

.sticky-bnr {
	position: fixed;
	top: auto;
	right: 0;
	bottom: 110px;
	left: auto;
	width: 185px;
	z-index: 1000;
}
	.sticky-bnr a {
		position: relative;
		display: block;
		width: 100%;
		overflow: hidden;
		
	}
	.sticky-bnr a::before {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		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.asoview {
		height: 130px;
		border-radius: 50%;
	}
	.sticky-bnr a.asoview::before {
		width: 130px;
		margin: auto;
		border-radius: 50%;
		background: transparent url("../images/index/sticky-bnr.png") no-repeat center center;
		background-size: 100% 100%;
	}
	.sticky-bnr a.nifty {
		height: 80px;
		margin-bottom: 10px;
	}
	.sticky-bnr a.nifty::before {
		width: 173px;
		margin: auto;
		background: transparent url("../images/index/denshi_ticket_banner.png") no-repeat center center;
		background-size: 100% 100%;
	}
	.sticky-bnr a.tstar {
		height: 130px;
	}
	.sticky-bnr a.tstar::before {
		background: transparent url("../images/index/point-tstar-bnr.png") no-repeat center center;
		background-size: 100% 100%;
	}