.popup {
            display: none;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            border: 1px solid #ccc;
            background: #fff;
            z-index: 1000;
        }
        .popup img {
            max-width: 100%;
	    /* iPad/iPhone で画像が崩れるので対応	*/
	    height: auto;    /* 200% から auto に変更 */
	    display: block;  /* 下部の隙間を防ぐために追加を推奨 */
	    /*（変更前）	 height: 200%; */
        }
        .overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            z-index: 999;
        }
        .popup_guide {
	    width: 100%;          /* 画面横幅の430pxに */
            max-width: 500%;   /* ただし最大500%までに制限*/
            height:100%;          /* 画面高さを 630px に */
        }