/* Josh's Custom CSS Reset https://www.joshwcomeau.com/css/custom-css-reset/ */ *,*::before,*::after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate} body, select, textarea, th, td, li, a, input {font-family: 'メイリオ', 'meiryo', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Helvetica', 'sans-serif';color: #333;} body{/*background-color: #d6e9ca;*/font-size: 14px;} ul{padding: 0;margin:0}ul li{list-style: none;} figure{margin: unset;} em{font-style: normal;} i{font-style: normal;font-size: smaller;} /* #009260 緑 #54C993 黄緑 #CFFBE2 臼ティファニー #00C1FF 水色 # #009174 #008F8B #008BA4 #0087BB #0081CE */ .citystr-j6 h1{font-size: 2.1rem;} h2{color:#009260;letter-spacing: 2px;margin-bottom: 0.3em;font-size: 1.4em;} h3{color:#009260;letter-spacing: 2px;margin-bottom: 0.3em;font-size: 1.3em;} h4{color:#009260;letter-spacing: 1px;margin:1.5em 0 0.3em 0;font-size: 1.1em;font-weight: bold;} a:hover{color:#006844} .flex{display: flex;justify-content: space-between;} .w1200{max-width: 1200px;margin: 0 auto;position: relative;z-index: 1;min-width: 1000px;} .sp {display: none;} @media (max-width:1040px){ .w1200{max-width: 1040px;} } .btn{letter-spacing: 2px;border-bottom: 2px solid #aaa;border-radius: 20px;background-color: #efefef;} .btn:hover{border-bottom: 2px solid transparent;opacity: 0.8;color: #fff;} .btn span{} .btn span em{font-size: larger;font-style: normal;} .btn-green{background-color: #009174;color: #fff;} .btn-green{background-color: #008F8B;color: #fff;} .btn-green:hover{color: #fff !important;;} .btn-blue{background-color: #008BA4;color: #fff;} .btn-blue:hover{color: #fff !important;;} .btn-orange{background-color: #ea5506;color: #fff;} .btn-orange:hover{color: #fff !important;} .btn-line{background-color: #06c755;color: #fff;} .btn-white{background-color: #fff;color: #009260;border:1px solid #009260;box-shadow: 0 2px 1px 0 #999;margin-bottom: 1px;} .btn-white:hover{color: #045538;} .btn-gray{background-color: #ddd;color: #000;} .btn-gray:hover{color: #000;background-color: #ccc;} .text-bold{font-weight: bold;} .text-red{color: #f33;} .text-small{font-size: smaller;} .alCent{text-align: center;} .bg-green{background-color: #009260;color: #fff;padding: 0 0.5em;white-space: nowrap;} .btn.mail{position: relative;} .btn.mail:before{content:"";display: inline-block;position: relative;background-repeat: no-repeat;background-position: center;background-size: contain;width: 1.2em;height: 1.2em;vertical-align: middle;margin-right: 0.5em;} .btn.mail.btn-orange:before{background-image: url(/assets/img/icon/mail_white.svg);} .btn.line{position: relative;} .btn.line:before{content:"";display: inline-block;position: relative;background-repeat: no-repeat;background-position: center;background-size: contain;width: 1.4em;height: 1.4em;vertical-align: middle;margin-right: 0.5em;} .btn.line.btn-line:before{background-image: url(/assets/img/icon/line_white.svg);} .btn.owner{position: relative;} .btn.owner:before{content:"";display: block;position: absolute;top:0;bottom:0;margin:auto;background-repeat: no-repeat;background-position: center;background-size: contain;width: 1.2em;height: 1.2em;vertical-align: middle;margin-right: 0.5em;} .btn.owner:before{background-image: url(/assets/img/icon/mail_white.svg);} .tel{position: relative;} .tel:before{content:"";display: inline-block;position: relative;background-repeat: no-repeat;background-position: center;background-size: contain;width: 1.7em;height: 1.7em;vertical-align: middle;margin-right: 0.5em;margin-top: -0.5em;} .tel:before{background-image: url(/assets/img/icon/phone_green.svg);} .btn.favorite{position: relative;} .btn.favorite:before{content:"";display: inline-block;position: relative;background-repeat: no-repeat;background-position: center;background-size: contain;width: 1.2em;height: 1.2em;vertical-align: middle;margin-right: 0.5em;} .btn.favorite.btn-orange:before{background-image: url(/assets/img/icon/mail_white.svg);} .btn-more{text-align: center;background-color: #fff;margin-top: 0.5em;} .btn-more a{display: block;width: 100%;line-height: 2.0em;color:#009260;font-weight: bold;cursor: pointer;padding: 0.8em 0;} .btn-more a span{color:#009260;font-weight: bold;font-size: 16px;} .btn-more .lebel-close{display: none;} .btn-more{border: 1px solid #009174;} .btn-more.is-open .lebel-open{display: none !important;} .btn-more.is-open .lebel-close{display: block !important;} .link{text-align: right;color: #009260;} .link a{color: #009260;} body:not(.admin) .collapse:not(.show){display: none !important;} body:not(.admin) p.date{text-align: right;} .recommend:before {content:" ";display: inline-block;width: 1.0em;height: 1.0em;background-image: url(/assets/img/icon/recommend_green.svg); filter: drop-shadow(0px 0px 1px #fff) drop-shadow(0px 0px 10px #fff) drop-shadow(0px 0px 15px #fff);background-size: contain;vertical-align: bottom; } body:not(.admin) input[type="checkbox"]{display: none ;} body:not(.admin) input[type="checkbox"] ~ i.fa-square{color: #aaa; display: inline;background-color: #fff;} body:not(.admin) input[type="checkbox"] ~ i.fa-check-square{display: none;color: #009260;} body:not(.admin) input[type="checkbox"]:checked ~ i.fa-square{display: none;} body:not(.admin) input[type="checkbox"]:checked ~ i.fa-check-square{display: inline;} body:not(.admin) label:hover input[type="checkbox"] ~ i.fa {color: #7AA3CC;} textarea{width: 100%;} main{position: relative;overflow: hidden;padding-top: 40px;} main:before{content:"";position:absolute;display: block;height: 600px;width: 104%;display: block; margin: -10px -2% 0 -2%;z-index: 1;top:0; background-size: cover;background-position: center; display: block; /* backdrop-filter: blur(12px);-webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px);*/} /*　ナビゲーション */ /* header nav .rent-single ul {margin-top: 25px;} header nav .rent-single ul>li>a {padding-top: 25px;} */ .item {position: relative;line-height: 1.5;} .fav{position: absolute;top:0.5em;right: 1.0em;font-size: 11px;border: 1px solid #ccc;padding: 0.2em 0.6em 0.1em 0.6em;background-color: #fff;border-radius: 6px;box-shadow: 0px 0px 2px 0px #aaa;cursor: pointer;z-index: 1;} .fav .fas{display: none;} .fav.added {box-shadow: unset;background-color: #f0f0f0;} .fav.added .fas{display: inline;color: #ea5506;} .fav.added .far{display: none;} .fav span.added {position: absolute;display: none;font-size: 12px;background-color: #d98517;color: #fff;top: -1.0em;left: -3em;right: 0;margin: auto;width: 14em;z-index: 100;border-radius: 6px;text-align: center;font-style: normal;} .no-image{display: flex;text-align: center;justify-content: center;vertical-align: middle;font-size: 11px;color: #777;background-color: #f3f3f3;height: 100%;flex-direction: column;} header{border-bottom: 1px solid #ccc;background-color: #fff;} header nav{margin: 0 auto;display: flex;justify-content: space-between;z-index: 10 !important;/*background-color: #fff*/;height: 90px;} header nav>a{display: block;flex-basis: 280px;text-align: center;padding-top: 0.5em;} header nav>a img{margin: 0 auto;} header nav>a span{display: block;margin-top: 10px;color: #009260;letter-spacing: 1px;font-size: 14px;} header nav>a span em{display: block;letter-spacing: 1px;font-size: 11px;line-height: 1.0;} header nav ul{display: flex;justify-content: space-between;font-family: "Kosugi Maru", sans-serif;} header nav>div{position: relative;} header nav>div>.div-nav>ul{margin-top: 23px;} header nav>div>.div-nav>ul>li{list-style: none;font-size: 20px;} header nav>div>.div-nav>ul>li>a{position: relative;min-width: 6.0em;line-height: 1.2; height: 68px;} header nav ul li a:hover{background-color: #ECF7F1;border-radius: 6px;color:#006844;text-decoration: none;} header nav>div>.div-nav>ul>li>a:after{content:"";position: absolute;bottom: 20px;margin: auto;height: 30px;width: 2px;background-color: #54C993;left:0} header nav>div>.div-nav>ul>li>a>span{font-size: 18px;} header nav>div.rent-multi>.div-nav>ul>li.rent {margin-top: -23px;} header nav ul li p{margin: 0;text-align: center;border-bottom: 2px solid #009260;font-size: 12px;} header nav ul li a{color: #009260;font-size: 16px;display: flex;/*flex-direction: column;*/justify-content: center;height: 100%;text-align: center; align-items: center;} header nav>div>.div-nav.short ul li a{letter-spacing: 1px;} header nav>div>.div-nav.short>ul>li.guide>a{flex-direction: row;padding: 0 0.8em;letter-spacing: 1px;} header nav>div>.div-nav.short>ul>li.global>a{flex-direction: row;padding: 0 0.8em;letter-spacing: 1px;} header nav>div>.div-nav.short ul li.rent ul li a{width: 10.0em;} header nav ul li.rent p{font-size: 14px;color: #009260;} header nav ul li.rent ul li a span{display: inline-block;font-size: 18px;} header nav ul li.rent ul li a em{display: inline-block;font-size: 11px;font-style: normal;} header nav ul li.rent ul li a{position: relative;font-size: 12px;display: block;width: 9.0em;line-height: 1.2;padding-top: 0.5em;padding-bottom: 0.5em;} header nav ul li.rent ul li a:before{content:"";position: absolute;bottom: 20px;margin: auto;height: 30px;width: 1px;background-color: #54C993;left: 0;} header nav ul li.rent ul li a:after{content:"";position: relative;display: block;width: 35px;height: 35px;background-repeat: no-repeat;background-size: contain;background-position: center;left: 0;right: 0;margin: -1px auto 0 auto;opacity: 0.4;} header nav ul li.rent ul li.area a:after{background-image: url(/assets/img/icon/area_green.svg);} header nav ul li.rent ul li.route a:after{background-image: url(/assets/img/icon/train_green.svg);} header nav ul li.rent ul li.map a:after{background-image: url(/assets/img/icon/map_green.svg);} header nav ul li.guide a {flex-direction: column;} header nav ul li.global a {flex-direction: column;} header nav span{font-weight: bold;} header nav .div-btn{position: absolute;right:15px;top: 3px;display: flex;justify-content: space-between;gap:10px} header nav .btn{font-size: 10px;line-height: 1.0;} header nav .btn.mail{} header nav .btn.favorite {padding-top: 7px;} header nav .btn.favorite em{position: absolute;display: inline-block;width: 1.4em;height: 1.4em;top: 0;bottom: 0;margin: auto;left: 6px;background-color: #009260;color: #fff;border-radius: 12px;line-height: 1.4em;vertical-align: bottom;font-style: normal;text-align: center;font-weight: bold;font-size: 14px;font-family: serif; padding-left: 2px;} header nav .rent-single>.div-nav {display: flex;gap:10px} header nav .rent-single>.div-nav>ul{margin-top: 10px;} header nav .rent-single>.div-nav .div-btn{position: relative;right:auto;top: auto;display: flex;justify-content: center;gap:10px;flex-direction: column;padding: 0 10px 0 30px;margin-top: 10px;} body.draft header:before{content: '下書き状態の都市です';position: absolute; top: 35px;left: calc( 50% - 600px + 290px ); font-size: 20px;color: rgba(50, 50, 0, 0.3);z-index: 30;white-space: nowrap;} /* 追従する設定 */ #sticky { position: fixed;bottom: 10px;right: 20px;display: none;/*width: 310px;*/width: 80px;display: flex;justify-content: space-between; text-decoration: none;transition: background-color 0.3s ease, opacity 0.3s ease;/* ふわっと表示するためのアニメーション設定 */ z-index: 5;opacity: 1; } #div-pagetop{ width: 50px;height: 50px;color: #fff;border-radius: 50%;font-size: 20px;background-color: #00A26B;} #div-pagetop a{position: relative;display: block;width: 50px;height: 50px; text-align: center;line-height: 55px;} #div-pagetop a i{color: #fff;font-size: 24px;line-height: 24px;} #sticky .contact{padding: 0;background-color: transparent;display: none;} #sticky .contact a{border-radius: 42px;padding-left: 1.5em;padding-right: 1.5em;} #sticky .contact a span{line-height: 35px;letter-spacing: 2px;font-size: 22px;} #sticky .contact a.btn.mail:before{margin-top: -0.4em;} #sticky.absolute{position: absolute;} body.guide-index #sticky .contact{display: none;} body.guide-detail #sticky .contact{display: none;} body.news-index #sticky .contact{display: none;} body.news-detail #sticky .contact{display: none;} body.areasearch #sticky .contact{display: none;} body.linesearch #sticky .contact{display: none;} body.map #sticky .contact{display: none;} body.property-rent #sticky .contact{display: none;} body.contact-index_j #sticky .contact{display: none;} body.contact-confirm_j #sticky .contact{display: none;} body.contact-done_j #sticky .contact{display: none;} body.contact-index_e #sticky .contact{display: none;} body.contact-confirm_e #sticky .contact{display: none;} body.contact-done_e #sticky .contact{display: none;} body.contactowner-index #sticky .contact{display: none;} body.contactowner-confirm #sticky .contact{display: none;} body.contactowner-done #sticky .contact{display: none;} footer{position: relative;margin-top: 40px;background-color: #efefef;padding-top: 40px;letter-spacing: 1px;z-index: 1;} footer section{margin: 0 auto 30px;} footer #footerUpper{display: flex;justify-content: space-between;gap: 20px;} footer #footerUpper .div-agent{} footer #footerUpper .div-agent .div-title{display: flex;justify-content: flex-start;} footer #footerUpper .div-agent .div-title .logo{width: 100px;height: 100px;background-color: #00A26B;display: flex;flex-direction: column;justify-content: center;text-align: center;margin-right: 20px;} footer #footerUpper .div-agent .div-title .logo img{margin: 0 auto;} footer #footerUpper .div-agent .div-title .title {display: flex;flex-direction: column;justify-content: center;} footer #footerUpper .div-agent .div-title .title a{font-weight: bold;color: #009260;} footer #footerUpper .div-agent dl dt{float: left;min-width: 5.0em;} footer #footerUpper .div-agent dl dd{margin-left: 6.0em;} footer #footerUpper .div-link{flex-basis: 370px;font-size: 14px;} footer #footerUpper .div-link .flex{justify-content: space-between;margin-bottom: 30px;} footer #footerUpper .div-link .flex p{margin-bottom: 0.25em;} footer #footerUpper .div-link .flex.lower{margin-top: 20px;justify-content: flex-start;} footer #footerUpper .div-link .flex.lower>div{flex-basis: 46%;} footer #footerUpper .div-link a{position: relative;color: #009260;} footer #footerUpper .div-link a:before{content:"-";position: absolute;display: inline;color: #009260;left:-10px;top:0;margin: auto;} footer #footerLower ul.link {display: flex;justify-content: center;} footer #footerLower ul.link li {padding: 0 0.5em;} footer #footerLower ul.link li a{color:#666;font-size: 12px;} footer #footerLower{color: #009260;letter-spacing: 0;margin-top: 20px;} footer #footerLower .world p{position: relative;letter-spacing: 2px;text-align: center;} footer #footerLower .world p a{color:#009260;font-weight: bold;font-size: 12px;} footer #footerLower .world p:before{content:"";position: relative;display: inline-block;width: 20px;height: 20px;background-image: url(/assets/img/icon/world_green.svg);background-size: contain;margin: 0 10px -4px 0} footer #footerLower .world dl{font-size: 12px;display: flex;justify-content: space-between;gap: 10px;line-height: 2;} footer #footerLower .world dl:nth-of-type(1){margin-right: 7px;} footer #footerLower .world dl dd{margin: 0;} footer #footerLower .world dl dd ul{display: flex;justify-content: flex-start;} footer #footerLower .world dl dd ul li{padding: 0 0.5em;} footer #footerLower .world dl dd ul li a{color: #009260;} footer #footerSNS ul{display: flex;justify-content: center !important;width: 100%;margin-top: 10px;} footer #footerSNS ul li{display: block;flex-basis: 60px;height: 60px;} footer #footerSNS ul li a{display: block;height: 60px;width: 60px;margin: 0 5px !important;} footer #footerSNS ul li a:before{content:"" !important;position: relative;display: block !important;height: 60px;width: 60px;background-size: contain;background-position: center;background-repeat: no-repeat;left: unset !important;} footer #footerSNS ul li.btn_ln a:before{background-image: url(/assets/img/icon/sns_line.svg);} footer #footerSNS ul li.btn_in a:before{background-image: url(/assets/img/icon/sns_instagram.svg);} footer #footerSNS ul li.btn_x a:before{background-image: url(/assets/img/icon/sns_x.png);} footer #footerSNS ul li.btn_fb a:before{background-image: url(/assets/img/icon/sns_facebook.svg);} footer #footerSNS ul li.btn_wb a:before{background-image: url(/assets/img/icon/sns_wechat.svg);} footer #footerSNS ul li.btn_yt a:before{background-image: url(/assets/img/icon/sns_youtube.svg);} footer #footerSNS ul li.btn_wa a:before{background-image: url(/assets/img/icon/sns_whats.svg);} .modal.show.sns .modal-dialog .modal-body .flex{justify-content: center;gap:15px} .modal.show.sns .modal-dialog .modal-body img{max-width: 200px !important;height: auto !important;} .modal.show.sns .modal-dialog .modal-body .flex>*{text-align: center;} /* footer #footerSNS ul li.btn_ln a:before{background-image: url(/assets/img/icon/line_green.svg);} footer #footerSNS ul li.btn_in a:before{background-image: url(/assets/img/icon/instagram_green.svg);} footer #footerSNS ul li.btn_x a:before{background-image: url(/assets/img/icon/x_green.svg);} footer #footerSNS ul li.btn_fb a:before{background-image: url(/assets/img/icon/facebook_green.svg);} footer #footerSNS ul li.btn_wb a:before{background-image: url(/assets/img/icon/weibo_green.svg);} */ footer #footerSNS ul li a em{display: none;} footer #footerSNS p.p-qr{text-align: center;color: #009260;margin-bottom: 0;} footer #footerSNS p.p-qr img{max-width: 160px;margin: 0 auto;} footer .div-banner{padding: 20px 0 10px 0;} footer .div-banner ul{justify-content: space-between;} footer .div-banner ul li a{} footer .div-banner ul li a img{height: 60px;} footer .div-banner ul li a p{font-size: 12px;text-align: center;margin-bottom: 0;} footer .div-contact{text-align: center;margin: 20px auto 30px auto;} footer .div-contact img{width: 500px;margin: 0 auto;} footer .div-contact p{text-align: center;} footer .div-contact p.title{position:relative;margin-bottom: 0.2em;font-size: 12px;font-weight: bold;} footer .div-contact p.title:before{content:"";position: relative;display: inline-block;width: 20px;height: 20px;background-image: url(/assets/img/icon/contact_green.svg);background-size: contain;margin: 0 10px -4px 0;} footer .div-contact a{color: #009260;} footer .world {} footer .world>.flex{justify-content: center;} footer .world>.flex>.pc{margin-right: 25px} footer #footerLower .world>.div-link{text-align: center;margin-bottom: 25px;} footer #footerLower .world>.div-link a{color:#009260;margin: 0 1.0em;font-size: 12px;letter-spacing: 2px;} footer #footerBottom{background-color: #006844;width: 100%;margin-bottom: 0;} footer #footerBottom>.div-link{display: flex;justify-content: center;} footer #footerBottom>div>*{margin: 0 0.5em;} footer #footerBottom>div>* a{font-size: 11px;color: #fff;} footer p.copyright{text-align: center;font-size: 12px;background-color: #fff;color: #009260;margin-bottom: 0;} .mainWrapper{flex-basis: 70%;overflow: hidden;} .mainWrapper>section{position: relative;padding: 25px 40px 30px 40px;background-color: #fff;} .mainWrapper section.detail{line-height: 1.8;} .mainWrapper section.detail table{max-width: 100%;width: 100%;} aside{flex-basis: 26%;} .sectionTitle{position:relative;font-size: 22px !important;text-align: center;letter-spacing: 4px !important;margin: 30px auto 20px auto !important;font-weight: bold;color: #009260;line-height: 1.3;} .sectionTitle span{display: block;font-size: 14px;display: none;} .sectionTitle:before{content:"";position: relative;width: 40px;height: 40px;margin: 0 0.5em 0 0;display: inline-block;background-position: center;background-repeat: no-repeat;background-size: contain;vertical-align: text-bottom;} .mainWrapper h1{text-align: center;letter-spacing: 4px;margin: 40px auto 35px auto;font-size: 1.6rem;} .mainWrapper h1 span{position:relative;font-size: 22px;text-align: center;letter-spacing: 4px;font-weight: bold;color: #009260;display: inline-block;} .mainWrapper h1 em{display: block;font-size: 14px;display: none;} .mainWrapper h1 span:before{content:"";position: absolute;width: 40px;height: 40px;margin:auto;display: inline-block;background-position: center;background-repeat: no-repeat;background-size: contain;vertical-align: text-bottom;top:0;bottom: 0;left: -70px;} .mainWrapper .detail h1{/*text-align: left;*/letter-spacing: 1px;margin: 40px auto 35px auto;font-size: 1.8em;} .mainWrapper .detail .div-list{margin-top: 80px;line-height: 1.5;clear: both;} .mainWrapper .detail .div-list h2{font-size: 1.4em;margin: 1.0em 0;text-align: center;} .mainWrapper .detail .content img{display: unset;} .mainWrapper #mainMenu{letter-spacing: 2px;background-color: transparent;} .mainWrapper #mainMenu{background-repeat: no-repeat;background-position: center;background-size: cover;padding: 0;margin-bottom: 20px;} .mainWrapper #mainMenu .wrapper { /* background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0.5)); */width: 100%;padding-bottom: 0px;} .mainWrapper #mainMenu .wrapper .flex{ justify-content: space-between;} .mainWrapper #mainMenu .wrapper .flex>div{padding: 30px 40px; /*background-color: rgba(255,255,255,0.8);background: linear-gradient(rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%, rgba(255,255,255,0.2)) 100%;*/ background-color: #fff;} .mainWrapper #mainMenu .wrapper .flex>div.row1{flex-basis: 60%;} .mainWrapper #mainMenu .wrapper .flex>div.row2{flex-basis: 35%;padding: 20px 20px;} .mainWrapper #mainMenu .wrapper .flex>div.row1>p>a{display: block;padding: 0.8em ;} .mainWrapper #mainMenu .wrapper .flex>div.row2 a{padding: 0.5em 0.8em;} .mainWrapper #mainMenu .wrapper .flex>div.row2 div:last-of-type(1) {border: 1px soilid #f00;} .mainWrapper #mainMenu .wrapper .flex>div.row2 div:last-of-type(1) p{margin-bottom: 0;} .mainWrapper #mainMenu .wrapper .flex>div h2{color:#009260;position: relative;margin-bottom: 0.1em;font-language-override: 1.0;} .mainWrapper #mainMenu .wrapper .flex>div h2 span{font-size: 40px;} .mainWrapper #mainMenu .wrapper .flex>div p{margin-bottom: 0.1em;padding-left: 0.1em;} .mainWrapper #mainMenu .wrapper .flex>div.row1 h2:before{content:"";position: relative;display: inline-block;height: 45px;width: 45px;background-position: center;background-size: contain;background-image: url(/assets/img/icon/rent_green.svg);vertical-align: top;margin-right: 15px;} .mainWrapper #mainMenu .wrapper .flex>div a{font-size: 20px;color:#179B63;line-height: 1.2;font-weight: 500;} .mainWrapper #mainMenu .wrapper .flex>div a img{width: 30px;margin-right: 10px;display: inline;vertical-align: bottom;} .mainWrapper #mainMenu .wrapper .flex>div ul{display: flex;justify-content: center;padding: ;gap:2%;margin-bottom: 15px;} .mainWrapper #mainMenu .wrapper .flex>div ul li{list-style: none;flex-basis: 31%;margin: 0 1%;} .mainWrapper #mainMenu .wrapper .flex>div ul li a{position: relative;display: block;font-size: 16px;text-align: center;z-index: 1;color: #179B63;font-weight: bold;height: 100px;display: flex;flex-direction: column;justify-content: center;} .mainWrapper #mainMenu .wrapper .flex>div ul li a:before{content:"";position: absolute;display: block;width: 100px;height: 100px;left:0;right:0;margin: auto;bottom:0px;background-size: contain;background-repeat: no-repeat;background-position: center;z-index: -1;} .mainWrapper #mainMenu .wrapper .flex>div ul li.area a:before{background-image: url(/assets/img/icon/area_lightgreen.svg);} .mainWrapper #mainMenu .wrapper .flex>div ul li.route a:before{background-image: url(/assets/img/icon/train_lightgreen.svg);} .mainWrapper #mainMenu .wrapper .flex>div ul li.map a:before{background-image: url(/assets/img/icon/map_lightgreen.svg);} .mainWrapper #mainMenu .wrapper .flex>div ul li.area a:hover:before{background-image: url(/assets/img/icon/area_white.svg);} .mainWrapper #mainMenu .wrapper .flex>div ul li.route a:hover:before{background-image: url(/assets/img/icon/train_white.svg);} .mainWrapper #mainMenu .wrapper .flex>div ul li.map a:hover:before{background-image: url(/assets/img/icon/map_white.svg);} .mainWrapper #mainMenu .wrapper .flex>div ul li a span{font-size: 24px;display: block;} .mainWrapper #mainMenu .wrapper a{transition: all 0.5ms;display: block;} .mainWrapper #mainMenu .wrapper a:hover{background-color: #ECF7F1;/*text-decoration: none !important;*/text-decoration-color: #C1E6D1;border-radius: 6px;text-decoration: none;color:#006844} /* オススメ物件一覧 */ #recommend{position: relative;} #recommend h2{margin-top: 40px;text-shadow:0 0 1px #FFF,0 0 5px #FFF,0 0 10px #FFF,0 0 15px #FFF,0 0 20px #FFF,0 0 30px #FFF;z-index: 2;} #recommend h2:before{background-image: url(/assets/img/icon/recommend_green.svg);filter: drop-shadow(0px 0px 1px #fff) drop-shadow(0px 0px 10px #fff) drop-shadow(0px 0px 15px #fff) ; } /* #recommend:before{content:"";position: absolute;display: block;background-color:#fff;top:22px;left:0;right:0;margin: auto;width: 12em;z-index: 0;box-shadow: 0px 0px 40px 40px #fff;opacity:0.8} */ /* 物件リスト */ .roomList{display: flex;flex-wrap: wrap;justify-content: flex-start;width: 100%;} .roomList>a{flex-basis: 33%;text-decoration: none;padding: 5px 5px;margin: 0 0 8px 0px;background-color: #fff;border: 1px solid #eee;color: #000;margin-right: 0.5%;} .roomList>a:nth-of-type(3n){margin-right: 0;} .roomList>a:hover{background-color: #ECF7F1;} .roomList>a:nth-of-type(0){margin-right: 0px;} .roomList .box{position: relative;height: 100%;display: flex;flex-direction: column;justify-content: space-between;} .roomList .box .flex{position: relative;height: 100%;display: flex;flex-direction: column;justify-content: flex-start} .roomList .box .houseListTxt{height: calc(100% - 140px);display: flex;flex-direction: column;justify-content: space-between;} .roomList .div-img {position: relative;;margin: 0 auto;background-color: #eee;overflow: hidden;aspect-ratio: 1.6/1;overflow: hidden;} .roomList .div-img img{aspect-ratio: 1.6/1;object-fit: cover;width: 100%;height: auto;} /* .roomList .div-img em {position: absolute;top: 0px;right: 0;background-color: #FA7634;color: #fff;padding: 0 0.5rem;border-radius: 0.5rem;font-weight: bold;letter-spacing: 1px;opacity: 0.9;font-style: normal;z-index: 2;} .roomList .div-img span {position: relative;display: block;background-size: cover;background-repeat: no-repeat;background-position: center center;} .roomList .div-img span:before {content:"";display: block;padding-top: 50%; } */ .roomList .div-location{padding-top: 0.5em;} .roomList .div-text {margin-bottom: 0;display: flex;flex-direction: column;justify-content: space-between;height: auto;} .roomList .box p{margin-bottom: 0.2em;font-size: 12px;} .roomList .box .location>span{display: block;} .roomList .box .rent{letter-spacing: 1px;font-size: 1.16rem;text-align: right;font-size: 12px;} .roomList .box .rent span{font-size: 16px;font-weight: bold;} .roomList .box .rent span em{font-size: 12px;font-weight: bold;margin-left: 0.3em;} .roomList .box .station{font-size: 12px;background-color: #efefef;width: calc( 100% + 10px );margin: 5px -5px;padding: 3px 5px;margin-bottom: 0;} .roomList .box .station span{display: block;} .roomList .box .station span:nth-of-type(2){text-align: right;} .roomList .box .p-id{text-align: right;font-size: 11px;letter-spacing: 1px;} .roomList>a:hover .houseListImg span{-moz-transform: scale(1.06);-webkit-transform: scale(1.06);-ms-transform: scale(1.06);transform: scale(1.06);opacity: 0.8;} body.top .roomList .item .fav{display: none;} body.property-rent .roomList{gap:5px} body.property-rent .roomList>a{flex-basis: calc( 20% - 10px) ;margin: 15px 0;} /* テーマ こだわり */ #selectionMenu h2:before{background-image: url(/assets/img/icon/document_green.svg);} /*.mainWrapper #selectionMenu{background-color: #CFFBE2;;padding: 20px 40px 10px 40px;}*/ .mainWrapper #selectionMenu{background-color: #F1F9F8;background: linear-gradient(rgba(207,251,226,0.0),rgba(207,251,226,0.9));padding: 20px 40px 10px 40px;display: none;} /*.mainWrapper #selectionMenu{background: linear-gradient(rgba(255,255,255,0.0),rgba(0,146,96,1.0));padding: 20px 40px 10px 40px; background-color: #fff;padding: 20px ;margin-top: 30px;}*/ .mainWrapper #selectionMenu h2{font-size: 1.4rem;margin: 10px 0 20px 0 ;letter-spacing: 1px;} .mainWrapper #selectionMenu h2 span{font-size: 1.0rem;} .mainWrapper #selectionMenu .flex{margin-bottom: 30px;} .mainWrapper #selectionMenu .flex>div{flex-basis: 48%;} .mainWrapper #selectionMenu .flex h2{position: relative;margin-top: 0;font-size: 20px;margin-bottom: 20px;font-weight: bold;} .mainWrapper #selectionMenu .flex h2:before{content:"";width: 1.0em;height: 1.0em;display: inline-block;margin-right: 0.5em;background-image: url(/assets/img/icon/list_green.svg);background-size: contain;vertical-align: top;} .mainWrapper #selectionMenu .flex a{position: relative;letter-spacing: 1px;color: #009260;display: inline-block;padding-right: 1.0em;background-color: #fff;border-radius: 100vh;line-height: 1.8;padding: 0.4em 1.5em 0.4em 1.0em; border-bottom: 2px solid #ccc;} .mainWrapper #selectionMenu .flex a:hover{background-color: #009260;color:#fff;text-decoration: none;} .mainWrapper #selectionMenu .flex a:before {content:"";display: inline-block;width: 0;height: 0; border-style: solid; border-top: 0.4em solid transparent; border-bottom: 0.4em solid transparent; border-left: 0.5em solid #009260; border-right: 0; margin:0 0.5em; } .mainWrapper #selectionMenu .flex a:hover:before{border-left: 0.5em solid #fff;} /* ガイド（お役立ち情報）一覧 */ #guide{} #guide .sectionTitle:before{background-image: url(/assets/img/icon/info_green.svg);} ul.guide{flex-wrap: wrap;gap:20px} ul.guide li{list-style: none;margin-bottom: 0;flex-basis: calc( 50% - 10px );} ul.guide li {} ul.guide li a{width: 100%;height: 100%;display: flex;justify-content: start;background-color: #fff;padding: 10px 20px;} ul.guide li figure{display: inline-block;min-width: 80px;flex-basis: 80px;margin-right: 20px;border:1px solid #CFFBE2;max-height: 80px;} ul.guide li figure img{object-fit: cover;width: 100% !important;height: 100% !important;margin: 0 !important;padding: 0 !important;} ul.guide li div{display: inline-block;} ul.guide li div p.title{font-weight: bold;font-size: 14px;margin-bottom: 0.5em;line-height: 1.6em;} ul.guide li div p{font-size: 12px;margin-bottom: 0;line-height: 1.6em;} ul.guide li a:hover{background-color: #ECF7F1;text-decoration: none;} #guide p.link{font-size: 14px;font-weight: bold;letter-spacing: 1px;} .div-bottom{/*position: unset;*/ position: relative;} .div-bottom .subWrapper{flex-basis: 70%} .div-bottom .subWrapper .contact{background-color: #fff;padding: 20px;margin-top: 30px;/*border: 1px solid #009260;*/} .div-bottom .subWrapper .contact h2.sectionTitle{font-size: 18px !important;margin-top: 0;} .div-bottom .subWrapper .contact h2.sectionTitle:before{background-image: url(/assets/img/icon/contact_staff.png);vertical-align: middle;width: 50px;height: 60px;} .subWrapper .contact p{text-align: center;font-size: 12px;font-weight: bold;letter-spacing: 2px;} .subWrapper .contact ul{justify-content: space-around;gap:2.0em} .subWrapper>.contact ul>.li-tel{flex-basis: 47%;} .subWrapper>.contact ul>.li-open{flex-basis: 43%;} .subWrapper>.contact ul>.li-tel dl dt.tel{width: 25em;} .subWrapper .contact ul dl{display: flex;gap:1.0em;margin-bottom: 0;} .subWrapper .contact ul dl dt.title{flex-basis: 5.0em;} .subWrapper .contact ul dl dd{flex-basis: calc( 100% - 7.0em );} .subWrapper .contact ul .li-tel dl dd{text-align: right;} .subWrapper .contact a.mail{padding-left: 5.0em;padding-right: 5.0em;margin-top: 10px;} .subWrapper .contact a.line{padding-left: 3.15em;padding-right: 3.15em;margin-top: 10px;} .subWrapper .contact .li-tel dl{justify-content: space-between;} .subWrapper .contact .li-tel dd a{letter-spacing: 1px;} /**** サブエリア ****/ aside .site-title{background-color: #009260;color: #fff;letter-spacing: 3px;padding: 12px 15px;border: 1px solid #fff;font-size: 36px;} aside .site-title span{display: block;background-color: #fff;color: #009260;text-align: center;line-height: 1.8;font-size: 16px;} aside .icon{position: relative;} aside .icon:before{content:"";position: relative;display: inline-block;height: 1.5em;width: 1.5em;background-repeat: no-repeat;background-position: center;background-size: contain;vertical-align: middle;margin-right: 0.5em;margin-top: -0.3em;letter-spacing: 3px !important;} aside .sectionTitle{margin-bottom: 16px;margin-top: 10px !important;} aside .sectionTitle:before{margin-top: 0;font-size: 16px;} aside .sectionTitle:before span{font-size: 12px;} aside .sectionTitle:before{position: absolute;display: block;width: 30px;height: 30px;margin: auto;top:0;bottom: 0;left: 5px;} aside .btn{width: 100%;font-weight: bold;} aside .sectionTitle{font-size: 16px !important;} aside dl dt.title{color: #009260;text-align: center;margin-top: 0.8em;margin-bottom: 0.5em;} aside section:after{content:"";display: block;width: 100px;height: 2px ;background-color: #CFFBE2;margin: 60px auto 0 auto;} aside section.banner{margin-bottom: 0.5rem;background-color: #fff;} aside section.banner:after{display: none;} aside section.banner a:hover{opacity: 0.8;} aside section.banner a img{border: 1px solid #fff;} aside #news{padding-left:20px ;padding-right:20px ;} /* お知らせ */ #news{padding: 25px 40px 30px 40px;background-color: #fff;} #news .sectionTitle:before{background-image: url(/assets/img/icon/news_green.svg);} #news dl{} #news dl dt{color: #999;} #news dl dd{border-bottom: 1px dotted #54C993;padding-bottom: 0.5em;} #news dl dd:nth-last-of-type(1){border-bottom:none !important;} /* お問い合わせ */ .selectable{position: relative;z-index: 4;} .div-language{display: flex;justify-content: flex-end;gap: 10px;margin-bottom: 15px;} .div-language a span{display: inline-block;width: 35px;height: 24px;vertical-align: middle;margin-right: 5px;} .contact{} .contact{padding: 25px 20px 30px 20px;background-color: #fff;} aside .contact h2{color: #FF3567;font-size: 20px !important;} /* .contact h2:before{background-image: url(/assets/img/icon/contact_green.svg);} */ .contact ul li{margin-bottom: 0.8em;} .contact ul li .btn{padding-left: 42px;} .contact ul li .btn:before{position: absolute;top:0;bottom: 0;margin: auto;left: 20px;} .contact .mail{letter-spacing: 1px;} .contact .mail{margin-top: 20px;font-size: 18px;line-height: 2.5;border-radius: 100vh;} .contact .mail span{font-weight: bold;letter-spacing: 2px;} .contact .line{letter-spacing: 1px;} .contact .line{margin-top: 0px;font-size: 18px;line-height: 2.5;border-radius: 100vh;} .contact .line span{font-weight: bold;letter-spacing: 0.5px;} .contact .owner{line-height: 1;border-radius: 100vh;} .contact .owner{margin-top: 0px;font-size: 18px;line-height: 2.5;border-radius: 100vh;} .contact .owner span{font-weight: bold;letter-spacing: 1px;} .contact .double .owner{line-height: 1;min-height: 60px;display: flex;flex-direction: column;justify-content: center;} .contact .double .owner span{font-size: 14px;line-height: 1;letter-spacing: 0;} .contact .double .owner span span{font-size: 11px;letter-spacing: 0;display: block;font-weight: normal;} .contact ul li.business .btn{padding-left: 0.75em;} .contact .mail em {position: absolute;display: block;top: -35px;left: 0;right:0;margin:auto;width: 20em;padding: 0.3em 0 0.2em 0;font-size: 11px;line-height: 1.4;color: #d44114;border: 2px solid #d44114;/* border-radius: 100vh; */background: #fff;-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);} .contact .mail em b{font-size: 12px;font-weight: bold;} .contact .mail em:before, .contact .mail em:after {content: "";position: absolute;left: calc(50% - 10px);} .contact .mail em:before {bottom: -15px;border-width: 10px 10px 0 10px;border-style: solid;border-color: #d44114 transparent transparent transparent;} .contact .mail em:after {bottom: -9px;border-width: 10px 10px 0 10px;border-style: solid;border-color: #fff transparent transparent transparent;} .contact .tel+dd{letter-spacing: -1px;text-align: left;} .contact dl dd .bg-green{font-size: 12px;} .contact .li-tel{margin-bottom: 2em;} .contact .li-tel p{margin-bottom: 0.2em;font-size: 12px;text-align: left;letter-spacing: 1px;} .contact .li-tel dl{margin-bottom: 0.5em;} .contact .li-tel dl dt {font-weight: normal;font-size: 12px;letter-spacing: 1px;white-space: nowrap;width: 10em;} .contact .li-tel dl dt span{font-size: 18px;font-weight: bold;} .contact .li-tel dl dd {white-space: nowrap;} .contact .li-tel dl dd a{color: #666;} .contact .li-tel table th {font-weight: normal;font-size: 12px;letter-spacing: 1px;white-space: nowrap;width: 10em;} .contact .li-tel table th span{font-size: 18px;font-weight: bold;} .contact .li-tel table td {white-space: nowrap;text-align: right;padding-left: 1.0em;} .contact .icon.clock:before{background-image: url(/assets/img/icon/clock_green.svg);} .contact .icon.bord:before{background-image: url(/assets/img/icon/bord_green.svg);} /* ぱんくず*/ .breadcrum{font-size: 0.7em;letter-spacing: 2px;} .breadcrum ol{display: flex;justify-content: flex-start;padding-left: 0;margin: 0 0 15px 0;} .breadcrum ol li{list-style: none;color: #999;} .breadcrum ol li a{position: relative;color: #999;} .breadcrum ol li a:after{content:" > ";position: relative;} /* 店舗 */ #agent{} #agent{padding: 25px 20px 30px 20px;background-color: #fff;} #agent h2{letter-spacing: 0;font-size: 15px !important;padding-left: 20px;} #agent h2:before{background-image: url(/assets/img/icon/agent_green.svg);} #agent img{max-width: 100% !important;height: auto;} #agent .p-zoom a{letter-spacing: 1px ;text-decoration: underline;color: #009260;} /********** TOPページ **********/ body.top .mainWrapper>section{padding: 10px 10px 10px 10px;} /********** お知らせ **********/ .news-index{} .news-index aside #news{display: none;} /********** 店舗案内 **********/ body.shop{} body.shop .mainWrapper>section{padding-left: 40px ;padding-right: 40px;} body.shop h1 {margin-bottom: 1.2em;} body.shop h1 span:before{background-image: url(/assets/img/icon/contact_green.svg);} body.shop h2.sectionTitle:before{display: none !important;} body.shop h4{text-align: center;font-size: 1.2rem;margin:1.7em auto 0.8em auto;} body.shop ul.nav{display: flex;justify-content: center;gap:15px;margin-bottom: 35px;} body.shop ul.nav li{display: flex;justify-content: center;} body.shop ul.nav li a{font-weight: bold;text-decoration: underline;color: #009260;} body.shop .catchcoppy{font-size: larger;margin: 1.0em auto;width: 80%;} body.shop figure{text-align: center;margin: 1.0em auto;} body.shop figure img{margin: 0 auto;} body.shop .mainWrapper table{width: 100%;} body.shop .mainWrapper table tr th{background-color: #efefef;padding: 0.2em 0.8em;border-bottom: 2px solid #fff;white-space: nowrap;width: 10em;text-align: center;} body.shop .mainWrapper table tr td{padding: 0.2em 0.8em;border-bottom: 2px solid #fff;} body.shop .div-tag ul{justify-content: center;gap: 5px;flex-wrap: wrap;} body.shop .div-tag ul li span{border: 1px solid #009260;border-radius: 6px;padding: 0 1.0em;line-height: 1.8;font-weight: normal;color: #fff;background-color: #009260;} body.shop .div-tag p{font-size: smaller;margin-top: 1em;} body.shop .access .contact {padding-left: 0;padding-right: 0;} body.shop .access .flex ul{flex-basis: 49%;} body.shop .access .flex ul.ul-btn{flex-basis: 45%;} body.shop .access .flex ul.ul-btn li a{width: 100%;padding-left: 0;padding-right: 0;} body.shop .access .flex ul.ul-btn li.li-mail{margin-top: 0;} body.shop .access .flex ul.ul-btn li.li-mail a{margin-top: 0;} body.shop .access .contact .li-tel dl{display: block;} body.shop .access .location a img{margin: 0 auto;} body.shop .access .location p{text-align: center;font-size: smaller;} body.shop .p-zoom a{letter-spacing: 1px ;text-decoration: underline;color: #009260;} /********** 検索 **********/ section.search h2{text-align: center;margin-top: 20px;} section.search .clearSelect{text-align: right;} section.search .clearSelect a{font-size: smaller;background-color: #ddd;font-weight: bold;line-height: 1.4em;;padding: 0.1em 0.8em 0 0.8em;text-decoration: none;} section.search .clearSelect a:hover{opacity: 0.8;} section.search .notice{font-size: smaller;text-align: right;} section.search label{cursor: pointer;} section.search .div-list{} section.search label{display: flex;justify-content: flex-start;margin-bottom: 0.5em;cursor: pointer;gap: 5px;} section.search .div-input{flex-basis: 2.5em;text-align: center;} section.search .div-input input[type=checkbox]{vertical-align: super;} section.search .div-btn{text-align: center;padding-top: 1.0em;} section.search .div-download{text-align: right;} section.search .p-map-btn {text-align: center;} section.search .p-map-btn a{color: #009260;text-decoration: underline;} /** 地域 地区検索 **/ body.areasearch .mainWrapper .sectionTitle:before {background-image: url(/assets/img/icon/area_green.svg);} .areasearch .mainWrapper .btn{font-weight: bold;} section.search .div-list .region{margin-bottom: 0.5em;} section.search .div-list .div-region{display: flex;justify-content: space-between;background-color: #f9f9f9;padding-top: 0.5em;margin-bottom: 0.5em;} section.search .div-list .div-region>label{display: flex;justify-content: flex-start;font-weight: bold;width: calc( 100% - 8em);} section.search .div-list .div-region>label .div-input{flex-basis: 2.4em;} section.search .div-list .div-region>label .div-input+span{padding-top: 0.3em;font-size: 14px;/*border-left: 4px solid #fff;*/padding-left: 0.2em;} section.search .div-list .div-region .a-btn{font-weight: bold;color: #009260;font-size: smaller;cursor: pointer;padding-right: 0.5em;padding-top: 0.6em;} section.search .div-list .div-region .a-btn em{padding-left: 0.5em;padding-right: 0.5em; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);} section.search .div-list .div-region .a-btn em:hover{opacity:0.8} section.search .div-list .div-region .a-btn em.btn-open{background-color: #009260;color: #fff;} section.search .div-list .div-region .a-btn:hover em.btn-open{background-color: #009260;color: #fff;} section.search .div-list .div-region .a-btn em.btn-close{color: #009260;background-color: #fff;} section.search .div-list .div-region .a-btn:hover em.btn-close{color: #009260;background-color: #fff;} section.search .div-list .div-region .btn-open{display: none;} section.search .div-list .div-region .collapsed .btn-close{display: none;} section.search .div-list .div-region .collapsed .btn-open{display: block;} section.search .div-list .div-area{display: flex;justify-content: flex-start;flex-wrap: wrap;gap:0.5%;} section.search .div-list .div-area label.area{flex-basis: 33%;display: flex;justify-content: space-between;margin-bottom: 0.5em;cursor: pointer;} section.search .div-list .div-area label.area.disable{opacity: 0.4;cursor: default;} section.search .div-list .div-area label.area .div-input{flex-basis: 2.5em;text-align: center;} section.search .div-list .div-area label.area .div-input i{font-size: 1.5em;} section.search .div-list .div-area label.area .div-input input[type=checkbox]{vertical-align: super;} section.search .div-list .div-area label.area span{word-wrap: break-word;flex-basis: calc(100% - 3em);margin: 0;position: relative;cursor: pointer;} section.search .div-list .div-area label.area span{/*border-left: 2px solid #fff;*/padding-left: 0.2sem;} section.search .div-list .div-area label.area a{text-decoration: none !important;} section.search .div-list .div-area label.area span{display: block;font-weight: bold;font-size: 12px;} section.search .div-list .div-area label.area em{display: block;font-size: smaller;font-style: normal;} section.search .div-area label.area span{word-wrap: break-word;flex-basis: calc(100% - 3em);margin: 0;position: relative;cursor: pointer;} section.search .div-area label.area span{/*border-left: 4px solid #fff;*/padding-left: 0.2em;} /** 沿線 駅検索 **/ body.linesearch .mainWrapper .sectionTitle:before {background-image: url(/assets/img/icon/train_green.svg);} .linesearch .mainWrapper .btn{font-weight: bold;} section.search .div-list .route{margin-bottom: 0.5em;} section.search .div-list .div-route{display: flex;justify-content: space-between;background-color: #f9f9f9;padding-top: 0.5em;margin-bottom: 0.5em;} section.search .div-list .div-route>label{display: flex;justify-content: flex-start;font-weight: bold;width: calc( 100% - 8em);} section.search .div-list .div-route>label .div-input{flex-basis: 2.4em;} section.search .div-list .div-route>label .div-input+span{padding-top: 0.3em;font-size: 14px;/*border-left: 4px solid #fff;*/padding-left: 0.2em;} section.search .div-list .div-route .a-btn{font-weight: bold;color: #009260;font-size: smaller;cursor: pointer;padding-right: 0.5em;padding-top: 0.6em;} section.search .div-list .div-route .a-btn em{padding-left: 0.5em;padding-right: 0.5em; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);} section.search .div-list .div-route .a-btn em:hover{opacity:0.8} section.search .div-list .div-route .a-btn em.btn-open{background-color: #009260;color: #fff;} section.search .div-list .div-route .a-btn:hover em.btn-open{background-color: #009260;color: #fff;} section.search .div-list .div-route .a-btn em.btn-close{color: #009260;background-color: #fff;} section.search .div-list .div-route .a-btn:hover em.btn-close{color: #009260;background-color: #fff;} section.search .div-list .div-route .btn-open{display: none;} section.search .div-list .div-route .collapsed .btn-close{display: none;} section.search .div-list .div-route .collapsed .btn-open{display: block;} section.search .div-list .div-station{display: flex;justify-content: flex-start;flex-wrap: wrap;gap:0.5%;} section.search .div-list .div-station label.station{flex-basis: 33%;display: flex;justify-content: space-between;margin-bottom: 0.5em;cursor: pointer;} section.search .div-list .div-station label.station.disable{opacity: 0.4;cursor: default;} section.search .div-list .div-station label.station .div-input{flex-basis: 2.5em;text-align: center;} section.search .div-list .div-station label.station .div-input i{font-size: 1.5em;} section.search .div-list .div-station label.station .div-input input[type=checkbox]{vertical-align: super;} section.search .div-list .div-station label.station span{word-wrap: break-word;flex-basis: calc(100% - 3em);margin: 0;position: relative;cursor: pointer;} section.search .div-list .div-station label.station span{/*border-left: 2px solid #fff;*/padding-left: 0.2sem;} section.search .div-list .div-station label.station a{text-decoration: none !important;} section.search .div-list .div-station label.station span{display: block;font-weight: bold;font-size: 12px;} section.search .div-list .div-station label.station em{display: block;font-size: smaller;font-style: normal;} section.search .div-station label.station span{word-wrap: break-word;flex-basis: calc(100% - 3em);margin: 0;position: relative;cursor: pointer;} section.search .div-station label.area span{/*border-left: 4px solid #fff;*/padding-left: 0.2em;} #setCondition{margin-top: 0px;} section .search h2{margin-top: 40px;} #setCondition h3{text-align: center;letter-spacing: 2px;font-size: 1.4em;} #setCondition table{width: 100%;} #setCondition table tr{border-bottom: 1px dotted #179B63;} #setCondition table th{width: 6.5em;text-align: center;letter-spacing: 2px;font-size: 14px;padding-top: 0.5em;} #setCondition table th br{display: none;} #setCondition table td{padding: 1em 0 .5em 0;} #setCondition table td label span{display: flex;flex-direction: column;justify-content: center;font-size: 14px;} #setCondition table td>*{margin-left: 0.55em;font-size: 12px;letter-spacing: 1px;} #setCondition table td select{font-size: 15px;padding: 0 10px;} #setCondition table ul.list-4col{display: flex;justify-content: flex-start;gap: 0.5%;flex-wrap: wrap;margin: 0;} #setCondition table ul.list-4col>*{flex-basis: 24%;} #setCondition table ul.list-3col{display: flex;justify-content: flex-start;gap: 0.5%;flex-wrap: wrap;margin: 0;} #setCondition table ul.list-3col>*{flex-basis: 33%;} #section-search input[type="checkbox"]{display: none ;} #section-search input[type="checkbox"] ~ i.fa-square{color: #aaa; display: inline;background-color: #fff;} #section-search input[type="checkbox"] ~ i.fa-check-square{display: none;color: #009260;} #section-search input[type="checkbox"]:checked ~ i.fa-square{display: none;} #section-search input[type="checkbox"]:checked ~ i.fa-check-square{display: inline;} #section-search label:hover input[type="checkbox"] ~ i.fa {color: #7AA3CC;} #search-float{position: fixed;width: 100%;height: auto;text-align: center;z-index: 5;padding: 15px 0;background-color: rgba(0, 0, 0, 0.2);display: none;left: 0;right: 0;} #search-float .div-btn{padding-top: 0;} /********** 地図検索 **********/ body.map{} body.map #map{padding: 10px 0 0 0;} body.map #map-title{padding-bottom: 10px;margin-bottom: 0px;} body.map #map-title h1{margin-bottom: 10px;} body.map .sectionTitle:before {background-image: url(/assets/img/icon/map_green.svg);} body.map .map-dialog {box-shadow: -2px 2px 4px 0px rgba(0, 0, 0, 0.3);} body.map .map-dialog .map-dialog-item{font-size: 12px; } body.map .map-dialog .map-dialog-item:hover{background-color: #ECF7F1;} body.map .map-dialog .map-dialog-item li{} body.map .map-dialog .map-dialog-item li span{} body.map .map-dialog .map-dialog-item li .rent{font-size: 18px;color:#f00;} body.map .map-dialog .map-dialog-item li .layout{font-size: 18px;} body.map .map-dialog .map-dialog-item li .term{} body.map .map-dialog .map-dialog-item li span i{font-size: 10px;font-style: normal;} body.map .map-dialog .map-dialog-item li span.rent i{font-size: 14px;} body.map .map-dialog .map-dialog-item .info a{display: block;background-color: #009260;color: #fff;text-align: center;letter-spacing: 2px;padding: 0.2em 1em;margin: 0.5em auto 0 auto;} body.map .map-dialog .map-dialog-item a:hover {text-decoration: none !important;} body.map .map-dialog .map-dialog-item ul.bg-gray{background-color: #efefef;margin: 0 -5px;width: calc( 100% + 10px );padding: 5px;} body.map #map-app {position: relative;height: 500px;overflow: hidden;} body.map #map-app .map-filter-wrapper{height:100vh;padding:10px 0} body.map #map-app .map-wrapper{position:relative;height: 500px;overflow: auto;} body.map #map-app .map{bottom:0;left:0;margin:auto} body.map #map-app .map,.map-dialog{position:absolute;top:0;right:0} body.map #map-app .map-dialog{width: 320px;height:100%;z-index:1} body.map #map-app .map-dialog-list{overflow-y:scroll;overflow-x:hidden;height:100%;background:#f8f8f8;border:1px solid #ddd} body.map #map-app .map-dialog-item{padding: 9px 5px 0 5px; /*border-bottom:1px solid #ddd*/} body.map #map-app .map-dialog-item .img{display:block;width:100%;max-height:160px;overflow: hidden;} body.map #map-app .map-dialog-item .img img{display:block;width:100%;max-width:100%;max-height:100%;aspect-ratio: 290/160;object-fit: contain;} body.map #map-app .map-dialog-item ul li{padding:0;font-style: normal;} body.map .div-bottom{display: block;} .carousel-control-next-icon, .carousel-control-prev-icon{background-color: #009260;display: block;border-radius: 50%;background-size: 60% 60%;} .carousel-control-next, .carousel-control-prev{opacity: 1;} .modal.show .modal-title{position: absolute;margin: auto;left: 0;right: 0;text-align: center;} .modal.show .modal-dialog{max-width: 840px;} .modal.show .modal-dialog .modal-body img{max-width: 800px !important;max-height: 700px !important;display: block;margin: 0 auto;} section.search h2{text-align: center;margin-top: 20px;display: block !important;} section.search .clearSelect{text-align: right;} section.search .clearSelect a{font-size: smaller;background-color: #ddd;font-weight: bold;line-height: 1.4em;;padding: 0.1em 0.8em 0 0.8em;text-decoration: none;} section.search .clearSelect a:hover{opacity: 0.8;} section.search .notice{font-size: smaller;text-align: right;} section.search label{cursor: pointer;} section.result .div-sort{} section.result .div-sort ul{display: flex;justify-content: flex-end;margin-bottom: 0.5em;} section.result .div-sort ul li{text-align: center;margin-left: 1.0em;font-size: 12px;} section.result .div-sort ul li a{display: inline-block;padding: 0 1.0em;border: 1px solid #d0d0d0;background-color:#d0d0d0 ;border-radius: 12px;} section.result .div-sort ul li span{display: inline-block;padding: 0 1.0em;border: 1px solid #009260;border-radius: 12px;background-color: #009260;color: #fff;} section.search .div-list{padding-bottom: 20px;} section.search label{display: flex;justify-content: flex-start;margin-bottom: 0.5em;cursor: pointer;gap: 5px;} section.search .div-input{flex-basis: 2.5em;text-align: center;} section.search .div-input input[type=checkbox]{vertical-align: super;} section.search .div-btn{text-align: center;padding-top: 1.0em;} section.search .div-download{text-align: right;} section.search .p-map-btn {text-align: center;} section.search .p-map-btn a{color: #009260;text-decoration: underline;} /********** 検索結果一覧 **********/ .areasearchresult .mainWrapper h1::before{display: none;} .div-mapdl{font-size: 12px;text-align: right;display: none;} section.searchresult{padding: 25px 40px 15px 40px;background-color: #fff;} section.result .div-controll{font-size: 12px;margin-top: 15px;margin-bottom: 15px;} section.result .div-controll .span-request{position: relative;display: inline-block;padding:0.5em 1em 0.5em 1em;background-color: #dfdfdf;} section.result .div-controll.upper .span-request:after{content:"▼";position: absolute;left: 1em;bottom: -1em;color:#dfdfdf;} section.result .div-controll.lower .span-request:after{content:"▲";position: absolute;left: 1em;top: -1em;color:#dfdfdf;} section.result .div-controll .span-request a{font-size: 12px;margin: 0 0.5em;font-weight: bold;} section.result .div-controll .span-request a:hover{color: #fff;} section.result .div-controll .span-request i{display: inline-block;vertical-align: middle;} section.result .div-controll .span-request a.a-clear{text-decoration: underline;font-size: 11px;} section.result .div-controll .div-per {text-align: right;} section.result .div-controll.lower .span-request{padding:0.5em 1em 0.5em 1em;} section.result.count0{display: none;} section.result.count0+.div-text{display: none;} section.result .div-list table{font-size: 14px;width: 100%;} section.result .div-amount{margin-top: 1.0em;} section.result .div-list .table-list{} section.result .div-list .table-list a{text-decoration: none;} section.result .div-list .table-list tr.tr-item:hover{background-color: #ECF7F1;} .div-list .table-list .div-head .div-upper{justify-content: flex-start;} .div-list .table-list .div-head .div-check{flex-basis: 3.0em;} .div-list .table-list .div-head .div-title{margin-left: 1.0em;} .div-list .table-list .div-head .recommend:before{width: 1.5em;height: 1.5em;} .div-list .table-list .div-head .recommend{color: #009260;} .div-list .table-list .table-item {width: 100%;font-size: 12px;} .div-list .table-list .table-item .div-head{background-color: #f0f0f0;padding: 0.5em 0.5em 20px 0.5em;} .div-list .table-list .table-item .td-image{width: 220px;position: relative;text-align: center;} .div-list .table-list .table-item .td-image .carousel{position: relative;/*background-color: #fff;*/} .div-list .table-list .table-item .td-image .img a{max-width: 220px;aspect-ratio: 290/160;overflow: hidden;display: block;text-align: center;} .div-list .table-list .table-item .td-image .img a img{max-width: 220px;aspect-ratio: 290/160;object-fit: contain;max-height: 143px;} .div-list .table-list .table-item .td-text{width: calc( 100% - 240px );margin: 0;padding: 0;vertical-align: top;} .div-list .table-list .table-item .td-text table{margin-top: -15px;width: 100%;} .div-list .table-list .table-item .td-text table thead{background-color: #f0f0f0;text-align: center;font-size: 12px;line-height: 1.0em;} .div-list .table-list .table-item .td-text i{font-size: 10px;font-style: normal;} .div-list .table-list .table-item .td-text i.currency{font-size: 12px;} .div-list .table-list .table-item .td-text i.note{} .div-list .table-list .table-item .td-text p{margin-bottom: 0.2em;} .div-list .table-list .table-item .td-text .td-price{padding: 0 5px;font-size: 12px;} .div-list .table-list .table-item .td-text .div-price{display: flex;justify-content: center;white-space: nowrap;padding-top: 10px;align-items: center;gap:3px} .div-list .table-list .table-item .td-text .div-price span{font-size: 12px;} .div-list .table-list .table-item .td-text .div-price em.text-red{font-weight: bold;letter-spacing: 1px;font-size: 20px;vertical-align: middle;} .div-list .table-list .table-item .td-text .div-price .caliculated{font-size: 14px;} .div-list .table-list .table-item .td-text .div-administration{white-space: nowrap;} .div-list .table-list .table-item .td-text .div-deposit{white-space: nowrap;} .div-list .table-list .table-item .td-text .td-layout{padding: 10px 5px 0 5px;text-align: center;font-weight: bold;vertical-align: middle;/*width: 30%;*/} .div-list .table-list .table-item .td-text .td-layout span{display: block;font-size: 12px;font-weight: normal;text-align: center;} .div-list .table-list .table-item .td-text .td-area{font-size: 12px;padding: 10px 5px 0 5px;text-align: center;vertical-align: middle;/*width: 30%;*/} .div-list .table-list .table-item .td-text .td-area span{display: block;text-align: center;} .div-list .table-list .table-item .td-text .div-route{border-top: 1px dotted #ccc;padding: 0.5em 5px 0.5em ;margin-top: 0.5em;font-size: 12px;} .div-list .table-list .div-request{margin: 0 auto 10px auto;text-align: center;} .div-list .table-list .div-request .btn.btn-orange{font-size: 12px;display: inline-block;} #content .p-note{font-size: 12px;border: 1px dotted;padding: 10px 15px;} .navPaging{margin: 2.0em auto;} .navPaging ol{display: flex;margin: 1.0em auto;justify-content: center;gap:10px;padding: 0;} .navPaging ol li{list-style: none;} .navPaging ol li a{display: block;padding: 0.2em 0.7em;border: 1px solid #f0f0f0;border-radius: 5px;} .navPaging ol li.active a{background-color: #f0f0f0;} aside .section-condition{padding: 15px ;background-color: #fff;} aside .section-condition table{display: block;} aside .section-condition table tr{display: block;} aside #setCondition h2{display: none;} aside #setCondition table tr th{display: block;width: auto;text-align: left;} aside #setCondition table tr td{display: block;padding-top: 0.5em;} aside #setCondition table td select{padding: 0;font-size: 14px;margin: 0;letter-spacing: 0;} aside #setCondition table ul.list-3col>*{flex-basis: 49%;} aside .div-selected {margin-top: 1.0em;} aside .div-selected p{font-size: 14px;font-weight: bold;margin-top: 0.7em;} aside .div-selected span{display: inline-block;margin:0 auto 0.1em auto;border: 1px solid #f0f0f0;padding: 0.2em 0.4em;font-size: 11px;} aside .div-selected span.region{font-weight: bold;background-color: #efefef;display: inline-block;} aside .div-selected span.route{font-weight: bold;background-color: #efefef;} aside #setCondition h2{display: none !important;} aside .div-btn .btn{font-weight: bold;} /********** 検索結果該当なし **********/ .areasearchresultzero{} .areasearchresultzero .mainWrapper h1::before{display: none;} .areasearchresultzero .mainWrapper .div-text{margin-top: 20px;} .areasearchresultzero .mainWrapper .div-nav{margin: 60px auto;} .areasearchresultzero .mainWrapper .div-nav ul{display: flex;justify-content: center;gap: 15px;} .areasearchresultzero .mainWrapper .div-nav ul li a{text-align: center;} .areasearchresultzero .mainWrapper .div-nav ul li a img{max-width: 40px;margin: 10px auto ;} .areasearchresultzero .mainWrapper .div-nav ul li a span{display: block;font-size: smaller;} /********** PC向け：お気に入り一覧 **********/ body.favorite .searchresult{padding-bottom: 80px} /********** 物件詳細 **********/ #rent .div-controll{display: flex;justify-content: flex-end;gap: 15px;margin: 20px auto 20px auto;} #rent .div-controll>div>*{border: 1px solid #ccc;border-radius: 2.0em;color:#777;padding: 0 1em;position: relative;font-size: 16px;top:unset;right: unset;box-shadow: unset;display: inline-block;padding-top: 2px;} #rent .div-controll>div>* em{line-height: 2;display: inline-block;font-weight: bold;} #rent .div-controll>div>* i{margin-left: 0.4em;font-size: 18px;} #rent .div-controll>div>*:hover{background-color: #ddd;text-decoration: none;} #rent .div-controll>div .fav .remove{display: none;} #rent .div-controll>div .fav.added .add{display: none;} #rent .div-controll>div .fav.added .remove{display: inline;} #rent .div-controll.sp{display: none;} #rent .div-id{text-align: right;font-size: 12px;margin-bottom: 8px;margin-top: 15px;} #rent h2{font-size: 16px;font-weight: bold;} #rent .div-image{flex-basis:66%;overflow: hidden;} #rent .div-text{flex-basis:calc( 33.5% );} #rent .div-image .no-image{height: 100%;text-align: center;vertical-align: middle;display: flex;flex-direction: column;justify-content: center;} #rent .div-image .sp-slide{display: flex;flex-direction: column;justify-content: center;text-align: center;} #rent .div-image .sp-slide img{margin: 0 auto;max-width: 100%;object-fit: contain;max-width: 100%;max-height:100% ;margin: 0 auto;} #rent .div-image .sp-slides-container .sp-fade-arrows{opacity: 0.7;} #rent .div-image .sp-slides-container:hover .sp-fade-arrows{opacity: 1.0;} #rent .div-image .sp-slides-container .sp-arrows .sp-next-arrow{background-color: #00A26B;width: 30px;border-radius: 50%;right: 10px;} #rent .div-image .sp-slides-container .sp-arrows .sp-next-arrow:before{width: 5px;height: 10px;background-color: #fff;left: 11px;bottom: 15px;top:unset} #rent .div-image .sp-slides-container .sp-arrows .sp-next-arrow:after{width: 5px;height: 10px;background-color: #fff;left: 11px;} #rent .div-image .sp-slides-container .sp-arrows .sp-previous-arrow{background-color: #00A26B;width: 30px;border-radius: 50%;left: 10px;} #rent .div-image .sp-slides-container .sp-arrows .sp-previous-arrow:before{width: 5px;height: 10px;background-color: #fff;left: 11px;bottom: 15px;top:unset} #rent .div-image .sp-slides-container .sp-arrows .sp-previous-arrow:after{width: 5px;height: 10px;background-color: #fff;left: 11px;} #rent .div-image .sp-thumbnails-container{position: relative;} #rent .div-image .sp-thumbnails-container .sp-thumbnail-arrows{opacity: 0.7;margin: auto;margin: auto;} #rent .div-image .sp-thumbnails-container .sp-thumbnail-arrows .sp-thumbnail-arrow{background-color: #fff;opacity: 1;height: 30px;width: 30px;border-radius: 50%;top:0;bottom:0;margin: auto;} #rent .div-image .sp-thumbnails-container .sp-next-thumbnail-arrow{right: 5px;} #rent .div-image .sp-thumbnails-container .sp-next-thumbnail-arrow:before{top: 5px;width: 5px;height: 10px;background-color: #00A26B;right: 12px;} #rent .div-image .sp-thumbnails-container .sp-next-thumbnail-arrow:after{bottom: 5px;width: 5px;height: 10px;background-color: #00A26B;right: 12px;} #rent .div-image .sp-thumbnails-container .sp-previous-thumbnail-arrow{left: 5px;} #rent .div-image .sp-thumbnails-container .sp-previous-thumbnail-arrow:before{top: 5px;width: 5px;height: 10px;background-color: #00A26B;left: 12px;} #rent .div-image .sp-thumbnails-container .sp-previous-thumbnail-arrow:after{bottom: 5px;width: 5px;height: 10px;background-color: #00A26B;left: 12px;} #rent .div-image .sp-thumbnail-container{opacity: 0.5;} #rent .div-image .sp-thumbnail-container.sp-selected-thumbnail{opacity: 1.0;} /* #houseDetail .sp-slide a{display: flex;max-width: 100%;max-height:100% ;height: 300px;width: 100%;background-color: #EAEAEA;justify-content: center;} #houseDetail .sp-slide a img{} */ .mainWrapper #rent table{font-size: 14px;width: 100%;margin-bottom: 5px;margin-top: 15px;} .mainWrapper #rent table i{font-size: 14px;} .mainWrapper #rent .div-text table:nth-of-type(1){margin-top: 0px;} .mainWrapper #rent .div-text table th{background-color: #f0f0f0 !important;font-weight: bold;width: 7em;padding: 0.2em 0.5em;font-size: 14px;letter-spacing: 1px;} .mainWrapper #rent .div-text table td{padding: 0.2em 0.5em;font-size: 14px;letter-spacing: 1px;} /* .mainWrapper #rent .div-text table.table-route td{font-size: 14px;margin-bottom: 0.5em;padding: 0 0.5em ;vertical-align: middle;} .mainWrapper #rent .div-text table.table-route td.distance{text-align: right;} */ .mainWrapper #rent .div-text table.table-route td{padding-left: 0;padding-right: 0;} .mainWrapper #rent .div-text table.table-route tr{display: grid; grid-template-columns: repeat(2, auto);grid-template-rows: repeat(2, auto);gap: 2px;margin-bottom: 8px;} .mainWrapper #rent .div-text table.table-route tr td{margin-bottom: 0;line-height: 1.2;} .mainWrapper #rent .div-text table.table-route tr td:nth-of-type(1){grid-column: span 2 / span 2; } .mainWrapper #rent .div-text table.table-route tr td:nth-of-type(2) {grid-row-start: 2;display: none;vertical-align: middle;} .mainWrapper #rent .div-text table.table-route tr td:nth-of-type(3) {grid-row-start: 2;vertical-align: middle} .mainWrapper #rent .div-text table.table-route tr td:nth-of-type(4) {grid-row-start: 2;vertical-align: middle;display: flex;grid-row-start: 2;align-items: flex-end;justify-content: flex-end;} .mainWrapper #rent .div-text .distance{white-space: nowrap;} #rent .div-text table.fee td span em{font-size: larger;color: #f00;font-weight: bold;font-size: 20px;} #rent .div-text table.fee tr.administration td em{color: #f00;font-weight: bold;font-size: 15px;} #rent .div-text table.station td{padding: 0.2em 0 0 0.5em;line-height: 1.5em;} #rent .div-request{text-align: center;margin: 20px auto 40px auto;} #rent .div-request span{font-weight: bold;} #rent .div-request a {padding-left: 3.0em;padding-right: 3.0em;margin-top: 10px;font-size: 18px;line-height: 2.5;border-radius: 100vh;} #rent .div-facility table.facility th{background-color: #f0f0f0;font-weight: bold;width: 7em;padding: 0.2em 0.5em;font-size: 13px;letter-spacing: 1px;text-align: center;} #rent .div-facility table.facility td{padding: 0.8em 0.5em;} #rent .div-facility table.facility .building th{border-bottom: 3px solid #fff;} #rent .div-facility table.facility .building td{border-bottom: 1px dotted #ccc;} #rent .div-facility table.facility td ul{display: flex;justify-content: flex-start;flex-wrap: wrap;} #rent .div-facility table.facility td ul li{margin-right: 15px;font-size: 13px;} #rent .div-recommend {position: relative;border: 1px dotted #009174;padding: 18px 20px 5px 20px;margin: 60px auto 20px auto;} #rent .div-recommend:before{content:"";position: absolute;display: block;left:-05px;top:-45px;width: 70px;height: 60px;background-image: url(/assets/img/icon/text_recommend.gif);background-size: contain;} #rent .div-recommend p{margin: 5px 0 0.8em 0;letter-spacing: 1px;line-height: 1.7em;} #rent .section-content+.div-request{margin-left: -15px;margin-right: -15px;} #rent .div-map{margin: 30px 0 20px 0;} #rent .div-map+.div-request{margin-left: -15px;margin-right: -15px;} #rent .div-note{margin: 30px 0;} #rent .div-note ul {padding: 0 0 0 30px;} #rent .div-note ul li{list-style: disc;} #rent .div-relation{margin-top: 60px;} #rent .div-other{margin-top: 60px;} #rent .div-other h2{font-size: 16px;font-weight: bold;} #rent .div-other h3{font-size: 14px;font-weight: bold;color: #009260;} #rent .div-other>div{border: 1px solid #ccc;padding: 15px 10px;margin: 15px auto;} #rent .div-other .flex{justify-content: flex-start;gap: 10px;flex-wrap: wrap;} #rent .div-other .title{border: 1px solid #ccc;font-weight: bold;color: #009260;padding: 0 0.5em;background-color: #efefef;} body.property-rent .div-bottom{display: block;} body.property-rent .div-bottom .subWrapper{width: 840px;margin: 0 auto;} #item .swiper-main .swiper-slide{height: auto;/*display: flex;vertical-align: middle; */display: grid; place-items: center;} #item .swiper-button-next,#item .swiper-button-prev{display: block;margin: 0 auto;top:0;bottom: 0;height: 100%;width: 30px;} #item .swiper-button-next:before,#item .swiper-button-prev:before{content:"";position: absolute;display:block;background-color: #009260;display: block;border-radius: 50%;width: 30px;height: 30px;margin:auto;top:0;bottom: 0;} #item .swiper-button-next:after,#item .swiper-button-prev:after {position: absolute;display:block;width: 30px;height: 20px;background-position: center center;background-size: contain;margin:auto;top:0;bottom: 0;font-size: 0;background-repeat: no-repeat;} #item .swiper-button-prev:after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");} #item .swiper-button-next:after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");} /* body.property-rentprint {size: A4 portrait; } body.property-rentprint header{display: none;} body.property-rentprint footer{display: none;} body.property-rentprint .p-mail{display: none;} body.property-rentprint .p-line{display: none;} */ /********** お役立ちガイド **********/ body.guide-index #guide{padding-bottom: 60px;} body.guide-index ul.guide{margin: 30px 0;} body.guide-index ul.guide li a{padding: 0;} body.guide-detail .mainWrapper h2{text-align: center;margin: 0 0 2.0em 0;} body.guide-detail .mainWrapper #content .content h2{text-align: center;margin: 0 0 0.6em 0;} body.guide-detail .mainWrapper #guideDetail>#content>.content{padding-bottom: 60px;} body.guide-detail .mainWrapper #content ul.guide li a{padding: 0;margin-bottom: 1.0em;} body.guide-detail .mainWrapper #content ul.guide li a p.title{font-size: smaller;} body.guide-detail .mainWrapper #content ul.guide li a p.title{font-weight: bold;margin-bottom: 0.5em;padding-top: 0.2em;padding-left: 0;} body.guide-detail .mainWrapper #content ul.guide li a p{padding-left: 0;} body.guide-detail .mainWrapper .guide-ttl{color: #009260;font-weight: bold;letter-spacing: 1px;margin-top: 20px;margin-bottom: 5px} body.guide-detail .mainWrapper .guide-subttl{color: #009260;font-weight: normal;letter-spacing: 1px;margin: 0.5em 0 0.4em 0;} body.guide-detail .mainWrapper .layLeft {float: left;width: 49%;text-align: left;} body.guide-detail .mainWrapper .layRight {float: right;width: 49%;text-align: center;} body.guide-detail .mainWrapper h3 {clear: both;font-weight: bold;margin: 1.0em 0 0.5em 0;} body.guide-detail .mainWrapper p{margin-bottom: 0.6em;} body.guide-detail .mainWrapper p.guide-subtext{padding-left: 1.0em;} body.guide-detail .mainWrapper ul.navAnchor {width: 80%;margin: 0 auto 30px;padding: 10px 20px;line-height: 1.6;list-style: none;background: #F4F0E1;border-radius: 3px;display: flex;justify-content: flex-start;gap: 15px;} body.guide-detail .mainWrapper ul.navAnchor a{position: relative;} body.guide-detail .mainWrapper ul.navAnchor a:before{content:"▶";position: relative;color:#009260} body.guide-detail .mainWrapper ul li p{margin-bottom: 0.1em;} body.guide-detail .mainWrapper #content ul li p{margin-bottom: 0.1em;padding-left: 1.0em;} body.guide-detail .mainWrapper #content .content a{text-decoration: underline;color: #009260 !important;} body.guide-detail .mainWrapper #content .content img{height: auto !important;} body.guide-detail .mainWrapper #content .content .m10{margin: 15px 0;} body.guide-detail .mainWrapper #content h2{display: block !important} body.guide-detail .mainWrapper #content hr{clear: both;margin: 30px 0;} body.guide-detail .mainWrapper #content .w_100{width: 100%;} body.guide-detail .mainWrapper #content .w700{width: 100%;} body.guide-detail .mainWrapper #guide-list{width:96%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto;display: flex;justify-content: space-between;flex-wrap: wrap;} body.guide-detail .mainWrapper #guide-list div.guide-text{ flex-basis:48%;float: left; margin-top: 0px; margin:0 auto; padding: 2px; } body.guide-detail .mainWrapper #guide-list div.guide-text p.ttl{background-color: #efefef;padding-left: 1.0em;} body.guide-detail .mainWrapper p.guide-notes{color: #f33;letter-spacing: 1px;font-weight: bold;} body.guide-detail .mainWrapper .txtchk{color: #f33;} /********** お問い合わせ **********/ #contact .sectionTitle:before{background-image: url(/assets/img/icon/mail_green.svg);} #contact #agreement{margin-top: 30px;} #contact #agreement h3+p{font-size:1.2em;line-height:2.0em;padding:30px 40px;} #contact #agreement #agreement-p span{vertical-align: super;} #contact #contactForm{padding-top: 10px;} #contact #contactForm h3 {margin: 10px auto 30px auto ;text-align: center;} #contact #contactForm .div-list {width: 85%;margin: 20px auto 15px auto; } #contact #contactForm .table-item a{cursor: default;pointer-events: none;} #contact #contactForm .table-item .carousel-item{width: 150px;} #contact #contactForm .table-item .div-check{display: none;} #contact #contactForm .table-item .div-request{display: none;} #contact #contactForm .table-item .div-favorite{display: none;} #contact #contactForm .table-item .carousel-control-prev {display: none;} #contact #contactForm .table-item .carousel-control-next {display: none;} #contact #contactForm .div-list .table-list .table-item .td-text{width: calc( 100% - 160px );} #contact #contactForm.accept{display: block !important;} #contact #contactForm table.table-contact {border-top: 1px solid #D5FCE5;width: 100%;} #contact #contactForm table.table-contact tr.required{} #contact #contactForm table.table-contact th{position: relative;background-color:#EAFEF2;text-align:left;font-weight:normal;border-bottom: 1px solid #fff;width:150px;padding:10px 5px;line-height: 1.4;} #contact #contactForm table.table-contact tr.required th:after{content:"[必須]";position: relative;font-size: 11px;font-weight: bold;color: #ea5506;float: right;} #contact #contactForm.en table.table-contact tr.required th:after{content:"[required]";} #contact #contactForm table.table-contact td{padding:10px 20px;font-size: 12px;border-bottom: 1px solid #D5FCE5;} #contact #contactForm table.table-contact td p{margin: 0 0 0.2em 0.2em;} #contact #contactForm table.table-contact td .fCol-03{color: #F00;} #contact #contactForm table.table-contact td a.sctble_display span{min-width: 5.0em;} #contact #contactForm table.table-contact td .bgCol2{margin: 5px 0 0;padding: 3px;background: #EAF2FE;} #contact #contactForm table.table-contact td .bgCol3{margin: 5px 0 0;padding: 3px;background: #FFCCFF;display: none !important;} #contact #contactForm table.table-contact td .bgCol2 strong{color: #F00;} #contact #contactForm table.table-contact td .err{display: none;} #contact #contactForm table.table-contact label{text-align: center;margin-right: 1.0em;cursor: pointer;padding: 0.1em 0.5em;} #contact #contactForm table.table-contact input[type="text"] {padding: 3px;border: 1px solid #CECECE;width: 60%;} #contact #contactForm table.table-contact input[type="radio"] {vertical-align: middle;} #contact #contactForm table.table-contact textarea{padding: 3px;border: 1px solid #CECECE;} #contact #contactForm .div-policy {margin-top: 20px;} #contact #contactForm .div-policy div{padding: 10px 20px ;border: 1px dotted #ccc ;max-height: 10.0em;overflow: auto;} #contact #contactForm .div-policy div p{font-size: 12px;margin-bottom: 0;} #contact #contactForm .div-btn{margin-top: 30px;justify-content: center;} #contact #contactForm .div-btn ul{margin-top: 30px;justify-content: center;} #contact #contactForm .div-btn ul li{margin: 0 15px;} #contact #contactForm .div-btn input[type="submit"]{font-weight: bold; padding-left: 2.0em;padding-right: 2.0em;margin-top: 10px;font-size: 18px;line-height: 2.5;border-radius: 100vh;} #contact #contactForm .div-btn .div-remember{position: absolute;right: 0;} #contact #contactForm .div-btn .div-remember label span{display: inline-block;vertical-align: middle;} .bgChecked{background-color: #EAFEF2;} .div-error{text-align: center;margin: 20px auto;} .div-error ul li{color: #f00;} #contact.done .div-text{margin-top: 30px;} #contact.done .div-note{margin: 30px auto;width: 65%;font-size: 11px;} #contact.done .div-information{border: 1px dotted #009174;padding: 20px 40px 20px 40px;} #contact.done .div-information h3{margin: 10px auto 20px auto;text-align: center;} #contact.done .div-information dl dt{color: #009260;} /********** お問い合わせ 家主向け **********/ #contact #contactForm.owner table.table-contact th span{display: block;font-size: smaller;} #contact #contactForm.owner table.table-contact tr.required th:after{content:"[required 必須]";} #contact #contactForm.owner table.table-contact td {text-align: left;} #contact #contactForm.owner table.table-contact td .flex{flex-wrap: wrap;text-align: center;justify-content: flex-start;} #contact #contactForm.owner table.table-contact td .flex>*{flex-basis: 33%;} #contact #contactForm.owner #contactInner {text-align: center;padding-bottom: 40px;} #contact #contactForm.owner #contactInner span{display: block;} /********** 404 ページが見つかりません **********/ body.notfound{} body.notfound #container {padding-bottom: 60px;} body.notfound #container ul{text-align: center;} body.notfound #container ul li a{line-height: 2.0;text-decoration: underline;color: #009260;} body.notfound404{} body.notfound404 main:before{display: none;} body.notfound404 #container {padding-bottom: 60px;} body.notfound404 #container p{text-align: center;} body.notfound404 #container ul{text-align: center;} body.notfound404 #container ul li a{line-height: 2.0;text-decoration: underline;color: #009260;} /********** 404 都市自体が見つかりません **********/ body.notfoundcity{} body.notfoundcity header nav{justify-content: center;} body.notfoundcity .rent-single{display: none;} body.notfoundcity .w1200.div-bottom{display: none !important;} body.notfoundcity #footerUpper{display: none;} body.notfoundcity main>.w1200.flex{display: block;} /******** セミナー ********/ /******** セミナー ポップアップ ********/ body>.div-seminar{position: fixed;top:0;bottom: 0;left:0;right: 0;z-index: 99;background-color: rgba(0, 0, 0, 0.7);display: flex;flex-direction: column;justify-content: center;margin: 0;} body>.div-seminar a{display: inline-block;margin: auto;position: relative;} body>.div-seminar a span.close{position: absolute;right: 10px;top:10px;color: #fff;display: inline-block;} body>.div-seminar a span.close i{background-color: #000;} /******** セミナー 追従 ********/ #sticky .div-seminar{position: absolute;left:-320px;width: 300px;bottom: 0;} #sticky .div-seminar span.close{position: absolute;right: 0px;top:0px;color: #fff;display: inline-block;cursor: pointer;} #sticky .div-seminar span.close i{background-color: #000;} @media screen and (max-width: 599px){ #map-app .map-dialog{width:100px;height:100%;z-index:1} #map-app .map-dialog-item .img img{height: 60px;} #map-app .container-fluid{padding-left: 0;} } @media screen and (max-width: 1200px){ .mainWrapper .contact h2{font-size: 16px;} .mainWrapper .contact .flex{display: block;} .mainWrapper .contact ul .li-tel dl dd{text-align: left;} .div-bottom .subWrapper .contact h2.sectionTitle{font-size: 17px !important;letter-spacing: 3px !important;} aside .site-title{font-size: 32px;} aside .contact h2{font-size: 18px !important;} aside .contact ul li .btn>span{margin-left: -20px;} aside .contact .mail{font-size: 14px;} aside .contact .line{font-size: 14px;} aside .contact .owner{font-size: 14px;} footer #footerLower .world>.flex{justify-content: center;gap:20px} footer #footerLower .world>.flex>.flex{display: block;} footer #footerLower .world dl{margin-bottom: 0.5em;justify-content: flex-start;} footer .div-banner ul li a img{height: 50px;} footer .div-banner ul li a p{font-size: 10px;} #rent .div-controll>div>*{font-size: 13px;text-align: center;} } @media screen and (max-width: 1040px){ .div-bottom .subWrapper .contact h2.sectionTitle{font-size: 16px !important;letter-spacing: 2px !important;} .div-bottom .subWrapper .contact h2{letter-spacing: 1px;} } /*** スマホ向け ***/ @media screen and (max-width: 768px){ body{font-size: 14px;} .pc{display: none;} .sp{display: block;} br.sp{display: inline;} .breadcrum{display: none;} .w1200{min-width: unset;} body.fixed {position: fixed;z-index: -1;width: 100%;height: 100%;overflow: hidden;} main{padding-top: 0;padding-bottom: 70px;} main>.flex{display: block;} .mainWrapper{background-color: transparent;} .mainWrapper>section{margin:20px 15px 20px 15px !important; padding: 10px 15px 10px 15px !important;} .mainWrapper #selectionMenu h2{font-size: 1.2rem;margin-bottom: 30px;} .sectionTitle{margin-top: 20px !important;} .sectionTitle:before{width: 30px;height: 30px; margin: 0 0 -0.2em 0;} header{position: relative;height: 50px;} header:after{content:"";position: absolute;width: 100%;height: 1px;background-color: #ccc;bottom: -1px;z-index: 10;} header.fixed{position: fixed;top:0;right: 0;left:0;z-index: 10;} header nav{height: 50px;} header nav>a{display: block;padding-top: 0;text-decoration: none;flex-basis: 220px;} header nav>a img{width: 70px;margin: 12px 8px 10px 13px;float: left;} header nav .btn.favorite{padding-right: 0.3em;padding-left: 1.2em;} header nav .div-nav ul{display: none;} header nav>a span{font-size: 10px;margin-top: unset;display: flex;flex-direction: column;justify-content: center;text-decoration: none;height: 100%;} header nav .div-btn{position: absolute !important;top:11px !important; width: 95px !important;right: 52px !important;padding: 0 !important;margin-top: 0 !important;} header nav .btn.mail{display: none;} header .hamburger {display: block;height: 50px;margin-left: auto;position: relative;z-index: 10;width: 50px;border: none;background-color: transparent;} header .hamburger.active .hamburger-line {background-color: transparent;} header .hamburger.active .hamburger-line::before {top: 0;transform: rotate(45deg);} header .hamburger.active .hamburger-line::after {top: 0; transform: rotate(-45deg);} header .hamburger.active .hamburger-text::before {content: '閉じる';} header .hamburger-line {display: block;height: 2px;position: absolute;top: 23px;left: 50%;transform: translateX(-50%);width: 24px;background-color: #009260;transition: 0.4s;} header .hamburger-line:before, header .hamburger-line:after {content: "";display: block;height: 100%;position: absolute;width: 100%;background-color: #009260;transition: inherit;} header .hamburger-line:before {top: -6px;} header .hamburger-line:after {top: 6px;} header .hamburger-text {position: absolute;bottom: 8px;left: 50%;transform: translateX(-50%);width: 100%;display: none;} header .hamburger-text::before { content: "メニュー"; text-align: center; color: #172e59; font-size: 10px; font-weight: 900;} header .nav-sp {position: fixed;top: -100%;z-index: 9;height: calc( 100vh - 20px ) ;width: 100%;visibility: hidden;padding-top: 60px;background-color: #fff;transition: 0.4s;} .menu-open header .nav-sp {top:20px;visibility: visible;} .menu-open header::after{display: none;} header .nav-sp .div-nav{width: auto;padding: 0 26px;} header .nav-sp .div-nav>ul>li{border-bottom: 1px dotted #008BA4;padding: 0 6px;} header .nav-sp .div-nav>ul>li>a{font-size: 18px;line-height: 3;font-weight: bold;color: #009260;} header .nav-sp .div-nav>ul>li>p{font-size: 18px;line-height: 1.8;font-weight: bold;color: #009260;margin-bottom: 0;} header .nav-sp .div-nav>ul>li.rent ul{display: flex;justify-content: space-evenly;margin-bottom: 10px;margin-left: -6px;margin-right: -6px;width: calc( 100% + 12px );} header .nav-sp .div-nav>ul>li.rent ul li{margin: 0 ;} header .nav-sp .div-nav>ul>li.rent ul li a span{display: inline-block;font-size: 18px;} header .nav-sp .div-nav>ul>li.rent ul li a em{display: inline-block;font-size: 11px;font-style: normal;} header .nav-sp .div-nav>ul>li.rent ul li a{position: relative;font-size: 12px;display: block;width: 100%;line-height: 1.2;padding-top: 0.5em;padding-bottom: 0.5em;color: #009260;} /* header .nav-sp .div-nav>ul>li.rent ul li a:before{content:"";position: absolute;bottom: 20px;margin: auto;height: 30px;width: 1px;background-color: #54C993;left: 0;} */ header .nav-sp .div-nav>ul>li.rent ul li a:after{content:"";position: relative;display: block;width: 35px;height: 35px;background-repeat: no-repeat;background-size: contain;background-position: center;left: 0;right: 0;margin: -1px auto 0 auto;opacity: 0.4;} header .nav-sp .div-nav>ul>li.rent ul li.area a:after{background-image: url(/assets/img/icon/area_green.svg);} header .nav-sp .div-nav>ul>li.rent ul li.route a:after{background-image: url(/assets/img/icon/train_green.svg);} header .nav-sp .div-nav>ul>li.rent ul li.map a:after{background-image: url(/assets/img/icon/map_green.svg);} header .nav-sp .div-btn {text-align: center;margin: 30px 0 0 0;} header .nav-sp .div-btn a.favorite{display: none;} body.draft header:before{top: unset;left: 0;right:0;bottom:0; font-size: 10px;color: rgba(50, 50, 0, 0.3);z-index: 30;white-space: nowrap;margin: auto;text-align: center;} .mainWrapper h1{margin: 15px auto 10px auto !important;font-size: 16px !important;} .mainWrapper h1:before{display: none;} .mainWrapper h1 span{font-size: 16px;letter-spacing: 3px !important} .mainWrapper h1 span:before{display: none;} .sectionTitle{font-size: 16px !important;} h2{font-size: 15px;} h3{font-size: 13px;} .table-frame{width:100%;overflow:scroll;position:relative;} .table-frame table{margin:0;} .table-frame table tr td{white-space: nowrap;} .table-frame:before{content:'左右にスクロールしてご覧ください';font-size:smaller;color:#999;} .table-frame:after{content:'左右にスクロールしてご覧ください';font-size:smaller;color:#999;} .table-responsive table{margin:0} .table-responsive:before{content:'左右にスクロールしてご覧ください';font-size:smaller;color:#999;} .table-responsive:after{content:'左右にスクロールしてご覧ください';font-size:smaller;margin-bottom:20px;color:#999;} .table-frame table{width:auto;} footer{padding-top: 25px;margin-top: 0;} footer section{width: calc( 100% - 30px );} footer #footerUpper .div-agent .div-title{font-size: 16px;} footer #footerUpper .div-agent .div-title .logo{width: 80px;height: 80px;} footer #footerUpper{display: block;} footer #footerLower .world dl{display: block;} footer #footerLower .world dl dd ul{flex-wrap: wrap;justify-content: flex-start;} footer #footerLower .world dl dd ul li{flex-basis: 25%;margin: auto;padding: 5px 0;text-align: center;} footer #footerBottom>div{flex-wrap: wrap;} footer #footerBottom>div.div-link{justify-content: flex-start;padding: 5px 0;} footer #footerBottom>div>p{flex-basis: 42%;margin: 0 0 0 25px;text-align: left;} footer #footerLower .world dl dd ul li {padding: 0;} footer #footerLower .world dl dd ul li a{font-size: 12px;padding: 0;line-height: 2;} footer #footerLower .world>.div-link{margin-top: 5px;padding-top:15px;border-top: 1px dotted #009260;} footer #footerLower .world>.div-link a{margin: 0 0.5em;letter-spacing: 1px;} footer .div-banner{padding-top: 0;} footer .div-banner .flex{display: block;;} footer .div-banner ul li{margin-bottom: 10px;} footer .div-banner ul li a img{height: 60px;margin: 0 auto;} footer .div-banner ul li a p{font-size: 8px;} footer #footerBottom>div>* a {font-size: 11px;} footer .div-contact{margin: 0 auto 20px auto;} footer #footerLower .world p a{font-size: 14px;} .modal.show.sns .modal-dialog .modal-body .flex{display: block;} .modal.show.sns .modal-dialog .modal-body .flex>*{text-align: center;display: block;} #mainMenu .flex{} .mainWrapper #mainMenu .wrapper .flex{display: block;} .mainWrapper #mainMenu .wrapper .flex>div h2{font-size: 16px;font-weight: bold;} .mainWrapper #mainMenu .wrapper .flex>div h2 span{font-size: 20px;} .mainWrapper #mainMenu .wrapper .flex>div.row1{padding: 20px 15px;margin-bottom: 15px;} .mainWrapper #mainMenu .wrapper .flex>div.row1 h2:before{width: 30px;height: 30px;} .mainWrapper #mainMenu .wrapper .flex>div.row1>p>a{padding: 0.8em 0;font-size: 13px;font-weight: bold;} .mainWrapper #mainMenu .wrapper .flex>div a img{width: 20px;margin-right: 4px;letter-spacing: 0;} .mainWrapper #mainMenu .wrapper .flex>div ul{margin-top: 10px;} .mainWrapper #mainMenu .wrapper .flex>div ul li a:before{width: 60px;height: 60px;top:0;} .mainWrapper #mainMenu .wrapper .flex>div ul li a{font-size: 14px;height: 50px;margin-bottom: 15px;} .mainWrapper #mainMenu .wrapper .flex>div ul li a span{font-size: 20px;} .mainWrapper #mainMenu .wrapper .flex>div.row2{padding: 5px 15px;} .mainWrapper #mainMenu .wrapper .flex>div.row2>div{display: flex;justify-content: space-between;flex-wrap: wrap;} .mainWrapper #mainMenu .wrapper .flex>div.row2 a{padding: 0.8em 0;font-size: 13px;flex-basis: 49%;} .mainWrapper #mainMenu .wrapper .flex>div p{letter-spacing: 0;} #recommend{} #recommend h2{margin-top: 0 !important;padding-right: 0.5em;} #recommend .roomList{width: 100%;margin: 0 auto;overflow: hidden;transition: all 0.5s;} #recommend .roomList.is-open{max-height: unset !important;} .roomList>a{flex-basis: 49.0%;padding: 5px 5px 0 5px;border: 0;margin-right: 1% !important;display: block;} .roomList>a:nth-of-type(2n){margin-right: 0 !important;} .roomList .div-text{margin-bottom: 0;} .roomList .div-text p.location{font-size: 11px;} .roomList .div-text p.station{font-size: 11px;} .roomList>div{display: flex;flex-wrap: wrap;justify-content: flex-start;width: 100%;} .roomList>div>a{flex-basis: 49.0%;padding: 5px 5px 0 5px;border: 0;display: block;margin: 0 1% 8px 0px;background-color: #fff;border: 1px solid #eee;color: #000;margin-right: 0.5%;overflow: hidden;text-decoration: none;} .roomList>div>a:nth-of-type(0){margin-right: 0px;} .roomList>div>a:nth-of-type(2n){margin-right: 0 !important;} .roomList>div>a:hover{background-color: #ECF7F1;} .roomList>.div-lower{height: 0;overflow: hidden;} .roomList.is-open>.div-lower{height: unset;overflow: hidden;} #selectionMenu{padding: 0px 15px 10px 15px !important;margin-top: 0 !important;} #selectionMenu .flex{display: block;padding-left: 15px;} .mainWrapper #selectionMenu .flex h2{font-size: 18px;margin-bottom: 15px;} #selectionMenu .flex p.location{margin-left: 0.5em;} #guide ul.flex{display: block;} ul.guide li{margin-bottom: 12px;} ul.guide li a{padding: 10px;} ul.guide li figure{margin-right: 5px;margin-top: 3px;} ul.guide li div p.title{margin-bottom: 0.3em;line-height: 1.5;} ul.guide li div p{font-size: 12px;line-height: 1.6;} .mainWrapper .contact{display: none;} section .search h2{margin-top: 25px;} section.search .div-list {margin: 0 -15px;/*padding-bottom: 5px*/padding-bottom: 0;} section.search .div-list .region:last-of-type(){padding-bottom: 0;} section.search .div-list .div-station label.station{flex-basis: 49%;} .modal.show .modal-dialog .modal-body{padding: 0;} .modal.show .modal-dialog .modal-body img{max-width: 100% !important;} #search-float .mainWrapper{flex-basis: unset;display: flex; justify-content:space-around;margin: 0 auto;width: 100%;} #search-float .mainWrapper span{font-size: 0.9rem;} #setCondition {margin:0 -15px ;padding-top: 70px;margin-top: -20px !important} #setCondition h2{margin-top: 10px !important} #setCondition table{display: block;margin-top: 15px;} #setCondition table tbody{display: block;} #setCondition table tbody tr{border: none;} #setCondition table tbody th{display: block;background-color: #efefef;width: 100%;padding: 0;} #setCondition table tbody td{display: block;} #setCondition table td label span{font-size: 13px;} #setCondition table ul.list-3col>*{flex-basis: 49%;} #setCondition table tr.price td {text-align: center;} #setCondition table tr.price td>*{margin-left: 0;} aside section.banner{padding: 15px 20px 0 20px;} aside .contact {padding-top: 5px;} aside .contact h2{margin-bottom: 10px;} aside .contact .li-tel dl dd a{font-size: 18px;letter-spacing: 2px;} aside .contact dl dd .bg-green{border-bottom: 1px solid #fff;display: inline-block;} aside .contact img{margin-left: auto;margin-right: auto;} #sticky {width: auto;} #sticky .contact{display: block;margin-right: 20px;} #sticky .contact a span{font-size: 18px;line-height: 1.2;margin-left: 0;} #sticky .contact .mail {line-height: 1.5;margin-top: -3px;} #sticky .contact a.btn.mail:before {margin-top: -0.1em;} #sticky .contact .mail i{font-size: 10px;display: block;line-height: 1.4;} #sticky .contact .mail i b{font-size: 11px;} main>.div-bottom{display: none;} /* スマホ サブエリア */ aside .site-title {font-size: 15px !important;text-align: center;} aside .site-title br{display: none;} aside section:after{display: none;padding-bottom: 70px;} aside .contact .double .owner span{font-size: 16px;line-height: 1.3;} aside .contact .double .owner span>span{font-size: 12px;} aside .contact .mail{font-size: 16px;} aside .contact .line{font-size: 16px;} aside .contact .owner{font-size: 16px;} aside #news{padding: 0px 15px;} aside #agent{padding: 0px 15px 40px 15px} aside #agent #boxMap img{margin: 0 auto;} .contact ul li{font-size: 14px;} .contact ul li.li-open dl{display: flex;justify-content: flex-start;} .contact ul li.li-open dl dt{flex-basis: 7.0em;text-align: left;margin-top: 0;white-space: nowrap;} .contact ul li.li-open dl dd{flex-basis: calc( 100% - 7.0em );} /********** スマホ：TOPページ **********/ body.top .mainWrapper>section{margin:10px 15px 20px 15px !important; padding: 10px 0px 10px 0px !important;} /********** スマホ：店舗案内 **********/ body.shop{} body.shop h1 span:before{} body.shop .mainWrapper>section.about{background-color: white !important;margin-top: 0 !important;} body.shop .mainWrapper>section{padding-left: 15px;padding-right: 15px;margin: 0 auto !important;margin-top:-70px !important;background-color: transparent;} body.shop .mainWrapper>section>h2{padding-top: 100px !important;} body.shop .catchcoppy{width: 100%;font-size: 14px;} body.shop img{max-width: 100% !important;height: auto;} body.shop h2.sectionTitle:before{display: none;} body.shop .mainWrapper table tr th{width: auto;} body.shop .mainWrapper .div-tag ul{justify-content: flex-start;} body.shop .div-tag ul li span{padding: 0 0.4em;letter-spacing: -0.5px;} body.shop .mainWrapper #shopService table{display: block;} body.shop .mainWrapper #shopService table tbody{display: block;width: 100%;} body.shop .mainWrapper #shopService table tbody tr{display: block;width: 100%;} body.shop .mainWrapper #shopService table tbody tr th{display: block;width: 100%;} body.shop .mainWrapper #shopService table tbody tr td{display: block;width: 100%;} body.shop h4{font-size: 14px;} body.shop .div-tag ul li span{font-size: 14px;} section.search label{gap:3px} /********** スマホ：エリアから物件検索 **********/ section.search .div-list .div-region>label{width: 100%;} section.search .div-list .div-region>label .div-input+span{font-size: 14px;} section.search .div-list .div-area label.area{flex-basis: 49.3%;} section.search .div-list .div-station label.station .div-input{flex-basis: 2.2em;} section.search .div-list .div-area label.area span{font-size: 13px;line-height: 1.1em;; flex-basis: calc(100%);} section.search .div-list .div-area label.area em{font-weight: normal;color: #666;} /********** スマホ：沿線から物件検索 **********/ section.search .div-list .div-route>label{width: 100%;} section.search .div-list .div-route>label .div-input+span{font-size: 14px;} section.search .div-list .div-area label.area .div-input{flex-basis: 2.2em;} section.search .div-list .div-station label.station span{font-size: 13px;line-height: 1.1em;; flex-basis: calc(100% - 1em);} section.search .div-list .div-station label.station em{font-weight: normal;color: #666;} /********** スマホ：地図から物件検索 **********/ section#map{padding: 0 !important;margin-right:0 !important;margin-left:0 !important;} body.map #map-app .map-dialog{width: 160px;} body.map #map-app .map-dialog .map-dialog-item ul li{font-size: 11px;} body.map #map-app .map-dialog .map-dialog-item li .rent{font-size: 14px;} body.map #map-app .map-dialog .map-dialog-item li .layout{font-size: 12px;} body.map #map-app .map-dialog .map-dialog-item li span{font-size: 11px;;} body.map #map-app .map-dialog .map-dialog-item ul.bg-gray li{font-size: 10px;} body.map .div-bottom{display: none;} /********** スマホ：物件一覧 ***********/ section.result .div-controll{flex-direction: column-reverse;} section.result .div-controll.lower{flex-direction: column;} section.result .div-sort{float: left;} section.result .div-controll .span-request{font-size: 11px;width: 100%;margin-top: 5px;} section.result .div-list .table-list{margin-left: -15px;margin-right:-15px;} section.result .div-list .table-list .table-item .td-image{width: 100%;margin-top: 5px;} section.result .div-list .table-list .table-item .td-image .img a{width: 70%;max-width: unset;margin: 0 auto;} section.result .div-list .table-list .table-item .td-image .img a img{width: 100%;max-width: unset;max-height: unset;margin: 0 auto;} section.result .div-list .table-list .table-item{display: block;width: 100%;} section.result .div-list .table-list .table-item>tbody{display: block;width: 100%;} section.result .div-list .table-list .table-item>tbody>tr{display: block;width: 100%;} section.result .div-list .table-list .table-item>tbody>tr>th{display: block;width: 100%;} section.result .div-list .table-list .table-item>tbody>tr>td{display: block;width: 100%;} section.result .div-list .table-list .table-item .div-head{padding-bottom: 0.5em;} section.result .div-list .table-list .div-head .div-upper{justify-content: flex-start;} section.result .div-list .table-list .div-head .div-check {flex-basis: 1em;} section.result .div-list .table-list .div-head .div-title{margin-left: 0.5em;} section.result .div-list .table-list .div-head .div-favorite{position: absolute;right: 5px;top:8px} section.result .div-list .table-list .item .fav{top:3.8em;right: 0;position: relative;top:unset;right: unset;} section.result .div-list .table-list .table-item .div-head .fa-2x{} section.result .div-list .table-list .table-item .div-head span{font-size: 12px;margin-top: 4px;} section.result .div-list .table-list .table-item .div-head label{margin: 0;padding: 0;} section.result .div-list .table-list .table-item .td-image .carousel{margin: 0 auto;} section.result .div-list .table-list .table-item .td-text{width: 100%;} section.result .div-list .table-list .table-item .td-text table{margin-top: 5px;} section.result .div-list .table-list .table-item .td-text table tr td{padding: 0 5px;} section.result .div-list .table-list .table-item .td-text .td-price{} section.result .div-list .table-list .table-item .td-text .td-price .div-price{font-size: 16px;} section.result .div-list .table-list .table-item .td-text .td-layout{padding-top: 3px;font-size: 12px;} section.result .div-list .table-list .table-item .td-text .td-area{padding-top: 3px;;font-size: 11px;} section.result .div-list .table-list .table-item .td-text .td-area span{display: block;} section.result .div-list .table-list .table-item .td-text .div-route{padding: 0;/*font-size: 10px;*/} section.result .div-controll .span-request a.a-clear{display: block;text-align: right;margin-top: 0.5em;} section.result .div-list .table-list .div-request{margin:7px 0 20px 0;} aside #setCondition{display: block;padding: 15px;} /* section.result .div-list .table-list .table-item .td-text table{display: block;} section.result .div-list .table-list .table-item .td-text table tr{display: block;} section.result .div-list .table-list .table-item .td-text table tr th{display: block;} section.result .div-list .table-list .table-item .td-text table tr td{display: block;} */ /********** スマホ：物件詳細 **********/ body.property-rent {} body.property-rent #item .div-detail{margin-left: -15px;;margin-right: -15px;width: calc( 100% + 30px );} body.property-rent #item .div-detail>.flex{display: block;} body.property-rent #item .div-detail .div-image{background-color: #f6f6f6;} body.property-rent #item .div-detail .div-text{border-top: 2px solid #fff;} #rent .swiper-container{width: 100%;} #rent .swiper-wrapper .swiper-slide img{max-height: 400px;} #rent .div-map{margin-left: -15px;margin-right: -15px;} #rent .div-map+section{margin-left: -15px;margin-right: -15px;} #rent .div-request a{font-size: 16px;} #rent #content .div-request{margin-left: -15px;margin-right: -15px;} body.property-rent .div-bottom {display: none;} #rent .div-controll.pc{display: none !important;} #rent .div-controll.sp{justify-content: center;display: flex !important;} #rent .div-note{margin-right: -15px;margin-left: -15px;width: calc( 100vw - 30px );} #rent .div-relation{margin-right: -15px;margin-left: -15px;width: calc( 100vw - 30px );} body.property-rent .roomList>a{flex-basis: calc(50% - 5px) !important;margin: 0 !important;} #rent .div-other{margin-right: -15px;margin-left: -15px;width: calc( 100vw - 30px );} #rent .div-other>div>.flex{display: block;} #rent .div-other>div>.flex div{margin-bottom: 0.3em;} #rent .div-other .title{display: inline-block;width: 3.5em;text-align: center;float: left;clear: both;margin-right: 0.8em;} #rent .div-other a{} #rent .div-text table.station td{padding-left: 0;} #rent .div-request{margin-bottom: 15px !important;} /********** スマホ：お役立ちガイド **********/ body.guide-index ul.guide{margin-top: 30px;} body.guide-index ul.guide li a{padding: 0;} body.guide-detail .contents img{height: auto;} #guide.detail h1{margin-bottom: 1.0em !important;line-height: 1.4;} #guide.detail .content{font-size: 14px;} #guide.detail .content img{height: auto !important;} body.guide-detail .mainWrapper ul.guide li a p.title{font-size: 14px;} #news.detail h1{margin-bottom: 1.0em !important;line-height: 1.4;} #news.detail .content{font-size: 14px;} #news.detail .content img{height: auto !important;} body.guide-detail .mainWrapper h3 {font-size: 14px;} body.guide-detail .mainWrapper .colHead span{font-size: 13px;} body.guide-detail .mainWrapper ul.navAnchor {width: 100%;padding-left: 10px;padding-right: 10px;display: block;} body.guide-detail .mainWrapper .layLeft {clear: both;float: none;margin-left: auto;margin-right: auto;margin-bottom: 10px;width: auto;} body.guide-detail .mainWrapper .layRight {clear: both;float: none;margin-left: auto;margin-right: auto;margin-bottom: 10px;width: auto;} body.guide-detail .mainWrapper p{margin-top: 0.4em;} body.guide-detail .mainWrapper #guide-list div.guide-text{padding: 0;} body.guide-detail .mainWrapper #guide-list div.guide-text p.ttl{font-size: 12px;padding: 0.2em 0.5em;line-height: 1.6;} body.guide-detail .mainWrapper big{font-size: 14px;} body.guide-detail .mainWrapper #bgList table{font-size: 12px;} body.guide-detail .mainWrapper #bgList table th{font-size: 12px;} body.guide-detail .mainWrapper #guideDetail>#content>.content{padding-bottom: 10px;} .mainWrapper .detail .div-list{margin-top: 20px;} body.guide-detail .mainWrapper #swichmenu{display: flex;justify-content: space-between;} body.guide-detail .mainWrapper #content .content a{padding:0.2em 0.5em;margin: 0;} body.guide-detail .mainWrapper #content .navAnchor{} /********** スマホ：お問い合わせ **********/ #contact #contactForm .result h3{margin-bottom: 0px} #contact #contactForm section{margin-left: -25px;margin-right: -25px;margin-bottom: 30px;} #contact #contactForm .table-item .carousel-item{width: 100%;} #contact #contactForm .div-list {margin: 10px auto 10px auto;} #contact #contactForm .div-list .table-list .table-item .td-text{width: 100%;} #contact #contactForm .div-list p{margin-bottom: 0;line-height: 1.5;} .div-list .table-list .table-item .td-text table{line-height: 1.4;} #contact #agreement h3+p{padding: 0;font-size: 1.0em;line-height: 1.3;margin-top: 0.5em;} #contact #contactForm table.table-contact{display: block;} #contact #contactForm table.table-contact tbody{display: block;width: 100%;} #contact #contactForm table.table-contact tr{display: block;width: 100%;} #contact #contactForm table.table-contact tr th{display: block;width: 100%;padding-top: 2px;padding-bottom: 2px;font-weight: bold;} #contact #contactForm table.table-contact tr th br{display: none;} #contact #contactForm table.table-contact tr td{display: block;width: 100%;padding-left: 6px;padding-right: 0;} #contact #contactForm table.table-contact tr td input[type='text']{display: block;width: 100%;font-size: 16px;} #contact #contactForm.owner table.table-contact tr td input[type='text']{display: inline-block;} #contact #contactForm.owner table.table-contact tr td .flex>*{text-align: center;} #contact #contactForm.owner table.table-contact tr td .flex span{display: block;} #contact #contactForm.owner table.table-contact label{padding: 0;} #contact #contactForm.owner table.table-contact tr.required th:after{position: absolute;right: 0.5em;bottom: 0.5em;float: none;} #contact #contactForm .div-policy h3{margin-bottom: 10px;} #contact #contactForm .div-policy h3 i{display: block;} #contact #contactForm .div-btn ul{flex-direction: column-reverse;text-align: center;} #contact #contactForm .div-btn input[type="submit"]{font-size: 13px;} #contact #contactForm .div-btn{display: block;margin-top: 15px;} #contact #contactForm .div-btn .div-submit{text-align: center;margin-bottom: 20px;} #contact #contactForm .div-btn .div-remember{position: relative;float: right;margin-bottom: 30px;} #contact #contactForm .div-btn .div-remember label span{font-size: 12px;} #contact #contactForm table.table-contact td{font-size: 14px;} #contact #contactForm table.table-contact td label{display: block;text-align: left;margin-bottom: 0.2em;} #contact #contactForm table.table-contact select{line-height: 1.8;} /********** スマホ：404 都市自体が見つかりません **********/ body.notfoundcity{} body.notfoundcity header nav>a{text-align: center;} body.notfoundcity header nav>a img{float: none;margin-left: auto;margin-right: auto;} body.notfoundcity #container{padding-bottom: 0;} /********** スマホ：セミナーバナー **********/ .div-seminar.div-popup img{max-width: 100% !important;} /******** セミナー 追従 ********/ #sticky .div-seminar{right:calc( (100vw - 340px) / 2 );left:unset;width: 300px;bottom: 65px;margin: auto;filter: drop-shadow(1px 2px 1px #dddddd);} #sticky .div-seminar span.close{position: absolute;right: 0px;top:0px;color: #fff;display: inline-block;cursor: pointer;} #sticky .div-seminar span.close i{background-color: #000;} }