@charset "euc-jp";

/*pc*/
.fancybox-skin {
	background: #ffffff;
	border: 2px solid #000000;
	box-sizing: border-box;
	padding: 0px !important;
	box-shadow: none !important;
}

#fancybox-loading, .fancybox-close {
	background-image: url(/images/lineup/popup/fancybox_sprite_close.gif);
	background-repeat: no-repeat;
	background-size: 100%;
}

#fancybox-loading, .fancybox-prev span, .fancybox-next span {
	background-image: url(/images/lineup/popup/fancybox_sprite.png);
}

#fancybox-loading div {
	background: url(/images/lineup/popup/fancybox_loading.gif) center center
		no-repeat;
}

.fancybox-close {
	top: -35px;
	right: 0;
	width: 26px;
	height: 26px;
}

.fancybox-nav {
	background: transparent url(/images/lineup/popup/blank.gif);
	/* helps IE */
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.fancybox-overlay {
	background: url(/images/lineup/popup/fancybox_overlay.png);
}

.fancybox-wrap {
	overflow: visible !important;
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) , only screen and (min--moz-device-pixel-ratio: 1.5) , only screen and (min-device-pixel-ratio: 1.5) {
	#fancybox-loading, .fancybox-prev span, .fancybox-next span {
		background-image: url(/images/lineup/popup/fancybox_sprite@2x.png);
		background-size: 44px 152px;
		/*The size of the normal image, half the size of the hi-res image*/
	}
	#fancybox-loading, .fancybox-close {
		background-image: url(/images/lineup/popup/fancybox_sprite_close.gif);
		background-size: 26px 26px;
		/*The size of the normal image, half the size of the hi-res image*/
	}
	#fancybox-loading div {
		background-image: url(/images/lineup/popup/fancybox_loading@2x.gif);
		background-size: 24px 24px;
		/*The size of the normal image, half the size of the hi-res image*/
	}
}

/*sp*/
@media screen and (max-width:640px) {
	.fancybox-wrap {
		width: 90% !important;
		height: 60% !important;
	}
	.fancybox-inner {
		width: 100% !important;
	}
	.fancybox-close {
		width: 26px;
		height: 26px;
		top: -35px;
	}
}