.pc {
    display: none !important;
}
.sp {
    display: block;
}
* {
    box-sizing: border-box;
}
.template4 {
    overflow: hidden;
}
#header {
    background: none;
    height: 100px;
    border-bottom: 1px solid #CCC;
}
#header .logo {
	
    /*top: 20px;
    left: 20px;*/
	top:5px;
    left:10px;
}
#header .logo img {width:80%;height:auto;}

.middle,
.middle_main03,
.middle_right03 {
    width: 100%;
    float: none;
}

.wrap {
    width: 96%;
}


#g-nav .sp li {
    float: none;
    border-top: 1px solid #ccc;
}
#g-nav .sp>ul.drawer-menu>li:not(:nth-child(2)) a {
    /*display: block;*/
    /*padding: 20px 0 20px 35px;*/
    /*background: url("../images/arrow_green.png") no-repeat 20px center;*/
    /*font-weight: bold;*/
}
#g-nav .sp>ul.drawer-menu>li:nth-child(2) a {
    /*display: block;*/
    /*padding: 20px 0 20px 20px;*/
    /*font-weight: bold;*/
}
#g-nav .sp>ul.drawer-menu>li>a {
    display: block;
    padding: 20px 0 20px 20px;
    font-weight: bold;
}

#g-nav .sp ul li ul.drawer-dropdown-menu li a {
    display: block;
    padding: 15px 0 15px 40px;
}


.index-search-inner {
    border: 0;
}
.index-search .area-sp {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}
.index-search .area-sp h2 {
    background: url("../images/index_search_refine_icon.png") no-repeat left center;
    height: 40px;
    font-size: 18px;
    padding-left: 50px;
    line-height: 40px;
    margin-bottom: 12px;
}
.index-search .area-sp li {
    width: 50%;
    float: left;
}
.index-search .area-sp a {
    /*display: block;*/
    padding: 10px;
}
.index-search .refine {
    width: 100%;
    height: auto;
    padding: 0;
}
.index-search .refine .search-bt {
    margin: 10px auto;
    display: block;
}
.index-search .refine ul {
    width:279px;
    margin:0 auto 20px;
}
.index-search .refine table ul {
    width:100%;
    margin:0;
}

.index-search .budget {
    width: 100%;
    height: auto;
}
.posted {
    clear: both;
    font-size: 16px;
    font-weight: bold;
}
.posted dl {
    width: 100%;
    background: #E8E6DE;
}
.posted dt {
    width: 100%;
    background: #609623;
    color: #fff;
    padding: 15px 0;
    float: none;
    text-align: center;
}
.posted dd {
    float: none;
    padding: 5px 0;
    font-size: 14px;
    text-align: center;
}



.index02 {
    /*display: none;*/
}
.index02 li {
    width: 100%;
    background: #fff;
}
.index02 li h3 {
    width: 100%;
    padding: 10px 15px;
    color: #fff;
    font-size: 15px;
}
.index02 .bt01 h3 {
    background: #1262BC;
}
.index02 .bt02 h3 {
    background: #F24530;
}
.index02 .bt03 h3 {
    background: #F5821D;
}
.index02 .bt04 h3 {
    background: #6EB41B;
}
.index02 li ul {
    margin: 0 15px 15px;
}
.index02 li li {
    width: 50%;
    float: left;
    margin: 15px 0 0 0;
    padding: 0 0 0 11px;
    background: url("../images/arrow_green.png") no-repeat 0 5px;
}

#index-release .release01 {
    width: 100%;
	height:auto !important;
    margin:0 0 20px;
}
#index-release .release02,
#index-release .release03 {
    width: 50%;
    margin: 0;
}
#index-release .release02 img,
#index-release .release03 img {
    width: 100%;
    height: auto;
}
#index-new li {
    width: 90%;
    margin: 0 auto 10px !important;
    float: none;
}
#index-new li .imgPhoto{width:100%;height:auto;}
#index-new li img {
    width: 100%;
    height: auto;
}
.banner li {
    margin-bottom: 10px;
}
.banner li:last-child {
    margin-bottom: 0;
}
.banner img {
    width: 90%;
    height: auto;
}

#footer li:last-child,
#footer li li {
    width: 100% !important;
}


/* search_list */
.contents_table {box-sizing: border-box;}

.ckSeikyuBtn,
.ckSeikyuBtn a {
    width: 100%;
    box-sizing: border-box;
}
.search_list_table_td_contents_001_img {
    float: none;
    width: auto;
    text-align: center;
}
.search_list_table_td_contents_001_table_001,
.search_list_table_td_contents_001_table_002{
    float: none;
}
.search_list_table_td_contents_001_table_002 th {
    width: 25% !important;
}
.search_list_table_td_contents_001_table_002 td {
    width: 75% !important;
}
.search_list_table_td_contents_001_txt {
    width: 100%;
    box-sizing: border-box;
    float: none;
    margin: 0;
}
.search_list_table_td_contents_001_txt dl,
.search_list_table_title dt{float: none;width: auto;margin:0 0 5px;}
.search_list_table_title dd{width:80%;margin: 0;}


.search .searchBtn,
.search2 .searchBtn{float:none;width:90%;margin:0 auto 20px; clear:both;}

.ckSeikyuBtnTop{float:none; width:80%;margin:0 auto 20px;}
input.btnSubmit{width:80%;margin:0 auto 10px;}

.search_parts{width:95%;margin:0 auto;}
.list_count {width:95%;margin:0 auto 10px;}
.research_link {
    display:block;
	float:none;
    width:80%;
    margin:0 auto;
    padding:10px 0 15px;
    clear: both;
}
#list_sort_select{display:block;}

