@charset "utf-8";
/* CSS Document */

/*インラインレスポンシブ*/
.responsive-iframe {
    position: relative;
    width: 100%;
    padding-top: 25%; /* 16:9 → 9 ÷ 16 × 100 */
}

.responsive-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* ===========================
   Smartphone
=========================== */
@media (max-width: 768px) {

/*インラインレスポンシブ*/
.responsive-iframe {
    position: relative;
    width: 100%;
    padding-top: 65%; /* 16:9 → 9 ÷ 16 × 100 */
}

.responsive-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
	}