@charset "utf-8";

/*------------------------------------
ボタン
------------------------------------*/
.inner-searchside .btn,.n_search_sort .btn{ text-decoration: none; display: block; border-radius: 8px; width: auto; height: 50px; text-align: center; box-shadow: 0 3px 5px rgba(0,0,0,0.1); margin-bottom: 10px; transition: .3s; font-size: 16px; font-weight: bold; color: #ffffff; -webkit-text-stroke-width: 0 !important; box-sizing: border-box; padding: 11.5px 0 0 0; position: relative;}

.inner-searchside .btn:hover,.n_search_sort .btn:hover { transform: translateY(2px); box-shadow: 0 0 0 rgba(0,0,0,0.1); }

.inner-searchside .btn.icon_search:before{ display: inline-block; vertical-align: middle; content: ""; background: url("/contents/images/searchpanel/icon_member.png") no-repeat center center; background-size: 100% auto; width: 19px; height: 15px; margin: 0 12px 3px 0;}

.inner-searchside .btn.icon_login:before{ display: inline-block; vertical-align: middle; content: ""; background: url("/contents/images/searchpanel/icon_login.png") no-repeat center center; background-size: 100% auto; width: 17px; height: 19px; margin: 0 13px 4px 0;}

.inner-searchside .btn.icon_search:before{ display: inline-block; vertical-align: middle; content: ""; background: url("/contents/images/searchpanel/icon_search.png") no-repeat center center; background-size: 100% auto; width: 18px; height: 18px; margin: 0 13px 5px 0;}

/*検索方法の変更ボタン*/
.inner-searchside .SearchLink .btn{font-size: 10px; text-align: left; padding-left: 47px; height: 54px; margin-bottom: 7px;}
.inner-searchside .SearchLink .btn span{display: block; font-size: 15px; line-height: 1.11;}

.inner-searchside .SearchLink .btn.btn_area{background: rgb(246,150,80); background: linear-gradient(180deg, rgba(246,150,80,1) 0%, rgba(221,126,56,1) 100%);}
.inner-searchside .SearchLink .btn.btn_ensen{background: rgb(98,170,219); background: linear-gradient(180deg, rgba(98,170,219,1) 0%, rgba(75,147,196,1) 100%);}
.inner-searchside .SearchLink .btn.btn_school{background: rgb(102,188,132); background: linear-gradient(180deg, rgba(102,188,132,1) 0%, rgba(78,164,108,1) 100%);}
.inner-searchside .SearchLink .btn.btn_map{background: rgb(242,121,131); background: linear-gradient(180deg, rgba(242,121,131,1) 0%, rgba(218,97,107,1) 100%);}

.inner-searchside .SearchLink .btn:before{ display: block; content: ""; position: absolute; top:15px; left:14px; width: 20px; height: 23px;}
.inner-searchside .SearchLink .btn.btn_area:before{ background: url("/contents/images/searchpanel/icon_area.png") no-repeat center center; background-size: auto 100%;}
.inner-searchside .SearchLink .btn.btn_ensen:before{ background: url("/contents/images/searchpanel/icon_train.png") no-repeat center center; background-size: 100% auto;}
.inner-searchside .SearchLink .btn.btn_school:before{ background: url("/contents/images/searchpanel/icon_school.png") no-repeat center center; background-size: 100% auto;}
.inner-searchside .SearchLink .btn.btn_map:before{ background: url("/contents/images/searchpanel/icon_map.png") no-repeat center center; background-size: 100% auto;}


/*こだわり条件ボタン*/
.inner-searchside #facility_show_link,
.inner-searchside #facility_hide_link{ margin-top: 15px;}

.inner-searchside #facility_show_link a,
.inner-searchside #facility_hide_link a{ font-size: 14px; height: 45px; padding-top: 10px; margin-bottom: 0;}

.inner-searchside #facility_show_link a:before{ display: inline-block; vertical-align: middle; content: ""; background: url("/contents/images/searchpanel/icon_plus.png") no-repeat center center; background-size: 100% auto; width: 13px; height: 13px; margin: 0 15px 1px 0;}

.inner-searchside #facility_hide_link a:before{ display: inline-block; vertical-align: middle; content: ""; background: url("/contents/images/searchpanel/icon_minus.png") no-repeat center center; background-size: 100% auto; width: 13px; height: 13px; margin: 0 15px 1px 0;}

/*------------------------------------
見出し
------------------------------------*/
/*.inner-searchside .h2{ position: relative; font-size: 19px; font-weight: bold; text-align: left; padding:0 0 0 12px; -webkit-text-stroke-width: 0 !important; line-height: normal; margin: 0 0 12px 0; color: inherit;}
.inner-searchside * + .h2{ margin-top: 20px;}
.inner-searchside .h2:before{ display: block; content: ""; position: absolute; left:0; top:1px; width: 2px; height: 100%;}*/

.inner-searchside .h2{ position: relative; font-size: 24px; font-weight: 700; color: #beaf87; text-align: left; padding:0 0 0 45px; -webkit-text-stroke-width: 0 !important; line-height: normal; margin: -6px 0 15px 0; letter-spacing: normal;}
.inner-searchside .h2:before{ display: block; content: ""; background: url("/contents/images/searchpanel/search_icon.png") no-repeat; position: absolute; left:0; top:5px; width: 33px; height:33px;}

.inner-searchside .h3{ font-size: 16px; font-weight: bold; text-align: left; -webkit-text-stroke-width: 0 !important; line-height: normal; margin: 0 0 12px 0;}



/*------------------------------------
検索関連
------------------------------------*/
.inner-searchside input, .inner-searchside textarea, .inner-searchside select,.n_search_sort select{ border: 1px solid #c6c6c6; color: #3d3d3d; background: #ffffff; min-height: 40px; border-radius: 8px; margin:0; padding:2px 10px 2px 10px; font-size: 14px; box-sizing: border-box; box-shadow: 0 3px 5px rgba(0,0,0,0.05); font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", "HanSerif Japanese", Meiryo, Osaka, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", ArialMT, sans-serif; -webkit-text-stroke-width: 0 !important;}

.inner-searchside select,.n_search_sort select{ display: inline-block; vertical-align: text-bottom; background:url("/contents/images/searchpanel/indent_down.png") no-repeat right 10px center,#ffffff; background-size: 11px auto; cursor: pointer; text-indent: 0.01px; text-overflow: ellipsis; outline: none; -webkit-appearance: none; appearance: none; position: relative; padding-right: 2em;}

.inner-searchside select::-ms-expand ,.n_search_sort select::-ms-expand{ display: none;}

.inner-searchside input[type="checkbox"]{ -webkit-appearance:none; width:19px; height:19px; min-height: 19px; border:solid 1px #c6c6c6; background:#ffffff; border-radius: 5px; text-align:center; margin: 0 5px 4px 0; padding: 2px 5px 2px 5px; box-sizing: border-box; cursor: pointer; box-shadow: none; display: inline-block; vertical-align: middle;}

.inner-searchside input[type="checkbox"]:checked { background-image:url("/contents/images/searchpanel/icon_cheak.png") ; background-repeat: no-repeat; background-position: center center; background-size: 13px auto; outline:none;}


/*------------------------------------
タブ切り替え
------------------------------------*/
.inner-searchside .tabMenu{ display: flex; position: relative; background:#ffffff; justify-content: space-between; align-items: flex-end; flex-wrap: nowrap; font-size: 12px; margin-bottom: 5px;}
.inner-searchside .tabMenu > div{width: 24%; text-align: center; height: 30px; border-radius: 6px 6px 0 0; border-style: solid; border-width: 1px; box-sizing: border-box; border-color: transparent; transition: .3s; overflow: hidden;}
.inner-searchside .tabMenu > div.area{background: #fcf2ea; color: #f4954f;}
.inner-searchside .tabMenu > div.ensen{background: #daebf6; color: #61a9da;}
.inner-searchside .tabMenu > div.school{background: #e0f7e8; color: #64bb83;}
.inner-searchside .tabMenu > div.map{background: #fee7e9; color: #f17882;}

.inner-searchside .tabMenu > div.active,.inner-searchside .tabMenu > div:hover{ height: 45px; background: #b0a064; color: #ffffff;}
.inner-searchside .tabMenu > div.active.area,.inner-searchside .tabMenu > div.area:hover{background: rgb(246,150,80); background: linear-gradient(180deg, rgba(246,150,80,1) 0%, rgba(221,126,56,1) 100%); color: #fff;}
.inner-searchside .tabMenu > div.active.ensen,.inner-searchside .tabMenu > div.ensen:hover{background: rgb(98,170,219); background: linear-gradient(180deg, rgba(98,170,219,1) 0%, rgba(75,147,196,1) 100%); color: #fff;}
.inner-searchside .tabMenu > div.active.school,.inner-searchside .tabMenu > div.school:hover{background: rgb(102,188,132); background: linear-gradient(180deg, rgba(102,188,132,1) 0%, rgba(78,164,108,1) 100%); color: #fff;}
.inner-searchside .tabMenu > div.active.map,.inner-searchside .tabMenu > div.map:hover{background: rgb(242,121,131); background: linear-gradient(180deg, rgba(242,121,131,1) 0%, rgba(218,97,107,1) 100%); color: #fff;}

.inner-searchside .tabMenu > div.active:after{ display: block; content: ""; width: 100%; height: 2px; position: absolute; bottom:0; left:0; background: #b0a064;}
.inner-searchside .tabMenu > div.active.area:after{background: rgba(221,126,56,1);}
.inner-searchside .tabMenu > div.active.ensen:after{background: rgba(75,147,196,1);}
.inner-searchside .tabMenu > div.active.school:after{background: rgba(78,164,108,1);}
.inner-searchside .tabMenu > div.active.map:after{background: rgba(218,97,107,1);}

.inner-searchside .tabMenu > div.active > *:before,.inner-searchside .tabMenu > div:hover > *:before{ display: block; content: ""; width: 17px; height: 15px; margin: 0 auto 3px auto;}
.inner-searchside .tabMenu > div.active.area > *:before,.inner-searchside .tabMenu > div.area:hover > *:before{ background: url("/contents/images/searchpanel/icon_area.png") no-repeat center center; background-size: auto 100%;}
.inner-searchside .tabMenu > div.active.ensen > *:before,.inner-searchside .tabMenu > div.ensen:hover > *:before{ background: url("/contents/images/searchpanel/icon_train.png") no-repeat center center; background-size: auto 100%;}
.inner-searchside .tabMenu > div.active.school > *:before,.inner-searchside .tabMenu > div.school:hover > *:before{ background: url("/contents/images/searchpanel/icon_school.png") no-repeat center center; background-size: auto 100%;}
.inner-searchside .tabMenu > div.active.map > *:before,.inner-searchside .tabMenu > div.map:hover > *:before{ background: url("/contents/images/searchpanel/icon_map.png") no-repeat center center; background-size: auto 100%;}


.inner-searchside .tabMenu > div a,.inner-searchside .tabMenu > div span{ color: inherit; text-decoration: none; display: block; width: 100%; height: 100%; box-sizing: border-box; padding: 5px 0 0 0;}

.inner-searchside .tabMenu > div a:hover{ opacity: 1 !important;}


/*------------------------------------
その他
------------------------------------*/
.inner-searchside{ margin:0 0 45px 0; padding:0; width: 250px; float: right; box-sizing: border-box; font-size: 14px;}
.inner-searchside pre{ font-size:14px;}

.inner-searchside .AdjustSearch,.inner-searchside .MemberLink{box-sizing: border-box; border-radius: 10px;}
.inner-searchside .AdjustSearch .SearchBox,.inner-searchside .MemberLink{padding: 10px 15px 15px 15px; -webkit-text-stroke-width: 0px !important;}
.inner-searchside .AdjustSearch div .SearchBox,.inner-searchside .AdjustSearch .col2_link + .SearchBox{ border-top: 1px solid rgba(0,0,0,0.10);}


.inner-searchside .AdjustSearch .SearchBox .note_txt{margin:0 0 10px 0; font-size:12px;}

.inner-searchside .AdjustSearch.area{ }
.inner-searchside .AdjustSearch.station{ }
.inner-searchside .AdjustSearch.school{ }
.inner-searchside .AdjustSearch.area div .SearchBox{ border-top: 1px solid rgba(0,0,0,0.10);}
.inner-searchside .AdjustSearch.station div .SearchBox{ border-top: 1px solid rgba(0,0,0,0.10);}
.inner-searchside .AdjustSearch.school div .SearchBox{ border-top: 1px solid rgba(0,0,0,0.10);}

.inner-searchside .MemberLink{ text-align: center; padding-top: 20px; padding-bottom: 5px;}
.inner-searchside .MemberLink > .link span.btn_catch{display: block; margin-bottom: -6px; position: relative; z-index: 1;}

.inner-searchside .SearchLink{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.inner-searchside .SearchLink > .link{width: 122px;}

#search_gnavi{width: 250px; float: right; position: sticky; top: -3700px;}
#search_gnavi .inner-searchside,#search_gnavi #gnavi{ /*float: none;*/}

/*------------------*/
.inner-searchside .selectArea{ margin-bottom: 12px;}

.inner-searchside #area {margin:0;}
.inner-searchside #area div.check { display:inline-block; min-width:110px; margin: 0 0 5px 0; text-indent: -25px; padding-left: 25px; box-sizing: border-box;}
.inner-searchside #area div.check:nth-last-child(2){ margin-bottom: 12px;}
.inner-searchside #child_area{ display: flex; flex-wrap: wrap;}
.inner-searchside .col2_link{ display: flex; flex-wrap: wrap; padding:14px 0 12px 15px/*10px 0 0 10px*/;}
.inner-searchside .col2_link > .link{ width:calc(100%/2); font-size: 13px; box-sizing: border-box;}
.inner-searchside .col2_link > .link a{background:url("/contents/images/searchpanel/indent_blue.png") no-repeat left top 3px; background-size: 7px auto; padding-left: 12px;}

.inner-searchside .selectStation select{ margin:0 0 12px 0;}
.inner-searchside #station div{  display:inline-block; min-width:105px; margin: 0 0 5px 0; text-indent: -25px; padding-left: 25px; box-sizing: border-box;}
.inner-searchside .selectSchool select{ margin:0 0 12px 0;}
.inner-searchside #school div{  display:inline-block; min-width:105px; margin: 0 0 5px 0; text-indent: -25px; padding-left: 25px; box-sizing: border-box;}

.inner-searchside .sale_type div{ display:block; margin:0 0 5px 0;}
.inner-searchside .rent_type div{ display:block; margin:0 0 5px 0;}
.inner-searchside .sale_type div.m{margin:0 0px 5px 0;width:calc(100%/3.1);}
.inner-searchside .rent_type div{width:calc(100%/3.3);}
.inner-searchside .sale_type div.large,.inner-searchside .rent_type div.large{ display:block; width:330px; margin:0 0 5px 0; font-weight:normal;}
.inner-searchside .type .parking_link{margin:10px 0 0 0; font-weight:normal;}

.inner-searchside span.searched select { border:1px solid #e03b27; background-color:#fee3e0}

.inner-searchside .select_m{width:80px; margin:0 5px 0 0px;}
.inner-searchside .select_m2{width:100px; margin:0 0px 0 0px;}
.inner-searchside .select_m3{width:100px; margin:0 0px 0 0px;}
.inner-searchside .select_m4{width:100px; margin:0 0px 0 0px;}

.inner-searchside .select_l{width:100%; margin:0 0px 0 0px;}

.inner-searchside .menu{margin:-5px 0 0px 0;}
.inner-searchside .menu.active{margin:-5px 0 0px 0;}

.inner-searchside .kodawari div{ display:block; margin-bottom:5px;}

.inner-searchside #facility_hidden .head{ font-weight:bold; margin:20px 0px 10px 0; padding:5px 0 1px 0; border-top:1px solid #ccc; }
.inner-searchside #facility_hidden > div:not(.head){text-indent: -28px; padding-left: 28px; box-sizing: border-box;}


.SearchlButton{box-sizing: border-box; /*position: fixed;bottom:0; width: 250px;*/ /*background: #ffffff;*/ position:sticky; bottom:10px;}
.SearchlButton .SearchlButton_inn{border-radius: 10px; margin: 45px 0 0 0; position: relative;}
.SearchlButton .SearchlButton_inn:after{ display:block; content: ""; background: url("/contents/images/searchpanel/indent_down_red.png") no-repeat center center; background-size: 100% auto; width: 18px; height: 18px; margin:0; position: absolute; top:-32px; left:50%; margin-left: -9px;}
.SearchlButton a.btn{ margin-bottom: 0;}
.SearchlButton .Search_condition{ padding: 10px 15px 15px 15px; font-size: 13px; border:1px solid rgba(0,0,0,0.1);}
.SearchlButton .Search_condition .h3{ margin-bottom: 5px;}
.SearchlButton .Search_condition span{display: inline-block;}
.SearchlButton .Search_condition span + span:before{content: "/"; margin: 0 8px 0 8px;}
.SearchlButton .search_btn{margin:0; padding: 5px 15px 15px 15px; text-align:center; clear:both;}
.SearchlButton .search_btn input{ margin:0;}
.SearchlButton p{ font-size: 16px;}
.SearchlButton p > span#count{ display: inline-block; vertical-align: middle; margin-bottom: 5px; font-size: 30px; font-weight: bold; padding: 0 8px 0 8px; letter-spacing: 0.06em;-webkit-text-stroke-width: 0 !important;}