/* Magnific Popup CSS */
.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10042;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
	opacity: 0.8; }

	.mfp-wrap {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 10043;
		position: fixed;
		outline: none !important;
		-webkit-backface-visibility: hidden; }

		.mfp-container {
			text-align: center;
			position: absolute;
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
			padding: 0 8px;
			box-sizing: border-box; }

			.mfp-container:before {
				content: '';
				display: inline-block;
				height: 100%;
				vertical-align: middle; }

				.mfp-align-top .mfp-container:before {
					display: none; }

					.mfp-content {
						position: relative;
						display: inline-block;
						vertical-align: middle;
						margin: 0 auto;
						text-align: left;
						z-index: 10045; }

						.mfp-inline-holder .mfp-content,
						.mfp-ajax-holder .mfp-content {
							width: 100%;
							cursor: auto; }

							.mfp-ajax-cur {
								cursor: progress; }

								.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
									cursor: -moz-zoom-out;
									cursor: -webkit-zoom-out;
									cursor: zoom-out; }

									.mfp-zoom {
										cursor: pointer;
										cursor: -webkit-zoom-in;
										cursor: -moz-zoom-in;
										cursor: zoom-in; }

										.mfp-auto-cursor .mfp-content {
											cursor: auto; }

											.mfp-close,
											.mfp-arrow,
											.mfp-preloader,
											.mfp-counter {
												-webkit-user-select: none;
												-moz-user-select: none;
												user-select: none; }

												.mfp-loading.mfp-figure {
													display: none; }

													.mfp-hide {
														display: none !important; }

														.mfp-preloader {
															color: #CCC;
															position: absolute;
															top: 50%;
															width: auto;
															text-align: center;
															margin-top: -0.8em;
															left: 8px;
															right: 8px;
															z-index: 1044; }
															.mfp-preloader a {
																color: #CCC; }
																.mfp-preloader a:hover {
																	color: #FFF; }

																	.mfp-s-ready .mfp-preloader {
																		display: none; }

																		.mfp-s-error .mfp-content {
																			display: none; }

																			button.mfp-close,
																			button.mfp-arrow {
																				overflow: visible;
																				cursor: pointer;
																				/*background: transparent;*/
																				border: 0;
																				-webkit-appearance: none;
																				display: block;
																				outline: none;
																				padding: 0;
																				z-index: 1046;
																				box-shadow: none;
																				touch-action: manipulation; }

																				button::-moz-focus-inner {
																					padding: 0;
																					border: 0; }

																					.mfp-close {
																						width: 44px;
																						height: 44px;
																						line-height: 44px;
																						position: absolute;
																						right: 0;
																						top: 0;
																						text-decoration: none;
																						text-align: center;
																						opacity: 0.65;
																						padding: 0 0 18px 10px;
																						color: #FFF;
																						font-style: normal;
																						font-size: 28px;
																						/*font-family: Arial, Baskerville, monospace;*/
																						font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
																						 }
																						.mfp-close:hover,
																						.mfp-close:focus {
																							opacity: 1; }
																							.mfp-close:active {
																								top: 1px; }

																								.mfp-close-btn-in .mfp-close {
																									color: #333; }

																									.mfp-image-holder .mfp-close,
																									.mfp-iframe-holder .mfp-close {
																										color: #FFF;
																										right: -6px;
																										text-align: right;
																										padding-right: 6px;
																										width: 100%; }

																										.mfp-counter {
																											position: absolute;
																											top: 0;
																											right: 0;
																											color: #CCC;
																											font-size: 12px;
																											line-height: 18px;
																											white-space: nowrap; }

																											.mfp-arrow {
																												position: absolute;
																												/*opacity: 0.65;*/
																												margin: 0;
																												/*top: 50%;*/
																												bottom: -60px;
																												/*margin-top: -55px;*/
																												padding: 0;
																												width: 100px;
																												height: 40px;
																												opacity: 1;
																												-webkit-tap-highlight-color: transparent; }
																												.mfp-arrow:active {
																													margin-top: -54px; }
																													.mfp-arrow:hover,
																													.mfp-arrow:focus {
																														opacity: 1; }
/*.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }*/

.mfp-arrow-left {
	left: 50%;
	margin-left: -108px;
	background-image: url(/common/images/arrow_prev.png);
	background-repeat: no-repeat;
	background-position: left top;
	-webkit-background-size: 100px auto;
	background-size: 100px auto; }
/*.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }*/

.firstItem .mfp-arrow-left {
	background-image: url(/common/images/arrow_prev_off.png);
	pointer-events: none;
}
.mfp-arrow-right {
	right: 50%;
	margin-right: -108px;
	background-image: url(/common/images/arrow_next.png);
	background-repeat: no-repeat;
	background-position: left top;
	-webkit-background-size: 100px auto;
	background-size: 100px auto; }

.lastItem .mfp-arrow-right {
	background-image: url(/common/images/arrow_next_off.png);
	pointer-events: none;
}

@media screen and (max-width: 767px){
	.mfp-arrow {
		width: 80px;
		height: 40px;
		bottom: -50px;
		-webkit-background-size: 80px auto;
		background-size: 80px auto;
	}
	.mfp-arrow-left {
		margin-left: -65px;
		background-image: url(/common/images/arrow_prev_sp.png);
	}
	.firstItem .mfp-arrow-left {
		background-image: url(/common/images/arrow_prev_off_sp.png);
	}
	.mfp-arrow-right {
		margin-right: -65px;
		background-image: url(/common/images/arrow_next_sp.png);
	}
	.lastItem .mfp-arrow-right {
		background-image: url(/common/images/arrow_next_off_sp.png);
	}
}

/*.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
	border-left: 27px solid #3F3F3F; }*/

	.mfp-iframe-holder {
		padding-top: 40px;
		padding-bottom: 40px; }
		.mfp-iframe-holder .mfp-content {
			line-height: 0;
			width: 90%;
			max-width: 920px;
			margin: 0 auto; }
			.mfp-iframe-holder .mfp-close {
				/*top: -40px;*/
				width: 50px;
				height: 50px;
				background-image: url(/common/images/btn_modal_close_02.png);
				background-repeat: no-repeat;
				background-position: center center;
				-webkit-background-size: 50px auto;
				background-size: 50px auto;
				right: 0;
				top: -85px;
				overflow: hidden;
				zoom: 1;
				padding-top: 100px; }

				.mfp-iframe-scaler {
					width: 90%;
					height: 0;
					overflow: hidden;
					padding-top: 56.25%; }
					.mfp-iframe-scaler iframe {
						position: absolute;
						display: block;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
						background: #000; }

						/* Main image in popup */
						img.mfp-img {
							width: auto;
							max-width: 100%;
							height: auto;
							display: block;
							line-height: 0;
							box-sizing: border-box;
							padding: 40px 0 40px;
							margin: 0 auto; }

							/* The shadow behind the image */
							.mfp-figure {
								line-height: 0; }
								.mfp-figure:after {
									content: '';
									position: absolute;
									left: 0;
									top: 40px;
									bottom: 40px;
									display: block;
									right: 0;
									width: auto;
									height: auto;
									z-index: -1;
									box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
									background: #444; }
									.mfp-figure small {
										color: #BDBDBD;
										display: block;
										font-size: 12px;
										line-height: 14px; }
										.mfp-figure figure {
											margin: 0; }

											.mfp-bottom-bar {
												margin-top: -36px;
												position: absolute;
												top: 100%;
												left: 0;
												width: 100%;
												cursor: auto; }

												.mfp-title {
													text-align: left;
													line-height: 18px;
													color: #F3F3F3;
													word-wrap: break-word;
													padding-right: 36px; }

													.mfp-image-holder .mfp-content {
														max-width: 100%; }

														.mfp-gallery .mfp-image-holder .mfp-figure {
															cursor: pointer; }

															@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
	padding-left: 0;
	padding-right: 0; }
	.mfp-img-mobile img.mfp-img {
		padding: 0; }
		.mfp-img-mobile .mfp-figure:after {
			top: 0;
			bottom: 0; }
			.mfp-img-mobile .mfp-figure small {
				display: inline;
				margin-left: 5px; }
				.mfp-img-mobile .mfp-bottom-bar {
					background: rgba(0, 0, 0, 0.6);
					bottom: 0;
					margin: 0;
					top: auto;
					padding: 3px 5px;
					position: fixed;
					box-sizing: border-box; }
					.mfp-img-mobile .mfp-bottom-bar:empty {
						padding: 0; }
						.mfp-img-mobile .mfp-counter {
							right: 5px;
							top: 3px; }
							.mfp-img-mobile .mfp-close {
								top: 0;
								right: 0;
								width: 35px;
								height: 35px;
								line-height: 35px;
								background: rgba(0, 0, 0, 0.6);
								position: fixed;
								text-align: center;
								padding: 0; } }

								@media all and (max-width: 900px) {
									.mfp-arrow {
										-webkit-transform: scale(0.75);
										transform: scale(0.75); }
										.mfp-arrow-left {
											-webkit-transform-origin: 0;
											transform-origin: 0; }
											.mfp-arrow-right {
												-webkit-transform-origin: 100%;
												transform-origin: 100%; }
												.mfp-container {
													padding-left: 6px;
													padding-right: 6px; } }