
/*-----------------------------------------------
	index
-----------------------------------------------*/
table{width: 100%;}

th{background: #E3DFDB; text-align: center; padding: 10px; }

td{text-align: center; padding: 10px;}

th,td{border: solid 1px #000000; border-collapse: collapse;}

.disabled{background: #E6E6E6 !important;}


.inline{display: inline-block !important;}
/*cmnTop*/
.cmnTop{
	background:url(../img/cancel/bgTop.jpg) no-repeat center top;
}


@media only screen and (max-width:767px){
	.cmnTop{
		background:url(../img/cancel/bgTop_sp.jpg) no-repeat center top /cover;
	}
}
/*secForm*/
#secForm .titForm{
	text-align:center;
	font-size:20px;
	letter-spacing:4px;
	margin-bottom:38px;
}
#secForm .wrapForm{
	width:1000px;
	margin: 75px auto 120px;
}
#secForm .dlBox{
	display:table;
	width:100%;
	color:#333;
}
#secForm .dtBox{
	display:table-cell;
	vertical-align:middle;
	width:280px;
	border:#AA9F8C solid 1px;
	border-bottom:none;
	background:#E3DFDB;
	padding: 25px 25px;
}
#secForm .dlBox:last-child .dtBox{
	border-bottom:#AA9F8C solid 1px;
}
#secForm .dtBox .inner{
	position:relative;
}
#secForm .dtBox .inner .txt{
	font-size:15px;
	letter-spacing:1.5px;
	font-weight:500;
	/*max-width:170px;*/
	float:left;
	padding-top:2px;
	line-height:1.4;
}
#secForm .dtBox .inner .txt2{
	font-size:13px;
	line-height:1.5;
	letter-spacing:1px;
}
#secForm .dtBox .inner .must{
	float:right;
	width:40px;
	height:20px;
	background:#CC3333;
	color:#FFF;
	text-align:center;
	line-height:20px;
	font-weight:300;
	letter-spacing:1px;
}
#secForm .ddBox{
	display:table-cell;
	vertical-align:middle;
	border-top:#AA9F8C solid 1px;
	border-right:#AA9F8C solid 1px;
	padding:25px 30px;
	font-size:14px;
	line-height:1.5;
}
#secForm .dlBox:last-child .ddBox{
	border-bottom:#AA9F8C solid 1px;
}
#secForm .ddBox label{
	display:block;
	font-size:15px;
	font-weight:500;
	letter-spacing:1.5px;
	margin-bottom:9px;
	line-height:1.2;
}
#secForm .ddBox label:last-child{
	margin-bottom:0;
}
#secForm .ddBox label .checkbox{
	background:#FFF;
	border:#666 solid 1px;
	border-radius:0;
	margin-right:10px;
}

#secForm input[type="text"],
#secForm input[type="tel"],
#secForm input[type="email"],
#secForm input[type="password"],
#secForm select{
	height:50px;
	background:#fff;
	border:solid 1px #666;
	text-indent:10px;
	font-size:15px;
	letter-spacing:1px;
}

#secForm input[type="text"].inputRequired,
#secForm input[type="tel"].inputRequired,
#secForm input[type="email"].inputRequired,
#secForm input[type="password"].inputRequired,
#secForm select.inputRequired{
	background:#FFFFF0;
	border:solid 1px #CC3333;
}
#secForm input[type="text"].inputRequired.error,
#secForm input[type="tel"].inputRequired.error,
#secForm input[type="email"].inputRequired.error,
#secForm input[type="password"].inputRequired.error,
#secForm select.inputRequired.error{
	background:#FFFFF0;
	border:solid 1px #CC3333;
}
#secForm textarea{
	width:100%;
	height:160px;
	background:#fff;
	border:solid 1px #666;
	padding-left:10px;
	padding:15px 10px;
	font-size:15px;
	letter-spacing:1px;
}
#secForm .txtNote{
	font-size:12px;
	line-height:1.4;
	margin-top:8px;
}
#secForm .pr20{
	padding-right:20px;
}
#secForm .txtError{
	color:#f00;
	font-size:12px;
	background:url(../img/common/iconError.png) left top no-repeat;
	background-size:14px;
	padding:0 0 0 17px;
	margin-top:14px;
	line-height:14px;
}
#secForm .w120{width:120px;}
#secForm .w190{width:190px;}
#secForm .w350{width:350px;}
#secForm .w100p{width:100%;}
#secForm .txtAttend{
	text-align:center;
	font-size:15px;
	margin-top:60px;	
}
#secForm .txtAttend .txtLink{
	color:#00195F;
	border-bottom: solid 1px #00195F;
	padding-bottom:5px;
}
#secForm .btnForm{
	display:block;
	width:320px;
	height:94px;
	background:#333;
	color:#FFF;
	text-align:center;
	font-size:18px;
	letter-spacing:2px;
	line-height:94px;
	margin:48px auto 0;
}

