@charset "UTF-8";
/* CSS Document */
/* システムのページはパンくずリンクがおかしいのでリンクを無効化 */
.navi a:nth-child(n+3) {
  pointer-events: none;
  text-decoration: none;
}

/* 基本-モバイルファースト ======================================================================================================== */

#google_map{
margin-bottom: 40px;
}
#google_map > div{ /* ラフ用 */
height: 250px;
display: flex;
align-items: center;
justify-content: center;
}


.fixed_banner{
width: 35%;
max-width: 200px;
position: fixed;
bottom: 0;
right: 0;
z-index: 9999;
}
.fixed_banner .close{
display: block;
background-color: #999;
color: #fff;
width: 30px;
height: 30px;
display: grid;
place-items: center;
text-align: center;
position: absolute;
top: -30px;
right: 0;
cursor: pointer;
}

.search_parts{
margin-bottom: 20px;
}
.search_parts .search_conditions {
  border: solid 1px #DDD;
  padding: 10px;
  position: relative;
}
.search_parts .search_conditions em{
display: block;
color: #b3203a;
}
.search_parts .accordion .accordion_title {
  background-color: #b3203a;
  color: #FFF;
  padding: 10px;
  text-align: center;
  position: relative;
}
.search_parts .accordion .accordion_title::after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 13px;
  margin: auto 0;
  border-bottom: 1px solid #FFF;
  border-right: 1px solid #FFF;
  transform: rotate(45deg);
  transition: all 0.2s ease;
}
.search_parts .accordion .accordion_title.open::after {
  transform: rotate(-135deg);
}
.search_parts .accordion dd {
  display: none;
}
.search_parts .accordion dd iframe {
  width: 100%;
  height: 300px;
}
.search_parts .accordion .research_link{
display: block;
}
/* .search_parts .accordion .research_link::before{
content: "\691C\7D22\6761\4EF6\3092\5909\66F4\3059\308B";
} */

.search_parts .accordion #research{
}
.search_parts .accordion #research table.serchTbl{
border-top: none;
border-bottom: none;
margin: 0;
}
.search_btn_box{
border: solid 1px #DDD;
border-top: none;
padding: 20px;
margin: 0;
}


.cap{
  color: #b3203a;
}
.list_count{
}
.list_count .search_result_list_count,
.list_count .total_count_member {
  font-size: 18px;
  font-weight: bold;
  color: #b3203a;
}
.go_member_regist{
display: none;
}


.search_parts_sort{
margin-bottom: 20px;
}

.all_detail_view,
.all_detail_view_under{
display: none;
}



.template_list_article {
margin-bottom: 20px;
}
.template_list_article .icon {
display: flex;
flex-wrap: wrap;
}
.template_list_article .type {
display: inline-block;
vertical-align: middle;
text-align: center;
font-size: 10px;
line-height: 20px;
background-color: #ddd;
min-width: 60px;
height: 20px;
border-radius: 5px 5px 0 0;
padding: 0 5px;
}
.template_list_article .icon img {
display: inline-block;
vertical-align: middle;
height: 20px;
margin-left: 5px;
border-radius: 5px 5px 0 0;
}
.template_list_article .icon img:first-child {
  margin-left: 0;
}

.template_list_article .box{
border: solid 1px #ddd;
padding: 10px;
margin: 0 -2.5vw;
}
.template_list_article .photo {
text-align: center;
margin-bottom: 10px;
}
.template_list_article .photo a {
display: block;
text-decoration: none;
}
.template_list_article .photo .bxslider img {
/* max-height: 65vw; */
aspect-ratio: 4/3;
object-fit: contain;
}
.template_list_article .photo .bx-wrapper{
margin-bottom: 10px;
}
.template_list_article .slider_tm img{
aspect-ratio: 4/3;
object-fit: contain;
}
.template_list_article .bx-wrapper .bx-controls-direction a{
margin-top: -20px;
border-radius: 0;
}

.template_list_article .bx-wrapper .bx-controls-direction a.bx-prev {
  left: 0;
}
.template_list_article .bx-wrapper .bx-controls-direction a.bx-next {
  right: 0;
}

.template_list_article .madori{
max-width: 100%;
text-align: center;
border: solid 1px #eee;
margin-bottom: 10px;
}
.template_list_article .madori img{
aspect-ratio: 4/3;
object-fit: contain;
}

