/*入力フォーム*/
.form h2,
form h2 {
	font-weight: bold;
}
.form dl,
form dl {
	display: flex;
	align-items: center;
}
.form dt,
form dt {
	min-width: 240px;
	text-align: right;
}
.form dd,
form dd {
	/*display: flex;*/
	display:block;
	margin: 10px;
	padding: 5px;
	width:calc(100% - 150px) !important;
	border-radius:8px;
	align-items: center;
	text-align: left;
}
.form dd input[type="text"],
form dd input[type="text"],
.form dd input[type="email"],
form dd input[type="email"],
.form dd input[type="password"],
form dd input[type="password"],
.form dd textarea,
form dd textarea,
form dd select {
	width:calc(100% - 22px);
}
form dd#option {
	display: block;
	text-align: left;
}
.form dd label,
form dd label {
	margin-right: 10px;
	margin-top:10px;
	margin-bottom:4px;
	text-align: left;
	height: 30px;
}
.form dd span,
form dd span {
	margin-right: 5px;
	margin-left: 5px;
}
form dd a {
	padding: 12px;
	border-radius : 6px;
	border: solid 1px #ccc;
}
form dd input +span {
	margin-left: 10px;
}
form dd p.errFieldMessage {
	margin:5px 0 0 0;
	color: #ff0000;
}
form div.addArea {
	width: 100%;
	margin-bottom: 20px;
	border: solid 1px #ccc;
	border-radius:8px;
}
form div.addButtonArea {
	margin-bottom: 10px;
	padding-bottom: 5px;
	width:100%;
	display: inline;
	text-align: left;
	border-bottom: solid 1px #ccc;
}
/*テーブル*/
form dd table {
	width: 100%;
	margin-bottom: 10px;
	background-color: transparent;
	border-spacing: 0;
	border-collapse: collapse;
	border: 1px solid #ffc0cb;
	font-size: 95%;
}
form dd table tr th {
	background-color:#ffe4e1;
}
form dd table tr th:not(:last-child) {
	border-right: solid 1px #ffc0cb;
}
form dd table tr th,
form dd table tr td {
	border-bottom: solid 1px #ffc0cb;
}
form dd table tr th {
	text-align: center;
	padding:10px 0;
}
form dd table tr th:last-child {
	width:70px;
}
form dd table tr td {
	text-align: center;
}
form dd table tr th input[type="text"],
form dd table tr td input[type="text"]{
	border-radius:0;
	width:80%;
}
form dd table tr td:not(:last-child) {
	border-right: solid 1px #ffc0cb;
}
/*ファイルアップロード*/
form dd.upload-area,
form div.upload-area {
	display: inline;
	text-align: left;
}
form dd.upload-area input[name="upImg"],
form dd.upload-area input[name="upFile"],
form div.upload-area input[name="upImg"],
form div.upload-area input[name="upFile"] {
	display:none;
}
form dd.upload-area input.file-text,
form div.upload-area input.file-text {
	margin: 0 !important;
	width:200px !important;
	border-right: none !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
form dd.upload-area button.img-select,
form dd.upload-area button.file-select,
form div.upload-area button.img-select,
form div.upload-area button.file-select {
	margin: 0 !important;
	border-radius:0 !important;
}
form dd.upload-area button.img-delete,
form dd.upload-area button.file-delete,
form div.upload-area button.img-delete,
form div.upload-area button.file-delete {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}
form dd.upload-area button.file-delete,
form div.upload-area button.file-delete {
	border-left:none;
}
form dd.upload-area .img-thum img,
form div.upload-area .img-thum img,
form dd.upload-area .img-thum-limit img,
form div.upload-area .img-thum-limit img {
		height:150px;
}
form dd.upload-area .img-thum a,
form div.upload-area .img-thum a,
form dd.upload-area .img-thum-limit a,
form div.upload-area .img-thum-limit a {
	border:none;
	padding:0;
}
a.img-thum,
a.img-thum-limit {
	border:none;
}
div.file-link a {
	border:none;
}
form dd.upload-area button:last-child,
form div.upload-area button:last-child {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	border-top-right-radius: 6 !important;
	border-bottom-right-radius: 6 !important;
}
/*注意*/
.form dl.notice,
form dl.notice {
	margin:0;
	padding:0;
}
.form dl.notice dt,
.form dl.notice dd
form dl.notice dt,
form dl.notice dd {
	margin:0;
	padding:0;
}
.form dl.notice dd,
form dl.notice dd {
	display: block;
	text-align: left;
}
.form dl.notice dd span:before,
form dl.notice dd span:before {
	content: "*";
	color: #ff0000;
}
p.notice-message {
	margin:5px 0 25px 0;
}
/*入子*/
.form dl dt.inner,
form dl dt.inner {
	width: 240px;
	max-width: 240px;
	min-width: 240px;
}

form dl.nested dl,
.form dl.nested dl {
	width:calc(100% - 150px) !important;
}
form dl.nested dd,
.form dl.nested dd {
	display: block;
	width:100% !important;
}
form dl.nested dl h3,
.form dl.nested dl h3 {
	display: flex;
	width:100%;
	background-color: #ccc;
	padding:5px;
	border-radius : 6px;
}
form dl.nested dd div dl dd,
.form dl.nested dd div dl dd {
	display: block;
	width: 100% !important;
	text-align: left;
}
.form dl.nested dd p {
	text-align: left;
}
form dl.nested dd div,
.form dl.nested dd div {
	border-bottom: solid 1px #cccccc;
}
form dl.nested dd div:last-child,
.form dl.nested dd div:last-child {
	border-bottom: none;
}

form dl dd div dl dd {
	display: block;
	width: 100% !important;
}
.form dl dl,
form dl dl {
	width:calc(100% - 150px) !important;
}
.form dl dl dt,
form dl dl dt {
	width: 110px;
	max-width: 110px;
	min-width: 110px;
	margin-right: 10px;
}
.form dl dl dd,
form dl dl dd {
	margin: 0;
	display: flex;
	align-items: center;
	width:auto !important;
	margin-left:0 !important;
	padding-left:0 !important;
}
.checkboxs {
	text-align:left;
}
.checkboxs label {
	display:block;
}
.datetimepicker {
	width:180px !important;
}
div.iframe {
    max-width: 100%;
    position: relative;
    padding-bottom: 90vh;
    height: 0;
}
div.iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 90vh;
    border:0;
}
/*確認フォーム*/
.confirm-form .form dd,
.confirm-form form dd {
	padding: 0;
	margin: 20px 15px 21px 30px;
}
/*完了フォーム*/
.completeMessage {
	padding: 15px 0;
	text-align: left;
}
.mail-notice {
	padding: 20px 0;
	text-align: left;
}
/*ログアウトフォーム*/
#contents.logout-form {
	width: 480px;
}
.logout-form div{
	margin: 50px auto;
}
@media screen and (max-width:480px) {
	/*入力フォーム*/
	form dl {
		display: block;
		width:calc(100% - 20px);
	}
	form dt {
		width: 100%;
		text-align: left;
		margin: 5px 10px 0 10px;
	}
	form dd {
		width:100% !important;
		margin: 0 5px;
	}
	/*入子*/
	form dl.nested {
		width:100%;
	}
	form dl.nested dl,
	.form dl.nested dl {
		width:100% !important;
	}
	/*アップロード*/
	form dd.upload-area .img-thum {
		margin-right: 10px;
		text-align: right;
	}
	form dd.upload-area input.file-text,
	form div.upload-area input.file-text {
		width:122px !important;
		text-align: left;
	}
	/*確認画面*/
	.confirm-form form dt {
		margin-left: 15px;
		border-bottom: solid 1px #ccc;
	}
	.confirm-form form dd {
		margin: 0 15px 15px 15px;
	}
	.confirm-form form dd input[type="tel"],
	.confirm-form form dd input[type="text"],
	.confirm-form form dd input[type="search"],
	.confirm-form form dd input[type="email"],
	.confirm-form form dd input[type="password"],
	.confirm-form form dd select {
		margin-top: 5px;
	}
	.completeMessage {
		text-align: left;
	}
}