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

@media screen and (max-width:559px) { 


.sp_only{
		display:block;

}

.only-sp{
	display:block;
}


.pc_only{
	display:none;
}

#wrapper{
	padding-bottom:30px;
}

#contents_box_way{
	margin-top:100px;
}


#top_mainbox .top_copy_box{
	text-align:center;
	font-size:0.8rem;
	line-height:1.6;
	margin-bottom:40px;
}


#top_header .prime{
	float:none;
	padding:10px;
}

#top_header .Property_Name{
	 font-ize: 10px;
	float:none;
	text-align:center;
	margin-top:0px;
}



.gloval_nav{
	display:none;
}

.gloval_nav ul{
	display:none;
}

.nav{
	display:none;
}



#top_header .prime img{
	width:120px;
}





/*ハンバーガーボタン*/

#contents .el_humburger{
	display:block;
}



.el_humburger {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 26px;
  height: auto;
  padding-top: 1px;
  box-sizing: border-box;
  z-index: 10000;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  pointer-events: auto;
}

.el_humburger > span {
  display: block;
  width: 100%;
  margin: 0 auto 6px;
  height: 3px;
  background: #000;
  transition: all 0.2s ease-in-out;
}
.el_humburger > span:last-child {
  margin-bottom: 0;
}
.js_humburgerOpen .el_humburger > span {
  background: #fff;
}

.js_humburgerOpen .el_humburger > span.top {
  transform: translateY(9px) rotate(-45deg);
}

.js_humburgerOpen .el_humburger > span.middle {
  opacity: 0;
}

.js_humburgerOpen .el_humburger > span.bottom {
  transform: translateY(-9px) rotate(45deg);
}

.el_humburgerButton.el_humburgerButton__close {
  top: 2%;
  right: 2%;
}

.el_humburgerButton__close > span {
  display: block;
  width: 35px;
  margin: 0 auto;
  height: 4px;
  background: #fff;
}

.el_humburgerButton__close > span.el_humburgerLineTop {
  transform: translateY(5px) rotate(-45deg);
}

.el_humburgerButton__close > span.el_humburgerLineBottom {
  transform: translateY(-6px) rotate(45deg);
}


/*ナビゲーション*/
.uq_spNavi {
  display: none;
}

.uq_spNavi.js_appear {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
  z-index: 9999;
}

.uq_spNavi_screen {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0,0,0,0.8);
  z-index: 0;
  margin-top: 0px;
  padding-top: 0px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.navigation {
  padding: 80px 0 0 0;
  text-align: center;
}

.navigation_item {
  font-ize: 18px;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  margin-bottom: 20px;
}

.navigation_item > a {
  color: #fff;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-decoration: none;
}

/*間取り*/

#room_plan .room_box{
	width:100%;
}
#room_plan .room_box .madori{
	width:84%;
}

/*コンタクト*/

#contact{
	padding-top:50px;
	padding-bottom:50px;
}


#contact .contact_box{
	width:90%;
}

#contact .contact_area{
  margin-bottom:0px;
}



#contact .contact_area .contact_box li{
	display:block;
	vertical-align:top;
		text-align:center;
}

#contact .contact_area .contact_box li p{
	text-align:center;
	padding-left:5px;
	margin-bottom:30px;
}

#contact .contact_box h5{
	font-size:16px;
	border-bottom:#333 1px solid;
	padding-bottom:5px;
	padding-left:60px;
	padding-right:60px;
	display:inline-block;
}

#contact .contact_box p.tel_no{
	font-size:36px;
	font-weight:bold;
}

#contact .contact_box02{
	width:100;
	height:auto;
	display:inline-block;
	vertical-align:top;
	margin-bottom:0px;
}

#contact .contact_box02 li{
	display:block;
}


#contact .contact_box02 .button01{

    margin-right:0px;
}


#contact .contact_box02 .button02{
	margin-top:20px;
  margin-left:0px;

}



/*フッター*/

#footer .comapny{
	margin-top:20px;
	text-align:center;
	padding-bottom:60px;
}

#footer .comapny .left{
	float:none;
	display:inline-block;
	margin-left:10px;
}

#footer .comapny .right{
	float:none;
	text-align:center;
}

.map_tittle{
	padding-top:0px;
	text-align:center;
}

.map_tittle p{
	padding-bottom:10px;
}



#footer{
	position:relative;
	margin-top:0px;
	  z-index: 999999;
}


#footer .footer_nav{
	padding-top:10px;
}




.footer_btn li.footer_btn01{
	font-size:13px;
}

.footer_btn li.footer_btn02{
	font-size:13px;
}


.footer_btn li.footer_btn03{
	font-size:13px;
}



