@charset "utf-8";

.sp { display: none;}

#main_Wrap { padding-bottom: 50px;}
#main_Wrap::before {
content: '';
display: block;
height: 121px;
}
#main_Img {
position: relative;
width: 100%;
height: 0;
padding-top: 12%;
background: url(../../common/img/plan/main_img.jpg) no-repeat center top;
background-size: cover;
}

#main_img02_Wrap { padding: 40px 0 50px;}
#main_img02_Wrap::before {
content: '';
display: block;
height: 121px;
}
#main_img02_Wrap img { width: 100%;}
#main_img02_Wrap img[src$='sp.png'] { display: none;}

.page_Ttl {
max-width: 313px;
margin: 0 auto 30px;
}
.page_Ttl img { width: 100%;}

#nowLoading {
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 99;
width: 100%;
height: 100%;
background: #FCFCFC;
opacity: 0.8;
filter: alpha(opacity=80);
ms-filter: "alpha( opacity=80 )";
text-align: center !important;
padding-top: 300px;
}
#nowLoading img{
margin-bottom: 10px;
}

.form-group,
.pull-left{
display: none;
}
.pull-right{
float:none !important;
}
.pagination{
text-align: center;
}
.pagination li {
display: inline-block;
margin:10px 10px 0 0 ;
}
.pagination li a{
display:block;
border: 1px #302c28 solid;
padding: 10px 15px;
text-decoration: none;
}
.pagination li.active a{
background-color: #302c28;
color:#fff;
}
.bdt thead th{
cursor: auto !important;
}

/* ----------------------------------------------------------------------------
*search*
---------------------------------------------------------------------------- */
#search {
width: 100%;
margin: 0 auto;
font-size:14px;
}
#search h3{
font-size:18px;
font-weight:bold;
margin-bottom:20px;
}
#pic-select h4 {
display: block;
width: 100%;
padding: 8px 15px;
margin-bottom: 8px;
color: #fff;
font-size: 15px;
font-weight: 600;
background-color: #c87a6a;
}
.plan_list_1,
.plan_list_2,
.plan_list_3 {
width: 100%;
font-size: 0;
}
.plan_list_1 > li {
display: inline-block;
vertical-align: top;
width: calc((100% - 80px) / 5);
margin: 0 20px 20px 0;
}
.plan_list_1 li:nth-child(5n) { margin-right: 0;}
.plan_list_1 li.sp { display: none;}
.plan_list_2 li,
.plan_list_3 li {
display: inline-block;
vertical-align: top;
}
.plan_list_2 > li:first-child {
width: calc((100% - ((100% - 80px) / 5)) - 20px);
margin: 0 20px 20px 0;
}
.plan_list_2 > li:last-child {
width: calc(100% - (100% - ((100% - 80px) / 5)));
margin: 0 0 0 0;
}
.plan_list_3 li {
width: calc((100% - 60px) / 4);
margin: 0 20px 0 0;
}
.plan_list_3 li:nth-child(4n) { margin-right: 0;}

.plan_list_4 { width: calc((((100% - 80px) / 5) * 2) + 20px);}
.plan_list_4 > .plan_list_1 > li {
display: inline-block;
vertical-align: top;
width: calc((100% - 20px) / 2);
margin: 0 20px 20px 0;
}
.plan_list_4 > .plan_list_1 > li:last-child { margin-right: 0;}

#pic-select img { width: 100%;}

#search #floor-map{
width:100%;
padding: 60px 0 40px 0;
text-align:center;
}
#search #floor-map img{
width: 100%;
margin-bottom:50px;
}

#search #detail-select dl {
width: 100%;
border-bottom: 1px dotted #ccc;
}
#search #detail-select  dl dt {
width: 200px;
float: left;
line-height: 1.5em;
padding: 12px 0 10px;
font-size:14px;
}
#search #detail-select dl dd {
width: 600px;
float: left;
line-height: 1.5em;
padding: 12px 0 10px;
font-size:14px;
}
#search #detail-select  dl dd.detail dl{
border-bottom:none;
}
#search #detail-select  dl dd.detail dt{
width:70px;
float:left;
}
#search #detail-select  dl dd.detail dd{
width:530px;
float:left;
line-height:2.0em;
padding:7px 0;
}

