@charset "utf-8";

.BZ-marginTS{
	margin-top:10px !important;
	}

.BZ-marginTM{
	margin-top:20px !important;
	}

.BZ-marginTL{
	margin-top:40px !important;
	}

.alertTxt,
.alertEmail,
.confirmArea,
.resultArea{
	display:none;
	}

#repair-entry-form input,
#repair-entry-form select,
#repair-entry-form textarea{
	width:95%;
	margin:2px;
	padding:6px;
	border:1px solid #CCCCCC;
	border-radius:5px;
	font-size:100%;
    outline: none;
	}
 /*
#repair-entry-form input:focus,
#repair-entry-form select:focus,
#repair-entry-form textarea:focus{
    border: solid 2px #E96707;
    background-color: #FFF5EC;
}
*/

#repair-entry-form select{width:12em;}
#repair-entry-form select option.selectmenu{ font-size:90%; color:#757575;}

#repair-entry-form textarea{
	height:16em;
	width:95%;
	max-width:95%;
	}


/* Ovewrite Base Style for Repair forms */
#repair-entry-form table.sp-block{  width: 95%; margin-left: auto !important; margin-right: auto !important;}
#repair-entry-form table th{
    background-color: #DCDCDC;
    width: 28%;
}
#repair-entry-form .require{ color:red; }
#repair-entry-form input,
#repair-entry-form select,
#repair-entry-form textarea{
	width:82%;
}
#repair-entry-form tr.order-number{ border-bottom: 2px #2F61C8 dotted;}
#repair-entry-form tr.order-number th{ text-align: center; font-size: 120%; }
#repair-entry-form tr.order-number td{ padding: 15px 10px 18px 10px;}
#repair-entry-form tr.order-number td input{
	width: 60%;
}

#repair-entry-form table td span.inputMode{ font-size: 90%;}

#repair-entry-form table caption{
	padding: 15px 10px 15px 10px;
	font-weight:bold;
    color: #FFF;
    font-size: 130%;
    width: 30%;
	margin:0;
    background-color: #2F61C8;
	border-radius:6px 6px 0 0;
}

#repair-entry-form .aboutDevice,
#repair-entry-form .aboutRetrunAdd,
.productSshippingAddress,
#repair-entry-form #aboutCSVdata{
	border-top : 2px dotted #2F61C8;
    margin: 40px auto 20px auto;
    padding: 30px 0;
}

#repair-entry-form .completionCheck{
	border-top : 3px dotted #2F61C8;
    margin: 40px auto 20px auto;
    padding: 30px 0;
}

#repair-entry-form .aboutDevice table caption{background-color: #dc495b;}
#repair-entry-form .aboutRetrunAdd table caption{background-color: #0D7609;}

#repair-entry-form .aboutDevice table .deviceItem{}
#repair-entry-form .aboutDevice table .deviceDetail{}

#repair-entry-form .aboutDevice table th{ width: auto; }
#repair-entry-form .aboutDevice table td{ width: 62%; }

#repair-entry-form textarea,
button,
#repair-entry-form input{ line-height: 1.4em; font-family : inherit; font-size : 100%;}

#repair-entry-form .text-small{font-size:88%;}

#repair-entry-form .selectButton{ display: table; margin: 0 auto; width: 100%;}
#repair-entry-form .selectButton .Cell{ text-align: center; width: 49.8%; padding-left: 10%; padding-right: 10%; display: table-cell}

#repair-entry-form .completionCheck ul{ width: 98%; margin: 0 auto 20px auto;}
#repair-entry-form .completionCheck ul li{
    display: block;
    margin-bottom: 1em;
    background: #FFFFFF;
    border-radius: 5px;
    border:#E99AA1 solid 2px;
}
#repair-entry-form .completionCheck ul li:hover{
    border: solid 2px #E96707;
    background-color: #FFF5EC;
}
#repair-entry-form .completionCheck ul li label{
    display: block;
    padding:10px 10px 10px 2em;
    text-indent: -1.5em;
    cursor: pointer;
}

