@charset "UTF-8";

.price-item {
	margin-top: 45px;
}
.price-title {
	background: #EFF9FF;
    padding: 12px 18px;
	border-radius: 4px;
}
.price-title span {
	display: inline-block;
	padding-left: 28px;
	position: relative;
}
.price-title span::before {
	content: "●";
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
    font-size: .7em;
    margin-right: 12px;
    color: #BCE7FF;
}

.price-item dl {
	display: flex;
	align-items: center;
    justify-content: space-between;
	border-bottom: 1px solid #ededed;
}
.price-item dl dt {
	padding: 12px;
}
.price-item dl dd {
	padding: 12px;
	text-align: right;
	color: #D60035;
}
.price-item dl dd span {
	display: block;
}
.price-inbox {
	margin-top: 45px;
}
.price-inbox div {
	margin-top: 30px;
}
.price-inbox div img {
	display: block;
	width: 70%;
    margin: 0 auto;
	border-radius: 18px;
}
p.options {
	margin-top: 30px;
	color: #D60035;
}

#price ul.memo {
	font-size: .9em;
    list-style: disc;
    margin: 0 0 0 1em;
    padding: 0;
}
#price ul.memo li {
	
}

#price p.scroll-text {
	display: none;
}
#price table {
	width: 100%;
	border-top: 1px solid #ededed;
}
#price table,
#price table tr,
#price table th,
#price table td {
	border-collapse: collapse;
	border: 1px solid #ccc;
}
#price table tr {
	border-bottom: 1px solid #ccc;
}
#price table th {
	padding: 18px;
	background: #fafafa;
}
#price table td {
	padding: 18px;
}
#price table td.td1 {
	text-align: center;
}
#price table td.td2 {
	text-align: center;
}
#price table td.td3 {
	text-align: right;
	color: #D60035;
}
#price table td.td4 {
	text-align: right;
	color: #D60035;
}

a.estimate {
    display: inline-block;
}


@media (max-width: 768px) {
	.price-inbox div img {
		width: 100%;
	}
	.price-item dl dt {
		width: calc(100% - 180px);
	}
	.price-item dl dd {
		width: 180px;
	}
	
	#price p.scroll-text {
		display: block;
		text-align: right;
		margin: 18px 0 -22px 0;
		font-size: .8em;
		color: #999;
		animation: blink .5s ease-in-out infinite alternate;
	}
	@keyframes blink{
		0% {opacity:0;}
		100% {opacity:1;}
	}
	
	#price .scroll {
		overflow-x: scroll;
	}
	#price .scroll table {
		width: 100%;
		min-width: 830px;
	}
	
	#price table th.th1 {
		width: 220px;
	}
	#price table th.th2 {
		width: 250px;
	}
	#price table th.th3 {
		width: 180px;
	}
	#price table th.th4 {
		width: 180px;
	}
}
@media (max-width: 559px) {
	.price-item dl dt {
		width: calc(100% - 150px);
	}
	.price-item dl dd {
		width: 150px;
	}
}
@media (max-width: 430px) {
	.price-item dl dt {
		padding: 12px 12px 12px 0;
	}
	.price-item dl dd {
		padding: 12px 0 12px 12px;
	}
}