@charset "utf-8";
@import url(style.css);
.mainVisual .mainInner {
	max-width: 1366px;
	min-width: 980px;
	position: relative;
}
.mainVisual .text {
	position: absolute;
	bottom: 0;
	right: 0;
}
.mainVisual .text img {
  margin-right: 0;
  margin-left: auto;
}
.titleSub {
  font-size: 22px;
  width: 100%;
	text-align: center;
	line-height: 1.7em;
  color: #fff;
}
.subText .floatLeft {
	width:52%;
}
.subText .floatRight {
	width:48%;
}
.subText .text {
	font-size: 17px;
  line-height: 1.7em;
  color: #fff;
  letter-spacing: 1px;
	padding-top: 10px;
	padding-left: 20px;
	box-sizing: border-box;
}
.relative{
	position:relative;
}
.planRoom{
	margin-bottom:40px;
	position:relative;
}
.planInfoBtn{
	width:100%;
	position:relative;
}
.btnBox{
	width:630px;
	margin-left:auto;
	margin-right:auto;
	display:block;
}
.btnBoxAbsolute{
	width:100%;
	position:absolute;
	left:0px;
	top:0px;
}
.planInfoBtn .planBtnG,
.planInfoBtn .planBtnP{
	float:left;
	width:48%;
	padding:3% 1%;
}
.contBtn{
	position:absolute;
	right:20px;
	top:20px;
	z-index:5;
}
.contenBtn{
	position:absolute;
	right:194px;
	top:20px;
	z-index:5;
}
@media only screen and (max-width:640px){
.mainVisual .mainInner {
	min-width: initial;
}
.text {
  margin-left: auto;
  margin-right: auto;
}
.titleSub {
  font-size: 20px;
	width:96%;
}
.subText .floatLeft,.subText .floatRight {
	float: none;
	width: 83%;
	margin-left: auto;
  margin-right: auto;
}
.subText img {
	max-width: 100%;
}
.subText .text {
	margin-top: 20px;
	font-size: 17px;
	padding: 0;
}
.btnBoxAbsolute{
	position:relative;
}
.btnBox{
	width:100%;
}
.planInfoBtn{
	background:url(../img/common/b50.png) left top repeat;
}
.planInfoBtn .planBtnG,
.planInfoBtn .planBtnP{
	float:left;
	width:48%;
	padding:1%;
}
}
/*  pop up   */
#popCont{
	width:100%;
	height:100%;
	position:fixed;
	left:0px;
	top:0px;
	z-index:999999;
	background:url(../img/common/b90.png) left top repeat;
	display:none;
}
#closed{
	position:fixed;
	right:40px;
	top:20px;
	z-index:999999;
}
/*  gallery   */
#galleryCont{
	display:block;
	width:100%;
	min-width:1000px;
	height:100%;
	overflow-y:auto;
}
#galleryBox{
	display:block;
	margin:100px auto;
	vertical-align:middle;
	position:relative;
}
#gBox{
	max-width:980px;
	margin-left:auto;
	margin-right:auto;
	vertical-align:middle;
	position:relative;
}
#back{
	position:relative;
	width:100%;
	z-index:1;
}
#front{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	z-index:5;
}
#panoIframe{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	z-index:10;
	display:none;
	background:url(../img/plan/gallery/loading.gif) center center no-repeat, #FFF;
	background-size:100px 100px;
}
#iFramePano{
	width:100%;
	height:100%;
	display:block;
}
#prev{
	position:absolute;
	left:0px;
	top:50%;
	margin-top:-41px;
	z-index:20;
}
#next{
	position:absolute;
	right:0px;
	top:50%;
	margin-top:-41px;
	z-index:20;
}
#prev img,
#next img{
	width:100%;
}
#listImg{
	width:100%;
}
#listImg li{
	float:left;
	margin:0.5%;
	max-width:130px;
	background-color:#FFF;
}
#listImg li.long{
	max-width:270px;
}
#listImg li img{
	width:100%;
}
.hover:hover{
	cursor:pointer;
}
#floorList{
	margin-top:20px;
}
#floorList li{
	margin-left:2.8px;
}
#typeTxt img{
	max-width:100%;
}
@media only screen and (max-width:640px){
.titleSub {
	width:90%;
	margin-left: auto;
  margin-right: auto;
}
#galleryCont{
	display:block;
	width:100%;
	width:100%;
	min-width:320px;
	height:100%;
	overflow-y:auto;
}
#listImg li{
	width:24%;
	max-width: 100%;
}
#listImg li.long{
	width:50%;
	max-width:49%;
}
#typeTxt{
	width:20%;
}
#floorList{
	width:80%;
	margin-top:0px;
}
#floorList li{
	width:19%;
	margin-left:0%;
	margin-right:1%;
	margin-bottom:5px;
}
#floorList li img{
	width:100%;
	max-width:100%;
}
#prev,
#next{
	max-width:10%;
	margin-top:-8%;
}
}