body {
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
	width:100%;
	min-width:280px;
	height:100%;
	padding: 0px;
	margin: 0px;
	color: #000;
	font-size:0.8rem;
	line-height:200%;
	display: flex;
	justify-content: center;
	align-items: center;
	position:relative;
	overflow-x:hidden;
}
img {
	border:none;
	padding:0px;
	margin:0px;
	vertical-align: bottom;
	line-height: 1.0em;
}
ol,ul {
    list-style:none;
}

p{
	margin:0px;
	padding:0px;
}
dl{
	padding: 0px;
	margin: 0px;
}
dt{
	padding: 0px;
	margin: 0px;
}
dd{
	padding: 0px;
	margin: 0px;
}

a{
	color: #000;
	text-decoration:none;
	border:none;
	padding: 0px;
	margin: 0px;
}
a:hover{
	text-decoration:none;
	border:none;
	padding: 0px;
	margin:0px;
}
a img{
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	padding: 0px;
	margin:0px;
	border:none;
}

.nonpc{
	display: none;
}
.pc {
    display: block !important;
}

.sp {
    display: none !important;
}
.nontb {
    display: none !important;
}

.clear{
	float:none;
	clear:both;
	padding: 0px;
	margin:0px;
}

h1 {
	padding: 0px;
	margin:0px;
}

h2 {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝","源ノ明朝", serif;
	font-size: 1.8rem;
	position: relative;
	display: inline-block;
	font-weight:normal;
}


h3 {
	text-align:center;
	font-weight:bold;
	font-size:1.5rem;
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	margin:10% auto 2%;
	background:url(../../img/sub_h3_bar.gif) center top no-repeat;
	padding-top:25px;
}


h4 {
	font-size:1.2rem;
}

.material-icons{
	margin:0px;
	padding:0px;
	vertical-align:middle;
}
.tex{
	font-size:0.8rem;
}


/*==================
contents
====================*/
#wrap{
	width:100%;
	height:100%;
	margin:0px auto;
	padding: 0px;
}
.content{
	top:0px;
	width:100%;
	height:auto;
	padding: 0px;
	margin:0px auto 0px;
}

#logo{
	float:left;
}

#main-content{
	max-width:1200px;
	top:0px;
	height:auto;
	padding: 0px;
	margin:0px auto;
	padding:0px;
}
#main-content h3:first-child{
	margin-top:0px;
}

#sub-content{
	max-width:1200px;
	top:0px;
	height:auto;
	padding:0px;
	margin:150px auto 0px;
	padding:0px;
}
#sub-content h3:first-child{
	margin-top:0px;
}

.block,.block2{
	padding:100px 0px 2%;
}





/*==================
navi
====================*/
header h1{
	float:left;
	margin:0px auto;
	padding:0px;
}
header h1 img{
	margin:0px;
	padding:0px;
}

header {
	position:fixed;
	z-index:9999;
	top:0px;
	width: 100%;
	margin: 0px;
	padding:0px;
}
.is-animation #header_form_area_pc{
	width:100%;
	background:#0d2543;
	height:98%;
	margin:-2px auto 0px;
	padding:12px 1% 10px 1%;
	height:60px;
  transition: .3s;
}
.is-animation #header_form_area_pc dl{
	max-width:1200px;
	width:100%;
	margin:0px auto;
	padding:0px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	margin:0px auto;
}
.is-animation #header_form_area_pc dt{
	margin:5px 5px 0px 0px;
	padding:0px;
	float:left;
	width:auto;
	display:inline-block;
}
.is-animation #header_form_area_pc dd{
	margin:0px;
	padding:0px;
	float:right;
	width:auto;
	display:inline-block;
}
.is-animation #header_form_area_pc .header-search_area li{
	background:none;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	border-left:none;
	padding:10px 15px;
	margin:0px 0px 0px -1px;
	width:auto;
	font-weight:bold;

}
.is-animation #header_form_area_pc .header-search_area li:hover{
	background:rgba(59, 71, 86,0.8);
}
.is-animation #header_form_area_pc .header-search_area li:first-child{
	border-left:1px solid #fff;
}
.is-animation #header_form_area_pc .header-search_area .form-input{
	width:200px;
}



/* Font Awesomeを使用しています。
.form {
	text-align:center;
  margin: 0px auto 20px;
}

.form-input {
  box-sizing: border-box;
  width: 400px;
  height: 50px;
  padding: 0px 0px 0px 10px;
  margin: 5px auto;
  font-size: 1em;
  color: #333;
  border: solid 1px #fff;
  border-radius: 0;
  outline: 0;
  transition: 0.3s;
  -webkit-appearance: none;
}

.form-button {
  top: 0;
  right: 0px;
  box-sizing: content-box;
  width: 50px;
  height: 50px;
  padding: 0px;
  margin: -2px 0px 0px -5px;
  vertical-align:middle;
  pointer-events: none;
  background:#fff;
  border: 0;
  opacity: 1;
	cursor: pointer;
}
*/

.form{
  width: 450px;
  height: 50px;
  margin: 0px auto 10px;
  letter-spacing : 0.1em;
}
.form .form-input {
  height: 50px;
  width : 390px;
  line-height: normal;
  display: block;
  float: left;
  box-sizing: border-box;
  margin: 0;
  padding: 0px 0px 0px 10px;
  border: 1px solid #fff;
  color: #333;
  outline: 0;
  font-size: 1em;
}
.form .form-button {
  float: left;
  height : 30px;
  width : 30px;
  padding: 10px;
  margin: 0px 0px 0px -5px;
  border: none;
  background: #eee;
  color : #333;
  cursor: pointer;
	text-align:center;
}
.form .form-button .material-icons {
	font-size:2rem;
}
.form .form-button .material-icons:hover {
	opacity:0.9;
}
.form .form-input::-ms-clear {
  display: none;
}
.form .form-button button {
	cursor: pointer;
}


.header-search_area a{
	margin:5px 0px;
	color:#fff;
}
.header-search_area ul{
	margin:0px auto;
	padding:0px;
	list-style:none;
	 display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.header-search_area li{
	background:rgba(59, 71, 86,0.5);
	border: 2px solid #fff;
	padding:15px 18px;
	margin:0px 0px 0px -1px;
	width:auto;
	font-weight:bold;

}
.header-search_area li:hover{
	background:rgba(59, 71, 86,0.8);
}

/*.header-search_area li:first-child{*/
/*	border-left:1px solid #fff;*/
/*}*/


.globalnav-wrap {
	background:url(../../img/header_ut_bg.gif) repeat-y center top;
	background-size:100% auto;
	width: 94%;
	height:45px;
	margin: 0px auto;
	padding:10px 3% 0px;
}

.globalnav{
	margin: 0px;
	padding:0px;
	float:right;
}
.globalnav a{
	color:#fff;
}

.globalnav .dropdown-btn {
	border-left:1px solid #fff;
	position: relative;
	display: inline-block;
	padding:5px 24px;
	cursor: pointer;
	justify-content:space-around;
}
.globalnav .dropdown-btn:first-child{
	border-left:none;
}

.globalnav .dropdown {
	z-index:0;
	position: absolute;
	left: 0;
	top:30px;
	width:50px;
	padding: 10px 20px;
	display: none;
	font-weight:normal;
	margin-top:0px;

}
.globalnav .dropdown li {
	display: block;
	margin: 0;
	padding:2%;
}
.globalnav .dropdown li a {
	color:#fff;
	display: table-cell;
	width: inherit;
	box-sizing: border-box;
	vertical-align: middle;
}
.globalnav .dropdown li a:hover {
	opacity:0.7;
}
.globalnav .dropdown a span {
	display: inline-block;
	position: relative;
	transition: 0.3s;
	padding:5px 0px;
}
.globalnav .dropdown a span::after {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 2px;
	background: #008bd5;
	content: "";
	transition: 0.3s;
	transform: translateX(-50%);
}
.globalnav .dropdown a span:hover::after {
	width: 100%;
}


.globalnav .nav-button-wrap,
.globalnav .open {
	display: block;
}
.globalnav .close {
	display: block;
}

.balloon-top {
	display: none;
	position: absolute;
	padding: 0px;
	background:#707782;
	border-left:1px solid #fff;
	margin-left:-1px;
}

.balloon-top:after {
	position: absolute;
	bottom: 100%;
	left: 15%;
	width: 0;
	height: 0;
}


.header_mess_area{
	background:#0c2542;
	color:#fff;
	text-align:center;
	padding:3% 2%;
	max-height:200px;
}
.header_mess_area h2{
	font-size:1.6rem;
	margin:0px auto 1%;
	padding:0px;
}
.header_mess_area p{
	font-size:1.1rem;
	margin:0px;
	padding:0px;
}



.pickup-list_body{position:relative;padding:16px 0px;border-top:0;}

.pickup-list h4{
	width:100%;
	margin:0px auto 10px;
	padding:0px;
}
.pickup-list ul{
	margin:0px;
	padding:0px;
}
.pickup-list li{
	width:45%;
	margin:2%;
	padding:0px;
	display:inline-block;
	vertical-align:top;
}

.pickup-list_label{ float:none; clear:both; margin:0px; padding:0px; display:block;}
.pickup-list_title{
	position:relative;
	width:60%;
	top:0;
	left:0;
	display:inline-block;
}
.pickup-list_title p{
	width:100%;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.pickup-list_madori {
	position: relative;
	width: 35%;
	top: 0;
	right: 0;
	display: inline-block;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	vertical-align: top;
	float: right;
}

.pickup-list_madori img {
	width: 100%;
}


.pickup-list_cover{background-color:#414141}
.pickup-list_cover{position:relative;}
.pickup-list_thumbnail{position:relative;}
.pickup-list_thumbnail{overflow:hidden;background-position:50%;background-size:cover}
.pickup-list_thumbnail:before{content:"";display:block;padding-top:66.6666666667%}

.pickup-list_icon{
	position:absolute;
	bottom:0;
	align-items:flex-end;
	padding:10px 10px;
	background-color:rgba(0,0,0,.8);
	color:#fff;
	line-height:1;
	font-size:24px
}


.special-list_cover{width:100%; bottom:0; left:0; display:inline-block;}
.special-list_cover{position:relative;}

.special-list_thumbnail{position:relative;}
.special-list_thumbnail{overflow:hidden;background-position:50% bottom;background-size:cover;}
.special-list_thumbnail:before{content:"";display:block;padding-top:66.6666666667%}
.special-list_title{
	font-weight:bold;
	font-size:1.2rem;
	position:absolute;
	bottom:0;
	align-items:flex-end;
	padding:3% 2%;
	background-color:rgba(0,0,0,.8);
	color:#fff;
	width:96%;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis; /* Safari */
	-o-text-overflow: ellipsis; /* Opera */
	line-height:1;
}



.btn{
	margin:3% auto;
	text-align:center;
	font-size:1.2rem;
	font-weight:bold;
}
.btn a {
	background:#0d2543;
	color:#fff;
	transition: all 1s;
	padding:10px 50px;
}
.btn a:hover {
	color: #0d2543;
	background:#fff;
	border: 1px solid #0d2543;
	border-radius: 50px;
}




.yellow_area{
	margin:50px auto 0px;
	padding:50px 2%;
	background:#ffffe6;
}
.yellow_area ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.yellow_area li{
	display:inline-block;
	margin:0px 0px -1px -5px;
	padding:9px;
	border:#b3b3b3 1px solid;
	vertical-align:top;
	width:23%;
}

.special-list_text_area{
	background:#fff;
	height:280px;
	overflow: hidden;
}

.special-list_text_area h4{
    padding:0px 3%;
    font-size:0.8rem;
}

.special-list_text_area img{
    width:100%;
    height: 70%;
    object-fit: cover;
}

.yellow_area p {
	line-height: 140%;
	padding: 0% 3%;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}


footer{
	margin:5% 0px 0px;
	padding:0px;
}

#footer_form_area{
	width:100%;
	min-height:130px;
	/*height:100%;*/
	margin:5% 0px 0px;
	padding: 0px;
	background:url(../../img/footer_form_bg.jpg) center top no-repeat;
	background-size:cover auto;
	padding:110px 0px;
}
#footer_form_area .form-input{
	width:400px;
}

.footer-search_area a{
	margin:5px 0px;
	color:#fff;
}

.footer-search_area ul{
	margin:0px auto;
	padding:0px;
	list-style:none;
	 display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.footer-search_area li{
	background:rgba(59, 71, 86,0.5);
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	border-left:none;
	padding:15px 18px;
	margin:0px 0px 0px -1px;
	width:auto;
	font-weight:bold;

}
.footer-search_area li:hover{
	background:rgba(59, 71, 86,0.8);
}

.footer-search_area li:first-child{
	border-left:1px solid #fff;
}

#footer_control_area{
	width:1200px;
	margin:20px auto 0px;
}
#footer_control_area h5{
	font-size:12px;
	margin:15px auto 5px;
	padding:0px;
	font-weight:bold;
}

