/* ===================================================================
CSS
 file name  :  sch_list.css
=================================================================== */
@media screen and (min-width: 769px) {
/* PC用のスタイル記述 */
/* =====================================
物件一覧（通常・条件変更あり）
======================================== */
#list_navi{
    background:#F0EFF4;
    padding:20px 30px 0 30px;
}
#list_navi #num_area{
	display: flex;
	justify-content: center;
}
#list_navi #num_area #num_title{
	width:120px;
	color:#FFFFFF;
	background:#00306D;
	text-align:center;
	padding:10px 0;
	margin-right:20px;
}
#list_navi #num_area #bkn_num{
	line-height:160%;
	padding-bottom:10px;
	padding-top: 10px;
}
#list_navi #num_title{
    width:120px;
    float:left;
    color:#FFFFFF;
    background:#00306D;
    text-align:center;
    padding:10px 0;
    margin-right:20px;
}
#list_navi #bkn_num{
    width:140px;
    float:left;
    line-height:160%;
    padding-bottom:10px;
    padding-top: 10px;
}
#list_navi #bkn_num .nomal{
    font-size:220%;
    color:#000;
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
}
#list_navi #bkn_num .login{
    font-size:220%;
    color:#F00;
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
}
#list_navi #bkn_num .attention{
    font-size:85%;
}
#list_navi #bn_entry{
    float:right;
    width:460px;
}
#list_navi #bn_entry .btn{
    background:#C7524B;
    padding:10px 0;
}
#list_navi #bkn_kind{
    border-top:1px solid #00306D;
    padding:15px 0;
    margin-top: 10px;
}
#list_navi #bkn_kind li {
    width: 306px;
}
#list_navi #sort_area{
	border-top:1px solid #00306D;
	padding:15px 0;
	margin-top: 10px;
}
#list_navi #sort_area #sort_txt{
	float:left;
	width:480px;
	padding-top:5px;
}
#list_navi #sort_area #sort_txt .btn{
	display:inline-block;
	background:#00306D;
	font-size:90%;
	padding:0 10px;
}
#list_navi #sort_area #fp_icon{
	float:left;
	border-left:1px solid #00306D;
	width:102px;
	padding-left:20px;
}
#list_navi #sort_area #fp_txt{
	float:right;
	width:300px;
	padding-left:10px;
	font-size:75%;
}
#list_right{
    float:right;
    width:710px;
    margin-top:10px;
    padding-bottom:30px;
}
.page_navi{
    margin-top:10px;
    position:relative;
    color:#000;
    height:50px;
}
.page_navi .page_num{
    font-size:160%;
    font-weight:bold;
}
.pager{
    position:absolute;
    top:10px;
    right:0;
}
.pager a{
    border:1px solid #CCC;
    background:#FFF;
    text-decoration:none;
    width:35px;
    margin-left:5px;
    padding:5px 10px;
    text-align:center;
}
.pager a:hover{
    border:1px solid #00306D;
    color:#00306D;
}
.pager a.on{
    border:1px solid #CCC;
    background:#333;
    color:#FFF;
    font-weight:bold;
}
.pager span{
    margin-left:5px;
}
.allreqarea{
    margin-top:10px;
    background:#F3F2ED;
    border-radius:5px;
    position:relative;
    display:table;
    width:100%;
}
.allreqarea label{
    color:#00306D;
    text-decoration:underline;
    background:#BFDFFF;
    display:table-cell;
    padding:0 20px;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
}
.allreqarea .allreq{
    display:table-cell;
    padding:10px 0;
    text-align:center;
}
.allreqarea .btn{
    background:#C7524B;
    display:inline-block;
    padding:5px 40px;
    font-size:120%;
}
/* 物件コマ */
.listbox{
    margin-top:20px;
    border-bottom:1px solid #CCCCCC;
}
.listbox .boxhead{
    display:table;
}
.listbox .boxhead .boxcheck{
    display:table-cell;
    width:50px;
    text-align:center;
    background:#BFDFFF;
    border-top:3px solid #00306D;
}
.listbox .boxhead .bknname{
    display:table-cell;
    width:620px;
    border-top:3px solid #888888;
    box-sizing:border-box;
    padding:10px 0 7px 20px;
}
.listbox .boxhead .bknname a{
    color:#00306D;
    font-weight:bold;
}
.listbox .boxhead .bknname .kind{
    font-size:80%;
    margin-left:10px;
}
.listbox .boxbody{
    display:table;
}
.listbox .boxbody .boxcheck{
    display:table-cell;
    width:50px;
    text-align:center;
    background:#BFDFFF;
}
.listbox .boxbody .photo{
    width:200px;
    text-align:center;
    margin-left:20px;
    padding:20px 0;
    border-top:1px solid #CCCCCC;
    position:relative;
}
.listbox .boxbody .photo .newicon{
    position:absolute;
    top:19px;
    left:5px;
}
.listbox .pricedownicon{
    color: #FFFFFF;
    background: #00B2B2;
    margin-left: 5px;
    padding: 0 6px;
    border-radius: 3px;
    display: inline;
}

