@charset "UTF-8";

/*特定のページのみに適用させるスタイル　detail
---------------------------------------------------------*/
.footer-Area1-inner3 {
	display: none !important;
}

.btn-ctr {
	text-align: center;
}

.page-detail dl {
	margin-bottom: 0;
}

.page-detail .btnBig,
a.btnBig,
button.btnBig {
	border: 0;
}


.page-detail .checkBox01 {
	text-align: center;
	margin-bottom: 2rem;
}

.page-detail .checkBox01 input {
	width: 20px !important;
	min-width: 20px !important;
}

.page-detail .linkBtn01 {
	text-align: center;
}

dl.productBox,
dl.productBox dd div.detail dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

dl.productBox dt {
	width: 40%;
}

dl.productBox dd {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 0 1rem;
}

dl.productBox dd div.detail {
	margin-bottom: 1.5rem;
	font-size: 1.6rem;
	border: 1px solid rgb(135, 135, 135);
}

dl.productBox dd div.detail dl {
	border-bottom: 1px solid rgb(135, 135, 135);
}

dl.productBox dd div.detail dl:nth-of-type(odd) {
	background: rgb(245, 245, 245);
}

dl.productBox dd div.detail dl:last-of-type {
	border: none;
}

dl.productBox dd div.detail dl dt {
	width: 35%;
	border-right: 1px solid rgb(135, 135, 135);
}

dl.productBox dd div.detail dl dt,
dl.productBox dd div.detail dl dd {
	padding: .5rem 1rem;
}

dl.productBox dd div.detail dl dd {
	background: none;
}

dl.productBox dd button.linkBtn01.white {
	padding: 1rem 5.5rem;
}

dl.productBox dd h1 {
	margin-bottom: 1.5rem;
	font-size: 2rem;
	font-weight: 700;
	border-bottom: 1px solid;
	padding-bottom: 5px;
}

table.detailBox {
	text-align: center;
}

table.detailBox th:nth-of-type(2) {
	width: 300px;
}

table.detailBox th:first-of-type,
table.detailBox th:last-of-type {
	max-width: 200px;
}

table.detailBox th,
table td {
	padding: .5rem 1rem;
}

table.detailBox thead th {
	color: rgb(255, 255, 255);
	font-weight: normal;
	background: rgb(86, 163, 199);
}

table.detailBox tbody input[type="number"] {
	display: block;
	width: calc(100% - 3rem);
	min-width: inherit;
	margin: 0 auto;
	padding: .5rem 1rem;
	font-size: 1.8rem;
	text-align: center;
	border: 1px solid rgb(86, 163, 199);
	border-radius: 3px;
}

table.detailBox tbody input:in-range {
	background: rgb(255, 255, 255);
}

table.detailBox tbody input:out-of-range {
	background: rgb(255, 200, 200);
}

table th:first-of-type {
	position: inherit;
}

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

	dl.productBox {
		display: block;
		margin: 0 3%;
	}

	dl.productBox dt {
		width: 100%;
		margin-bottom: 1rem;
	}

	dl.productBox dd {
		padding: 0;
	}

	dl.productBox dd .detail dl dt {
		margin-bottom: 0;
	}

}

.page-detail .contactBox dl {
	border-bottom: 1px dotted #ddd;
	margin-left: 5%;
	margin-right: 5%;
}

.page-detail .breadcrumb {
	margin: 2% 3%;
}