@charset "shift_jis";
/* CSS Document */

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

/* ヘッダ */
	
#hpb-header{
	margin: 0 0 20px;
	padding: 0;}

#hpb-headerMain h1{
	padding: 0;
	text-align: center;}
	
#hpb-headerLogo{
	margin: 5px auto;!important}
	
#hpb-headerLogo a{
	margin: 0;}
	
#hpb-headerExtra1{
	width: 100%;
	margin: 0;
	font-size: 0.8rem!important;}
	
.tel-link{
	padding: 0!important;}
	
.tel{
	font-size: 0.8rem!important;}
	
.address{
	font-size: 0.8rem!important;
	line-height: 1.4!important;}
	
#header_count{
	width: 100%;
	text-align: right;
	margin: 0;
	padding: 0;
	font-size: 0.8rem!important;}
	
.credit{
	margin: 0!important;
	text-align: right;}
	
/* メニュー */

#hpb-nav{
	padding: 7px 0 5px;
	text-align: center;}

.hpb-c-index{
	width: 55px!important;
	margin: 0 auto!important;
	padding: 0 0 0 30px!important;
	text-indent: 0!important;
	display: inline-block;}
	
/* トップページ */

#hpb-main{
	text-align: center!important;}

#hpb-inner{
	margin: 20px 0 0;}

.hpb-top-image{
	height: 0!important;
	background: none!important;}
	
.staffpic{
	width: 180px;
	height: auto;
	margin: 0 0 10px;
	vertical-align: middle;}

.top_sentence_box{
	margin: 0 0 20px;
	padding: 10px 0 0!important;
	font-size: 0.8rem;}
	
.top_sentence_box h4{
	width: calc(100% - 190px);
	font-size: 1.2rem;
	display: inline-block;
	text-align: center;}
	
.senju{
	margin: 10px 0 0;}
	
.top_sentence2{
	text-align: center;}
	
/* お知らせ */

.bukken_box iframe{
	width: 95%;
	border: 4px double #ccc;
	overflow: scroll;}

.whats_new{
	width: 100%;
	font-size: 0.9rem;
	background: white;}
	
.whats_new dt{
	width: 20%!important;
	background: none!important;
	padding: 10px 0 10px 0!important;
	float: left;}
	
.whats_new dd{
	width: calc(100% - 20%);
	padding: 10px 0 10px 20%!important;
	float: none;
	border-bottom: 2px dotted #ccc;}
	
.whats_new dt:nth-last-of-type(1){
	border: none!important;}
	
.whats_new dd:nth-last-of-type(1){
	border: none!important;}
	
/* アイキャッチ */

.eyecatch{
	width: 300px;
	text-align: center;
	line-height: 1.5;
	font-size: 0.8rem;}
	
.catchtop{
	margin: 0 auto;
	padding: 10px 0 0;
	border-top: 3px dashed #ccc;}
	
.catchbottom{
	margin: 10px auto 20px;
	padding: 0 0 10px;
	border-bottom: 3px dashed #ccc;}
	
/* 新着物件〜広さから探す */

.top_new{
	margin: 20px 0;
	text-align: center;
	font-size: 0rem;}
	
#sioiri{
	width: 95%;
	margin: 0 0 20px;
	display: inline-block;
	vertical-align: top;}
	
#sioiri img{
	width: 100%;
	height: auto;}
	
.bukken_box{
	height: auto;
	background: none;}
	
.bukken_box h3{
	height: 42px;
	background: url(indexBg_6Fa_01.png) left bottom no-repeat;}
	
.bukken_box h3 img{
	position: relative;
	top: 7px;}
	
.box{
	display: inline-block;
	text-align: center;
	border: 4px double #ccc;
	float: none;}

.hpb-parts-blist-01{
	margin: 0!important;}
	
.osusume{
	width: 260px!important;}
	
.osusume p{
	text-align: center;}
	
.osusume iframe{
	width: 250px!important;}
	
.bukken_list ul{
	border: none!important;}
	
.bukken_list li{
	background-position: 0 6px!important;}
	
.bukken_list ul li:nth-last-of-type(1){
	border: none!important;}
	
.bukken_list2{
	width: 300px;
	margin: 0 auto;}
	
.bukken_list3{
	width: 300px;
	margin: 10px auto 20px;}
	
.box4{
	width: 137px;
	text-align: center;
	border: 4px double #ccc;}

.box4 a{
	font-size: 0.8rem;}
	
.content_end{
	margin: 100px 0 0;
	font-size: 0.9rem;
	display: none;}
	
.content_end h4{
	margin: 15px 0 0!important;}
	
.content_end h4 span{
	font-weight: normal!important;}

#pagetop{
	display: none;}

/* サイドバー */

#hpb-aside{
	width: 100%;
	padding: 0!important;
	margin: -15px 0 0;}
	