#footer_control_area p{
	font-size:11px;
	line-height:140%;
	margin:0px;
	padding:0px;
}
#footer_control_area a{
	padding:0px 10px 0px 0px;
	text-decoration:underline;
}

#footer_mn_area{
	background:#808080;
	color:#fff;
	margin:4% auto 0px;
	padding:45px 2% 0px;
}
#footer_mn_area a{
	display:block;
	color:#fff;
}
#footer_mn_area ul{
	list-style:none;
	margin:0px;
	padding:0px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}
#footer_mn_area li{
	width:20%;
	padding:1% 5%;
	border-right:1px solid #fff;
	display:inline-block;
}
#footer_mn_area li:last-child{
	border-right:none;
}
#copy{
	font-size:11px;
	text-align:center;
	padding:2% 0px 1%;
	color:#fff;
}



#page_top {
	z-index:9999;
	position: fixed;
	bottom: 30px;
	right: 30px;
}



#sub_header_form_area{
	background:#0d2543;
	width:100%;
	height:100%;
	margin:-2px auto 0px;
	padding:10px 0px;
	height:60px;
  transition: .3s;
}
#sub_header_form_area dl{
	max-width:1200px;
	width:100%;
	margin:0px auto;
	padding:0px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	margin:0px auto;
}
#sub_header_form_area dt{
	margin:5px 5px 0px 0px;;
	padding:0px;
	float:left;
	width:auto;
	display:inline-block;
}
#sub_header_form_area dd{
	margin:0px;
	padding:0px;
	float:right;
	width:auto;
	display:inline-block;
}
#sub_header_form_area .header-search_area li{
	background:none;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	border-left:none;
	padding:10px 15px;
	margin:0px 0px 0px -1px;
	width:auto;
	font-weight:bold;

}
#sub_header_form_area .header-search_area li:hover{
	background:rgba(59, 71, 86,0.8);
}

#sub_header_form_area .header-search_area li:first-child{
	border-left:1px solid #fff;
}
#sub_header_form_area .header-search_area .header_pc_form-input{
	width:300px;
}




#sub-content h3:first-child{
	margin-top:0px;
}

#sub-content h3{
	background:url(../../img/sub_h3_bar.gif) center top no-repeat;
	padding-top:25px;
}


.pan_area{
	font-size:12px;
	padding:10px;
	z-index:9999;
}

.search-keyword{
	margin-bottom:10px;
	font-size:11px;
	padding:10px;
	background:#eee;
	line-height:120%;
}
.search-keyword span{
	background:#666;
	color:#fff;
	padding:3px 10px;
	margin:0px 8px 4px 0px;
	display:inline-block;
	border-radius:30px;
}
.search-keyword p{
	margin:4px 0px 0px 0px;
	font-size:12px;
	display:inline-block;
}

.area_btn_area table{
	margin:0px;
	padding:0px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	margin:0px auto;
}

.area_btn_area th {
	width:65%;
	margin:0px;
	padding:0px;
	text-align:left;
}
.area_btn_area td{
	width: 31%;
	margin: 0px;
	padding: 0px 2%;
	text-align: right;
}

.btn2{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	margin:2% auto;
	text-align:center;
	font-size:1.2rem;
	font-weight:bold;

}
.btn2 a {
	width:200px;
	background:#fff;
	color: #0d2543;
	transition: all 1s;
	padding:20px 50px;
	border: 3px solid #0d2543;
	border-radius:10px;
}
.btn2 a:hover {
	color: #fff;
	background:#0d2543;
}






.icon_btn{
	padding:5px 8px;
	margin:0px 0px 0px 5px;
	color:#fff;
}
.icon_btn a{
	color:#fff;
	font-weight:bold;
}

.icon_btn .material-icons{
	vertical-align:top;
	padding-right:5px;
}

#contact-btn{
	background:#c43e4b;
}
#catalog-btn{
	background:#008bd5;
}
#apartment-btn{
	background:#2fb183;
}





.bukken_title_area{
	width:100%;
	max-width:1200px;
	padding:10px 0px;
	background:#c7b299;
}
.bukken_title_area dl{
	padding:0px;
	margin:0px 1%;
}
.bukken_title_area dt{
	color:#333;
	width:65%;
	padding:5px 0px;
	margin:0px;
	font-weight:bold;
	font-size:1.3rem;
	position: relative;
	float:left;
}
.bukken_title_area dd{
	width:33%;
	padding:0px;
	margin:0px;
	float:right;
	text-align:right;
}


.bukken_title_area #icon_btn_area{
	margin:10px 0px;
	display:block;
}
.bukken_title_area #page-link_area{
	display:block;

}

.bukken_title_area .title{
	margin-top:10px;
}

.bukken_title_area .price{
	vertical-align:top;
	margin:0px 0px 3% 0px;
	text-align:right;
}
.bukken_title_area .price span{
	background:#fff;
	padding:1% 5%;
	font-size:2rem;
	color:#c43e4b;
	margin-right: 10px;
	font-weight:bold;
}
.bukken_title_area .txt{
	display:block;
	font-size:13px;
	padding:10px 0px;
	border-top:1px solid #fff;
}


.bukken_title_area .icon_btn{
	display:inline;
	padding:10px 8px;
	margin:0px 0px 0px 5px;
	color:#fff;
}
.bukken_title_area .icon_btn a{
	color:#fff;
	font-weight:bold;
}

.bukken_title_area .icon_btn .material-icons{
	vertical-align:top;
	padding-right:5px;
}

.page-link{
	font-size:13px;
	display:inline;
	padding:5px 8px;
	margin:5px 0px 0px 5px;
	color:#000;
	background:#fff;
	border-radius:30px;
}
.page-link a{
	color:#333;
	font-weight:bold;
}
.page-link .material-icons{
	color:#c5b098;
	padding-right:5px;
	font-size:15px;
}







#side_mn_area{
	background:#333333;
	width:70px;
	right:0px;
	top:100px;
	height:auto;
	position:fixed;
	padding-top:5px;
	z-index:9999;
}
.side_icon_btn{
	font-size:11px;
	font-weight:bold;
	text-align:center;
	width:60px;
	height:54px;
	margin:0px auto 5px;
	background:#fff;
	border-radius:5px;
	color:#333;
	display: -webkit-flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	line-height:1;
}
#side_mn_area .side_icon_btn a .material-icons {
	color:#008bd5;
	display:block;
	font-size:30px;
}


.detail_pic_list ul{
	list-style:none;
	margin:0px auto 20px;
	padding:0px;
}
.detail_pic_list li{
	display:inline-block;
	margin:15px 1% 0px;
	padding:0px;
	width:31%;
	vertical-align: top;
}

.detail_pic_list img{
    width: 100%;
    height:100%;
    object-fit: cover;
	height: 250px;
}
.detail_pic_list li h4, .detail_pic_list h4{
	vertical-align:bottom;
	background:rgba(0, 0, 0, 0.8);
	margin:-35px auto 0px;
	padding:5px;
	color:#fff;
	position:relative;
	top:0;
	display: block;
	white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

}
.detail_pic_list li p{
	line-height:140%;
	padding:1% 2% 0px;
  overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
		}




.detail_table{
	width:90%;
	border-top:#ccc solid 1px;
	margin:0px auto;
	vertical-align:top;
	font-size:1rem;
}
.detail_table th{
	padding:2%;
	width:30%;
	border-bottom:#ccc solid 1px;
	font-weight:bold;
}
.detail_table td{
	padding:2%;
	width:65%;
	border-bottom:#ccc solid 1px;
}
.detail_area_note{
	background:#eee;
	padding:3%;
	margin:3% auto;
}
.detail_area_note2{
	padding:0px 2% 2% 2%;
	margin:2%;
	border-bottom:2px solid #333;
}
.detail_area_note2 h4{
	margin:0px;
	padding:0px;
}
.detail_area_note2 p{
	font-size:13px;
	line-height:140%;
	padding:0px;
    white-space: pre-wrap;
}


.loan_box{
	border:2px solid #002546;
	background:#002546;
}
.loan_box dt{
	float:left;
	width:20%;
	color:#fff;
	vertical-align:top;
	margin:0px;
	padding:2%;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
}
.loan_box .title{
	font-size:1.2rem;
	font-weight:bold;
}
.loan_box .price{
	margin:5% 0px;
}
.loan_box .price span{
	background:#fff;
	padding:2% 15%;
	font-size:2rem;
	color:#c43e4b;
	margin-right: 10px;
	font-weight:bold;
}
.loan_box .txt{
	font-size:12px;
}

.loan_box dd{
	float:right;
	background:#fff;
	width:70%;
	margin:0px;
	padding:0px 2% 0px 2%;
}
.loan_box .r-box ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
.loan_box .r-box li{
	margin:2% 1%;
	padding:0px;
	width:31%;
	display: inline-block;
	position: relative;
}
.loan_box .r-box li p{
	font-size:1.2rem;
	font-weight:bold;
}
.loan_box .r-box li p span{
	font-size:0.8rem;
	font-weight:normal;
}

