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

body{
	width:100%;
	font-size:16px;
	font-family:"游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0;
	padding:0;
}

#main_contents{
	margin:0 0 2em;
}

#sub_contents{
	margin:4em 0 6em;
}

h1,h2,h3,h4,h5,p,ol,ul,li,th,tr,td{
	margin:0;
	padding:0;
}

ul,li{
	list-style:none;
}

/*
a{
	text-decoration:none;
	color:#fff;
}

a:hover{
	text-decoration:none;
	filter:alpha(opacity=60);/* forIE */
    	-moz-opacity: 0.6;/* forFireFox*/
    	opacity: 0.6;/* for Safari Opera */
}
*/

img{
	border:0;
}

.pstrong{
	font-weight:bold;
	font-size:120%;
}

.float_left{
	float:left;
	margin:.5em;
}

.bx-pager{
	width:100%;
	max-width:460px;
	height:auto;
	display:inline-block;
}

.disp_mobile_only{
	display: none;
}

/*　ヘッダー
----------------------------------------*/
#header{
	width:100%;
	background-color:#6699ff;
	height:170px;
	margin:0 0 1em;
}

#header a{
	text-decoration:none;
}

#hd_h1_area{
	height:30px;
	background-color:#333;
}

#hd_h1_area-inner{
	width:960px;
	margin:0 auto;
	padding:6px 0;
}

#hd-inner{
	width:960px;
	height:auto;
	margin:0 auto;
	padding:1em 0;
}

.hd_logo_area{
	width:470px;
	display:inline-block;
	color:#000 !important;
	font-size:28px;
	/*font-family:"游明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	font-family:"游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	line-height:1.2;
	float: left;
}

.hd_logo_area p a{
	color: #fff;
}

#hd_contact_area{
	width:232px;
	display:inline-block;
	float:right;
	position:relative;
}

#hd_contact_tel_area{
	width:100%;
	height:45px;
	font-weight:bold;
	font-size:22px;
	background:url(image/icon_tel.png) no-repeat;
	text-indent:1.75em;
	line-height:1.2;
	display:block;
	position:absolute;
	top: 0;
	right:0;
}

#hd_contact_tel_area p a{
	color: #fff;
}


#hd_contact_mail_area{
	margin:.3em auto;
	width:230px;
	height:45px;
	color:#fff;
	font-weight:bold;
	font-size:18px;
	background:url(image/btn_contact.png) no-repeat;
	text-align:center;
	padding:8px 0;
	display:block;
	position:static;
	top: 40px;
	right: 0;
}

#container{
	width:960px;
	margin:0 auto;
}

/* パンくず
----------------------------------------*/
#pankuzu{
	width:630px;
	display:inline-block;
	padding:0 0 2em;
	font-size:14px;
	vertical-align:top;
}

#pankuzu a{
	color:#000;
	text-decoration:none;
}

#breadcrumb_sp {
	display: none;
}

/* 更新情報
----------------------------------------*/
#update{
	width:300px;
	display:inline-block;
	padding:0 0 2em;
	color:#6699ff;
	font-size:17px;
	text-align:right;
}

.updatebox{
	display:inline-block;
}

.updatebox p span{
	font-size:12px;
}

/* 詳細
----------------------------------------*/
.twoClm_box{
	margin:2em 0 1em;
	font-size: 0;
	letter-spacing:-6px; /* safari対策 */
}


.twoClm_box_inner{
	width: 100%;
	max-width:460px;
	height: auto;
	display:inline-block;
	vertical-align:top;
	font-size: 0;
	letter-spacing:normal; /* safari対策 */
}

.twoClm_box_inner:first-child{
	margin-right: 40px;
}

.inner_img{
	width: 220px;
	display:inline-block;
	vertical-align: top;
	font-size: 16px;
	margin-right: 20px;
	float:left;
}

.inner_img img{
	border-style:none;
}

.inner_img p{
	text-align:center;
}

.inner_txt{
	width: 220px;
	display:inline-block;
	vertical-align: top;
	font-size: 16px;
}

.lbl_none{
	width:auto;
	height:auto;
	min-height:27px;
	display:block;
	margin:10px 0 0;
	padding:15px 0 10px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	background-color:#5c5d5e;
	position:relative;
}

