@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=Josefin+Sans:wght@200;300;400;500;600&family=Noto+Sans+JP:wght@100;300;400;500;700&display=swap');

* { margin:0; padding:0;}

html {scroll-behavior: smooth;}

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


a{ text-decoration: none;}
#contents-inner-result,.inner-searchside{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[type="radio"]:checked {outline: solid 5px #ffff00;}
input[type="checkbox"]:checked {outline: solid 5px #ffff00;}
option:checked { background: yellow; background: -webkit-linear-gradient(yellow,yellow); color:#000; -webkit-text-fill-color:#000; }

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 {border:1px solid #bbb;}
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:#e468a9; }
.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 30px 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(101,181,219,.2); 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:#e468a9; 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;	
}

.input-error{
	background-color:#fde8e8;
}

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

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

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

/*------------------------------------
ページャー
------------------------------------*/
.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; 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: 5.8px; box-shadow: 0 3px 5px rgba(0,0,0,0.05); margin:0 2px 0 2px;}
.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: #e468a9; border: 1px solid #e468a9; 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 .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,.inner-searchside .h2:before{ background: #3d3d3d; }
.mainCoLine{ border-color: #003f98;}
.btn.mainCoBg{background: url("../images/top/blue_b_bg.jpg") repeat; /*background: linear-gradient(180deg, rgba(159,187,0,1) 0%, rgba(159,187,0,1) 100%);*/}

/*ポイントカラー*/
.pointCo{ color: #e468a9;}
.pointCoBg{background: #e468a9;}
.pointCoLine,.n_result:hover{ border-color: #e468a9;}
.btn.pointCoBg{background: #e468a9;/* 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 #e468a9; background:#fdf2f7; }
.inner-searchside input[type="checkbox"]:checked { background-color: #e468a9; border:solid 1px #e468a9;}


/*その他*/
.grayCoBg,.inner-searchside .AdjustSearch{ background: #f5f5f5;}
.btn.GrayCoBg{background: rgb(190,190,190); background: linear-gradient(180deg, rgba(190,190,190,1) 0%, rgba(166,166,166,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;
background:url(../images/icons/ssl.gif) no-repeat 0 0;
padding:0 0 0 70px;
min-height:40px;
}