#repair-entry-form .completionCheck ul li input[type="checkbox"],
#repair-entry-form input[type="checkbox"]{ width: 1.5em; margin: auto; }

#failureContent1,
#failureContent2,
#failureContent3,
#failureContent4,
#failureContent5,
#checkContent1,
#checkContent2,
#checkContent3,
#checkContent4,
#checkContent5{ max-height: 6.6em; overflow-y: scroll;}


/* 一括アップ後のデータ */

#repair-entry-form #aboutCSVdata #CSVdata{
    width: auto;
    max-width: 98%;
    max-height: 23.9em;
    overflow: auto;
    border: gray solid 1px;
    margin: 0 auto 20px auto;
}

#repair-entry-form #aboutCSVdata #CSVdata table{ margin: 0}
#repair-entry-form #aboutCSVdata table th{ width: auto; min-width:4em; padding:5px; font-size: 87%; text-align: center; background-color:#FAE7E8; white-space: nowrap; font-weight: bold;}
#repair-entry-form #aboutCSVdata table td{ width: auto; min-width:4em; padding:5px; font-size: 87%; text-align: center; }

#repair-entry-form #aboutCSVdata p{
	padding: 15px 10px 15px 10px;
	font-weight:bold;
	color: #FFF;
	font-size: 130%;
	width: 33.3%;
	margin:0 0 0 8px;
    text-align: center;
	background-color: #dc495b;
	border-radius:6px 6px 0 0;
}

#repair-entry-form #aboutCSVdata #CSVdata table thead{
position: sticky;
top:0;
z-index: 10;
}

#repair-entry-form #aboutCSVdata #CSVdata table th:nth-child(1){
position: sticky;
left:0;
}

#repair-entry-form #aboutCSVdata #CSVdata table td:nth-child(1){
position: sticky;
left:0;
background-color: #ffffff;
z-index: 1;
}

#repair-entry-form #aboutCSVdata #CSVdata table th:nth-child(1)::before,
#repair-entry-form #aboutCSVdata #CSVdata table td:nth-child(1)::before{
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}

#repair-entry-form #aboutCSVdata #CSVdata table thead::before{
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
border-bottom: 1px solid #CCCCCC;
}

#repair-entry-form #aboutCSVdata #CSVdata table thead tr > *{
border-top:none;
}


.GoFinish,
.GoNext{ font-size:120%;}

.BZ-blue-Button.GoFinish{ max-width: 10em; }

.productSshippingAddress #AtermAddress{
    width: auto; background: #FFFFFF; margin: 20px auto 30px auto;
    max-width: 30em;
    border-radius: 20px; padding: 30px 10px 5px 10px;
    border: #666666 1px solid;
    }
.productSshippingAddress #AtermAddress p{ margin-bottom: 5px; font-size:100%;}

/* 一括ファイルアップロード */
#csvUpload input,
#csvUpload button{
	margin:2px;
	padding:10px;
/*	border:1px solid #CCCCCC;　*/
	border-radius:5px;
	font-size:100%;
    outline: none;
    background-color: #FFFFFF;
}
#csvUpload #CSVfile-submit{border:none; background-color: #E96707; color:#fff; cursor: pointer;}
#csvUpload #CSVfile-submit:hover{opacity:.6;}

/* UP Loader */
.fileloader,
.fileloader:after {
  border-radius: 50%;
  width: 2em;
  height: 2em;
}
.fileloader {
  margin: 10px auto;
  position: relative;
  text-indent: -9999em;
  border-top: 3px solid rgba(47,97,200, 0.2);
  border-right: 3px solid rgba(47,97,200, 0.2);
  border-bottom: 3px solid rgba(47,97,200, 0.2);
  border-left: 3px solid #2f61c8;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load1 1.1s infinite linear;
  animation: load1 1.1s infinite linear;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    overflow:hidden;
}
@-webkit-keyframes load1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    overflow:hidden;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    overflow:hidden;
  }
}
@keyframes load1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    overflow:hidden;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    overflow:hidden;
  }
}

