@charset "utf-8";

@import url("/contents/style/bookmarks.css?t=1");
@import url("/contents/style/smartphone.css?t=1");
@import url("/contents/style/my_menu.css?t=1");
@import url("/contents/style/mypage.css?t=1");

@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700&family=Urbanist:wght@100;200;300;400;500;600;700&display=swap');


* { margin:0; padding:0;}

html {scroll-behavior: smooth;}

body {
line-height: 1.6;
font-family: "Zen Maru Gothic", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", "HanSerif Japanese", Meiryo, Osaka, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", ArialMT, sans-serif;
color:#3d3d3d;
font-size:16px;
-webkit-text-size-adjust: none;
margin-top:0px;
word-break: break-all;
-webkit-text-stroke-width: .1px !important;
	letter-spacing: 0.03em;
	font-weight: 400;
}

@media print, screen and (max-width: 1199px) {
    body {-webkit-text-stroke-width: 0 !important;}
}


.e_f{/*font-family: 'Urbanist', sans-serif;*/}

a{ text-decoration: none;}
#contents-inner-result,.inner-searchside,#contents-inner-search-map .setting_btn{font-family: /*Futura, 'Century Gothic', "Yu Gothic Medium",*/ "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", "HanSerif Japanese", Meiryo, Osaka, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", ArialMT, sans-serif;}

input, select, textarea {font-family:"メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3"; font-size:16px;}