.lbl_none p{
	width:100%;
	height:100%;
	left:0;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.btn_sale{
	width:auto;
	height:27px;
	display:block;
	margin: 0;
	padding:10px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	background-color:#FFA81E;
	font-size:113%;
	position:relative;
}

.btn_detail{
	width:auto;
	height:27px;
	display:block;
	margin:10px 0 0;
	padding:10px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	background-color:#264b94;
	font-size:113%;
	position:relative;
}

.btn_green{
	width:auto;
	height:27px;
	display:block;
	margin:10px 0 0;
	padding:10px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	background-color:#99cc00;
	font-size:113%;
	position:relative;
}

.btn_red{
	width:auto;
	height:27px;
	display:block;
	margin:10px 0 0;
	padding:10px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	background-color:#852a2a;
	font-size:113%;
	position:relative;
}

.btn_orange{
	width:auto;
	height:27px;
	display:block;
	margin:10px 0 0;
	padding:10px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	background-color:#FFA81E;
	font-size:113%;
	position:relative;
}

.btn_sale a,.btn_detail a,.btn_none a{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	text-decoration:none;
	color:#fff;
}

.btn_sale a:hover,.btn_detail a:hover,.btn_none a:hover{
	filter:alpha(opacity=60);/* forIE */
    	-moz-opacity: 0.6;/* forFireFox*/
    	opacity: 0.6;/* for Safari Opera */
}

.g_bukken_detail{
	width:100%;
	max-width:625px;
	height:auto;
	display:inline-block;
	margin-top: 10px;
	font-size: 16px;
}

.g_bukken_detail table{
	border: none !important;
}

.g_bukken_detail tr{
	border: none !important;
}

.g_bukken_detail th{
	background-color:#f2f2f2;
	text-align:left;
	padding:4px;
	border-top:dotted 1px #ccc;
	border-bottom:dotted 1px #ccc;
	border-left:none;
	border-right:none;
}

.g_bukken_detail td{
	padding:4px;
	border-top:dotted 1px #ccc;
	border-bottom:dotted 1px #ccc;
	border-left:none;
	border-right:none;
}

.bukken_price{
	color:#ff0000;
	font-size:150%;
	font-weight:bold;
}

.bukken_kensu{
	color:#ff0000;
	font-size:150%;
	font-weight:bold;
	line-height: 1.0;
	background: #fff;
	padding: 0 .15em;
}

.icon{
	width:100%;
	height:auto;
	margin:0 0 0 1em;
}

.icon img{
	vertical-align:middle;
}

/* サムネイル画像
----------------------------------------*/
#slider{
	width:100%;
	max-width:460px;
	height:auto;
	display:inline-block;
	vertical-align:top;
}

#slider h5{
	margin:1em 0 0;
}

#slider img{
	width:100%;
	height:auto;
}

/* サムネイル
----------------------------------------*/
.cut {
	position:relative;
	float:left;
	overflow:hidden;
	height:100px;
	width:100px;
	display:inline-block;
	margin:0 0 15px 15px;
}

.cut_image {
	display:block;
	height:150px;
	position:absolute;
	left:-50px;
	top:-20px;
}

/* 物件数カウンター
----------------------------------------*/
.bukken_count{
	padding: .5em 0 2.5em;
}

.bukken_count p{
	text-align:center;
}

.bukken_count p span.bukken_total{
	font-weight:bold;
	font-size: 150%;
	color:#ff0000;
}

.bukken_count p span.bukken_total_page{
	font-weight:bold;
	font-size: 150%;
	color:#264b94;
}

.bukken_count p span.bukken_current_page{
	color:#264b94;
	border:solid 1px #264b94;
	padding:.5em;
	margin:0 1em 0 0;
}

.bukken_count p span.bukken_page{
	color:#999;
	border:solid 1px #ccc;
	padding:.5em;
	margin:0 1em 0 0;
}

.bukken_count p span.bukken_page a{
	color:#999;
}

/* 見出し
----------------------------------------*/
h1{
	height:30px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
}

h2 {
	font-size:24px;
	position: relative;
	padding: .5em 1.25em;
	border: 1px solid #ccc;
	margin:0 0 1em
}

h2::after {
	position: absolute;
	top: .5em;
	left: .5em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #6699ff;
	border-radius: 4px;
}


h3 {
	font-size:20px;
	color:#ffffff;
	padding: .5em .75em;
	background-color: #6699ff;
	margin:20px 0 0;
	letter-spacing:normal; /* safari対策 */
}


h4 {
	font-size:20px;
	padding-bottom: .25em;
	border-bottom: 1px solid #6699ff;
	margin:1em 0;
	letter-spacing:normal; /* safari対策 */
}

h5 {
	font-size:16px;
	position: relative;
	padding: 0 .5em .5em 1.7em;
}

h5::after {
	position: absolute;
	top: .4em;
	left: .4em;
	z-index: 2;
	content: '';
	width: 14px;
	height: 14px;
	background-color: #6699ff;
}

h5.coment {
	font-size:16px;
	position: relative;
	padding: 0 .5em .5em 1.7em;
}

h5.coment::after {
	position: absolute;
	top: .4em;
	left: .4em;
	z-index: 2;
	content: '';
	width: 14px;
	height: 14px;
	background-color: #264b94;
}

/* ボタン
----------------------------------------*/
.btn_box{
	width:300px;
	display:inline-block;
	text-align:center;
}

/* マージン
----------------------------------------*/
.mgn10{
	margin-left:10px;
}

.mgn40{
	margin-left:40px;
}

.mgn10L{
	margin-left:10px;
}

.mgn20L{
	margin-left:20px;
}

.mgn32L{
	margin-left:32px;
}

.mgn40L{
	margin-left:40px;
}

.mgnT20{
	margin-top:20px;
}

.mgnT40{
	margin-top:40px;
}

.mgnT60{
	margin-top:60px;
}

.mgn10R{
	margin-right:10px;
}

.mgn40R{
	margin-right:40px;
}

.fnt80{
	font-size: 80%;
}