#BZ-contents .fileUPnow{ margin: auto; } /* Browser ScrollBar Fix */
#BZ-contents .fileUPnow p{text-align: center; padding: 0; margin: 10px auto; font-size: .725rem}


/* Error表示 */
#ErrorIndication{
    background-color: #FBFF80;
    border: 2px dotted #EF0F08;
    width: 95%;
    margin: 30px auto 40px auto;
    display: block;
    clear: both; float: none;
    position: relative;
    padding: 30px 10px 20px 10px;
}
#ErrorIndication p{ font-size:115%; margin-bottom: 15px; text-align: center;}
#ErrorIndication ul{margin-bottom: 1em }
#ErrorIndication ul li{ font-size: 95%; margin: 0 auto 3px auto; padding: 1px; }
#ErrorIndication ul li strong{}

/* .errorPoint{ background-color:#FBFF80 } */

#repair-entry-form input.attention,
#repair-entry-form select.attention,
#repair-entry-form textarea.attention{
    border: solid 2px #f6c503;
    background-color: #fffdd0;
}





#repair-entry-form  .moreDevice{}

#device2,
#device3,
#device4,
#device5{
display: none;
}

.aboutDevice.show{
display: block !important;
}


/* media option */
@media screen and (max-width:910px){

}

@media screen and (max-width:660px){

#formBox .sp-block{
	border-bottom:1px solid #cccccc;
	}

#formBox .sp-block > tbody > tr > th{
	display:block;
	width:auto;
	}

#formBox .sp-block > tbody > tr > td{
	display:block;
	width:auto;
	border-top:none;
	border-bottom:none;
	}

#formBox .sp-block table{
	font-size:90%;
	}

#formBox table th span{
	display:inline;
	}

#formBox .BZ-column .BZ-col.BZ-right{
	text-align:center;
	}

#formBox .confirmArea{
	padding:0;
	}

#repair-entry-form table caption{ font-size:105%;}

#repair-entry-form .completionCheck ul{ width: 90%; margin: 0 auto 15px auto; font-size: 80%;}

#repair-entry-form .selectButton{ display: block; margin: 0 auto; width: 90%;}
#repair-entry-form .selectButton .Cell{ text-align: center; width: 80%; padding-left: 1%; padding-right: 1%; display: block; margin-bottom: 3em;}

.BZ-orange-Button{ min-width: 10em; }

}



@media screen and (max-width:480px){

#repair-entry-form input,
#formBox input.short,
#repair-entry-form textarea{
	width:90%;
	max-width:none;
	}

#formBox table th{
	display:block;
	width:auto;
	}

#formBox table td{
	display:block;
	width:auto;
	border-top:none;
	border-bottom:none;
	}

#formBox table table td input{
	margin-bottom:10px;
	}
/*
#repair-entry-form .selectButton{ display: block; margin: 0 auto; width: 100%;}
#repair-entry-form .selectButton .Cell{ text-align: center; width: 100%; padding-left: 1%; padding-right: 1%; display: block; margin-bottom: 3em;}
*/


#repair-entry-form table caption{
	padding: 10px;
	font-weight:bold;
    color: #FFF;
    font-size: 110%;
    width: 50%
    }

#repair-entry-form #aboutCSVdata p{
	padding: 10px;
	font-weight:bold;
	color: #FFF;
	font-size: 100%;
    width: 50%;
	margin:0 0 0 2px;
}

#repair-entry-form #aboutCSVdata{width: 90%; margin-left: auto;}

#ErrorIndication{ padding: 15px 10px 10px 10px;}
#ErrorIndication p{ font-size:105%; margin-bottom: 12px; text-align: left;}
#ErrorIndication ul li{ font-size:87%; }

.productSshippingAddress #AtermAddress p{ margin-bottom: 5px; font-size:90%;}
.productSshippingAddress #AtermAddress ul li{ font-size:80%;}

}