input::-webkit-input-placeholder {color: #ccc;}
input:-ms-input-placeholder {color: #ccc;}
input::-moz-placeholder {color: #ccc;}

input {margin:0px 4px 4px 2px;}
input, select, textarea {display: inline-block; border: 1px solid #c6c6c6;color: #3d3d3d;background: #ffffff;border-radius: 5px;padding: 5px 10px 5px 10px;box-sizing: border-box;}

input:focus,select:focus, textarea:focus{outline: none; border:2px solid #ec6d51;}

select {
    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;
}


input[type=radio] {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;position: relative;right: 0;bottom: 0;left: 0;height: 20px;width: 20px;vertical-align: -11px;transition:all .15s ease-out 0s;color: #fff;cursor: pointer;display: inline-block;margin: .4rem !important;outline: none;border-radius: 50%;border: 1px solid #c6c6c6;	padding: 0;}

input[type=radio]:checked:before {transform: scale(1);}input[type=radio]:before {content: "";display: block;width: 12px;height: 12px;border-radius: 50%;margin: 3px;transform: scale(0);transition: all ease-out 250ms;}

input[type=radio]:checked{ border-color: #ec6d51;}
input[type=radio]:checked:before {background: #ec6d51;}

input[type="checkbox"]{-webkit-appearance:none;width:22px;height:22px;border:solid 1px #c6c6c6;background:url("../images/search/icon_check.png") no-repeat center center,#ffffff;background-size: 18px auto;-webkit-border-radius: 5px;text-align:center;display: inline-block;vertical-align: middle;margin: 0 5px 5px 5px !important;}

input[type="checkbox"]:checked {background:url("../images/search/icon_check.png") no-repeat center center,#ec6d51;background-size: 18px auto;border:solid 1px #ec6d51;}

label:has(input[type=radio]),input[type="checkbox"]+span{cursor: pointer; transition: .3s;}
label:has(input[type=radio]):hover,input[type="checkbox"]+span:hover{opacity: .7;}
label:has(input[type=radio]:checked),input[type="checkbox"]:checked+span,#contents-inner-member .login_regist_wrap .login .cheak_box input[type="checkbox"]:checked + label{color: #ec6d51; font-weight: bold; background: transparent !important;}


/*strong { font-weight:normal !important; -webkit-text-stroke-width: .6px !important;}*/
sup {vertical-align:5px;}

a img {border-style:none;} 

em,address {font-style:normal;}
li {list-style:none;}

.end { clear:both; margin:0; padding:0; border:0;}

.clear_float{ clear:both; height:0px; font-size:1px; line-height:0px; visibility:hidden;}

.whiteText{ color:#FFF; }
.redText{ color:#ec6d51; }
.blueText{ color: #223a8e; }
.blueText2{ color: #54a0d3; }
.blackText{ color: #3300FF; }
.grayText{ color: #666; }
.grayText2{ color: #999999; }
.grayText3{ color: #666; font-weight:bold; }
.grayText16{ color: #666; font-size:16px; font-weight:bold; }
.pinkText{ color: #ee65ee; }
.smallText{ font-size:90%; }
.xsmallText{ font-size:10px; }
.small{ font-size:14px; color:#666;}

.boldText { font-weight:normal !important; -webkit-text-stroke-width: .6px !important;}
.text_stroke4 { font-weight:normal !important; -webkit-text-stroke-width: .4px !important;}
.text_stroke6 { font-weight:normal !important; -webkit-text-stroke-width: .6px !important;}

.Error{ font-size:95%; font-weight:bolder; color:#FF0000; padding:0px 0px 5px 50px; }

.line { height:3px;background-image:url(../images/line_dotted_3px_000000_2.gif);margin:7px 0px 7px 0px;}
.line2px { height:1px;background-image:url(../images/line_dotted_2px.gif);margin:7px 0px 7px 0px;}
.border { padding: 3px ;border:1px solid #bbbbbb;}

.price { font-size:18px; }
.decimal { font-size: 14px; }

.nonexistent {margin:20px 0 10px 0; border:1px solid #999; padding:30px 0 30px 0; text-align:center;}

/*------------------------------------------ breadcrumbs ----------------------------------------*/
.breadcrumbs{ color:#4f4a4a; margin:0px 0px 18px 0; font-size:13px; padding: 8px 0 7px 0; letter-spacing: .06em; position: relative; z-index: 2;}
.breadcrumbs:after{ display: block; content: ""; position: absolute; top:0; left:0; right:0; z-index: -1; background-color: rgba(0,0,0,.05); height: 100%; width: 100vw; margin: 0 calc(50% - 50vw) 0 calc(50% - 50vw);} 
.breadcrumbs div{ float:left;}
.breadcrumbs a{ color:inherit; transition: .3s;}
.breadcrumbs a:hover{ text-decoration: underline; opacity: 1 !important;}
.breadcrumbs strong{ color:#ec6d51; text-decoration:none;}
.breadcrumbs .decimal{ font-size:10px;}

@media print, screen and (max-width: 1250px) {
	.breadcrumbs:after{  width: 1250px; margin: 0 0 0 -75px;}
}


/* table
================================================== */
/* borderが1以上のテーブルCSS */
.borderTable {
	border:1px solid #ccc;
	border-collapse:collapse;
}
.borderTable th, .borderTable td {
	border:1px solid #ccc;
	border-collapse:collapse;
	padding:7px;
}
.borderTable td ul li {
	border-bottom:none;
}

.noborderTable {
	border:none !important;
}
.noborderTable th, .noborderTable td {
	border:none !important;
	padding:0px ;
}

.formDefault{
	
}

.formDefault-imeDisabled{
	ime-mode: disabled;	
}


.error-box{ margin-bottom: 0;}
.error-box tr:last-child td{ padding-bottom: 30px;}

.error-box .input-error{
	/*background-color:#fde8e8;*/
	color: #ff0000 !important;
	font-weight: bold;
	padding:3px 3px 3px 3px;
	margin:3px 3px 5px 3px; 
	position: relative;
	z-index: 2;
	-webkit-text-stroke-width: 0 !important;
}

.error-box tr:last-child td:has(.input-error){ padding-bottom: 10px !important ;}
.error-box td:has(.input-error){ padding: 0 !important ;}
.error-box .input-error:after{ display: block; background-color: #fde8e8; content: ""; width: 100%; height: 32px; position: absolute; bottom:5px; left:0; right:0; z-index: -1; opacity: .8; } 

.error-box .input-error > img{vertical-align: middle; margin-right: 5px; margin-bottom: 6px; width: 20px;}


.input-error-imeDisabled{
	background-color:#fde8e8;
	ime-mode: disabled;
}

.label_member{
	color:#fff;
	font-size:12px;
	letter-spacing:2px;
	text-align:center;
	border-radius:10px;
	margin:5px 5px 5px 5px;
	padding:1px 0px 1px 0px;
}

#scrollUp {
	bottom:0;
	right: 0;
	height: 70px;
	width: 70px;
	background: url(../images/icons/top.png) no-repeat;
	background-size:70px;
	z-index:1000;
	box-shadow: 0 0 20px rgba(0,0,0,0.08);
	border-radius: 10px 0 0 0;
	display: none;
}
#scrollUp:hover {
	opacity:0.8;
}

.pushy-open-right #scrollUp{display: none !important;}


/*------------------------------------
ページャー
------------------------------------*/
.ind{ margin:30px 0 30px 0; font-size:16px; display: flex; color: #3d3d3d; align-items: flex-end; justify-content: space-between; flex-wrap: nowrap;}

#contents-inner-result .ind{margin:0 0 15px 0;}
.ind div{  margin:55px 0 0 0; display: inline-block;}
.ind .boldText{display: inline-block; margin: 0 6px 0 6px; font-size:24px; color: #ec6d51; font-weight: bold !important; -webkit-text-stroke-width: 0 !important;}
.ind em{ font-weight:bold;}

.ind .pager_blocks{ margin-bottom: 10px;}
.ind .num_label{display: inline-block; vertical-align: middle; cursor: pointer; border: 1px solid #c6c6c6; color: #3d3d3d; background: #ffffff; min-width: 32px; min-height: 32px; border-radius: 5px; text-align: center; font-size: 12px; font-weight: bold; -webkit-text-stroke-width: 0 !important; box-sizing: border-box; padding-top: 5px; box-shadow: 0 3px 5px rgba(0,0,0,0.05); margin:0 2px 0 2px;}

#contents-inner-result .ind .num_label{padding-top: 7px;}

.ind .num_label > span{display: block; width: 100%; height: 100%;}

.ind .num_label span.period,.ind .num_label span.next,.ind .num_label span.prev{ color: transparent; font-size: 0;}
.ind .num_label span.next,.ind .num_label span.prev{ min-width: 55px;}
.ind .num_label span.period:before{content: "…"; top: 1px; left: 10px; color: #3d3d3d; font-size: 12px;}
.ind .num_label span.next:before{content: "次へ"; right:18px; font-size:12px !important; color: #3d3d3d; }
.ind .num_label span.prev:before{content: "前へ"; left:18px; font-size:12px !important; color: #3d3d3d; }

.ind .num_label.active{background: #ec6d51; border: 1px solid #ec6d51; color: #ffffff;}

.ind .num_label:empty{ display:none;}

.mansion_book .ind{ margin:30px 0 30px 0;}

/**/
.wrap_staff{width:40px; height:30px; overflow:hidden; float:left; margin:0 8px 5px 0; text-align:center;}
.wrap_staff img{width:40px;}

#contents-inner-detail .wrap_staff{width:60px; height:40px; overflow:hidden; float:left; margin:0 8px 5px 0; text-align:center;}
#contents-inner-detail .wrap_staff img{width:60px;}
#contents-inner-detail .titleDiv .est_cmnt .wrap_staff{
	width:40px; height:40px; 
	margin:5px 8px 5px 0;
}
#contents-inner-detail .titleDiv .est_cmnt .wrap_staff img{
	width:40px;
}


/*------------------------------------
カラー設定
------------------------------------*/

/*基本カラー*/
.inner-searchside{ color: #393939;}
.btn.bkCoBg{background: rgb(80,80,80); background: linear-gradient(180deg, rgba(80,80,80,1) 0%, rgba(58,58,58,1) 100%);}

/*メインカラー*/
.mainCo{ color: #3d3d3d;}
.mainCoBg{ background: #3d3d3d; }
.mainCoLine{ border-color: #beaf87;}
.btn.mainCoBg{background: #beaf87;}

.navi-block .navi_btn_bl > li.proposing_btn .btn span:after{ color: #beaf87;}


/*ポイントカラー*/
.pointCo,.navi-block .navi_btn_bl > li.contact_btn .btn span:after{ color: #ec6d51 !important;}
.pointCoBg{background: #ec6d51;}
.pointCoLine,.n_result:hover{ border-color: #ec6d51;}
.btn.pointCoBg{background: #ec6d51; /*background: linear-gradient(180deg, rgba(233,84,100,1) 0%, rgba(233,84,100,1) 100%);*/}
.inner-searchside .SearchlButton_inn,.inner-searchside span.searched select{ border: 1px solid #ec6d51; background:#fef5f1; }
.inner-searchside input[type="checkbox"]:checked { background-color: #ec6d51; border:solid 1px #ec6d51;}

/*サブカラー*/
.SubCo,.navi-block .navi_btn_bl > li.member_btn .btn span:after{ color: #16b0cc;}
.SubCoBg{ background: #16b0cc !important; }
.SubCoLine{ border-color: #16b0cc;}
.btn.SubCoBg{background: #16b0cc; background: linear-gradient(180deg, #16b0cc 0%, #16b0cc 100%);}


/*その他*/
.grayCoBg,.inner-searchside .AdjustSearch{ background: #f5f5f5;}
.btn.GrayCoBg{background: rgb(190,190,190); background: linear-gradient(180deg, rgba(190,190,190,1) 0%, rgba(190,190,190,1) 100%);}

.inner-searchside a{color: #198bd8; text-decoration: underline;}



/* SNS
================================================== */
ul#sns_btn {
display:none;
position:fixed;
left:0;
bottom:20px;
width:60px;
padding:10px 10px 10px 10px;
box-sizing:border-box;
border-top-right-radius:10px;
border-bottom-right-radius:10px;
background:#FFF;
/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.3) 0 0 5px 0;
-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0 0 5px 0;
-moz-box-shadow:rgba(0, 0, 0, 0.3) 0 0 5px 0;
z-index:100;
}

ul#sns_btn li {margin-bottom:10px;}
ul#sns_btn li:last-child {margin-bottom:0;}
ul#sns_btn li img {width:40px; height:auto; vertical-align:top;}

.ssl2{color: #339900;font-size: 14px;margin: 0 0 10px 0;padding:0 0 0 0px;min-height:40px; letter-spacing: -0px;}

/* from width */
form .w1{width:250px;}
form .w2{width:350px;}
form .w3{width:50px;}
form .w4{width:100px;}
form .w5{width:320px;}
form .w6{width:100%;}
form .w7{width:480px;}
form .w8{width:200px;}
form .w9{width:150px;}