.loan_box .r-box .inputbox{
	padding:0px;
	display: inline-block;
	position: relative;
}

.loan_box .r-box .inputbox .input{
	display:inline-block;
}
.loan_box .r-box .inputbox span{
	margin-left:30px;
	font-size:1rem;
	display:inline-block;
	vertical-align:bottom;
	line-height:110%;
}

.loan_box .r-box .inputbox .loan_input {
	background:#ececec;
	box-sizing: border-box;
  width: 140px;
  height: 55px;
  padding: 5px;
  margin:0px;
  font-size: 1.8em;
	font-weight:bold;
  color: #333;
  border: solid 1px #ececec;
  border-radius: 0;
  outline: 0;
  -webkit-appearance: none;
}
.loan_box .r-box .inputbox .add {
	position: absolute;
	right: 20px;
	top: 1px;
	width: 25px;
}

.loan_box .r-box .inputbox .lose {
	position: absolute;
	right: 20px;
	bottom: 1px;
	width: 25px;
}

.loan_box .r-box .inputbox2{
	background:#ececec;
  padding: 10px;
	text-align:center;
	margin:15px auto;
}
.loan_box .r-box .inputbox2 .title{
	margin:0px auto;
	display:inline;
}
.loan_box .r-box .inputbox2 .price{
	margin:0px 2%;
	display:inline;
}
.loan_box .r-box .inputbox2 .price span{
	background:#ececec;
	padding:0px;
	font-size:2rem;
	color:#c43e4b;
	margin-right: 10px;
	font-weight:bold;
	vertical-align:middle;
}

.madori_area dl{
	margin:0px;
	padding:0px;
	display: -webkit-flex;
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}
.madori_area dt{
	margin:0px;
	padding:0px;
	width:50%;
}
.madori_area dd{
	margin:0px;
	padding:0px;
	width:50%;
}

.madori_area #madori_img{
	border:#ccc 1px solid;
}

.madori_area #madori_img img{
	width:100%;
}
#shuhenmap ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
#shuhenmap_img li{
	margin:0px 1%;
	padding:0px;
	width:31%;
	display:inline-block;
}
#shuhenmap_img ul img{
	width:100%;
}

#shuhenmap_text {
	background:#eee;
	padding:2%;
	margin:4% 0 3% 0;
}
#shuhenmap_text li{
	margin:0px 1%;
	padding:0px;
	width:21%;
	display:inline-block;
}


#gaiyo_text dl{
	margin:0px;
	padding:0px;
	display: -webkit-flex;
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}
#gaiyo_text dt{
	margin:0px;
	padding:0px;
	width:50%;
}
#gaiyo_text dd{
	margin:0px;
	padding:0px;
	width:50%;
}

.seller_table{
	width:90%;
	margin:0px auto;
}
.seller_table th{
	background:#c5b098;
	padding:2%;
	width:20%;
}
.seller_table td{
	background:#ececec;
	padding:2%;
}

.seller_logo_area{
    text-align:center;
    width:20%;
    padding:0px;
    display:inline-block;
    vertical-align:middle;
}

.seller_logo_area img{
    width:100%;
}

.seller_tex_area{
    width:75%;
    padding-left:2%;
    display:inline-block;
    vertical-align:middle;
}

.seller_table p {
    white-space: pre-wrap;
}

.googlemap_area{
	margin:2% 0px;
	padding:0px;
}

.icon_list_area{
	text-align:right;
	margin:0px 0px 10px auto;
	padding:0px;
	line-height:0;
}
.icon_list_area p{
	background:#eee;
	display:inline-block;
	padding:3px 15px;
	margin:0px 5px;
	border-radius:30px;
	font-size:12px;
}

.icon_list_area li .material-icons {
	background:#000;
	color:#fff;
	padding:3px;
	font-size:16px;
	vertical-align:top;
}

.search_list ul{
	margin:0px;
	padding:0px;
}
.search_list li{
	width:45%;
	margin:2%;
	padding:0px;
	display:inline-block;
	vertical-align:top;
}
.search_list dl{
	margin:0px;
	padding:0px;
	width:100%;
}
.search_list dt{
	display:block;
	width:100%;
	margin:0px;
	padding:0px;
	vertical-align:top;
}
.search_list dd{
	display:block;
	width:100%;
	margin:0px;
	padding:0px;
	vertical-align:top;
}

.search-list_cover{width:60%; bottom:0; left:0; display:inline-block;}
.search-list_cover{position:relative;}

.search-list_thumbnail{position:relative;}
.search-list_thumbnail{overflow:hidden;background-position:50% bottom;background-size:cover;}
.search-list_thumbnail:before{content:"";display:block;padding-top:66.6666666667%}
.search-list_madori{position:relative; left:10px; width:35%; right:0; bottom:8px; display:inline-block;}
.search-list_madori img{ width:100%;}

.search-list_icon{
	position:absolute;
	bottom:0;
	align-items:flex-end;
	padding:10px 10px;
	background-color:rgba(0,0,0,.8);
	color:#fff;
	line-height:1;
	font-size:24px
}
.search-list_icon .material-icons{
	margin:0px 5px;
}



.todofukensearch h4{
	margin:15px 10px 5px;
	border-left:6px solid #008bd5;
	padding-left:15px;
}
.todofukensearch h4 .material-icons{
	color:#fff;
}

.todofuken_list{
	border-bottom:1px solid #ccc;
	padding:2% 1%;
	margin:0px 0px 30px 5px;
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}
.todofuken_list a{
	margin:0px 5px 0px 0px;
	padding:0px 5px 0px 0px;
	border-right: #ccc 1px solid;
	text-decoration:underline;
	width:10%;
	display:inline-block;
	text-align:center;

}

#hitbox_area{
	padding:5px 15px;
	margin-bottom:20px;
	float:none;
	clear:both;
	border-bottom:1px #ccc solid;
}

.hitbox_no{
	font-size:1.8rem;
	font-weight:bold;
	color:#0d2543;
	float:left;
}
.hitbox_no span{
	font-size:1rem;
	font-weight:normal;
	color:#333;
}
#hitbox_area_left{
	margin:0px;
	padding:0px;
	float:left;
}
#hitbox_area_left span{
	padding:10px;
	float:left;
	font-size:1rem;
}

#hitbox_area_right{
	margin:0px;
	padding:0px;
	float:right;
}
.sortbox_select_list{
	float:right;
	padding:10px;
	border:#ccc 1px solid;
}
.sortbox_select_list li{
	padding-right:5px;
}


.accordion_box .accordion {
	display:none;
}

.search_list_page_no{
	border-top:1px #ccc solid;
	margin-top:15px;
	padding-top:15px;
}
.example2{
	right:0;
}
.example2 li {
	display: inline;
	/* padding:10px 15px; */
	/* border:1px #ccc solid;color:#000053; */
	/* border-radius: 5px / 5px; */
}

.example2 li a {
	padding:10px 15px;
	border:1px #ccc solid;color:#000053;
	border-radius: 5px / 5px;
}

.example2 .this {background-color:#777;color:#fff;}

.example2 li.disabled a {
	cursor: default;
}

.openbox{
	margin:0px 1% 30px;
	border:#0d2543 1px solid;
	border-radius:5px;
	padding:10px;
}
.openbox input {
	display: none;
}
.openbox h4{
	padding: 3px 5px;
}
.openbox .boxshow {
	height: 0;
	opacity: 0;
	display: none;
}
.openbox .boxshow ul{
	list-style:none;
	margin:0px auto;
	padding:0px;
}
.openbox .boxshow li{
	display:inline-block;
	width:19%;
	margin:0px;
	padding:0px;
}
.openbox .boxshow li .btn2 a{
	padding:10px;

}

.inputcss:checked + .boxshow {
	height: auto;
	opacity: 1;
	display: block;
}
.openbox label {
	text-align:right;
}


#report_data{
	padding:5px 15px;
	margin-bottom:20px;
	float:none;
	clear:both;
	border-bottom:1px #ccc solid;
	font-size:1rem;
	font-weight:normal;
	color:#333;
}
.report_area dt img{
	width:100%;
	border-radius:20px;
}
.report_area dd img{
	width:100%;
	border-radius:10px;
}

.report_area dl{
	margin:0px 0px 0px 2%;
	padding:0px;
	display: flex;
}
.report_area dt{
	margin:0px;
	padding:0px;
	display:inline-block;
	width:70%;
}
.report_area dd{
	margin:0px auto;
	padding:0px;
	display:inline-block;
	width:20%;
}
.report_area dt h4{
	margin:1% auto;
	padding:1% 2%;
	border-bottom:1px #ccc solid;
}
.report_area dd h4{
	font-size:1rem;
	margin:2% auto 1%;
	padding:1% 2%;
	border-bottom:1px #ccc solid;
}
.report_area dd p{
	line-height:140%;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}


.tag_area ul{
	margin:0px auto 20px;
	padding:0px;
	display:inline-block;
	width: 100%;
}
.tag_area li{
	width:46%;
	margin:1%;
	padding:0px;
	display:inline-block;
}
.tag{
	display: flex;
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	text-align:center;
	font-size:1.2rem;
	font-weight:bold;

}
.tag a {
	color: #333;
	font-size:0.8rem;
	font-weight:normal;
	margin:0px;
	padding:3px 1%;
	width:98%;
	background:#bbb;
	transition: all 1s;
	border-radius:5px;
}
.tag a:hover {
	color: #fff;
	background:#333;
}
.side_report_list ul{
	margin:0px auto 20px;
}
.side_report_list li{
	margin:0px auto 15px;
}

.report_area h5 {
	margin:0px auto 10px;
	font-size:1rem;
  position: relative;
  padding:0px 10px 15px 10px;
}
.report_area h5:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #000, #000 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #000, #000 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/*タブのスタイル*/
.tabs {
  margin-top: 50px;
  padding-bottom: 40px;
	border-radius:10px;
  width:98%;
  margin: 0 auto;}

.tab_item {
  width: calc(100%/4);
  height: 50px;
  background-color: #d9d9d9;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: tokyo 0.3s ease;
	border-radius:8px 8px 0px 0px;

}
.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="prefecture_id"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  border-top: 3px solid #0d2543;
  border-bottom: 1px solid #333;
  display: none;
  padding: 40px 0px;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#tokyo:checked ~ #tokyo_content,
#kanagawa:checked ~ #kanagawa_content,
#saitama:checked ~ #saitama_content,
#chiba:checked ~ #chiba_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #0d2543;
  color: #fff;
}

.red{
	color:#FF0000;
}
.tex{
	font-size:0.8rem;
}

.mail_form_area{
	width:80%;
	margin:0px auto;
	padding:0px;
}
.mail_form_area h4{
	margin:20px 10px 10px;
	border-left:6px solid #008bd5;
	padding-left:15px;
}

