@charset "utf-8";
/* CSS Document */

/* common
---------------------------------------------*/
#wrap{
	background-color: #efefef;
	min-height: 100vh;
}
.contIn{
	width: 890px;
}

/* header
---------------------------------------------*/
#headerWrap{
	padding: 20px 0 15px;
	background-color: #fff;
}
#headerWrap .logo{
	width: 225px;
	float: left;
}
#headerWrap .flow{
	float: right;
}
.step{
	font-size: 0;
}
.step li{
  display:inline-block;
	vertical-align: middle;
	font-size: 15px;
	padding: 2px 10px;
	position: relative;
}
.step li:before{
	content: "";
  display:inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	border: 1px solid #bbb;
	margin:0 5px 2px 0;
}
.step .act:before{
	border: 4px solid #44a97c;
}
.step .done{
	border: 1px solid #aaa;
	border-radius: 16px;
	padding-left: 10px;
}
.step .done:before{
	border: 1px solid #44a97c;
	background-color: #44a97c;
}
.step li:after{
	content: "";
	display: block;
	position: absolute;
	height: 1px;
	top:12px;
	left: 100%;
	background-color: #777;
}
.step li:last-child{
	margin: 0;
}
.step li:last-child:after{
	display: none;
}
.step3{width: 390px;}
.step3 li{margin: 0 75px 0 0;}
.step3 li:after{width: 75px;}
.step4{width: 515px;}
.step4 li{margin: 0 59px 0 0;}
.step4 li:after{width: 59px;}

/* footer
---------------------------------------------*/
#footerWrap{
	margin-top: 0;
	text-align: center;
	background-color: #eee;
}
#footerWrap .copy{
	padding: 15px 0 10px;
	font-size: 10px;
}
#footerWrap .linkBox {
	padding: 60px 0 0;
}
#footerWrap .linkBox a{
	color: #333;
}
#footerWrap .linkBox a:hover{
	text-decoration: underline;
}
#footerWrap .linkBdrList li:after{
	margin: 0 15px;
}

/* error-balloon
---------------------------------------------*/

.address .error-balloon,
.sellAddress .error-balloon{
	margin-left: 125px;
}
.name .error-balloon{
	margin-left: 82px;
}
.privacy .error-balloon{
	display: none;
}

/* houseSelected
---------------------------------------------*/
.houseWrap .formTtl{
	position: relative;
	font-size: 18px;
	margin-bottom: 10px;
	display: inline-block;
	vertical-align: middle;
}
.houseWrap .formTtl .required,
.houseWrap .formTtl.done .iconOk{
	position: static;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 2px 15px;
}
.houseWrap .formTtl.done .required{
	display: none;
}
.houseArea{
	border: 1px solid #777;
	border-radius: 4px;
	background-color: #fff;
	overflow: hidden;
}
.houseSelected{
	padding: 15px 30px;
	display: table;
	width: 100%;
	border-top: 1px dashed #ddd;
}
.houseArea .houseSelected.bt0{
	border-top: 0;
}
.houseSelected.disable{
	background-color: #eee;
}
.houseSelected .cb,
.houseSelected .imgBox,
.houseSelected .typeTag,
.houseSelected .detail{
	display: inline-block;
	vertical-align: middle;
}
.houseSelected .single + .cb{
	opacity: 0;
  pointer-events: none;
}
.houseSelected .single + .cb:after{
	display: none;
}
.houseSelected .imgBox{
	width: 80px;
	height: 60px;
	border: 1px solid #999;
	background-color: #fff;
	margin-left:15px;
}
.houseSelected .typeTag{
	width: 95px;
	margin-left: 20px;
}
.houseSelected .typeTag .tag{
	background-color: #333;
	color: #fff;
	border-radius: 12px;
	line-height: 22px;
	width: 95px;
	text-align: center;
	font-size: 10px;
}
.houseSelected .detail{
	max-width: 560px;
	margin-left: 20px;
	font-size: 15px;
}

/* shopInfo
---------------------------------------------*/
#shopInfo{
	background-color: #002b14;
	color: #fff;
	padding: 6px 0;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	margin-bottom: 15px;
}
#shopInfo .shopInfoTtl,
#shopInfo .name,
#shopInfo .detail,
#shopInfo .detail dt,
#shopInfo .detail dd,
#shopInfo .detail dd:before{
	display: inline-block;
	vertical-align: middle;
}
#shopInfo .shopInfoTtl{
	padding: 5px 10px;
	border: 1px solid #c9c9c9;
	margin-right: 30px;
}
#shopInfo .name{
	font-weight: bold;
	font-size: 22px;
	min-width: 210px;
}
#shopInfo .detail{
	font-size: 12px;
	max-width: 485px;
	line-height: 1.3;
}
#shopInfo .detail dd{
	max-width:calc(100% - 2em);
	vertical-align:top;
	text-indent: -7px;
	padding-left: 14px;
}
#shopInfo .detail dd:before{
	content: "：";
	font-size: 14px;
}