/* フッター
----------------------------------------*/
.pagetop {
	 display: none;
	 position: fixed;
	 bottom: 10px;
	 right:10px;
	 width:50px;
	 height:50px;
}

.pagetop a span{
	 display:none;
}

.pagetop a {
	 display: block;
	 width:50px;
	 height:50px;
}

#footer{
	width:100%;
	height:100%;
	background-color:#6699ff;
	border-top:4px solid #0066cc;
	margin:2em 0 0;
}

#footer a {
    	text-decoration: none;
}

#ft-inner{
	width:960px;
	height:360px;
	margin:0 auto;
	padding:1em 0;
}

.ftbox{
	width:300px;
	height:auto;
	color:#fff;
	display:inline-block;
	vertical-align:top;
}

#ft_info{
	font-size:80%;
	margin:1em 0 0;
}

#ft_info p span{
	text-indent:1em;
}

#ft_address p a{
	color: #fff;
}

.ft_menu1,.ft_menu2{
	width:145px;
	height:auto;
	display:inline-block;
}

.ft_menu1 ul li a,.ft_menu2 ul li a{
	color: #fff;
}

#ft_sns li{
	display:inline-block;
	margin-right:3px;
}

#copyright{
	height:30px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
	background-color:#333;
}

#copyright-inner{
	width:960px;
	margin:0 auto;
	padding:6px 0;
}

#copyright-inner p{
	text-align:center;
}

/* thumslider
---------------------------------------*/
#thumb_slider{
	width:100%;
	max-width: 640px;
	height: auto;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:4em !important;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

ul.thumb-item img{
	width:100%;
	max-width: 640px;
	height: auto;
	margin-left:auto;
	margin-right:auto;
}

ul.thumb-item-nav li.thumb_cut{ /* サムネイルの表示範囲を調整 */
	width: 150px;
	height:150px;
	overflow: hidden;
	cursor:pointer;
	margin: 0 0 .5em .5em;
	display:block;
}

img.thumb_cut_image{ /* サムネイルの表示位置を調整 */
	height: 150px;
	display: block;
	left: -50px;
	top: -20px;
}

/* マンション詳細
---------------------------------------*/
table{
  	border-collapse: collapse;
  	width:100%;
  	border:0;
}

#detail-main-img{
	height: 480px;
	overflow-y: hidden;
	margin-top: 20px;
}

#detail-sub-img{
	margin-top: 20px;
	font-size: 0;
}

#detail-sub-img ul li{
	display: inline-block;
	width: 220px;
	height: 148px;
	overflow-y: hidden;
	margin-right: 26px;
}

#detail-sub-img ul li:last-child{
	margin-right: 0;
}

.g_bukken_detail_inner{
	width:100%;
	max-width:220px;
	height:auto;
	display:inline-block;
	font-size: 16px;
}

.g_bukken_detail_inner th{
	width: 35%;
	background-color:#f2f2f2;
	text-align:left;
	padding:4px;
	border-top:dotted 1px #ccc;
	border-bottom:dotted 1px #ccc;
	border-left:none;
	border-right:none;
}

.g_bukken_detail_inner td{
	padding:6px 4px;
  	border-top:dotted 1px #ccc;
	border-bottom:dotted 1px #ccc;
	border-left:none;
	border-right:none;
}

.g_bukken_detail_tbl{
	width: 100%;
	max-width: 314px;
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin-top: 20px;
}

.g_bukken_detail_tbl th{
	width: 30%;
	background-color: #264b94;
	text-align: left;
	padding: 4px;
　	border-top: dotted 1px #fff;
	border-bottom: dotted 1px #fff;
	border-left: none;
	border-right: none;
	color: #fff;
}

.g_bukken_detail_tbl td{
	padding: 4px;
	border-top: dotted 1px #ccc;
	border-bottom: dotted 1px #ccc;
	border-left: none;
	border-right: none;
}

.public-exit-box{
	background-color: #dddddd;
	width:460px;
	height:200px;
	font-size:16px;
}

.public-exit-txt{
	padding-top:4.5em;
	text-align: center;
	font-weight: bold;
}

.public-inquiry-box{
	background-color: #dddddd;
	width:460px;
	height:200px;
	font-size:16px;
}

.public-inquiry-txt{
	padding-top:4.5em;
	text-align: center;
	font-weight: bold;
	color:#ff0000;
}

.MapAttention{
	padding-top:0.5em;	
}

.inquiry_area ul {
    display: -webkit-box; /*--- safari（PC）用 ---*/
    -webkit-box-pack: center;
    display:-webkit-flex;
    -webkit-justify-content:center; 
    display:flex;
    justify-content: center;
}

.inquiry_button {
    margin:2em;
    width:230px;
    height:29px;
    color:#fff;
    font-weight:bold;
    font-size:18px;
    text-align:center;
    padding:8px 0 8px 10px;
}

#inquiry_mail{
    background:url(image/btn_contact.png) no-repeat;
    background-color:#FF6600;
    background-position:5% 35%;
}

#inquiry_line{
    background:url(image/LINE32.png) no-repeat;
    background-color:#00b900;
    background-position:2% 35%;
}