@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=Shippori+Mincho:wght@400;500;600;700;800&display=swap');

* { margin:0; padding:0;}

html {scroll-behavior: smooth;}

body {
line-height: 1.8em;
font-family:'Shippori Mincho', "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
color:#4d4d4d;
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;
}

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


a{ text-decoration: none;}

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 {border: 1px solid #c6c6c6;}

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

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;
	min-width: 85px;
}

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; background: #fff;}

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: #e95464;}
input[type=radio]:checked:before {background: #e95464;}

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,#e95464;background-size: 18px auto;border:solid 1px #e95464;}

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: #e95464; 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:#e95464; }
.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:#4d4d4d; margin:40px auto 18px auto; font-size:13px; padding: 8px 0 7px 0; letter-spacing: .06em; position: relative; z-index: 2; width: 1100px;line-height: 1.61;}
.breadcrumbs:after{ display: block; content: ""; position: absolute; top:0; left:0; right:0; z-index: -1; background-color: #f3f9f4; 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:#e95464; text-decoration:none;}

@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: 35px;}

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

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

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

.error-box .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: 0;
	right: 0;
	height: 60px;
	width: 60px;
	background: url(../images/icons/top.png?t=3) no-repeat;
	background-size:60px;
	z-index:1000;
    border-radius:0;
	display: none;
	transition: .3s;
}
#scrollUp:hover {
	opacity:0.8;
}

@media print, screen and (max-width: 1400px) {
	#scrollUp { bottom: 80px; }
}

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

#contents-inner-result .ind{margin:0 0 15px 0;}
.ind div{  margin:30px 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: #e95464; border: 1px solid #e95464; color: #ffffff;}

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


/**/
.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: #37b44b;}
.btn.mainCoBg{background: #37b44b;}

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


/*ポイントカラー*/
.pointCo,.navi-block .navi_btn_bl > li.contact_btn .btn span:after{ color: #e95464 !important;}
.pointCoBg{background: #e95464;}
.pointCoLine,.n_result:hover{ border-color: #e95464;}
.btn.pointCoBg{background: #e95464; /*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 #e95464; background:#fff4f2; }
.inner-searchside input[type="checkbox"]:checked { background-color: #e95464; border:solid 1px #e95464;}

/*サブカラー*/
.SubCo,.navi-block .navi_btn_bl > li.member_btn .btn span:after{ color: #31b5bb;}
.SubCoBg{ background: #31b5bb !important; }
.SubCoLine{ border-color: #31b5bb;}
.btn.SubCoBg{background: #31b5bb; background: linear-gradient(180deg, #31b5bb 0%, #31b5bb 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;
background:url(../images/icons/ssl.gif) no-repeat 0 0;
padding:0 0 0 70px;
min-height:40px;
}