.mail_form{
	width:100%;
	margin:0px auto;
	padding:0px;
	border-top:#ddd solid 1px;
}
.mail_form th{
	background:#eee;
	width:25%;
	margin:0px auto;
	padding:2% 0px;
	vertical-align:middle;
	text-align:center;
	border-bottom:#ddd solid 1px;
}
.mail_form td{
	width:auto;
	margin:0px auto;
	padding:2%;
	vertical-align:middle;
	border-bottom:#ddd solid 1px;
}
.infoformtext {
  height: 50px;
  width : 98%;
  line-height: normal;
  display: block;
  float: left;
  box-sizing: border-box;
  margin: 0;
  padding: 0px 0px 0px 2%;
  border: 1px solid #ccc;
  color: #333;
  outline: 0;
  font-size: 1em;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 881px) and (max-width: 1199px) {
.tb{
	 display:block !important;
}



#main-content{
	max-width:100%;
}


#sub-content{
	max-width:100%;
}
.form-input {
  width: 200px;
}



.is-animation #header_form_area_pc dt{
	width:250px;
}
.is-animation #header_form_area_pc .header-search_area li{
	padding:10px 10px;
}
.is-animation #header_form_area_pc .form-input{
	width:200px;
}
#sub_header_form_area .form-input{
	width:200px;
}


.pickup-list img{
	width:100%;
}

.yellow_area ul{
	margin-left:1%;
}
.yellow_area li{
	width:31%;
}
.special-list_text_area{
	height:300px;
}



#sub_header_form_area dl{
	width:100%;
}
#sub_header_form_area dt{
	width:250px;
}
#sub_header_form_area .header-search_area li{
	padding:10px 10px;
}




#footer_control_area{
	width:96%;
}



.bukken_title_area{
	max-width:100%;
}
.bukken_title_area .bukken_title_2patt{
	width:85%;
	padding-right:15%;
}
.bukken_title_area dt{
	width:100%;
	padding:0px;
	float:none;
	display:block;
}
.bukken_title_area dd{
	width:100%;
	padding:0px;
	float:none;
	display:block;
}


.bukken_title_area #icon_btn_area{
	display:inline-block;
}
.bukken_title_area #page-link_area{
	display:inline-block;
}
.bukken_title_area .title{
	margin-top:15px;
	font-size:1.6rem;
}

.bukken_title_area .price {
	margin-top:0px;
	font-size:0.8rem;
}
.bukken_title_area .price span{
	padding:5px 15px;
	font-size:1.6rem;
}



.loan_box dt{
	height:auto;
}
.loan_box dd{
	height:auto;
}


.loan_box .r-box li{
	margin:1% 0px;
	padding:0px;
	width:31%;
}
.loan_box .r-box li p{
	font-size:1.1rem;
}
.loan_box .r-box li p span{
	font-size:0.7rem;
}

.loan_box .r-box .inputbox span{
	font-size:0.7rem;
}

.loan_box .r-box .inputbox .loan_input {
  width: 120px;
  height: 40px;
}
.loan_box .r-box .inputbox .add {
	width: 20px;
}

.loan_box .r-box .inputbox .lose {
	width: 20px;
}
.loan_box .r-box .inputbox2{
	text-align:left;
}



.sear-main-img{
	width:55%;
	display:inline;
}

.madori-img{
	width:35%;
	display:inline;
}

}
/*--------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 791px) and (max-width: 880px) {
	.globalnav-btn {
		margin: 0px auto 3% !important;
	}
	.nonpc{
		display:block;
	}
    .pc {
        display: none !important;
    }

    .sp {
        display: block !important;
    }
.nontb{
	 display: none !important;
}
header h1{
	float:left;
	margin:0px auto 0px;
	padding:0px;
}

#main-content{
	max-width:100%;
}

#sub-content{
	max-width:100%;
	top:0px;
	height:auto;
	padding:0px;
	margin:60px auto 0px;
	padding:0px;
}
#sub-content h3:first-child{
	margin-top:-50px;
}


.form .form-input {
  width: 200px;
}



.is-animation #header_form_area_pc dt{
	width:200px;
}
.is-animation #header_form_area_pc .header-search_area li{
	padding:10px 5px;
}
.is-animation #header_form_area_pc .form-input{
	width:150px;
}
#sub_header_form_area .form-input{
	width:150px;
}


.nav-button-wrap {
	display: block;
	position: absolute;
	right: 0px;
	top: -2px;
	cursor: pointer;
	padding: 13px 10px 0px 0px;
	height: 40px;
}



.globalnav {
	display: none;
}
.globalnav .close {
	display: none;
}
.globalnav-wrap {
	z-index:1;
	padding:10px 0px 0px 3% ;
	width:97%;
	height:40px;
}
.globalnav-wrap.open .globalnav {
	display: block;
	padding: 5% 0px 0px 5%;
	margin:0px;
	position: fixed;
	right: 0;
	top: 0;
	background-color: rgba(1, 1, 1, 0.7);
	width: 60%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}
.globalnav-wrap.open .globalnav ul{
	padding: 0%;
	margin: 5% 2%;
}
.globalnav-wrap.open .globalnav li {
	display: block;
	padding: 2% 0px;
	margin: 2% 0%;
	text-align:center;
	border-bottom:1px solid #fff;
	border-left:none;
	width:90%;
}

.globalnav-wrap.open .globalnav li:hover {
	background: transparent;
}
.globalnav-wrap.open .globalnav .dropdown {
	display: block;
	position: static;
	background: transparent;
	width:100%;
	border-left:none;
	border-top:1px solid #fff;
}
.globalnav-wrap.open .globalnav .dropdown li  {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	display:inline-block;
	width:40%;
	padding:5px 0px;
}

.nav-button,
.nav-button span {
  transition: all 0.3s;
}
.nav-button {
	z-index: 20;
	width: 30px;
	height: 28px;
	position: relative;
	float:right;
}

.nav-button span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #fff;
	border-radius: 10px;
}

.nav-button span:nth-of-type(1) {
	top: 0;
}

.nav-button span:nth-of-type(2) {
	top: 12px;
}

.nav-button span:nth-of-type(3) {
	bottom: 0;
}

.active .nav-button span:nth-of-type(1) {
	transform: translateY(12px) rotate(-45deg);
	background-color: #008bd5;
}

.active .nav-button span:nth-of-type(2) {
	opacity: 0;
}

.active .nav-button span:nth-of-type(3) {
	background-color: #008bd5;
	transform: translateY(-12px) rotate(45deg);
}

.side_form_area_sp{
	margin:0px auto;
	padding:0px 5%;
	 display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.side_form_area_sp a{
	display:block;
	border:1px solid #fff;
	padding:3px 0px;
	margin:3px;
	width:100%;
	font-weight:bold;

}


.yellow_area ul{
	margin-left:15px;
}
.yellow_area li{
	width:30%;
}
.special-list_text_area{
	height:250px;
}

#footer_control_area{
	width:96%;
}


.bukken_title_area{
	max-width:100%;
}
.bukken_title_area dl{
	padding:0px;
	margin:0px 2%;
}
.bukken_title_area dt{
	width:auto;
}
.bukken_title_area dd{
	width:auto;
}

.hero{
	overflow: hidden;
}
.site-header{
	position:relative;
	display: flex;
	padding:0px;
	margin-bottom:-100px;
	width: 100%;
	z-index: 99;
	text-align:center;
	background:#333333;
}
.site-header.fixed{
	position: fixed;
	top: 0;
	padding:50px 0px 0px 0px;
}
.gnav__menu{
	margin:0px;
	padding:0px 5px 0px 15px;
	display: -webkit-flex;
	display: flex;
}
.gnav__menu__item{
	padding:1px 5px;
	width:auto;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	margin:5px 0px 5px 5px;
	background:#fff;
	border-radius:5px;
	color:#333;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}
.gnav__menu__item a .material-icons {
	color:#008bd5;
	font-size:16px;
	vertical-align:middle;
	padding-right:2px;
}

.loan_box dt{
	width:96%;
	margin:0px;
	padding:2%;
	height:auto;
	float:none;
}
.loan_box dd{
	display:block;
	width:96%;
	margin:0px;
	padding:2%;
	float:none;
}


.main-carousel .slide {
   width: 100%;
	 height:auto;
	 margin-top:15px;
}
.main-carousel .slide img {
   width: 100%;
	 height:auto;
}



.bukken_title_area .title{
	margin-top:15px;
	font-size:1.6rem;
}

.bukken_title_area #icon_btn_area{
	display:inline-block;
}
.bukken_title_area dt{
	color:#333;
	width:100%;
	display:block;
	float:none;
}
.bukken_title_area dd{
	width:100%;
	display:block;
	float:none;
	text-align:right;
}

.bukken_title_area #page-link_area{
	display:inline-block;
}
.bukken_title_area .price{
	font-size:0.8rem;
}
.bukken_title_area .price span{
	padding:5px 15px;
	font-size:1.6rem;
}
.todofuken_list a{
	width:20%;
	display:inline-block;
}

.sear-main-img{
	width:55%;
	display:inline;
}

.madori-img{
	width:35%;
	display:inline;
}

.openbox .boxshow li{
	width:31%;
}



}
/*--------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 641px) and (max-width: 790px) {
	.globalnav-btn {
		margin: 0px auto 3% !important;
	}
	.nonpc{
		display:block;
	}
    .pc {
        display: none !important;
    }

    .sp {
        display: block !important;
    }
.nontb{
	 display: none !important;
}
header h1{
	float:left;
	margin:0px auto 0px;
	padding:0px;
}

#main-content{
	max-width:100%;
}

#sub-content{
	max-width:100%;
	top:0px;
	height:auto;
	padding:0px;
	margin:60px auto 0px;
	padding:0px;
}
#sub-content h3:first-child{
	margin-top:-50px;
}

.form{
  width: 350px;
}
.form .form-input {
  width: 300px;
}
#side_form_area_sp .form{
  width: 250px;
}
#side_form_area_sp .form-input {
  width: 200px;
}

.is-animation #header_form_area_pc dt{
  width: 200px;
}
.is-animation #header_form_area_pc .header-search_area li{
	padding:10px 5px;
}
.is-animation #header_form_area_pc .form-input{
	width:100px;
}

#footer_form_area .form{
	margin:0px auto;
	width:350px;
}

#footer_form_area .form-input{
	width:300px;
}


.nav-button-wrap {
	display: block;
	position: absolute;
	right: 0px;
	top: -2px;
	cursor: pointer;
	padding: 13px 10px 0px 0px;
	height: 40px;
}



.globalnav {
	display: none;
}
.globalnav .close {
	display: none;
}
.globalnav-wrap {
	z-index:1;
	padding:10px 0px 0px 3% ;
	width:97%;
	height:40px;
}
.globalnav-wrap.open .globalnav {
	display: block;
	padding: 5% 0px 0px 5%;
	margin:0px;
	position: fixed;
	right: 0;
	top: 0;
	background-color: rgba(1, 1, 1, 0.7);
	width: 60%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}
.globalnav-wrap.open .globalnav ul{
	padding: 0%;
	margin: 5% 2%;
}
.globalnav-wrap.open .globalnav li {
	display: block;
	padding: 2% 0px;
	margin: 2% 0%;
	text-align:center;
	border-bottom:1px solid #fff;
	border-left:none;
	width:90%;
}

.globalnav-wrap.open .globalnav li:hover {
	background: transparent;
}
.globalnav-wrap.open .globalnav .dropdown {
	display: block;
	position: static;
	background: transparent;
	width:100%;
	border-left:none;
	border-top:1px solid #fff;
}
.globalnav-wrap.open .globalnav .dropdown li  {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	display:inline-block;
	width:40%;
	padding:5px 0px;
}

.nav-button,
.nav-button span {
  transition: all 0.3s;
}
.nav-button {
	z-index: 20;
	width: 30px;
	height: 28px;
	position: relative;
	float:right;
}

.nav-button span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #fff;
	border-radius: 10px;
}

.nav-button span:nth-of-type(1) {
	top: 0;
}

.nav-button span:nth-of-type(2) {
	top: 12px;
}

.nav-button span:nth-of-type(3) {
	bottom: 0;
}

.active .nav-button span:nth-of-type(1) {
	transform: translateY(12px) rotate(-45deg);
	background-color: #008bd5;
}

.active .nav-button span:nth-of-type(2) {
	opacity: 0;
}

.active .nav-button span:nth-of-type(3) {
	background-color: #008bd5;
	transform: translateY(-12px) rotate(45deg);
}

.side_form_area_sp{
	margin:0px auto;
	padding:0px 5%;
	 display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.side_form_area_sp a{
	display:block;
	border:1px solid #fff;
	padding:3px 0px;
	margin:3px;
	width:100%;
	font-weight:bold;

}


.pickup-list img{
	width:100%;
}
.yellow_area ul{
	margin-left:15px;
}
.yellow_area li{
	width:30%;
}
.special-list_text_area{
	height:210px;
}

#footer_control_area{
	width:96%;
}


.bukken_title_area{
	max-width:100%;
}
.bukken_title_area dl{
	padding:0px;
	margin:0px 2%;
}
.bukken_title_area dt{
	width:auto;
}
.bukken_title_area dd{
	width:auto;
}

.hero{
	overflow: hidden;
}
.site-header{
	position:relative;
	display: flex;
	padding:0px;
	margin-bottom:-100px;
	width: 100%;
	z-index: 99;
	text-align:center;
	background:#333333;
}
.site-header.fixed{
	position: fixed;
	top: 0;
	padding:50px 0px 0px 0px;
}
.gnav__menu{
	margin:0px;
	padding:0px 5px 0px 15px;
	display: -webkit-flex;
	display: flex;
}
.gnav__menu__item{
	padding:1px 5px;
	width:auto;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	margin:5px 0px 5px 5px;
	background:#fff;
	border-radius:5px;
	color:#333;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}
.gnav__menu__item a .material-icons {
	display:block;
	color:#008bd5;
	font-size:16px;
	vertical-align:middle;
	padding-right:2px;
}

.loan_box dt{
	width:96%;
	margin:0px;
	padding:2%;
	height:auto;
	float:none;
}
.loan_box dd{
	display:block;
	width:96%;
	margin:0px;
	padding:2%;
	float:none;
}


.main-carousel .slide {
   width: 100%;
	 height:auto;
	 margin-top:15px;
}
.main-carousel .slide img {
   width: 100%;
	 height:auto;
}


.bukken_title_area .title{
	margin-top:15px;
	font-size:1.6rem;
}

.bukken_title_area #icon_btn_area{
	display:inline-block;
}
.bukken_title_area dt{
	color:#333;
	width:100%;
	display:block;
	float:none;
}
.bukken_title_area dd{
	width:100%;
	display:block;
	float:none;
	text-align:right;
}

.bukken_title_area #page-link_area{
	display:inline-block;
}
.bukken_title_area .price{
	font-size:0.8rem;
}
.bukken_title_area .price span{
	padding:5px 15px;
	font-size:1.6rem;
}
.todofuken_list a{
	width:20%;
	display:inline-block;
}

.sear-main-img{
	width:55%;
	display:inline;
}

.madori-img{
	width:35%;
	display:inline;
}

.openbox .boxshow li{
	width:31%;
}

.tag_area li{
	font-size:0.8rem;
}


}
/*--------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 360px) and (max-width: 640px) {
	.globalnav-btn {
		margin: 0px auto 4% !important;
	}
body{
	overflow-x:hidden;
}

	.nonpc{
		display:block;
	}
    .pc {
        display: none !important;
    }

    .sp {
        display: block !important;
    }

	img{
		width:100%;
		height:auto;
	}
	.clear{
		float:none;
		clear:both;
		padding: 0px;
		margin:0px;
	}

	h1 {
		margin:0px;
		padding:0px;
		font-size:1.4rem;
	}
	h2 {
		margin:0px;
		padding:0px;
		font-size:1.3rem;
	}
	h3 {
		margin:50px auto 0px;
		padding:15px 0px 0px;
		font-size:1.2rem;

	}

	h4 {
		margin:0px;
		padding:0px;
		font-size:1.1rem;
	}
	#wrap{
		width:100%;
		max-width:100%;
	}
	.content{
		position:relative;
		padding: 0px;
		margin:0px auto;
		width:100%;
	}
	#main-content{
		max-width:100%;
		padding:0px;
		padding:0px;
}
#sub-content{
	max-width:100%;
	top:0px;
	height:auto;
	margin:50px auto 0px;
	padding:0px;
}


#sub-content h3:first-child{
	margin-top:-50px;
}


.block{
	padding:130px 0px 2%;
	margin:-50px auto 2%;
}
.block2{
	padding:180px 0px 2%;
	margin:-20px auto -50px;
}

.yellow_area{
	margin:50px auto 0px;
	padding:50px 2%;
	background:#ffffe6;
}



	/*==================
	navi
	====================*/