/* こだわり設定 */
/*#search #detail-select  dl dd.detail span {
display: block;
width: 100%;
padding: 8px 5px 6px;
border: 1px solid #ddd;
box-sizing: border-box;
}*/
#search #detail-select  dl dd.detail span::after {
content: ':';
display: inline-block;
padding: 0 5px;
}
/*#search #detail-select  dl dd.detail label {
display: inline-block;
padding: 10px 0;
}*/
#search #detail-select dl dd.detail dl.flooring { padding: 0;}
#search #detail-select dl dd.detail dl.flooring dt{
width: 100%;
padding: 0;
background-color: unset;
}
#search #detail-select dl dd.detail dl.flooring dd{
width: 100%;
float:left;
line-height:2.0em;
}

#search #detail-select dl dd.detail dl.flooring { padding-top: 10px;}
#search #detail-select dl dd.detail dl.flooring dt{
width:130px;
float:left;
margin-top: 16px;
}
#search #detail-select dl dd.detail dl.flooring dd{
width:400px;
float:left;
line-height:2.0em;
}
#search #detail-select dl dd.detail dl.flooring dd input{
display: inline-block;
vertical-align: top;
margin: 14px 6px 0 0;
}

#search #detail-select dl dd.detail:after{
content:"";
clear:both;
display:block;
}
#search #detail-select dl:after {
content: "";
clear: both;
display: block;
}

#search #detail-select select {	height: 35px;}

#search .search-btn{
text-align:center;
margin:30px auto 60px;
cursor: pointer;
}
#search .search-btn img{
max-width: 210px;
width: 100%;
margin:0 10px;
transition: 0.3s;
}
#search .search-btn img:hover { opacity: 0.6;}

#search #floor-list{
width: 100%;
margin:0 auto 60px;
}
#search #floor-list table{
width:100%;
}
#search #floor-list table thead th{
background-color:#666;
color:#fff;
text-align:center;
line-height:1.2em;
padding:10px 0;
border-right:1px solid #fff;
}
#search #floor-list table thead th span{
/*font-size:10px;*/
}
#floor-list span.arrow{
font-size:9px;
margin-right:10px;
}
#search #floor-list table td{
text-align:center;
padding:8px 0;
border-bottom:1px solid #666;
border-left:1px solid #666;
font-size:14px;
}
#search #floor-list table tr td:last-child,
#search #floor-list table th:last-child{
border-right:1px solid #666;
}
#search #floor-list table tr td:nth-of-type(5){
font-size:16px;
color:#D50000;
}
#search #floor-list table tr td:last-child{
/*background: linear-gradient(#ccc, #333);*/
background:#b49d68;
color:#fff;
font-size:13px;
}
#search #floor-list table tr td.price {
text-align:right;
padding-right:5px;
}
@media only screen and (max-width: 768px) {

.pc { display: none;}
.sp { display: block;}


#main_Wrap { padding-bottom: 0;}
#main_Wrap::before { height: 52px;}
#main_Img {	padding-top: 25%;}
#main_Img h2 { width: 130px;}


#main_img02_Wrap { padding: 0 0 50px;}
#main_img02_Wrap::before {
content: '';
display: block;
height: 121px;
}
#main_img02_Wrap img { width: 100%;}
#main_img02_Wrap img[src$='pc.png'] { display: none;}
#main_img02_Wrap img[src$='sp.png'] { display: block;}

/* ----------------------------------------------------------------------------
*search*
---------------------------------------------------------------------------- */
#search {
width: 95%;
margin: 0 auto;
font-size:14px;
}
#search h2{
text-align:center;
margin:40px auto 40px;
}
#search h3{
font-size:18px;
font-weight:bold;
margin-bottom:20px;
}
/*#search #pic-select{
width:100%;
margin:0 auto 60px;
}
#search #pic-select img.bar{
margin-bottom:10px;
}
#search #pic-select div a:nth-of-type(1)>img{
margin-right:10px;
}
#search #pic-select div.t-2ldk{
width:610px;
margin-bottom:30px;
float:left;
}
#search #pic-select div.t-2ldk a img{
margin-right:15px;
}
#search #pic-select div.t-2ldk a:last-child> img{
margin-right:0;
}

#search #pic-select div.t-1r,
#search #pic-select div.t-1k{
width:390px;
float:left;
margin:0 20px 30px 0;
}
#search #pic-select div.t-1dk,
#search #pic-select div.t-1ldk{
width:190px;
float:left;
margin-bottom:30px;
}
#search #pic-select div.t-3ldk{
width:190px;
float:left;
}*/

