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

input[type="text"]
{
	padding: 3px;
	margin: 1px;
	font-size: 16px;
	border: #999999 1px solid;
}

div.customer_data
{
}

div.customer_data input, div.customer_data textarea, div.customer_data select
{
	border-radius: 4px; 
	 -webkit-border-radius: 4px;
	 -moz-border-radius:4px;			
}

	div.customer_data .customer_data_bar
	{
		margin-top:10px;
		margin-bottom:10px;
	}
	
	div.customer_data .customer_data_logo
	{
		margin-bottom:10px;
	}
	
	div.customer_data_form
	{
		width:92%;
		border:#FFFFFF 2px solid;
		background:#DDDDDD;
		margin: 0 auto;	
		text-align:left;	
		
		-webkit-box-shadow: 0px 0px 5px #333333;  
		-moz-box-shadow: 0px 0px 5px #333333;  
		box-shadow: 0px 0px 5px #333333;	
		-webkit-border-radius: 10px;  
		-moz-border-radius: 10px;  
		border-radius: 10px;
		
		margin-top:10px;	
		margin-bottom:10px;	
	}

		div.customer_data_form ul.line
		{

		}
			div.customer_data_form img
			{
				
			}
			
			div.customer_data_form ul.line li.Caution
			{
				padding:6px;
				background:#FF0000;
				color:#FFFFFF;
				text-align:center;
				font-weight:bold;
				border-bottom:#CCCCCC 1px solid;
			}	
				
			div.customer_data_form ul.line li.noback
			{
				padding:6px;
				background:#FAFAFA;
				border-bottom:#CCCCCC 1px solid;
				font-size: 16px;
			}
	
			div.customer_data_form ul.line li.onback
			{
				padding:6px;
				background:#F5F5F5;
				border-bottom:#CCCCCC 1px solid;
				font-size: 16px;
			}		

			div.customer_data_form ul.line li.button
			{
				padding:6px;
				text-align:center;
				border-bottom:#CCCCCC 1px solid;
				font-size: 16px;
			}		

			p.input_ninshou
			{
				text-align:center;
			}
			
			input.ninshou_code
			{
				font-size:22px;
			}				
			
			div.customer_data_form ul.line li.line_explain
			{
				margin-top:10px;
				font-size:14px;
				padding:8px;
				background:#DDDDDD;
				border-bottom:#CCCCCC 1px solid;
			}		

			div.customer_data_form ul.line li.form_title
			{
				margin-top:10px;
				color:#333333;
				font-size:20px;
				font-weight:bold;
				padding-left:10px;
				padding-bottom:8px;
				padding-right:10px;
				background:#DDDDDD;
				border-bottom:#CCCCCC 1px solid;
			}	
			
		div.customer_data_form ul.LoginWindow
		{
			overflow:hidden;
			margin:0 auto;
			font-size:14px;
			text-align:left;
		}

			div.customer_data_form ul.LoginWindow li.NewCustomerButton
			{
				display:inline-block;
				overflow:hidden;
				width:170px;
			}
			div.customer_data_form ul.LoginWindow li.InputField
			{
				display:inline-block;
				overflow:hidden;
				width:320px;
			}
			div.customer_data_form ul.LoginWindow li.ButtonField1
			{
				display:inline-block;
				overflow:hidden;
				width:90px;
			}
			div.customer_data_form ul.LoginWindow li.ButtonField2
			{
				display:inline-block;
				overflow:hidden;
			}

			div.customer_data_form ul.LoginWindow li.ButtonField1 button.CommandButton
			{
				width:80px;
				height:80px;
			}
			div.customer_data_form ul.LoginWindow li.ButtonField2 button.CommandButton
			{
				font-weight:bold;
				font-size:16px;
				color:#006600;
				width:165px;
				height:80px;
			}
			
			div.autologinfield
			{
				font-size:14px;
			}
			
			input.autologin
			{
				width:16px;
				height:16px;
				vertical-align:middle;
				margin-right:5px;
			}
			
		div.customer_data_form ul.koumoku
		{
			display:table;
			width:100%;
			font-size:16px;
			text-align:left;
		}

			div.customer_data_form ul.koumoku li.hissu
			{
				display:table-cell;
				vertical-align:middle;
				overflow:hidden;
				width:30px;
			}
			div.customer_data_form ul.koumoku li.hissu p
			{
				display:table-cell;
				vertical-align:middle;
				width:30px;
			}

			div.customer_data_form ul.koumoku li.name
			{
				display: table-cell;
				vertical-align:middle;
				padding: 0 5px;
				text-align:left;
				width:140px;
			}
			div.customer_data_form ul.koumoku li.error_name
			{
				display: table-cell;
				vertical-align:middle;
				text-align:left;
				padding: 0 5px;
				font-weight:bold;
				color:#FF0000;
				width:140px;
			}			
	
	div.customer_data_form ul.koumoku li.formdata
	{
		display: table-cell;
		vertical-align:middle;
	}

	#honbun {
		display: block;
		width: 95%;
		margin: 0 auto;
	}

	div.customer_data_form ul.koumoku li.formdata input
	{
	}

			div.customer_data_form ul.koumoku li.formdata select
			{
				padding:3px;
				font-size:16px;
				border:#999999 1px solid;
			}
			
			div.customer_data_form ul.koumoku li.formdata button.autoaddr
			{
				padding:3px;
				margin:1px;
				font-size:14px;
			}			
			
	div.customer_data_form p.Mainexplain
	{
		font-size:14px;
		color:#003399;
		margin-top:3px;
		margin:8px;
	}
	
	div.customer_data_form  p.explain1
	{
		font-size:12px;
		color:#0066CC;
		margin-top:3px;
	}
	
	div.customer_data_form p.explain2
	{
		font-size:12px;
		color:#6600CC;
		margin-top:3px;
	}
	div.customer_data_form p.explain3
	{
		font-size:12px;
		font-weight:bold;
		color:#FF0000;
		margin-top:3px;
	}
	div.customer_data_form p.explain4
	{
		font-size:14px;
		font-weight:bold;
		color:#FF0000;
		margin-top:3px;
	}	
	div.customer_data_form 	input.hurigana
	{
		width:50%;
	}
	
	div.customer_data_form 	input.name
	{
		width:50%;
	}
	
	div.customer_data_form 	input.company_name
	{
		width:80%;
	}
	
	div.customer_data_form 	input.telephone
	{
		width:30%;
	}
	
	div.customer_data_form 	input.handyphone
	{
		width:30%;
	}
	
	div.customer_data_form 	input.fax
	{
		width:30%;
	}
	
	div.customer_data_form 	input.zipcode
	{
		width:20%;
	}
	
	div.customer_data_form 	input.addr1
	{
		width:20%;
	}
	
	div.customer_data_form 	input.addr2
	{
		width:90%;
	}

	div.customer_data_form 	input.addr3
	{
		width:90%;
	}
	
	div.customer_data_form 	input.mail1
	{
		width:40%;
	}
	
	div.customer_data_form 	.addr1
	{
		width:25%;
	}
	
	div.customer_data_form 	input.mail2
	{
		width:40%;
	}
	
	div.customer_data_form 	textarea.honbun
	{
		width:95%;
		min-height:200px;
		font-size:16px;
		padding:8px;
	}
	
	div.customer_data_form 	button.OnlineAsk_Submit
	{
		width:90%;
		padding:10px;
		font-weight:bold;
		font-size:18px;
	}
	
		/* タブ内説明用 */
	.Span02 {
    display: flex;
    padding: 30px 0;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
	}

	.Span02 p.explain3
	{
		width: 95%;
		clear: both;
		font-size: 16px;
		color: black;
		padding: 10px;
		margin: 0 auto;
	}
	
	/* タブ内大見出し用 */
	.Span02 h2.spanTitle
	{
		font-size: 35px;
		text-align: center;
		background-color: var(--brand-navy);
		color: white;
		margin-bottom: 10px;
		padding: 9px 0px 5px 15px;
		border-radius: 8px; 
		 -webkit-border-radius: 8px;
		 -moz-border-radius: 8px;
	}
	
	.Span02 div.expTitle
	{
		width: 90%;
		margin: 15px auto;
	}
	
	.Span02 div.expTitle h4
	{
		display: block;
		font-size: 20px;
		color: green;
		border-bottom: 2px solid green;
		margin-bottom: 5px;
		padding-left: 10px;
	}
	
	.Span02 div.expTitle ul
	{
		margin-left: 10px;
	}

	.Span02 hr
	{
		margin: 20px 0px;	
	}	

		
	.Span02 div.telephone
	{
		width: 75%;
		margin: 10px auto;
	}
	
		.Span02 div.telephone h4
		{
			width: 100%;
			display: inline-block;
			padding: 17px 0 10px 0;
			font-size: 50px;
			color: white;
			text-align: center;
			background: rgb(8, 85, 8);
			border-radius: 8px; 
			 -webkit-border-radius: 8px;
			 -moz-border-radius: 8px;
		}
		
		.Span02 div.telephone dl
		{
			margin: 8px 10px 8px 10px; 
		}
		
		.Span02 div.telephone dd
		{
			font-size: 18px;
			margin-top: 5px;
			margin-left: 10px;
		}

		.Span02 div.telephone dt
		{
			display: inline-block;
			padding: 3px 20px 0px  20px;
			font-size: 18px;
			color: white;
			text-align: center;
			background: rgb(90, 130, 78);
			border-radius: 5px; 
			 -webkit-border-radius: 5px;
			 -moz-border-radius: 5px;
			margin-bottom: 5px;
		}
	div.faxDownload
	{
		width: 40%;
		margin: 10px auto;
	}
	
	.googlemap
	{
		width: 95%;
		margin: 15px auto;
		text-align: right;
	}
	
		.googlemap iframe
		{
			width: 100%;
			min-height: 320px;
		}

	.shopInfo
	{
    display: flex;
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
    flex-direction: row;
    justify-content: center;
	}
	
	.shopInfo div
	{
		float: left;
	}
	
	.shopInfo ul.timesExplain
	{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 100%;
    justify-content: space-evenly;
    align-items: flex-end;
	}

	.shopInfo ul.timesExplain li .check {
		margin-left: 10px;
		color: green;
	}

	.uploadBlock {
		display: flex;
		flex-wrap: wrap;
		gap: 12px;
		flex-direction: row-reverse;
		width: 95%;
		margin: 0 auto;
	}

	#dataUpload_left {
		min-height: 180px;
		box-sizing: border-box;
		padding: 20px;
		background-color: #f4f1ea;
		border: 2px dashed #b38867;
		text-align: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
		border-radius: 16px;
	}

	#dataUpload_right {
		flex: 1 1 220px;
		min-height: 180px;
		background-color: #ffffff;
		box-sizing: border-box;
	}

	.fileDropArea.is-dragover {
		border-color: #71614d;
		background-color: #efe9df;
	}

	.uploadTitle {
		font-weight: bold;
		margin: 6px 0 8px 0;
	}

	.uploadHint {
		margin: 4px 0;
		font-size: 12px;
	}

	.uploadButton {
		display: inline-block;
		margin-top: 8px;
		padding: 6px 12px;
		background-color: #71614d;
		color: #ffffff;
		border-radius: 4px;
		cursor: pointer;
		font-size: 12px;
	}

	.uploadButton input {
		display: none;
	}

	.uploadFileList {
		list-style: none;
		margin: 0;
		padding: 0;
		font-size: 12px;
	}

	.uploadFileList li {
		margin-bottom: 6px;
		padding: 6px 8px;
		border-radius: 4px;
	}

	.uploadRowOdd {
		background-color: #f6f6f6;
	}

	.uploadRowEven {
		background-color: #ececec;
	}

	.uploadFileIndex {
		display: inline-block;
		width: 24px;
		font-weight: bold;
	}

	.uploadRemove {
		margin-left: 6px;
		font-size: 11px;
	}

	.uploadRules {
		font-size: 14px;
		color: #333333;
		background-color: #ffffff;
		border: 1px solid #d5d5d5;
		padding: 8px;
		border-radius: 4px;
		line-height: 1.4;
		margin-bottom: 8px;
	}

	.uploadRulesTable {
		width: 100%;
		border-collapse: collapse;
		font-size: 12px;
	}

	.uploadRulesTable th,
	.uploadRulesTable td {
		border: 1px solid #d5d5d5;
		padding: 4px 6px;
		text-align: left;
		vertical-align: top;
	}

	.uploadRulesTable th {
		background-color: #f3f3f3;
		white-space: nowrap;
		width: 30%;
	}

	.uploadNotice {
		font-size: 13px;
		color: #555;
		margin-bottom: 8px;
	}
	
	.shopTopImage
	{
		width: 95%;
		margin: 0 auto;
	}

	.shopTopImage img
	{
		border-radius: 5px; 
		 -webkit-border-radius: 5px;
		 -moz-border-radius: 5px;
	}
	
	.choicePanelTargetsBase {
		width: 95%;
		max-width: 950px;
		margin: 0 auto;
	}

	.stepBadge{
  width:56px;
  height:56px;
  border-radius:50%;
  background:#f6a300; /* 例：オレンジ */
  display:grid;
  place-items:center;
  color:#fff; /* SVGは currentColor で白になる */
}

.stepBadge svg{
  width:30px;
  height:30px;
  display:block;
}