.sidebar{
	margin: 15px 0 0!important;}

.bukken_count{
	font-size: 0.8rem;
	display: none;}
	
.sidebar_osusume{
	display: none;}
	
.sidebar_list{
	font-size: 0.8rem;}
	
#banner{
	width: 100%;
	padding: 20px 0;
	border: none;}
	
#banner ul li:nth-last-of-type(1){
	display: none;}
	
#twitter_box{
	width: 270px;
	margin: 0 auto;
	text-align: center;}
	
#twitter_box iframe{
	display: inline-block;}
	
.hpb-parts-blist-01{
	margin: 20px 0 0;}
	
.hpb-parts-blist-04 ul li{
	text-align: center!important;}
	
.sidebar_list h3{
	padding: 5px 0!important;
	font-size: 0.8rem!important;
	text-align: center!important;}
	
#line{
	padding: 20px 0 0;}
	
#line>img{
	width: 150px;
	height: auto;}
	
#line a img{
	width: 100px;
	height: auto;
	margin: 5px 0 0;
	display: block;}	
	
#line p{
	text-align: center;
	font-size: 0.8rem;}
	
.sidebar-end{
	margin: 30px 0 30px;}
	
.sidebar-end ul li p{
	text-align: center;}

	
/* 会社案内 */

.topic-path{
	width: 250px;
	margin: 5px 0 0!important;
	padding: 0;
	text-align: left;}
	
.subpage_title_box h3 span{
	padding: 8px 0 0;
	font-size: 1.2rem;
	display: block;}
	
#company{
	font-size: 0.9rem;}
	
#company dt,#company dd{
	border: none!important;}
	
.staff_box{
	margin: 0 0 10px!important;
	padding: 10px;}
	
.subpage_title_box2{
	margin: 50px 0 0;}
	
.map_link{
	text-align: right;}
	
#accessmap{
	width: 95%;
	margin: 0 auto;}
	
.access_tips{
	margin: 0;
	font-size: 1rem;
	font-weight: bold;}
	
.access_sentence{
	font-size: 0.9rem;}

.comment{
	text-align: center;}
	
/* 街情報 */

.town_box{
	margin: 0 0 10px!important;
	padding: 10px;
	font-size: 0.9rem;
	text-align: center;}

.town_box div{
	width: 100%;
	float: left;}
	
.town_box img{
	text-align: center;
	float: none;}
	
.town_box div h4{
	text-align: center;}

/* プライバシー */

#privacy{
	font-size: 0.9rem;}
	
#privacy p:nth-child(1){
	margin: 0 0 30px;}

#privacy h3{
	height: 33px;
	padding: 7px 0 0 25px;
	background: url(indexBg_6Fa_03.png) no-repeat;
	font-size: 1.1rem;}
	
#privacy ol{
	text-align: left;
	list-style: decimal inside;
	padding: 0;}

#privacy ol li{
	margin: 10px 0;}

/* 免責条項 */

.escape_sentence{
	font-size: 0.9rem;}
	
/* お部屋探し */

#privacy h4{
	margin: 0 0 30px;
	line-height: 1.5;
	font-size: 0.9rem;
	font-weight: normal;
	text-align: left;}
	
#oheya-tel,#oheya-mall{
	width: 200px;
	margin: 20px auto;
	text-align: center;}
	
/* サイトマップ */

.sitemap{
	font-size: 0.9rem;}
	
/* 売買ページ */

#maincolumn{
	width: 100%;
	margin: 0 auto;}
	
.baibai_comment{
	width: 100%;
	margin: 10px 0 30px;
	padding: 30px 0 30px!important;
	background: #e1eaef;}
	
.baibai_comment p{
	width: 95%;
	margin: 0 auto;
	text-align: center;
	font-size: 0.9rem;
	line-height: 2;}
	
#blog-table{
	width: 95%;
	margin: 0 auto;
	font-size: 0.9rem;}
	
.title{
	font-size: 1.3rem;}
	
.midasitable{
	display: none;}
	
.summary_comment{
	text-align: left!important;
	border: none!important;}
	
.blog_info{
	width: 100%;
	margin: 0 0 30px;
	padding: 0 0 30px;
	border-bottom: 3px solid #ccc;}
	
.roomimg{
	width: 100%;
	display: inline-block;}
	
.roomimg img{
	width: 100px;
	height: auto;}
	
.details{
	width: 95%;
	margin: 50px auto 10px;
	border-bottom: 3px solid #000000;}
	
.toiawaseset{
	width: 280px;
	margin: 0 auto 50px;
	padding: 10px 0;
	text-align: center;
	border-top: 3px dashed #ccc;
	border-bottom: 3px dashed #ccc;}
	
.nav-below{
	padding: 0 0 100px;}
		
.nav-previous{
	float: left;}

.nav-next{
	float: right;}
	
.pcset{
	display: none;}

}