section#room-search-form,section#room-search-form_side{background-color:var(--color-primary-light-green);padding:25px}section#room-search-form h3,section#room-search-form_side h3{font-size:1.8em;margin:0}section#room-search-form form h4,section#room-search-form_side form h4{font-size:1.6em;margin:20px 0 10px}section#room-search-form form h5,section#room-search-form_side form h5{font-size:1.4em;margin:0 0 10px}section#room-search-form form .in,section#room-search-form_side form .in{background-color:var(--color-white);border-radius:8px;padding:15px}section#room-search-form form label,section#room-search-form_side form label{font-size:1.4em}section#room-search-form form select[name=area],section#room-search-form_side form select[name=area]{width:100%;border:none;outline-color:var(--color-white);font-size:1.4em;background-color:var(--color-white)}section#room-search-form form .area-map,section#room-search-form_side form .area-map{display:flex;flex-direction:row;gap:15px}section#room-search-form form .area-map .in.area,section#room-search-form_side form .area-map .in.area{padding:10px;width:50%}section#room-search-form form .area-map .btn.map-search,section#room-search-form_side form .area-map .btn.map-search{height:45px;width:50%;cursor:pointer;background-color:#618d87;font-weight:600}@media screen and (min-width:800px){section#room-search-form form .area-map,section#room-search-form_side form .area-map{flex-direction:column}section#room-search-form form .area-map .in.area,section#room-search-form_side form .area-map .in.area{width:100%}section#room-search-form form .area-map .btn.map-search,section#room-search-form_side form .area-map .btn.map-search{width:100%}}section#room-search-form form .conditions,section#room-search-form_side form .conditions{display:flex;flex-direction:column;gap:15px}section#room-search-form form .conditions .rent-cost select[name=rent_cost_min],section#room-search-form form .conditions .rent-cost select[name=rent_cost_max],section#room-search-form_side form .conditions .rent-cost select[name=rent_cost_min],section#room-search-form_side form .conditions .rent-cost select[name=rent_cost_max]{width:120px;font-size:1.4em}section#room-search-form form .conditions .rent-cost span,section#room-search-form_side form .conditions .rent-cost span{font-size:1.4em}section#room-search-form form .conditions .rent-cost p.err,section#room-search-form_side form .conditions .rent-cost p.err{display:none;font-size:1.2em;font-weight:600;margin:.8em 0 0;color:var(--color-accent)}section#room-search-form form .conditions .floorplan .wrap,section#room-search-form_side form .conditions .floorplan .wrap{display:flex;flex-wrap:wrap;gap:10px}section#room-search-form form .btn-wrap,section#room-search-form_side form .btn-wrap{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px}section#room-search-form form .btn-wrap div.btn.clear,section#room-search-form_side form .btn-wrap div.btn.clear{border:none;cursor:pointer;max-width:480px;font-weight:600}section#room-search-form form .btn-wrap input[type=submit],section#room-search-form_side form .btn-wrap input[type=submit]{border:none;cursor:pointer;max-width:480px;font-weight:600}@media screen and (min-width:800px){section#room-search-form{display:none}}main#main .content-wrapper{display:flex;flex-direction:column;padding-top:20px;padding-bottom:70px}@media screen and (min-width:800px){main#main .content-wrapper{flex-direction:row;gap:20px}}h2{font-size:2em;font-family:var(--font-kiwimaru);margin:.3em 0}@media screen and (min-width:800px){h2{font-size:3em}}section#search-result{width:100%}section#room-search-form_side{display:none}@media screen and (min-width:800px){section#room-search-form_side{display:block;width:300px;flex-shrink:0}}section#room-search-form_side form .conditions .rent-cost select[name=rent_cost_min],section#room-search-form_side form .conditions .rent-cost select[name=rent_cost_max]{width:95px}section#room-search-form_side form .btn-wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}#search-result{display:flex;flex-direction:column;gap:20px}#search-result .description{box-shadow:var(--frame-box-shadow)}#search-result .description p.total_count{font-size:1.6em;margin:0;line-height:1em;color:var(--color-text)}#search-result .description p.total_count strong{color:var(--color-primary-green);font-size:2em;padding-left:10px}#search-result .results ul{list-style-type:none;margin:0;padding:0}#search-result .results ul.building-list{display:flex;flex-direction:column;gap:20px}#search-result .results ul.building-list>li.building-item.frame-item{box-shadow:var(--frame-box-shadow);overflow:hidden;padding:0}#search-result .results ul.building-list>li.building-item.frame-item .building-row{padding:25px 23px 10px}#search-result .results ul.building-list>li.building-item.frame-item .building-row h4{margin:0;padding:0;font-size:1.6em;padding:0 0 15px}@media screen and (min-width:1000px){#search-result .results ul.building-list>li.building-item.frame-item .building-row h4{font-size:1.8em}}#search-result .results ul.building-list>li.building-item.frame-item .building-row>div.in{display:flex;flex-wrap:wrap;min-height:100px;align-items:flex-start;gap:10px 15px}@media screen and (min-width:1000px){#search-result .results ul.building-list>li.building-item.frame-item .building-row>div.in{gap:15px 30px}}#search-result .results ul.building-list>li.building-item.frame-item .building-row>div.in picture{display:block;width:32%;min-width:100px;max-width:160px;flex-shrink:0}@media screen and (min-width:1000px){#search-result .results ul.building-list>li.building-item.frame-item .building-row>div.in picture{width:40%;max-width:200px}}#search-result .results ul.building-list>li.building-item.frame-item .building-row>div.in picture img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}#search-result .results ul.building-list>li.building-item.frame-item .building-row>div.in>.data{display:flex;width:62%;flex-direction:column;flex-grow:1}@media screen and (min-width:1000px){#search-result .results ul.building-list>li.building-item.frame-item .building-row>div.in>.data{width:59%}}#search-result .results ul.building-list>li.building-item.frame-item .building-row>div.in>.data .area-icon{font-size:1.4em;border-radius:5px;border:solid 1px #ccc;background-color:var(--color-white);padding:5px;line-height:1em;align-self:flex-start}#search-result .results ul.building-list>li.building-item.frame-item .building-row>div.in>.data>span{font-size:1.2em;display:block;margin-top:10px}@media screen and (min-width:1000px){#search-result .results ul.building-list>li.building-item.frame-item .building-row>div.in>.data>span{font-size:1.4em}}#search-result .results ul.building-list>li.building-item.frame-item .building-row>div.in>.building-info{width:100%;background-color:#ffebeb;font-size:1.2em;border-left:6px solid #ffa7a7;border-right:6px solid #ffa7a7;padding:15px;line-height:1.5}@media screen and (min-width:1000px){#search-result .results ul.building-list>li.building-item.frame-item .building-row>div.in>.building-info{font-size:1.4em}}#search-result .results ul.building-list>li.building-item.frame-item p.none-msg{font-size:1.4em;margin:15px 0}#search-result .results ul.building-list>li.building-item.frame-item ul.room-list>li{border-top:solid 3px #eee;padding:15px 0;margin:0 23px;display:flex;gap:10px}@media screen and (min-width:1000px){#search-result .results ul.building-list>li.building-item.frame-item ul.room-list>li{gap:30px}}#search-result .results ul.building-list>li.building-item.frame-item ul.room-list>li>picture{display:block;width:32%;min-width:100px;max-width:160px;max-height:160px;flex-shrink:0}@media screen and (min-width:1000px){#search-result .results ul.building-list>li.building-item.frame-item ul.room-list>li>picture{width:40%;max-width:200px;max-height:200px}}#search-result .results ul.building-list>li.building-item.frame-item ul.room-list>li>picture img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}#search-result .results ul.building-list>li.building-item.frame-item ul.room-list>li>.data{font-size:1.4em;line-height:1.4em;width:65%}#search-result .results ul.building-list>li.building-item.frame-item ul.room-list>li>.data .rent-cost{padding-bottom:10px;vertical-align:bottom}#search-result .results ul.building-list>li.building-item.frame-item ul.room-list>li>.data .rent-cost strong{vertical-align:middle;color:var(--color-accent);font-size:1.4em;line-height:1.4em}@media screen and (min-width:1000px){#search-result .results ul.building-list>li.building-item.frame-item ul.room-list>li>.data .rent-cost strong{font-size:1.6em;line-height:1.6em}}#search-result .results ul.building-list>li.building-item.frame-item ul.room-list>li>.data .rent-cost .new-mark{background-color:var(--color-primary-light-green);padding:5px;margin-right:10px;vertical-align:middle}#search-result .results ul.building-list>li.building-item.frame-item ul.room-list>li>.data .with-appliances{padding-bottom:10px}#search-result .results ul.building-list>li.building-item.frame-item ul.room-list>li>.data .with-appliances>span{border:solid 1px var(--color-primary-green);padding:3px 5px}#search-result .results ul.building-list>li.building-item.frame-item ul.room-list>li>.data .cost{display:flex;gap:5px}#search-result .results ul.building-list>li.building-item.frame-item ul.room-list>li>.data .cost .mark{background-color:#ededed;margin-right:3px;font-size:.8em;padding:0 5px;vertical-align:middle}@media screen and (min-width:1000px){#search-result .results ul.building-list>li.building-item.frame-item ul.room-list>li>.data .cost .mark{font-size:1em}}#search-result .results ul.building-list>li.building-item.frame-item .accordion-area ul.room-list{overflow:hidden;display:none}#search-result .results ul.building-list>li.building-item.frame-item .accordion-area .more-room-btn>div{padding:20px;text-align:center;font-size:1.4em;font-weight:600;cursor:pointer}#search-result .results ul.building-list>li.building-item.frame-item .accordion-area .more-room-btn .close{display:block;background-color:var(--color-btn-bg);color:var(--color-white);transition:background-color .3s}#search-result .results ul.building-list>li.building-item.frame-item .accordion-area .more-room-btn .close:hover{background-color:rgba(133,194,186,.5019607843)}#search-result .results ul.building-list>li.building-item.frame-item .accordion-area .more-room-btn .open{display:none;background-color:var(--color-white);border-top:solid 1px #eee;transition:background-color .3s}#search-result .results ul.building-list>li.building-item.frame-item .accordion-area .more-room-btn .open:hover{background-color:rgba(247,247,247,.968627451)}#search-result .results ul.building-list>li.building-item.frame-item .accordion-area.open .close{display:none}#search-result .results ul.building-list>li.building-item.frame-item .accordion-area.open .open{display:block}#map-area-popup .mobile-only{display:none}#map-area-popup .pupup-inner{width:95vw;height:80vh;margin:0 auto;color:var(--color-white);display:flex;flex-direction:column}@media screen and (min-width:1000px){#map-area-popup .pupup-inner{width:70vw;height:95vh}}#map-area-popup .pupup-inner .in-head{padding:2em}#map-area-popup .pupup-inner .in-head p{font-size:1.6em;margin:0;font-weight:600;letter-spacing:.1em}@media screen and (min-width:1000px){#map-area-popup .pupup-inner .in-head p{font-size:2em;text-align:center}}#map-area-popup .pupup-inner .in-head p.txt-info{display:flex;align-items:center;justify-content:center;line-height:1.9em}#map-area-popup .pupup-inner .in-head p.txt-info span{display:inline-block}#map-area-popup .pupup-inner .in-head p.txt-info span.arrow{font-size:1.3em}#map-area-popup .pupup-inner .in-head p.txt-info i{display:inline-block;padding:0 .3em;margin:0 .2em;border-radius:5px;font-weight:400;line-height:1.5em}#map-area-popup .pupup-inner .in-head p.txt-info i.kamegawa{background-color:var(--color-area-kamegawa)}#map-area-popup .pupup-inner .in-head p.txt-info i.shohaen{background-color:var(--color-area-shohaen)}#map-area-popup .pupup-inner .in-head p.txt-info i.ishigaki{background-color:var(--color-area-ishigaki)}#map-area-popup .pupup-inner .in-head p.txt-info i.beppu-station{background-color:var(--color-area-beppu-station)}#map-area-popup .pupup-inner .in-head p.txt-info i.tsurumi{background-color:var(--color-area-tsurumi)}#map-area-popup .pupup-inner .in-body{flex-grow:1}#map-area-popup .pupup-inner .in-body .map-wrap{height:100%}#map-area-popup .pupup-inner .in-body .map-wrap figure#area-map{margin:0;overflow:hidden}#map-area-popup .pupup-inner .in-body .map-wrap figure#area-map map area{cursor:pointer}#map-area-popup .pupup-inner .in-foot{padding:1em 0}#map-area-popup .pupup-inner .in-foot .btn.pupup-close{cursor:pointer;height:45px}@media screen and (min-width:1000px){#map-area-popup .pupup-inner .in-foot .btn.pupup-close{max-width:500px;margin:0 auto}}#map-area-popup.mobile p.mobile-only{display:inline}#map-area-popup.mobile .map-wrap{background-color:rgba(0,0,0,.1882352941)}