.listbox .boxbody .photo .fp{
    margin-top:10px;
    text-align:left;
}
.listbox .boxbody .outline{
    display:table-cell;
    width:400px;
    padding:10px 0 20px 20px;
    box-sizing:border-box;
    border-top:1px solid #CCCCCC;
    vertical-align:top;
    font-size:85%;
}
.listbox .boxbody .outline th{
    border-bottom:1px solid #CCC;
    border-top:none;
    background:#FFF;
    color:#00306D;
    width:90px;
    font-weight:normal;
    text-align:left;
    padding:5px 0;
}
.listbox .boxbody .outline td{
    border-bottom:1px solid #CCC;
    border-top:none;
    padding:5px 0;
}
.listbox .boxbody .outline .price{
    color:#FF0000;
    font-size:130%;
    font-weight:bold;
}
.listbox .boxbody .outline .btn_area{
    margin-top:20px;
}
.listbox .boxbody .outline .btn_area .btn{
    width:180px;
    padding:5px 0;
    display:inline-block;
}
.listbox .boxbody .outline .btn_area .btn_detail{
    background:#00306D;
}
.listbox .boxbody .outline .btn_area .btn_req{
    margin-left:20px;
    background:#C7524B;
}
/* =====================================
検索条件変更
======================================== */
#list_left{
    float:left;
    width:260px;
    font-size:85%;
    margin-top:30px;
}
#list_left h3{
    border-top:3px solid #00306C;
    border-left:1px solid #BBBBBB;
    border-right:1px solid #BBBBBB;
    border-bottom:1px solid #BBBBBB;
    color:#00306C;
    padding:5px 15px;
    font-weight:bold;
    margin-top:30px;
}
#list_left h3.first{
    margin-top:0;
}
#list_left h4{
    border-left:1px solid #CCC;
    border-right:1px solid #CCC;
    border-bottom:1px solid #CCC;
    padding:5px 15px;
    background:#DDDDDD;
    color:#00306D;
}
#list_left .box_g{
    background:#F6F6F8;
    border-left:1px solid #CCC;
    border-right:1px solid #CCC;
    border-bottom:1px solid #CCC;
    padding:15px;
    max-height:300px;
    overflow:auto;
}
#list_left .box_w{
    border-left:1px solid #CCC;
    border-right:1px solid #CCC;
    border-bottom:1px solid #CCC;
    padding:15px;
}
#list_left .btn_save,
#list_left .btn_search{
    background:#F6F6F8;
    padding:5px 0;
    color:#FF8000;
    font-size:120%;
    border:1px solid #CCCCCC;
    font-weight:bold;
}
#list_left .box_g span{
    color:#F00;
}
#list_left .box_g ul.second li{
    width:110px;
    float:left;
}

#bkn_kind{
}
#bkn_kind ul{
    margin-left:-10px;
}
#bkn_kind li{
    float:left;
    margin-left:10px;
    width:170px;
}
#bkn_kind li .btn{
    padding:10px 0;
    background:#F6F6F8;
    color:#00306C;
    font-size:120%;
    font-weight:bold;
}
#bkn_kind li .on{
    background:#00B285;
    color:#FFFFFF;
}
.reform_btn {;
    margin: 10px auto 0;
    text-align:center;
}
/* 物件コマ */
#list_recommend ul{
    margin-left:-24px;
    padding-bottom:20px;
}
#list_recommend li{
    width:220px;
    height:375px;
    overflow:hidden;
    float:left;
    margin-top:20px;
    margin-left:24px;
    box-shadow: 0px 0px 5px #BBBBBB;
    line-height:140%;
}
#list_recommend .boxhead{
    padding:8px 10px 0 10px;
    height:40px;
    box-sizing:border-box;
    background:#EEEEF2;
}
#list_recommend .boxhead .boxcheck{
    float:left;
    display:inline-block;
}
#list_recommend .boxhead .kind{
    float:right;
    font-size:75%;
    display:inline-block;
}
#list_recommend .boxhead .kind_kodate{
    color:#00B285;
}
#list_recommend .boxhead .kind_chukokodate{
    color:#D9A300;
}
#list_recommend .boxhead .kind_tochi{
    color:#3F1F00;
}
#list_recommend .boxhead .kind_mansion{
    color:#FF2626;
}
#list_recommend .boxhead .kind_chukomansion{
    color:#FF5C26;
}

