/* pc */
#popup {visibility: hidden; opacity : 0; position: fixed; z-index: 2000; top: 0; left: 0; width: 100%; height: 100%; transition: .6s; }
#popup .popup-bg {width: 100%; height: 100%; background-color: rgba(0,0,0,0.7);}
#popup .popup-wrapper {background-color: #fff; width: 85%; max-width: 760px; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);  -webkit-transform:translate(-50%,-50%); -o-webkit-transform:translate(-50%,-50%);  -ms-webkit-transform:translate(-50%,-50%);}
#close-btn {font-size: 1.7em; padding: 6px; float: right; cursor: pointer;}
#popup .popup-wrapper img {width: 100%; cursor: pointer;}
#close-btn p {font-size: 14px; font-family: 'Century Gothic', sans-serif; display: inline-block;}
#close-btn .img-container {width: 15px; margin-left: 5px; display: inline-block;}
#popup .popup-contents {padding: 8px 8px 0 8px;}
#popup .popup-footer {width: 100%;}
.is-show {visibility: visible!important; opacity : 1!important;}
.clearfix::after {content: ""; display: block; clear: both;}
#popup .popup-pc { display: block;}
#popup .popup-sp { display: none;}

/* sp */
@media screen and (max-width: 750px){
	#popup .popup-contents {background-color: #fff; padding: 6px 6px 0 6px;}
	#popup .popup-pc { display: none;}
	#popup .popup-sp { display: block;}
}

@media (orientation: landscape){
	#popup .popup-wrapper {width: 50%;}
}