@charset "UTF-8";

body#modal_xr {
	margin:0;
	padding: 0;
}
body#modal_xr #jp.chatplus.app_chat_frame,
body#modal_xr #chatplusview {
	display:none;
}


/* MODAL HEADER */

.modal_header {
	text-aright: center;
	display:flex;
	width:100%;
	padding-top: 12px;
	box-sizing: border-box;
	position: relative;
}
.modal_header .back_btn {
	position: absolute;
	z-index: 100;
}
@media screen and (min-width: 481px) {
.modal_header .back_btn {
	top: 8px;
	left: 0;
}
}
	@media screen and (max-width: 480px) {
	.modal_header .back_btn {
		top: 18px;
		left: 8px;
	}
	}

	.modal_header .back_btn button {
		border: none;
		background: #ffffff;
	}

@media screen and (min-width: 481px) {
.modal_header .back_btn img {
	max-width:100px;
}
}
	@media screen and (max-width: 480px) {
	.modal_header .back_btn img {
		max-width:67px;
	}
	}

.modal_header .modal_title {
	width:100%;
	text-align: center;
}

@media screen and (min-width: 481px) {
.modal_header .modal_title img {
	max-width:51px;
}
	}
	@media screen and (max-width: 480px) {
	.modal_header .modal_title img {
		max-width:74px;
	}
	}



/* 3D PREVIEW */
.preview_3d {
	margin-top: 40px;
}

.preview_3d iframe#preview {
	width: 100%;
}
	@media screen and (min-width:481px) {
		.preview_3d iframe#preview {
			height: 370px;
		}
	}
	@media screen and (max-width:480px) {
		.preview_3d iframe#preview {
			height: 370px;
		}
	}

/* Comming Soon(Bath Floor) */
.cs_bath {
	width: 100%;
	height: 370px;
	background: rgba(0,0,0,0.5);
}
.cs_bath  p{
	text-align: center;
	color: #fff;
	font-size: 48px;
	padding: 0 0.5em;
	line-height: 370px;
}