#list_recommend .boxhead.reform_kind_kodate .kind_kodate,
#list_recommend .boxhead.reform_kind_chukokodate .kind_chukokodate,
#list_recommend .boxhead.reform_kind_mansion .kind_mansion{
    color:#FFFFFF;
}
#list_recommend .boxhead.reform_kind_kodate{
    background-color:#4aacc5;
}
#list_recommend .boxhead.reform_kind_chukokodate{
    background-color:#f79647;
}
#list_recommend .boxhead.reform_kind_mansion{
    background-color:#c00000;
}
#list_recommend .thumbnail{
    position:relative;
    text-align:center;
    height:165px;
}
#list_recommend .thumbnail .thumbnail_image{
    width: 220px;
    height: 165px;
    object-fit: contain;
}
#list_recommend .thumbnail a:hover img{
    opacity: 1.0;
    filter: alpha(opacity=100);
    -moz-opacity:10;
}
#list_recommend .thumbnail .newicon{
    position:absolute;
    top:0;
    left:5px;
}
#list_recommend .thumbnail .fp{
    position:absolute;
    top:5px;
    right:5px;
}
#list_recommend .thumbnail .hponly_icon{
    position:absolute;
    bottom:0px;
    right:5px;
}
#list_recommend .thumbnail .inin_icon{
    position:absolute;
    bottom:0px;
    left:5px;
}
#list_recommend .text{
    padding:10px;
    font-size:85%;
}
#list_recommend .name{
    font-weight:bold;
    color:#00306D;
}
#list_recommend .price span{
    font-weight:bold;
    color:#D80000;
    font-size:120%;
}
#list_recommend .access{
    font-size:85%;
}
#list_recommend .btn_area .btn{
    width:90px;
    padding:5px 0;
    display:inline-block;
    margin-top:10px;
}
#list_recommend .btn_area .btn_detail{
    background:#00306D;
}
#list_recommend .btn_area .btn_req{
    margin-left:10px;
    background:#C7524B;
}

  .nonpc {
    display: none;
  }

  .pc {
    display: block;
  }
