/* ======================================================================== POPUP */
#popup-container {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2000;
}
#popup-container #bk {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	z-index: 20;
	cursor: pointer;
}
#popup-container #close {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 50;
	cursor: pointer;
}
#popup-contents {
	position: relative;
	left: 0;
	width: 90%;
	height: 80%;
	margin: 4rem auto;
	padding: 5% 0 0;
	z-index: 30;
	overflow: auto;
	background-color: #fff;
	box-shadow: rgba(0, 0, 0, .2) 0 0 .4rem .4rem;
	-webkit-box-shadow: rgba(0, 0, 0, .2) 0 0 .4rem .4rem;
	-moz-box-shadow: rgba(0, 0, 0, .2) 0 0 .4rem .4rem;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
}
/*横向きの際に適用*/
@media only screen and (orientation : landscape) {
	#popup-contents {
		padding: 0;
	}
}
.sup #popup-contents {
	width: 100%;
}
#popup-contents iframe {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}