header {
	z-index:9999;
	width: 100%;
	margin:0px;
	padding:0px;
	height:50px;
}
header h1{
	float:left;
	margin:0px auto 0px;
	padding:0px;
}

header h1 img{
	height:20px;
	width:auto;
	margin:0px;
	padding: 0px;
}

#main_form_area{
	width:100%;
	height:300px;
	margin:0px auto;
	padding:100px 0px 0px;
	background:url(../../img/top_img_patt1_sp.jpg) center top no-repeat;
	background-size:100% auto;
}




/* Font Awesomeを使用しています。*/
.form {
  margin: 0px auto 15px;
  width: 250px;
}
.form .form-input {
  width: 200px;
}

#side_form_area_sp .form{
  width:200px;
}
#side_form_area_sp .form-input {
  width: 150px;
}



.header-search_area ul{
	padding:0px 5%;
}


.header-search_area li{
	padding:10px 18px;
}
.header-search_area a{
	margin:2px 0px;
	color:#fff;
}

.side_form_area_sp{
	margin:0px auto;
	padding:0px 5%;
	 display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.side_form_area_sp a{
	display:block;
	border:2px solid #fff;
	padding:3px 1%;
	margin:3px;
	width:95%;
	font-weight:bold;

}




.nav-button-wrap {
	display: block;
	position: absolute;
	right: 0px;
	top: -2px;
	cursor: pointer;
	padding: 13px 10px 0px 0px;
	height: 40px;
}



.globalnav {
	display: none;
}
.globalnav .close {
	display: none;
}
.globalnav-wrap {
	z-index:1;
	padding:10px 0px 0px 3% ;
	width:97%;
	height:40px;
}
.globalnav-wrap.open .globalnav {
	display: block;
	padding: 5% 0px 0px 5%;
	margin:0px;
	position: fixed;
	right: 0;
	top: 0;
	background-color: rgba(1, 1, 1, 0.7);
	width: 60%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}
.globalnav-wrap.open .globalnav ul{
	padding: 0%;
	margin: 5% 2%;
}
.globalnav-wrap.open .globalnav li {
	display: block;
	padding: 2% 0px;
	margin: 2% 0%;
	text-align:center;
	border-bottom:2px solid #fff;
	border-left:none;
	width:90%;
}

.globalnav-wrap.open .globalnav li:hover {
	background: transparent;
}
.globalnav-wrap.open .globalnav .dropdown {
	display: block;
	position: static;
	background: transparent;
	width:100%;
	border-left:none;
	border-top:1px solid #fff;
}
.globalnav-wrap.open .globalnav .dropdown li  {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	display:inline-block;
	width:40%;
	padding:5px 0px;
}

.nav-button,
.nav-button span {
  transition: all 0.3s;
}
.nav-button {
	z-index: 20;
	width: 30px;
	height: 28px;
	position: relative;
	float:right;
}

.nav-button span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #fff;
	border-radius: 10px;
}

.nav-button span:nth-of-type(1) {
	top: 0;
}

.nav-button span:nth-of-type(2) {
	top: 12px;
}

.nav-button span:nth-of-type(3) {
	bottom: 0;
}

.active .nav-button span:nth-of-type(1) {
	transform: translateY(12px) rotate(-45deg);
	background-color: #008bd5;
}

.active .nav-button span:nth-of-type(2) {
	opacity: 0;
}

.active .nav-button span:nth-of-type(3) {
	background-color: #008bd5;
	transform: translateY(-12px) rotate(45deg);
}

.header_mess_area p{
	font-size:0.8rem;
}



.pickup-list li{
	display:block;
	width:95%;
	margin:2% auto 8%;
}

.yellow_area ul{
	margin-bottom:20px;
}
.yellow_area li{
	display:inline-block;
	width:44%;
	margin:0px -5px -1px 0px;
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}
.yellow_area h3{
	margin:10% auto 3%;
}
.special-list_text_area{
	height:200px;
}
.special-list_title{
	font-size:0.8rem;
}
#footer_form_area{
	width:90%;
	padding:50px 5%;
}
#footer_form_area .form{
	margin:0px auto;
	width:250px;
}

#footer_form_area .form-input{
	width:200px;
}

#footer_control_area{
	width:95%;
	margin:5% auto 2%;
}

#footer_control_area p{
	font-size:11px;
	margin:0px auto 2%;
	padding:0px;
}

#footer_mn_area{
	padding:2% 1% 1%;
}
#footer_mn_area li{
	width:44%;
	padding:1% 2%;
}





.icon_btn{
	padding:3px 5px;
}
.icon_btn .material-icons{
	vertical-align:top;
	padding-right:5px;
}

.bukken_title_area{
	width:100%;
	max-width:100%;
	padding:0px 0px 3px 0px;
	background:#c7b299;
}
.bukken_title_area dl{
	padding:0px;
	margin:0px 2%;
}