#secForm .btnForm_submit{
	background:#9B8453;
	color:#FFF;
	border: none;
	cursor: pointer;
}
#secForm .btnBack{
	display:block;
	width:180px;
	height:74px;
	background:#999;
	color:#FFF;
	text-align:center;
	font-size:16px;
	line-height:74px;
	margin:20px auto 0;
	letter-spacing:2px;
}
#secForm .txtCo{
	font-size:14px;
	letter-spacing:1px;
	margin-bottom:25px;
	text-align:center;
}

#secForm .boxRadioList li {
    display: inline-block;
    vertical-align: top;
    margin-right: 19px;
}

@media only screen and (max-width:767px){
	#secForm .titForm{
		font-size:4.2vw;
		letter-spacing:2px;
		margin-bottom:25px;
	}
	#secForm .wrapForm{
		width:100%;
		margin: 25px auto 70px;
	}
	#secForm .dlBox{
		display:block;
	}
	#secForm .dtBox{
		display:block;
		width:100%;
		border:none;
		padding: 16px 10px;
	}
	#secForm .dlBox:last-child .dtBox{
		border-bottom:none;
	}
	#secForm .dtBox .inner .txt{
		font-size:13px;
		max-width:100%;
	}
	#secForm .dtBox .inner .txt2{
		font-size:10px;
	}
	#secForm .ddBox{
		display:block;
		border-top:none;
		border-right:none;
		padding:20px 10px;
		font-size:13px;
	}
	#secForm .dlBox:last-child .ddBox{
		border-bottom:none;
	}
	#secForm .ddBox label{
		display:block;
		font-size:3.4vw;
		font-weight:500;
		letter-spacing:1.5px;
		margin-bottom:5px;
	}
	#secForm .ddBox label:last-child{
		margin-bottom:0;
	}
	#secForm .ddBox label .checkbox{
		margin-right:5px;
	}
	#secForm textarea{
		width:100%;
		height:120px;
		font-size:12px;
	}
	#secForm .pr20{
		padding-right:10px;
	}
	#secForm .ws40p{width:40%;}
	#secForm .ws100p{width:100%;}
	#secForm .txtAttend{
		text-align:center;
		font-size:3.4vw;
		margin-top:20px;
		line-height:1.6;
	}
	#secForm .txtAttend .txtLink{
		border-bottom:none;
	}
	#secForm .btnForm{
		width:80%;
		height:80px;
		font-size:16px;
		line-height:80px;
		margin:25px auto 0;
	}
	#secForm .btnBack{
		width:50%;
		height:60px;
		font-size:14px;
		line-height:60px;
		margin:15px auto 0;
	}
	#secForm .txtCo{
		font-size:3.2vw;
		width:93.75%;
		margin:0 auto 15px;
		line-height:1.6;
	}	
}
/* secFormOk */
.secFormOk{
	text-align:center;
	font-size:15px;
	line-height:1.6;
	letter-spacing:1px;
}
.secFormOk .txtOk{
	font-size:20px;
	font-weight:bold;
	margin:0 0 30px;
}
.secFormOk .txtOk2{
	text-align:center;
	margin-bottom:50px;
}
@media only screen and (max-width:767px){
	#secForm.secFormOk{
		font-size:13px;
		padding:40px 5% 20px;
	}
	.secFormOk .txtOk{
		margin:40px 0 15px;
	}
	.secFormOk .txtOk2{
		text-align:left;
		margin-bottom:30px;
	}
}
/*secFlow*/
.secFlow{
	margin:52px auto 110px;	
}
.secFlow .titBox{
	text-align:center;
	color:#000;
	margin-bottom:102px;
}
.secFlow .titBox .tit{
	font-size:39px;
	letter-spacing:6px;
}
.secFlow .titBox .titSub{
	font-size:15px;
	letter-spacing:2px;
	margin-top:20px;
}
.secFlow .bgBox{
	background:url(../img/cancel/bgFlow.jpg) no-repeat center top;
}
.secFlow .conList{
	width:1200px;
	margin:0 auto;
}
.secFlow .conBox{
	font-size:0;
	position:relative;
	padding: 0 0 70px;
}
.secFlow .conBox:last-child{
	padding-bottom:0;
}
.secFlow .conBox::before{
	content:"";
	width:1px;
	height:100%;
	background:#9B8453;
	top:0;
	left:40px;
	position:absolute;
}
.secFlow .conBox:last-child::before{
	display:none;
}
.secFlow .conBox .iconNum{
	display:inline-block;
	vertical-align:top;
	z-index:2;
	position:relative;
}
.secFlow .conBox .rightBox{
	display:inline-block;
	vertical-align:top;
	margin-left:20px;
}
.secFlow .conBox .topBox{
	margin:27px 0 35px;
}
.secFlow .conBox .topBox2{
	margin:13px 0 42px;
}
.secFlow .conBox .topBox .titCon{
	font-size:25px;
	letter-spacing:2px;
}
.secFlow .conBox .topBox .titSub{
	font-size:15px;
	letter-spacing:0.5px;
	margin-top:13px;
}
.secFlow .conBox .underBox .box{
	margin-bottom:30px;
}
.secFlow .conBox .underBox .box:last-child{
	margin-bottom:0;
}
.secFlow .conBox .underBox .titUnder{
	font-size:20px;
	letter-spacing:1.5px;
	margin-bottom:18px;
}
.secFlow .conBox .underBox .txtUnder{
	font-size:15px;
	line-height:2.2;
	letter-spacing:1.5px;
	margin-top:18px;
}
.secFlow .conBox .underBox .txtLink{
	color:#0093B9;
	padding-bottom:4px;
	border-bottom:#0093B9 solid 1px;
}
.enable{
	opacity: 0.5;
	pointer-events: none;
	cursor: wait;
}
.remove{
	text-align: right;
	font-size: 15px;
	margin-top: 5px;
	margin-bottom: 30px;
}
@media only screen and (max-width:767px){
	.secFlow{
		margin:40px auto 60px;	
	}
	.secFlow .titBox{
		margin-bottom:30px;
	}
	.secFlow .titBox .tit{
		font-size:6vw;
	}
	.secFlow .titBox .titSub{
		font-size:3.2vw;
		margin-top:12px;
	}
	.secFlow .bgBox{
		background:none;
	}
	.secFlow .conList{
		width:95%;
	}
	.secFlow .conBox{
		padding: 0 0 30px;
	}
	.secFlow .conBox::before{
		left:7.5%;
	}
	.secFlow .conBox .iconNum{
		width:15%;
	}
	.secFlow .conBox .rightBox{
		margin-left:0;
		width:85%;
		padding-left:10px;
	}
	.secFlow .conBox .topBox{
		margin:17px 0 22px;
	}
	.secFlow .conBox .topBox2{
		margin:10px 0 28px;
	}
	.secFlow .conBox .topBox .titCon{
		font-size:5vw;
	}
	.secFlow .conBox .topBox .titSub{
		font-size:3vw;
		letter-spacing:0.5px;
		margin-top:7px;
	}
	.secFlow .conBox .underBox .box{
		margin-bottom:20px;
	}
	.secFlow .conBox .underBox .titUnder{
		font-size:4.5vw;
		letter-spacing:1px;
		margin-bottom:10px;
	}
	.secFlow .conBox .underBox .txtUnder{
		font-size:3.4vw;
		line-height:2;
		letter-spacing:1px;
		margin-top:10px;
	}
	.secFlow .conBox .underBox .txtLink{
		padding-bottom:0px;
		border:none;
		text-decoration:underline;
	}
}

.cancel_approval_text{
	color: white;
	padding: 8px;
	font-size: 16px;
	background-color: red;
	border: 1px solid red;
	text-align: center;
	margin-block: 20px;
}