html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

#diy-room-title {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 1.0em 0;
}
@media (max-width: 800px) {
	#diy-room-title {
		flex-wrap: wrap;
	}
}
	#diy-room-title img {
		margin-right: 4.0em;
	}
	@media (max-width: 800px) {
		#diy-room-title img {
			margin-right: 0;
		}
	}
	#diy-room-title p {
		font-size: 20px;
		letter-spacing: 0.4em;
		line-height: 1.5em;
		text-align: left;
	}
	@media (max-width: 800px) {
		#diy-room-title p {
			text-align: center;
			width: 100%;
		}
	}
	@media (max-width: 480px) {
		#diy-room-title p {
			font-size: 15px;
		}
	}

/*************************************************************
	「表示部」に関して
/*************************************************************/
	/*
		外枠
	*/
		#frame-outer {
			position: relative;
			max-width: 1200px;
			max-height: 600px;
			width: 100%;
			height: 100%;
			margin: 0 auto;
		}
		#frame-outer iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}