/* formMainTtl
---------------------------------------------*/
.formMainTtl{
	background-color: #44a97c;
	border-radius: 8px 8px 0 0;
	border: 1px solid #aaa;
	padding: 10px 25px;
	margin-top: 20px;
}
.formMainTtl .ttl{
	float: left;
	font-size: 22px;
	color: #fff;
	padding-left: 45px;
	background: url(/assets/pc/common/img/icon_mail_wh.png) no-repeat left center;
}
.formMainTtl .infoCheck{
	float: right;
	font-size: 15px;
}
.formMainTtl .infoCheck .checkBox + span{
	display: inline-block;
	background-color: #fff;
	border: 1px solid #aaa;
	width: 230px;
	padding: 5px 10px 5px 35px;
  box-shadow: 0px 2px 6px 0px rgba(34, 31, 31, 0.2);
	border-radius: 6px;
}
.formMainTtl .infoCheck .checkBox + span:hover{
	background-color: #eee;
}
.formMainTtl .infoCheck .checkBox + span:after{
	margin-left: 10px;
}
.formMainTtl .infoCheck .checkBox + span .act,
.formMainTtl .infoCheck .checkBox:checked + span .notact{
	display: none;
}
.formMainTtl .infoCheck .checkBox + span .notact,
.formMainTtl .infoCheck .checkBox:checked + span .act{
	display: inline;
}
.formMainTtl .infoCheck .checkBox:checked + span .act{
	color: #d75a45;
	font-weight: bold;
}

/* お気に入りリスト
---------------------------------------------*/
#favList{
	background-color: #fff;
	border:1px solid #aaa;
	padding: 15px 10px;
}
.favTtl{
	color: #fff;
	font-size: 18px;
	padding: 2px 30px 2px 40px;
	border-radius: 16px;
	background:#d75a45 url(/assets/pc/common/img/icon_heart_wh.png) no-repeat left 14px center;
	background-size: 20px auto;
	display: inline-block;
	margin-bottom: 10px;
	margin-left: 30px;
}
#favList .bx-wrapper {
    max-width: 806px!important;
}
#favList .slideBox{
	display: block;
	padding: 5px 0;
	margin-right: 15px;
	cursor: pointer;
}
#favList .slideBox.checked:after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 2px solid #008242;
}
#favList .slideBox .check{
	width: 25px;
	height: 25px;
	margin: auto;
	display: block;
}
#favList .slideBox .imgArea{
	border: 1px solid #ccc;
	margin: 0 5px;
	height: 135px;
	width: 178px;
}
#favList .slideBox .txtArea{
	padding: 5px 6px;
}
#favList .slideBox .name{
	color: #333;
	text-decoration: none;
	font-size: 13px;
}
#favList .slideBox .price{
	font-size: 15px;
}
#favList .slideBox .dtl{
	overflow: hidden;
	font-size: 12px;
	margin-bottom: 3px;
}
#favList .slideBox .dtl dt{
	width: 5em;
	color: #888;
	float: left;
}
#favList .slideBox .dtl dd{
	width: calc(100% - 5em);
	float: left;
}

/* confirm original
---------------------------------------------*/

.confMainTtl{
	background-color: #002b14;
	color: #fff;
	font-size: 22px;
	padding: 10px 30px;
	margin-top: 30px;
}
.confirm .naiyo .checkList li{
	display: block;
	margin-top: 0;
	width: auto;
}
.confirm .naiyo .date{
	display: inline;
}
.confirm .formTable .formTtl,
.confirm .formTable .formCont{
	padding: 10px 25px;
}
.confirm .formTtl .required{
	top: 10px;
}
.confirm .formCont a{
	text-decoration: none;
	color: #333;
	pointer-events: none;
}

/* 本人確認モーダル
---------------------------------------------*/
#passcheck-modal{
	position: fixed;
	font-size: 14px;
	max-height: 90%;
	z-index: 9999;
	display: none;
	padding: 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 600px;
}
#passcheck-modal .passCheckIn{
	background-color: #fff;
}
.passcheckBg{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	background-color: rgba(0,0,0,0.70);
}
#passcheck-modal .errorBox {
	display: none;
	border: 3px solid #d75a45;
	color: #d75a45;
	padding: 10px 10px 10px 50px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3;
	margin: 10px 0;
	background: url(/assets/pc/registar/img/icon_caution_red.png) no-repeat left 10px center;
	background-size: 28px auto;
}
#passcheck-modal .heading {
	background-color: #44a97c;
	color: #fff;
	font-size: 22px;
	text-align: center;
  padding: 10px 0;
	font-weight: bold;
}
#passcheck-modal .btn_close{
	background: transparent;
	border: none;
	position: absolute;
	top: -35px;
	right: 0;
	width: 30px;
	height: 30px;
	background-size: contain;
	cursor: pointer;
}
#passcheck-modal .btn_close:before,
#passcheck-modal .btn_close:after{
	content: "";
	position: absolute;
	top: 15px;
	left: 0;
	background-color: #fff;
	z-index: 1005;
	box-sizing: border-box;
	width: 30px;
	height: 2px;
}
#passcheck-modal .btn_close:before{
	transform: rotate(45deg);
}
#passcheck-modal .btn_close:after{
	transform: rotate(-45deg);
}
#passcheck-modal .loginBlock{
	padding:15px 20px;
}
#passcheck-modal .error-balloon p{
	padding: 2px 8px;
}
#passcheck-modal .formTable.login{
	border: 0;
}
#passcheck-modal .formTable .formTtl {
	vertical-align: middle;
	text-align: center;
	background-color: #fff;
	width: 145px;
}
#passcheck-modal .formTable .formTtl,
#passcheck-modal .formTable .formCont {
    padding: 8px 10px;
}


.invitation_NG{
    font-size: 13px;
    color: #d75a45;
    font-weight: bold;
}