/* ==========================================================================
   郵便番号選択モーダル
   ========================================================================== */

// モーダルの中でスクロール
.modal_body__scroll {
	margin: 20px -40px -20px;
	padding: 20px 40px;
	border-bottom: solid #ddd 1px;
	max-height: 200px;
	overflow-y: scroll;
	background-color: $base-color-pale;
}
.remodal {
	outline: none;
	text-size-adjust: 100%;
	position: absolute;
	z-index: 101;
	top: 100px;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 680px;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 0 5px #000;
	@media (max-height: 768px) {
		top: 80px;
	}
	.modal_header {
		padding: 15px 20px;
		text-align: center;
		font-size: 2.1rem;
		background-color: #f4f4f4;
		border-bottom: solid #ddd 1px;
		border-radius: 5px 5px 0 0;
		color: $base-color;
	}
	.modal_body {
		margin: 20px 40px;
	}
	.modal_footer {
		padding: 20px 40px;
		text-align: center;
		font-size: 2.1rem;
		border-radius: 0 0 5px 5px;
	}
}
.checkbox_part_list {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	> li {
		width: 100%;
	}
	&.partition2 {
		> li {
			width: 49%;
			margin-right: 2%;
			&:nth-child(even) {margin-right: 0;}
		}
	}
	&.partition3 {
		> li {
			width: 33%;
			margin-right: .5%;
			&:nth-child(3n) {margin-right: 0;}
		}
	}
	li {
		margin-bottom: 10px;
	}
	label {
		border-style: solid;
		border-width: 1px;
		border-color: $main-color;
		padding: .5em;
		border-radius: 5px;
		width: 100%;
		display: block;
		background-color: #fff;
	}
	ul {
		margin: .5em 2% 0;
		display: flex;
		flex-wrap: wrap;
	}
}
.form_group_row {
	margin-bottom: 15px;
	display: flex;
	> dt {
		margin-right: 10px;
		line-height: 1.8;
		text-align: right;
		color: $base-color;
		font-weight: bold;
	}
	> dd {
		position: relative;
		width: 100%;
		line-height: 1.8;
	}
}