.template_list_article .text {
}
.template_list_article .name {
font-size: 20px;
white-space: nowrap;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
.template_list_article .price {
color: #b3203a;
font-size: 30px;
line-height: 1.4;
font-weight: bold;
}
.template_list_article .price .price_unit{
font-size: 20px;
}

.template_list_article .outline{
display: flex;
flex-wrap: wrap;
font-size: 12px;
}
.template_list_article .outline dt{
background-color: #eee;
line-height: 1;
padding: 5px;
margin-top: 10px;
text-align: center;
white-space: nowrap;
width: calc(4em + 10px);
}
.template_list_article .outline dd{
line-height: 25px;
margin-top: 10px;
padding-left: 10px;
}
.template_list_article .outline dd.full {
width: calc(100% - 4em - 10px);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.template_list_article .outline dd.half {
width: calc((100% - 4em - 10px - 4em - 10px)/2);
}

.template_list_article .setsubi_icon{
display: flex;
flex-wrap: wrap;
margin-top: 10px;
}
.template_list_article .setsubi_icon li{
width: 19%;
margin-left: 1.25%;
}
.template_list_article .setsubi_icon li:nth-child(5n-4){
margin-left: 0;
}

.template_list_article .detail_btn {
margin-top: 20px;
}
.template_list_article .detail_btn a {
display: grid;
place-content: center;
text-align: center;
height: 40px;
position: relative;
}
.template_list_article .detail_btn a::after{
content: "";
display: block;
width: 100%;
height: 100%;
background-color: #b3203a;
position: absolute;
right: 0;
bottom: 0;
z-index: -1;
}
.template_list_article .detail_btn a p{
color: #FFF;
font-size: 16px;
display: block;
position: relative;
z-index: 10;
}

.template_list_article .mylist_btn {
margin-top: 10px;
}
.template_list_article .mylist_btn a {
border: solid 1px #ddd;
display: grid;
place-content: center;
text-align: center;
height: 40px;
}
.template_list_article .mylist_btn img {
height: 25px;
}

/* 未公開物件 */
/* .mikoukai_img {
  background-color: #FFF;
  border: solid 2px #cc9933;
  margin-bottom: 10px;
}
.mikoukai_img a {
  display: block;
  background-image: url(../images/mikoukai_list_bg-sp.gif);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 100%;
  width: 100%;
  height: 555px;
  display: flex;
  align-items: center;
  justify-content: center;
} */


/* スマホのみ======================================================================================================== */
@media screen and (max-width: 750px){


.search_parts_sort > span{
  display: block;
}

}



/* PCのみ======================================================================================================== */
@media print and (min-width: 751px), screen and (min-width: 751px) {

#google_map{
margin-bottom: 80px;
}
#google_map > div{
height: 500px;
}




.contents_size#search_result{
width: 1100px;
margin-right: auto;
margin-left: auto;
}

.search_parts .search_conditions b {
  font-size: 18px;
}
.search_parts .accordion .accordion_title:hover {
  cursor: pointer;
}
.search_parts .accordion dd iframe {
  width: 100%;
  height: 500px;
}


.template_list_article {
margin-bottom: 60px;
}

.template_list_article .type {
font-size: 14px;
line-height: 25px;
min-width: 100px;
height: 25px;
margin-left: 10px;
}
.template_list_article .icon img {
height: 25px;
}

.template_list_article .box{
padding: 20px;
margin: 0;
display: grid;
grid-template-columns: 320px 320px auto;
position: relative;
}
.template_list_article .photo { grid-area: 1 / 1 / 3 / 2; }
.template_list_article .madori { grid-area: 1 / 2 / 2 / 3; }
.template_list_article .text { grid-area: 1 / 3 / 2 / 4; }
.template_list_article .setsubi_icon { grid-area: 2 / 2 / 3 / 4; }

.template_list_article .photo {
width: 300px;
height: 225px;
margin-bottom: 0;
}
.template_list_article .photo .bxslider img {
max-width: 300px;
max-height: 225px;
}
.template_list_article .bx-wrapper .bx-controls-direction a{
margin-top: -15px;
width: 30px;
height: 30px;
}
.bx-wrapper .bx-controls-direction a::before{
width: 10px;
height: 10px;
}
.bx-wrapper .bx-controls-direction a.bx-prev::before{
left: 10px;
}.bx-wrapper .bx-controls-direction a.bx-next::before{
	right: 10px;
}
.bx-wrapper .bx-controls-direction a:hover{
	background-color: rgba(0,0,0,0.8);
}
.bx-wrapper .bx-controls-direction a.bx-prev:hover::before{
	left: 5px;
}
.bx-wrapper .bx-controls-direction a.bx-next:hover::before{
	right: 5px;
}

.template_list_article .madori {
width: 300px;
height: 225px;
margin: 0;
box-sizing: content-box;
}
.template_list_article .madori img {
max-width: 300px;
max-height: 225px;
}

.template_list_article .name {
  font-size: 24px;
}
.template_list_article .price {
font-size: 40px;
line-height: 1.1;
}
.template_list_article .price .price_unit{
font-size: 30px;
}

.template_list_article .setsubi_icon li{
width: 50px;
margin-left: 10px;
}
.template_list_article .setsubi_icon li:nth-child(5n-4){
margin-left: 10px;
}
.template_list_article .setsubi_icon li:first-child{
margin-left: 0px;
}
.template_list_article .setsubi_icon li img{
max-width: 100%;
height: auto;
}

.template_list_article .detail_btn{
position: absolute;
right: 0;
bottom: 0;
}
.template_list_article .detail_btn a{
display: block;
width: 90px;
height: 90px;
}
.template_list_article .detail_btn a::after{
height: 90px;
width: 90px;
clip-path: polygon(100% 0, 100% 100%, 0 100%);
transition: all 0.2s ease;
}
.template_list_article .detail_btn a:hover::after{
height: 120px;
width: 120px;
}
.template_list_article .detail_btn a p{
position: absolute;
right: 1em;
bottom: 1em;
}

.template_list_article .mylist_btn a{
border-radius: 5px 5px 0 0;
border-bottom: none;
height: 25px;
overflow: hidden;
position: absolute;
top: -26px;
right: 10px;
}
.template_list_article .mylist_btn a:hover{
border-color: #b3203a;
}
.template_list_article .mylist_btn img {
border-radius: 5px 5px 0 0;
}
/* 未公開物件 */
/* .mikoukai_img {
  margin-bottom: 20px;
}
.mikoukai_img a {
  background-image: url(../images/mikoukai_list_bg-pc.gif);
  height: 420px;
}
.mikoukai_img a:hover {
  opacity: 0.8;
} */


.search_parts_sort > span:nth-child(n+2){
margin-left: 1em;
}

}