.setsubi_icon
{
    font-size: 0;
    margin-top:10px;
}
.setsubi_icon img
{
    width: 48px;
    margin: 0 1px;
}
}
@media screen and (max-width: 768px) {
/* スマートフォン用のスタイル記述 */
/* =====================================
物件一覧（通常・条件変更あり）
======================================== */
#list_navi{
    background:#F0EFF4;
    padding:10px;
    font-size:120%;
}
#list_navi #num_title{
    color:#00306D;
    text-align:center;
}
#list_navi #bkn_num{
    margin-top:10px;
    line-height:160%;
    text-align:center;
}
#list_navi #bkn_num .nomal{
    font-size:220%;
    color:#000;
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
}
#list_navi #bkn_num .login{
    font-size:220%;
    color:#F00;
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
}
#list_navi #bn_entry{
    margin-top:10px;
}
#list_navi #bn_entry img{
    margin:auto;
}
#list_navi #bn_entry .btn{
    background:#C7524B;
    padding:15px;
}
#list_navi #sort_area{
}
#sort_area #sort_txt{
    text-align:center;
    padding:10px 0;
}
#sort_area #sort_txt .btn{
    display:block;
    background:#00306D;
    width:60%;
    margin:10px auto auto auto;
    padding:4px 10px;
}
#list_navi #sort_area #fp_icon{
    float:left;
    width:20%;
    padding-left:10px;
    box-sizing:border-box;
}
#list_navi #sort_area #fp_txt{
    float:right;
    width:80%;
    padding:0 10px;
    font-size:80%;
    box-sizing:border-box;
}
#list_navi #num_area #fp_icon{
    float:right;
    width:20%;
    padding-left:10px;
    box-sizing:border-box;
}
#list_navi #num_area #fp_txt{
    float:right;
    width:80%;
    padding:0 10px;
    font-size:80%;
    box-sizing:border-box;
}
#list_right{
    margin-top:10px;
    padding-bottom:10px;
}
.page_navi{
    margin-top:10px;
    text-align:center;
}
.page_navi .page_num{
    font-size:160%;
    font-weight:bold;
}
.pager{
    margin-top:10px;
}
.pager a{
    border:1px solid #CCC;
    background:#FFF;
    text-decoration:none;
    margin-left:5px;
    padding:5px 10px;
    text-align:center;
}
.pager a:hover{
    border:1px solid #00306D;
    color:#00306D;
}
.pager a.on{
    border:1px solid #CCC;
    background:#333;
    color:#FFF;
    font-weight:bold;
}
.pager span{
    margin-left:5px;
}
.allreqarea{
    margin-top:10px;
    padding:0 10px;
    text-align:center;
}
.allreqarea label{
    color:#00306D;
    text-decoration:underline;
    background:#BFDFFF;
    padding:10px 20px;
    display:inline-block;
    border-radius:5px;
}
.allreqarea .allreq{
    padding:10px 0;
    text-align:center;
}
.allreqarea .btn{
    background:#C7524B;
    padding:7px 10px;
    font-size:120%;
}
/* 物件コマ */
.listbox{
    margin-top:20px;
    border-bottom:1px solid #CCCCCC;
}
.listbox .boxhead{
    display:table;
    width:100%;
}
.listbox .boxhead .boxcheck{
    display:table-cell;
    width:40px;
    text-align:center;
    background:#BFDFFF;
    border-top:3px solid #00306D;
}
.listbox .boxhead .bknname{
    display:table-cell;
    background:#BFDFFF;
    border-top:3px solid #888888;
    box-sizing:border-box;
    padding:10px 0 7px 10px;
}
.listbox .boxhead .bknname a{
    color:#00306D;
    font-weight:bold;
}
.listbox .boxhead .bknname .kind{
    font-size:80%;
    margin-left:10px;
}
.listbox .boxbody{
    display:table;
    border-top:1px solid #CCCCCC;
}
.listbox .boxbody .boxcheck{
    display:none;
}
.listbox .boxbody .photo{
    display:table-cell;
    width:30%;
    text-align:center;
    padding:10px 0 10px 10px;
    position:relative;
}
.listbox .boxbody .photo .newicon{
    position:absolute;
    top:9px;
    left:23px;
    width:25px;
}
.listbox .pricedownicon{
    color: #FFFFFF;
    background: #00B2B2;
    margin-left: 5px;
    padding: 0 6px;
    border-radius: 3px;
    display: inline;
}
.listbox .boxbody .photo .fp{
    margin-top:10px;
    text-align:left;
    width:40%;
    display:block;
}
.reform_btn {
    width:80%;
    text-align:left;
    margin-top: 10px;
}
.listbox .boxbody .outline{
    display:table-cell;
    width:65%;
    padding:10px;
    box-sizing:border-box;
    vertical-align:top;
    font-size:85%;
}
.listbox .boxbody .outline th{
    border-bottom:1px solid #CCC;
    border-top:none;
    background:#FFF;
    color:#00306D;
    width:60px;
    font-weight:normal;
    text-align:left;
    padding:3px 0;
}
.listbox .boxbody .outline td{
    border-bottom:1px solid #CCC;
    border-top:none;
    padding:3px 0;
}
.listbox .boxbody .outline .price{
    color:#FF0000;
    font-size:130%;
    font-weight:bold;
}
.listbox .boxbody .outline .btn_area{
    margin-top:10px;
}
.listbox .boxbody .outline .btn_area .btn{
    width:47%;
    padding:5px 0;
    display:inline-block;
}
.listbox .boxbody .outline .btn_area .btn_detail{
    background:#00306D;
}
.listbox .boxbody .outline .btn_area .btn_req{
    margin-left:5%;
    background:#C7524B;
}
/* =====================================
検索条件変更
======================================== */
#list_left{
    margin-top:10px;
}
#list_left h3{
    border-top:3px solid #00306C;
    border-left:1px solid #BBBBBB;
    border-right:1px solid #BBBBBB;
    border-bottom:1px solid #BBBBBB;
    color:#00306C;
    padding:5px 10px;
    font-weight:bold;
}
#list_left h4{
    border-left:1px solid #CCC;
    border-right:1px solid #CCC;
    border-bottom:1px solid #CCC;
    padding:5px 10px;
    font-weight:bold;
    background:#DDDDDD;
    color:#00306D;
}
#list_left .box_g{
    background:#F3F2ED;
    border-left:1px solid #CCC;
    border-right:1px solid #CCC;
    border-bottom:1px solid #CCC;
    padding:10px;
    max-height:200px;
    overflow:auto;
}
#list_left .box_w{
    border-left:1px solid #CCC;
    border-right:1px solid #CCC;
    border-bottom:1px solid #CCC;
    padding:15px 10px;
}
#list_left .btn_save,
#list_left .btn_search{
    border:1px solid #CCCCCC;
    background:#F6F6F8;
    padding:7px 0;
    font-weight:bold;
    font-size:120%;
    color:#FF8000;
}
#list_left .box_g span{
    color:#F00;
}
#list_left .box_g ul.second li{
    width:50%;
    float:left;
}