.bukken_title_area dt{
	color:#333;
	width:100%;
	display:block;
	float:none;
}
.bukken_title_area dd{
	width:100%;
	display:block;
	float:none;
	text-align:right;
}
.bukken_title_area .title{
	margin-top:0px;
	font-size:1.2rem;
}
.bukken_title_area .price{
	margin-top:0px;
	font-size:0.7rem;
}
.bukken_title_area .price span{
	padding:2px 15px;
	font-size:1.2rem;
}
.bukken_title_area .txt{
	font-size:0.7rem;
}



.detail_area_note{
	margin:2% 3%;
}

.detail_pic_list ul{
	width:95%;
	list-style:none;
	margin:0px 0px 0px 10px;
	padding:0px;
	display:block;
}
.detail_pic_list li{
	display:block;
	margin:10px auto 0px;
	padding:20px 0px;
	width:100%;
}


.loan_box{
	width:95%;
	margin:10px auto 0px;
	border:2px solid #002546;
}
.loan_box dt{
	float:none;
	display:block;
	width:96%;
	margin:0px;
	padding:2%;
	height:auto;
}
.loan_box dt p{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}
.loan_box .price{
	width:300px;
	margin:0px auto;

}
.loan_box .price span{
	padding:2% 10%;
	min-width:100px;

}

.loan_box dd{
	float:none;
	display:block;
	width:96%;
	margin:0px;
	padding:2%;
}

.loan_box .r-box li{
	margin:2% 0px 2% 2%;
	padding:0px;
	width:47%;
	display:inline-block;
}
.loan_box .r-box li p{
	font-size:0.77rem;
}
.loan_box .r-box .inputbox span{
	margin-left:20px;
	font-size:0.8rem;
}

.loan_box .r-box .inputbox .loan_input {
  width: 110px;
  height: 50px;
  padding: 5px 0px 5px 5px;
  margin:0px;
  font-size: 1.5em;
}
.loan_box .r-box .inputbox .add {
	position: absolute;
	right: 15px;
	top: 1px;
	width: 20px;
}

.loan_box .r-box .inputbox .lose {
	position: absolute;
	right: 15px;
	bottom: 1px;
	width: 20px;
}

.loan_box .r-box .inputbox2{
	background:#ececec;
  padding: 10px;
	text-align:center;
	margin:15px auto;
}
.loan_box .r-box .inputbox2 .title{
	margin:10px auto 0px;
	display:block;
}
.loan_box .r-box .inputbox2 .price{
	margin:0px 2%;
	display:inline-block;
}
.loan_box .r-box .inputbox2 .price span{
	display:inline-block;
}

.madori_area dl{
	width:95%;
	margin:0px auto;
	padding:0px;
	display:block;
}
.madori_area dt{
	display:block;
	margin:0px;
	padding:0px;
	width:100%;
}
.madori_area dd{
	display:block;
	margin:0px;
	padding:0px;
	width:100%;
}
#shuhenmap ul{
	margin:0px 0px 0px 15px;
	padding:0px;
	list-style:none;
}
#shuhenmap_img li{
	margin:3% 1%;
	padding:0px;
	width:46%;
	display:inline-block;
	line-height:120%;
}

#shuhenmap_text li{
	margin:0px 1%;
	padding:0px;
	width:45%;
	display:inline-block;
}


#gaiyo_text dl{
	width:95%;
	margin:3% auto;
	padding:0px;
	display:block;
}
#gaiyo_text dt{
	display:block;
	margin:0px auto 3%;
	padding:0px;
	width:100%;
}
#gaiyo_text dd{
	display:block;
	margin:0px;
	padding:0px;
	width:100%;
}


.seller_table th{
	background:#c5b098;
	padding:2%;
	width:96%;
	display:block;
}
.seller_table td{
	background:#ececec;
	padding:2%;
	width:96%;
	display:block;
}

.seller_logo_area{
    text-align:center;
    width:50%;
    margin:0px auto;
    padding:0px;
    display:block;
}
.seller_logo_area img{
    width:100%;
}

.seller_tex_area{
    width:98%;
    padding-left:0px;
    display:block;
    vertical-align:middle;
}

.seller_table p {
    white-space: pre-wrap;
}


.googlemap_area{
	margin:2;
	padding:0px;
}

.area_btn_area{
	display:block;
}

.area_btn_area table{
	margin:0px;
	padding:0px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	margin:0px auto;
}
.area_btn_area th {
	display:none;
	width:100%;
}
.area_btn_area td{
	display:block;
	width:100%;
	margin:0px;
	padding:0px;
}



.btn2{
	display: -webkit-flex;
		display: flex;
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
		margin:3% auto;
	text-align:center;
	font-size:1.2rem;
	font-weight:bold;
}
.btn2 a {
	width:200px;
	background:#fff;
	color: #0d2543;
	transition: all 1s;
	padding:10px 20px;
	border: 3px solid #0d2543;
	border-radius:10px;
}



.hero{
	overflow: hidden;
}
.site-header{
	position:sticky;
	display: flex;
	padding:0px;
	margin-bottom:-100px;
	width: 100%;
	z-index: 99;
	top: 49px;
}
.site-header.fixed{
	position: fixed;
	top: 0;
	padding:50px 0px;
}
.gnav__menu{
	background:#333333;
	margin:0px;
	padding:5px 3px 0px 3px;
	display:inline-block;
}
.gnav__menu__item{
	padding:1px 2px;
	width:23%;
	display:inline-block;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	margin:0px auto 5px;
	background:#fff;
	border-radius:5px;
	color:#333;
}
.gnav__menu__item a .material-icons {
	color:#008bd5;
	font-size:15px;
	vertical-align:middle;
	padding-right:2px;
}


.main-carousel .slide {
   width: 100%;
	 height:auto;
	 margin-top:15px;
}
.main-carousel .slide img {
   width: 100%;
	 height:auto;
}


.search_list li{
	width:96%;
	margin:2% auto;
	padding:0px;
	display:block;
	vertical-align:top;
}
.search_list li img{
	display:inline-block;
}

.todofuken_list a{

	width:21%;
	display:inline-block;
	line-height:130%;
	margin:0px 5px 0px 0px;
	padding:0px 5px 0px 0px;
}


.sortbox_select_list li{
	padding-right:5px;
}
.sear-main-img{
	width:55%;
	display:inline;
	text-align:center;
}

.madori-img{
	width:35%;
	display:inline;
	text-align:center;
}


.todofukensearch h4{
	border:none;
	background:#1382c6;
	margin:15px 5px;
	padding:8px 12px;
	color:#fff;
}
.material-icons{
	font-size:25px;
}

.accordion_box {
	width: 100%;
}
.accordion_box label {
	border-bottom: solid 1px white;
	background-color: #fff;
	cursor: pointer;
	padding: 10px;
	font-weight: bold;
	display: block;
}
.accordion_box input {
	display: none;
}
.accordion_box .accordion_contents {
	display: none;
}
.accordion:checked + .accordion_contents {
	display:block;
	margin: 0px;
	padding: 10px;
}


.example2{
	right:0;
}
.example2 li {
	width:auto;
	display:inline;
	padding:10px 15px;
	border:1px #ccc solid;color:#000053;
	border-radius: 5px / 5px;
}

.example2 .this {background-color:#777;color:#fff;}


.openbox .boxshow li{
	width:48%;
}

.report_area dl{
	margin:0px 2%;
	display:block;
}
.report_area dt{
	margin:0px;
	padding:0px;
	display:block;
	width:100%;
}
.report_area dd{
	margin:0px;
	padding:0px;
	display:block;
	width:100%;
}
.tag_area li{
	width:30%;
	margin:1%;
	display:inline-block;
}

.side_report_list li{
	width:45%;
	margin:1%;
	display:inline-block;
	vertical-align: top;
}


#hitbox_area_left span{
	font-size:0.8rem;
}

.mail_form_area{
	width:90%;
}
.mail_form{
	margin:5px auto;
	border-top:1px #ddd solid;
	border-bottom:2px #ddd solid;
}
.mail_form th{
	display:block;
	width:100%;
	border-bottom:none;
}
.mail_form td{
	display:block;
	width:100%;
	padding:10px 0px 55px 0px;
	border-bottom:none;
}
.infoformtext {
  height: 40px;
}

}
/*--------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 359px) {
	.globalnav-btn {
		margin: 0px auto 4% !important;
	}
body{
	overflow-x:hidden;
}
	.nonpc{
		display:block;
	}
    .pc {
        display: none !important;
    }

    .sp {
        display: block !important;
    }




	img{
		width:100%;
		height:auto;
	}
	.clear{
		float:none;
		clear:both;
		padding: 0px;
		margin:0px;
	}

	h1 {
		margin:0px;
		padding:0px;
		font-size:1.4rem;
	}
	h2 {
		margin:0px;
		padding:0px;
		font-size:1.3rem;
	}
	h3 {
		margin:50px auto 0px;
		padding:15px 0px 0px;
		font-size:1.2rem;

	}

	h4 {
		margin:0px;
		padding:0px;
		font-size:1.1rem;
	}
	#wrap{
		width:100%;
		max-width:100%;
	}
	.content{
		position:relative;
		padding: 0px;
		margin:0px auto;
		width:100%;
	}
	#main-content{
		max-width:100%;
		padding:0px;
		padding:0px;
}
#sub-content{
	max-width:100%;
	top:0px;
	height:auto;
	margin:50px auto 0px;
	padding:0px;
}


#sub-content h3:first-child{
	margin-top:-50px;
}


.block{
	padding:130px 0px 2%;
	margin:-50px auto 2%;
}
.block2{
	padding:180px 0px 2%;
	margin:-20px auto -50px;
}

.yellow_area{
	margin:50px auto 0px;
	padding:50px 2%;
	background:#ffffe6;
}



	/*==================
	navi
	====================*/
header {
	z-index:9999;
	width: 100%;
	margin:0px;
	padding:0px;
	height:80px;
}
header h1{
	float:left;
	margin:0px auto 0px;
	padding:0px;
}

header h1 img{
	height:20px;
	width:auto;
	margin:0px;
	padding: 0px;
}

#main_form_area{
	width:100%;
	height:200px;
	margin:0px auto;
	padding:100px 0px 0px;
	background:url(../../img/top_img_patt1_sp.jpg) center top no-repeat;
	background-size:100% auto;
}




/* Font Awesomeを使用しています。*/
.form {
  width: 200px;
  margin: 0px auto 15px;
}

.form .form-input {
  width: 150px;
}

#side_form_area_sp .form{
  width: 150px;
	height:40px;
}
#side_form_area_sp .form-input {
  width: 100px;
	height:40px;
}
#side_form_area_sp .form-button {
  height : 30px;
  width : 30x;
	padding:5px;
}


.header-search_area {
	display:none;
}