#pic-select h4 {
display: block;
width: 100%;
padding: 8px 15px;
margin-bottom: 8px;
color: #fff;
font-size: 15px;
font-weight: 600;
background-color: #c87a6a;
}
.plan_list_1,
.plan_list_2,
.plan_list_3 {
width: 100%;
font-size: 0;
}
.plan_list_1 li {
display: inline-block;
vertical-align: top;
width: calc((100% - 20px) / 2);
margin: 0 20px 20px 0;
}
.plan_list_1 li:nth-child(even) { margin-right: 0;}
.plan_list_1 li:nth-child(5n) { margin-right: 20px;}
.plan_list_1 li.sp { display: inline-block;}
.plan_list_2 li.pc { display: none;}
.plan_list_2 li,
.plan_list_3 li {
display: inline-block;
vertical-align: top;
}
.plan_list_2 > li:first-child {
width: 100%;
margin: 0 0 20px 0;
}
.plan_list_2 > li:last-child {
width: calc((100% - 20px) / 2);
margin: 0 0 20px 0;
}
.plan_list_3 li {
width: calc((100% - 20px) / 2);
margin: 0 20px 20px 0;
}
.plan_list_3 li:nth-child(even) { margin-right: 0;}

.plan_list_4 { width: 100%;}

#search #pic-select:after{
content:"";
clear:both;
display:block;
}
#search #floor-map{
width:100%;
padding: 30px 0 0;
text-align:center;
}
#search #floor-map img{
width:100%;
margin-bottom:30px;
}


#search #detail-select dl {
width:100%;
border-bottom: none;
}
#search #detail-select dl dt {
width: 100%;
float: none;
line-height: 1.5em;
padding: 8px 8px 6px;
background-color: #ccc;
font-size:14px;
}

#search #detail-select  dl dd {
width: 100%;
float: none;
line-height: 1.5em;
padding: 12px 0 22px;
font-size:14px;
}

/* こだわり設定 */
#search #detail-select  dl dd.detail span {
display: block;
width: 100%;
padding: 8px 5px 6px;
border: 1px solid #ddd;
box-sizing: border-box;
}
#search #detail-select  dl dd.detail dl { border-bottom:none;}
#search #detail-select  dl:after {
content: "";
clear: both;
display: block;
}
#search #detail-select  dl dd.detail label {
display: inline-block;
padding: 10px 0;
}
#search #detail-select dl dd.detail dl.flooring { padding: 0;}
#search #detail-select dl dd.detail dl.flooring dt{
width: 100%;
padding: 0;
background-color: unset;
}
#search #detail-select dl dd.detail dl.flooring dd{
width: 100%;
float:left;
line-height:2.0em;
}
#search #detail-select dl dd.detail dl.flooring dd label {
display: inline-block;
width: 47%;
}
#search #detail-select dl dd.detail dl.flooring dd input{
display: inline-block;
vertical-align: top;
margin: 30px 6px 0 0;
}
#search #detail-select dl dd.detail dl.flooring .flooring_img { width: 80%;}
#search #detail-select dl dd.detail dl.detail_kitchen dt {
display: block;
width: 100%;
padding: 0;
float: none;
background-color: unset;
}
#search #detail-select dl dd.detail dl.detail_kitchen dd { width: 100%;}


/* 賃料設定 */
select[name='rent_min'],
select[name='rent_max'] {
width: 43%;
text-align: center;
}
/* 間取りチェックボックス設定 */
.room_layout label {
display: inline-block;
padding: 10px 0;
}
/* ルームタイプ・階数設定 */
select[name='room_type'],
select[name='floor-num'] { width: 100%;}

/* 検索ボタン */
#search .search-btn{
text-align:center;
margin:30px auto 60px;
}
#search .search-btn img { margin:0 10px;}
#search .search-btn img:first-child { margin-bottom: 10px;}


#search #floor-list{
width:100%;
margin:0 auto 60px;
}
#search #floor-list table{
width:98%;
margin:0 auto;
}
#search #floor-list table thead th{
background-color:#666;
color:#fff;
text-align:center;
line-height:1.2em;
padding:10px 0;
border-right:1px solid #fff;
}
#search #floor-list table thead th span{
font-size:10px;
}
#search #floor-list table td{
text-align:center;
padding:8px 0;
border-bottom:1px solid #666;
border-left:1px solid #666;
font-size:14px;
}
#search #floor-list table td span.arrow{
font-size:9px;
}
#search #floor-list table tr td:last-child,
#search #floor-list table th:last-child{
border-right:1px solid #666;
}
#search #floor-list table tr td:nth-of-type(5){
font-size:16px;
color:#D50000;
}
}

.vr_bnr_Area {
max-width: 800px;
margin: 30px auto 0;
}
.vr_bnr_Area a { transition: .3s;}
.vr_bnr_Area a:hover { opacity: .6;}
@media only screen and (max-width: 768px) {
.vr_bnr_Area { margin: 0 auto;}
}