#bkn_kind{
    margin-top: 10px;
}
#bkn_kind ul{
    margin-left:-3%;
}
#bkn_kind li{
    float:left;
    margin-left:3%;
    width:22%;
}
#bkn_kind li .btn{
    padding:10px 0;
    background:#F6F6F8;
    color:#00306C;
    font-size:120%;
    font-weight:bold;
}
#bkn_kind li .on{
    background:#00B285;
    color:#FFFFFF;
}
#bkn_kind p span{
    color:#00B285;
}
.reform_btn {
    text-align: left;
    margin-top: 10px;
}
/* 物件コマ */
#list_recommend ul{
    padding-bottom:20px;
}
#list_recommend li{
    margin:10px 10px 0 10px;
    box-shadow: 0px 0px 5px #BBBBBB;
    line-height:140%;
}
#list_recommend .boxhead{
    padding:10px;
    box-sizing:border-box;
    background:#EEEEF2;
}
#list_recommend .boxhead .boxcheck{
    float:left;
    display:inline-block;
}
#list_recommend .boxhead .kind{
    float:right;
    display:inline-block;
}
#list_recommend .boxhead .kind_kodate{
    color:#00B285;
}
#list_recommend .boxhead .kind_chukokodate{
    color:#D9A300;
}
#list_recommend .boxhead .kind_tochi{
    color:#3F1F00;
}
#list_recommend .boxhead .kind_mansion{
    color:#FF2626;
}
#list_recommend .boxhead .kind_chukomansion{
    color:#FF5C26;
}

#list_recommend .boxhead.reform_kind_kodate .kind_kodate,
#list_recommend .boxhead.reform_kind_chukokodate .kind_chukokodate,
#list_recommend .boxhead.reform_kind_mansion .kind_mansion{
    color:#FFFFFF;
}
#list_recommend .boxhead.reform_kind_kodate{
    background-color:#4aacc5;
}
#list_recommend .boxhead.reform_kind_chukokodate{
    background-color:#f79647;
}
#list_recommend .boxhead.reform_kind_mansion{
    background-color:#c00000;
}
#list_recommend .thumbnail{
    position:relative;
    float:left;
    width:35%;
    margin:10px auto 10px 10px;
    box-sizing:border-box;
}
#list_recommend .thumbnail a:hover img{
    opacity: 1.0;
    filter: alpha(opacity=100);
    -moz-opacity:10;
}
#list_recommend .thumbnail .newicon{
    position:absolute;
    top:-1px;
    left:5px;
    width:25px;
}
#list_recommend .thumbnail .fp{
    position:absolute;
    top:5px;
    right:5px;
    width:45px;
}
#list_recommend .thumbnail .hponly_icon{
    position:absolute;
    bottom:0px;
    right:5px;
    width:45px;
}
#list_recommend .thumbnail .inin_icon{
    position:absolute;
    bottom:0px;
    left:5px;
    width:45px;
}
#list_recommend .text{
    float:left;
    width:55%;
    margin:10px auto 10px 10px;
    box-sizing:border-box;
}
#list_recommend .name{
    font-weight:bold;
    color:#00306D;
}
#list_recommend .price span{
    font-weight:bold;
    color:#D80000;
    font-size:120%;
}
#list_recommend .access{
    font-size:85%;
}
#list_recommend .btn_area .btn{
    width:45%;
    padding:5px 0;
    display:inline-block;
    margin-top:10px;
}
#list_recommend .btn_area .btn_detail{
    background:#00306D;
}
#list_recommend .btn_area .btn_req{
    margin-left:10px;
    background:#C7524B;
}

.nonpc {
  display: block;
}

.pc {
  display: none;
}
.setsubi_icon
{
    font-size: 0;
    margin-top:10px;
}
.setsubi_icon img
{
    width: 24%;
    margin: 0 0.5%;
}
}