.side_form_area_sp{
	margin:0px auto;
	padding:0px 5%;
	 display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.side_form_area_sp a{
	display:block;
	border:1px solid #fff;
	padding:3px 1%;
	margin:3px;
	width:95%;
	font-weight:bold;
}




.nav-button-wrap {
	display: block;
	position: absolute;
	right: 0px;
	top: -2px;
	cursor: pointer;
	padding: 13px 10px 0px 0px;
	height: 40px;
}



.globalnav {
	display: none;
}
.globalnav .close {
	display: none;
}
.globalnav-wrap {
	z-index:1;
	padding:10px 0px 0px 3% ;
	width:97%;
	height:40px;
}
.globalnav-wrap.open .globalnav {
	display: block;
	padding: 5% 0px 0px 5%;
	margin:0px;
	position: fixed;
	right: 0;
	top: 0;
	background-color: rgba(1, 1, 1, 0.7);
	width: 60%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}
.globalnav-wrap.open .globalnav ul{
	padding: 0%;
	margin: 5% 2%;
}
.globalnav-wrap.open .globalnav li {
	display: block;
	padding: 2% 0px;
	margin: 2% 0%;
	text-align:center;
	border-bottom:1px solid #fff;
	border-left:none;
	width:90%;
}

.globalnav-wrap.open .globalnav li:hover {
	background: transparent;
}
.globalnav-wrap.open .globalnav .dropdown {
	display: block;
	position: static;
	background: transparent;
	width:100%;
	border-left:none;
	border-top:1px solid #fff;
}
.globalnav-wrap.open .globalnav .dropdown li  {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	display:inline-block;
	width:40%;
	padding:5px 0px;
}

.nav-button,
.nav-button span {
  transition: all 0.3s;
}
.nav-button {
	z-index: 20;
	width: 30px;
	height: 28px;
	position: relative;
	float:right;
}

.nav-button span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #fff;
	border-radius: 10px;
}

.nav-button span:nth-of-type(1) {
	top: 0;
}

.nav-button span:nth-of-type(2) {
	top: 12px;
}

.nav-button span:nth-of-type(3) {
	bottom: 0;
}

.active .nav-button span:nth-of-type(1) {
	transform: translateY(12px) rotate(-45deg);
	background-color: #008bd5;
}

.active .nav-button span:nth-of-type(2) {
	opacity: 0;
}

.active .nav-button span:nth-of-type(3) {
	background-color: #008bd5;
	transform: translateY(-12px) rotate(45deg);
}

.header_mess_area p{
	font-size:0.8rem;
}



.pickup-list li{
	display:block;
	width:95%;
	margin:2% auto 8%;
}

.yellow_area ul{
	margin-bottom:20px;
}
.yellow_area li{
	display:inline-block;
	width:42%;
	margin:0px -5px -1px 0px;
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}
.yellow_area h3{
	margin:10% auto 3%;
}
.yellow_area p{
	display:none;
		}


.special-list_text_area{
	background:#fff;
	height:auto;
	overflow: hidden;
}
.special-list_title{
	font-size:0.8rem;
}

#footer_form_area{
	width:90%;
	padding:50px 5%;
	background-size:auto 100%;
}
#footer_form_area .form{
	margin:0px auto;
	width:200px;
}
#footer_form_area .form-input{
	width:150px;
}

.footer-search_area{
	display:none;
}
#footer_control_area{
	width:95%;
	margin:5% auto 2%;
}

#footer_control_area p{
	font-size:11px;
	margin:0px auto 2%;
	padding:0px;
}

#footer_mn_area{
	padding:2% 1% 1%;
}
#footer_mn_area li{
	width:44%;
	padding:1% 2%;
}


.icon_btn{
	padding:3px 5px;
}
.icon_btn .material-icons{
	vertical-align:top;
	padding-right:5px;
}

.bukken_title_area{
	width:100%;
	max-width:100%;
	padding:0px 0px 3px 0px;
	background:#c7b299;
}
.bukken_title_area dl{
	padding:0px;
	margin:0px 2%;
}

.bukken_title_area dt{
	color:#333;
	width:100%;
	display:block;
	float:none;
}
.bukken_title_area dd{
	width:100%;
	display:block;
	float:none;
	text-align:right;
}
.bukken_title_area .title{
	margin-top:0px;
	font-size:1.2rem;
}

.bukken_title_area .price{
	margin-top:0px;
	font-size:0.7rem;
}
.bukken_title_area .price span{
	padding:2px 15px;
	font-size:1.2rem;
}
.bukken_title_area .txt{
	font-size:0.7rem;
	line-height:120%;
}
.bukken_title_area .icon_btn{
	font-size:0.7rem;
	padding:5px 2px;
	margin:0px 0px 0px 2px;

}
.bukken_title_area .icon_btn .material-icons{
	font-size:1rem;
	vertical-align:middle;
}

.bukken_title_area .page-link{
	letter-spacing:-0.1em;
	font-size:0.7rem;
	padding:5px 5px 5px 2px;
	margin:0px 0px 0px 5px;
}

.bukken_title_area .page-link .material-icons{
	font-size:1rem;
	vertical-align:middle;
}
.bukken_title_area #icon_btn_area{
	margin:5px 0px;
}


.detail_area_note{
	margin:2% 3%;
}

.detail_pic_list ul{
	width:95%;
	list-style:none;
	margin:0px 0px 0px 10px;
	padding:0px;
	display:block;
}
.detail_pic_list li{
	display:block;
	margin:10px auto 0px;
	padding:15px 0px;
	width:100%;
}


.loan_box{
	width:95%;
	margin:10px auto 0px;
	border:2px solid #002546;
}
.loan_box dt{
	float:none;
	display:block;
	width:96%;
	margin:0px;
	padding:2%;
	height:auto;
}
.loan_box dt p{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}
.loan_box .price{
	width:300px;
	margin:0px auto;

}
.loan_box .price span{
	padding:2% 10%;
	min-width:100px;

}

.loan_box dd{
	float:none;
	display:block;
	width:96%;
	margin:0px;
	padding:2%;
}

.loan_box .r-box li{
	margin:2% 0px 2% 2%;
	padding:0px;
	width:45%;
	display:inline-block;
	vertical-align:top;
}
.loan_box .r-box li p{
	font-size:0.8rem;
}
.loan_box .r-box .inputbox span{
	margin-left:20px;
	font-size:0.6rem;
}

.loan_box .r-box .inputbox .loan_input {
  width: 80px;
  height: 50px;
  padding: 5px 0px 5px 5px;
  margin:0px;
  font-size: 1.5em;
}
.loan_box .r-box .inputbox .add {
	position: absolute;
	right: 15px;
	top: 1px;
	width: 20px;
}

.loan_box .r-box .inputbox .lose {
	position: absolute;
	right: 15px;
	bottom: 1px;
	width: 20px;
}

.loan_box .r-box .inputbox2{
	background:#ececec;
  padding: 10px;
	text-align:center;
	margin:15px auto;
}
.loan_box .r-box .inputbox2 .title{
	margin:10px auto 0px;
	display:block;
}
.loan_box .r-box .inputbox2 .price{
	margin:0px 2%;
	display:inline-block;
}
.loan_box .r-box .inputbox2 .price span{
	display:inline-block;
}

.madori_area dl{
	width:95%;
	margin:0px auto;
	padding:0px;
	display:block;
}
.madori_area dt{
	display:block;
	margin:0px;
	padding:0px;
	width:100%;
}
.madori_area dd{
	display:block;
	margin:0px;
	padding:0px;
	width:100%;
}
#shuhenmap ul{
	margin:0px 0px 0px 15px;
	padding:0px;
	list-style:none;
}
#shuhenmap_img li{
	margin:3% 1%;
	padding:0px;
	width:46%;
	display:inline-block;
	line-height:120%;
}

#shuhenmap_text li{
	margin:0px 1%;
	padding:0px;
	width:45%;
	display:inline-block;
}


#gaiyo_text dl{
	width:95%;
	margin:3% auto;
	padding:0px;
	display:block;
}
#gaiyo_text dt{
	display:block;
	margin:0px auto 3%;
	padding:0px;
	width:100%;
}
#gaiyo_text dd{
	display:block;
	margin:0px;
	padding:0px;
	width:100%;
}


.seller_table th{
	background:#c5b098;
	padding:2%;
	width:96%;
	display:block;
}
.seller_table td{
	background:#ececec;
	padding:2%;
	width:96%;
	display:block;
}

.seller_table p{
    white-space: pre-wrap;
}

.seller_logo_area{
    text-align:center;
    width:50%;
    margin:0px auto;
    padding:0px;
    display:block;
}
.seller_logo_area img{
    width:100%;
}

.seller_tex_area{
    width:98%;
    padding-left:0px;
    display:block;
    vertical-align:middle;
}

.googlemap_area{
	margin:2;
	padding:0px;
}

.area_btn_area{
	display:block;
}

.area_btn_area table{
	margin:0px;
	padding:0px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	margin:0px auto;
}
.area_btn_area th {
	display:none;
	width:100%;
}
.area_btn_area td{
	display:block;
	width:100%;
	margin:0px;
	padding:0px;
}



.btn2{
	display: -webkit-flex;
		display: flex;
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
		margin:3% auto;
	text-align:center;
	font-size:1.2rem;
	font-weight:bold;
}
.btn2 a {
	width:200px;
	background:#fff;
	color: #0d2543;
	transition: all 1s;
	padding:10px 20px;
	border: 3px solid #0d2543;
	border-radius:10px;
}



.hero{
	overflow: hidden;
}
.site-header{
	position:relative;
	display: flex;
	padding:0px;
	margin-bottom:-100px;
	width: 100%;
	z-index: 99;
}
.site-header.fixed{
	position: fixed;
	top: 0;
	padding:50px 0px;
}
.gnav__menu{
	background:#333333;
	margin:0px;
	padding:5px 0px 0px 7px;
	display:inline-block;
}
.gnav__menu__item{
	letter-spacing:0em;
	line-height:120%;
	padding:1px 2px;
	width:22%;
	display:inline-block;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	margin:0px auto 5px;
	background:#fff;
	border-radius:5px;
	color:#333;
}
.gnav__menu__item a .material-icons {
	color:#008bd5;
	font-size:14px;
	vertical-align:middle;
	padding-right:2px;
	display:block;
}


.main-carousel .slide {
   width: 100%;
	 height:auto;
	 margin-top:15px;
}
.main-carousel .slide img {
   width: 100%;
	 height:auto;
}


.search_list li{
	width:96%;
	margin:2% auto;
	padding:0px;
	display:block;
	vertical-align:top;
}
.search_list li img{
	display:inline-block;
}

.todofuken_list a{

	width:21%;
	display:inline-block;
	line-height:130%;
	margin:0px 5px 0px 0px;
	padding:0px 5px 0px 0px;
}


.sortbox_select_list li{
	padding-right:5px;
}
.sear-main-img{
	width:55%;
	display:inline;
	text-align:center;
}