#sidebar{display:none;}



/* detail */
.search_detail_contents_002 {
    width:100%;
    border:4px solid #f3f3f3;
    margin:0px auto 10px auto;
    padding:20px 20px 20px 20px;
    position:relative;
}
.detail .bukkenBox {
    width: 100% !important;
}
.fukidasi_box,
.fukidasi_txt {
    float: none;
    width: 100%;
}
.page_bottom_nav02 {
    float: none;
    margin: 0 auto;
}
.page_bottom_nav03 {
    float: none;
    margin:10px auto;
}
.page_bottom_nav03 img,
.bkmark img {
width: 100% !important;
height:auto;
}
.bkmark {
    float: none;
    margin: 0 auto 20px;;
    text-align: center;
}
.login_map_area {
    width: 100%;
    height: auto;
}

.detailOpenhouse,
.search_detail_contents_001,
.detail .detailBox {
    width: 100%;
    box-sizing: border-box;
}
.detail .detailBox li{width:240px !important;}
.detail .detailBox li .imgPhoto{width:240px;}
.detail .detailBox li .imgPhoto img{ max-width:240px !important; height:auto;}

.contents_table,
.contents_table .sp_table {
    width: 100%;
}
.login_map_area table a {
    width: 300px;
    background-size: 100%;
    top: 55px;
}
.detailLoginArea {
    height: 195px;
}
.detailLoginArea iframe{margin:-15px 0 0;height:170px;}

.subLogin {
    margin: 0 auto;
}

.subMember{ width:100%; margin:0 auto 20px;}
.subMember h3{width:100%;}

.scTitle03 h2{line-height:1.2em;}
.detailPoint{
    margin:0 0 10px;
    padding:30px 0 0 0;
    background:url(../images/point_icon.png) 0 0 no-repeat;
    font-size:114%;
    font-weight:bold;
    color:#f93;
}




/* ############################################## */
.inqDetailBox{position:relative;width:90%;margin:40px auto 30px;padding:30px 20px 20px 23px;background:#ECF9D9;border:solid 3px #72B31D;}

.inqDetailBox span{
position:absolute;
top:-16px;
display:inline-block;
margin:0 0 15px;
padding:5px 20px;
background:#76B22B;
border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
text-align:center;
font-size:114%;
font-weight:bold;
color:#fff;
}

.inqDetailBox p{margin:0 10px !important; color:#333; clear:both; float:none; width:auto;}

.inqDetailBox dl{float:none;width:90%;margin:10px auto 0;}
.inqDetailBox dt{font-weight:bold;}
.inqDetailBox dd{font-size:225%;color:#469A00;line-height:1.2em;}

.inqDetailBox ul{float:none;width:90%;margin:15px auto 0; text-align:center;}
.inqDetailBox li a{
display:block;
float:none;
border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
color:#fff;
font-size:114%;
text-align:center;
}
.inqDetailBox li:nth-of-type(1) a{width:100%;margin:0 10px 10px 0;padding:10px 0;background:#0064BB;}
.inqDetailBox li:nth-of-type(2) a{width:100%;margin:0 10px 10px 0;padding:10px 0;background:#76B22B;}
.inqDetailBox li:nth-of-type(3) a{width:100%;}
.inqDetailBox li:nth-of-type(3) a img{width:100%;}
.inqDetailBox li a:hover{text-decoration:none;color:#fff !important;filter: alpha(opacity=80);opacity:0.8;}


/* ############################################## */
/*お支払いシミュレーション*/
.charge{
width:100%;
margin:0 auto 30px;
padding:15px 20px;
border:#72B31D 3px solid;
border-radius:5px;
box-sizing:border-box;
margin-bottom:30px;
background-color:#F3FBE5;
}
div.loansmTtlBox p {margin:10px 0 5px;}

.loansmTtl,
.loansmMini{
font-size:144%;
font-weight:bolder;
color:#004AAF;
}
.loansmMini{}
.loansmTb {
display:inline-block;
width:100%;
box-sizing:border-box;
margin:10px 0 5px 0;

vertical-align:bottom;
}

input[type=radio] {position:relative;top:-3px;}
.loansmTb li.loansmTbTitle {
font-size:107%;
font-weight:bolder;
margin-bottom:5px;
}
.loansmTb ul{
border:#469A00 3px solid;
border-radius:5px;
box-sizing:border-box;
padding:12px 0 10px 8px;
width:43%;
height:100px;
margin:0 3% 3% 0;
float:left;
vertical-align:middle;
padding-top:15px;
background-color:#FFF;
}
.loansmTb ul:nth-child(2){width:51%;}
.loansmTb ul:nth-child(3){width:43%;}
.loansmTb ul:nth-child(4){width:51%;padding-top:12px;}

.loansmTb ul:last-child{
border:#FA491D 3px solid;
float:right;
width:70%;
height:80px;
/*margin-right:0%;*/
margin:0;
font-size:114%;
font-weight:bolder;
color:#FA491D;
line-height:1;
padding-top:11px;
}

.loansmTb ul:nth-child(4){padding-top: 6px;}
.loansmTb ul:nth-child(5){
height:90px;
border:none;
padding:10px 0 0 0;
width:25%;
margin:20px 5px 0 0; 
font-size:144%;
font-weight:bolder;
background-color: transparent;
text-align:right;}

.loansmTb ul input[type=text]{
font-size:18px;
font-weight:bolder;
margin:0 3px 0 0;
padding:2px 5px;
width:50%;
color:#004AAF;
border:#004AAF 1px solid;
}

.loansmTbKome{color:#666;}