.madori-img{
	width:35%;
	display:inline;
	text-align:center;
}


.todofukensearch h4{
	border:none;
	background:#1382c6;
	margin:15px 5px;
	padding:8px 12px;
	color:#fff;
}
.material-icons{
	padding-right:10px;
	font-size:25px;
}

.accordion_box {
	width: 100%;
}
.accordion_box label {
	border-bottom: solid 1px white;
	background-color: #fff;
	cursor: pointer;
	padding: 10px;
	font-weight: bold;
	display: block;
}
.accordion_box input {
	display: none;
}
.accordion_box .accordion_contents {
	display: none;
}
.accordion:checked + .accordion_contents {
	display:block;
	margin: 0px;
	padding: 10px;
}


.example2{
	right:0;
}
.example2 li {
	width:auto;
	display:inline;
	padding:10px 15px;
	border:1px #ccc solid;color:#000053;
	border-radius: 5px / 5px;
}

.example2 .this {background-color:#777;color:#fff;}

.openbox .boxshow li{
	width:48%;
}
.openbox .boxshow li .btn2 a{
	font-size:0.8rem;
}
.report_area dl{
	margin:0px 2%;
	display:block;
}
.report_area dt{
	margin:0px;
	padding:0px;
	display:block;
	width:100%;
}
.report_area dd{
	margin:0px;
	padding:0px;
	display:block;
	width:100%;
}
.tag_area li{
	width:30%;
	margin:1%;
	display:inline-block;
}

.side_report_list li{
	width:45%;
	margin:1%;
	display:inline-block;
}

#hitbox_area_left{
	float:none;
}
#hitbox_area_right{
	float:none;
}

#hitbox_area_left span{
	font-size:0.8rem;
	display:block;
	float:none;
	margin:0px;
	padding:0px;
}
.sortbox_select_list{
	padding:5px;
}

.mail_form_area{
	width:90%;
}
.mail_form{
	margin:5px auto;
	border-top:1px #ddd solid;
	border-bottom:2px #ddd solid;
}
.mail_form th{
	display:block;
	width:100%;
	border-bottom:none;
}
.mail_form td{
	display:block;
	width:100%;
	padding:10px 0px 55px 0px;
	border-bottom:none;
}
.infoformtext {
  height: 40px;
}

.pickup-list_title{
	position:relative;
	width:60%;
	bottom:0;
	left:0;
	display:inline-block;
	line-height:130%;
	margin:0px;
	padding:0px;
}
.pickup-list h4{
	font-size:1rem;
	width:100%;
	margin:0px;
	padding:0px;
	display:inline;
}

.pickup-list_title p{
	font-size:0.8rem;
	width:100%;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	margin:10px 0px 0px 0px;
	padding:0px;
}

.pickup-list_madori{position:relative; left:10px; width:35%; top:0; display:inline-block; margin:0px 8px 8px 0px; float:right;}

}

.post-description-truncate {
	display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.truncate-overflow {
    --max-lines: 4;
    position: relative;
    max-height: calc(var(--lh) * var(--max-lines));
    overflow: hidden;
    padding-right: 1rem;
    /* space for ellipsis */
}

.truncate-overflow span::before {
    position: absolute;
    content: "...";
    inset-block-end: 0;
    /* "bottom" */
    inset-inline-end: 0;
	/* "right" */
	right: 0.5rem;
	bottom: -0.2rem;
}

.truncate-overflow::after {
    content: "";
    position: absolute;
    inset-inline-end: 0;
    /* "right" */
    width: 1rem;
    height: 1rem;
    background: white;
}

.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    /* background-color: #e9ecef; */
    border-radius: .25rem
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: 3px;
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    content: ">>";
    padding-right: 3px;
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: underline
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: none
}

.category-item.active {
	color: #fff;
    background: #0d2543;
}

.infoformtextarea {
	min-height: 100px;
	border: 1px solid #ccc;
	width: 96%;
	outline: 0;
	padding: 5px;
	font-size: 1em;
}

.is-invalid {
	border-color: #dc3545;
	padding-right: 2.25rem;
	background-image: url(../../img/icon_required.png);
	background-repeat: no-repeat;
	background-position: right calc(.375em + .1875rem) center;
	background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.invalid-feedback {
	width: 100%;
	margin-top: .25rem;
	font-size: 15px;
	color: #dc3545;
	display: inline-block;
}

.alert {
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: .25rem;
}

.alert-danger {
	color: #fff;
	background: #dc3545;
	border-color: #d32535;
}

.alert-success {
	color: #fff;
	background: #28a745;
	border-color: #23923d;
}

.edit-modal-register {
	padding: 0px !important;
	box-shadow: 0 0 10px #0000004d !important;
	font-size: 2em;
}

.register-modal-header .modal-title {
	background-color: #0D2543;
	padding: 20px;
	color: #fff;
}

.modal-footer {
	border-top: 1px solid #EEEEEE;
	text-align: right;
	padding: 0px 10px;
}

.modal-footer .btn {
	width: 150px;
	padding: 10px;
	outline: 0;
	cursor: pointer;
	color: #fff;
	font-weight: 500;
	font-size: 16px;
}

.modal-footer .btn-primary {
	background-color: #007BFF;
}

.modal-footer .btn-secondary {
	background-color: #5A6268;
}

.modal-body {
	font-size: 16px;
	padding: 20px;
}

.jquery-modal.blocker {
	background-color: rgba(186, 195, 208, 0.5);
	overflow-y: scroll;
}

.content-success {
	text-align: center;
	font-size: 124%;
	line-height: 2;
}

.block-success .title-success {
	color: #0091e1;
	margin: 0px !important;
}

.contact-btn {
    margin: 1%;
    display: inline-block;
    font-size: 1.1rem;
    text-align: center;
    cursor: pointer;
    padding: 1% 5% ;
    margin: 0px 10px;
    background: #333;
    color: #ffffff;
    transition: .3s;
    line-height: 1em;
    width: 160px;
}

.contact-btn:hover {
    box-shadow: none;
    opacity: 0.8;
    padding: 1% 5%;
    margin: 0px 10px;
}

.ref_area {
    padding: 100px 2% 50px;
}

.company_area {
    width: 80%;
    margin: 0px auto;
    padding: 0px;
}

.company_area h4 {
    margin: 20px 10px 10px;
    border-left: 6px solid #008bd5;
    padding-left: 15px;
}

.company_table {
    width: 70%;
    margin: 0px auto;
    padding: 0px;
    border-top: #ddd solid 1px;
}

.company_table th {
    background: #eee;
    width: 25%;
    margin: 0px auto;
    padding: 2% 0px;
    vertical-align: middle;
    text-align: center;
    border-bottom: #ddd solid 1px;
}

.company_table td {
    width: auto;
    margin: 0px auto;
    padding: 2%;
    vertical-align: middle;
    border-bottom: #ddd solid 1px;
}

.img-content {
	width: 100%;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	border-radius: 10px;
	padding-top: 71%;
}

.show-title-content h4 {
	height: auto;
	width: 100%;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

@media (max-width: 767px) {
    .show-title-content h4 {
        height: 75px !important;
    }
}

.show-title-content p {
	height: 50px;
	width: 100%;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

@media only screen and (max-width: 767px) {
	.paging_simple_numbers li {
		border: none;
		margin: -15px;
	}
}

.search_select_checkbox a:hover {
	text-decoration: underline;
}

.bgit {
	padding-top: 35%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.text-center {
	text-align: center;
}

.globalnav a {
	color: #fff;
}

.globalnav-btn a {
	border: 1px solid #fff;
	transition: all 1s;
	padding: 10px 20px;
}

.globalnav-btn a:hover {
	color: #fff;
	border: 1px solid #fff;
	border-radius: 50px;
}

.globalnav-btn {
	margin: 0px;
	text-align: center;
	font-size: 0.8rem;
	font-weight: bold;
}


.loan_input::-webkit-outer-spin-button,
.loan_input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.loan_input {
    -moz-appearance: textfield;
}

#map, #model-room-map{
    height: 450px;
}

#shuhenmap_text li i {
    padding-right: 10px;
    color: #002546;
}

.kodawari_discription {
	word-break: break-all;
}

.d-none {
    display: none;
}

#loading-icon {
    position: fixed; top: 0; right: 0; left: 0; bottom: 0; opacity: 0.5; background: black; display: none; z-index: 9999
}
.lds-default {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    top: 46%;
    left: 46%;
}
.lds-default div {
    position: absolute;
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    animation: lds-default 1.2s linear infinite;
}
.lds-default div:nth-child(1) {
    animation-delay: 0s;
    top: 37px;
    left: 66px;
}
.lds-default div:nth-child(2) {
    animation-delay: -0.1s;
    top: 22px;
    left: 62px;
}
.lds-default div:nth-child(3) {
    animation-delay: -0.2s;
    top: 11px;
    left: 52px;
}
.lds-default div:nth-child(4) {
    animation-delay: -0.3s;
    top: 7px;
    left: 37px;
}
.lds-default div:nth-child(5) {
    animation-delay: -0.4s;
    top: 11px;
    left: 22px;
}
.lds-default div:nth-child(6) {
    animation-delay: -0.5s;
    top: 22px;
    left: 11px;
}
.lds-default div:nth-child(7) {
    animation-delay: -0.6s;
    top: 37px;
    left: 7px;
}
.lds-default div:nth-child(8) {
    animation-delay: -0.7s;
    top: 52px;
    left: 11px;
}
.lds-default div:nth-child(9) {
    animation-delay: -0.8s;
    top: 62px;
    left: 22px;
}
.lds-default div:nth-child(10) {
    animation-delay: -0.9s;
    top: 66px;
    left: 37px;
}
.lds-default div:nth-child(11) {
    animation-delay: -1s;
    top: 62px;
    left: 52px;
}
.lds-default div:nth-child(12) {
    animation-delay: -1.1s;
    top: 52px;
    left: 62px;
}
@keyframes lds-default {
    0%, 20%, 80%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.5);
    }
}

.button-area {
    text-align: center;
}
::placeholder {
    color: #ddd;
}
.button-area {
    border-bottom: #ddd solid 1px;
    margin-bottom: 20px;
    font-weight: bold;
}
.search-button-div {
    text-align: center;
}
.dispHide {
    display: none;
}

#sibori_btn_area {
    border-top: #ccc solid 1px;
    margin-top: 10px;
    padding-top: 10px;
}

.propertyFeatures {
	margin:150px auto 0px;
}

.button:hover {
    padding: 1% 5% !important;
    margin: 1%;
}

.img_detail_list {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 250px;
}

.model_pic img {
	height: 450px !important;
}

.adjustment_height {
	margin-bottom: 70px;
}

.border-top-0 {
    border-top: 0 !important;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}

.hidden {
    visibility: hidden;
}

.mt-1 {
    margin-top: 1em !important;
}