/* CSS Document */

ol { margin-left:30px; counter-reset: li; }
ol li { margin-bottom:20px; padding-left:20px;  list-style:none; position: relative; *list-style-type: decimal; /*IE7用ハック*/ }
ol li:before { content:counter(li); counter-increment:li; position: absolute; z-index: 10;  color: #008cea; font-size:160%; text-align: center; left: -1.3em; top: 50%; margin-top: -0.9em; height: 1.5em; width: 1.5em; line-height: 1.5em; border: 0.15em solid #008cea; border-radius: 3em; }

dl dt+dd .heading02.blue { font-size: 16px; padding-left: 0; }

.tenchoImg { max-width: 290px; margin: 10px 0 ;}

/*div.content div.shopImgWrap:last-child { margin-top:30px; }*/

/*span.font14 { display: block; }*/

@media (max-width: 768px) {
	ol { margin-top:10px; margin-left:34px; }
	ol li {margin-bottom:30px;}
	/*div.content div.shopImgWrap:last-child { margin-top: 0; }*/

	table.fee01 tr td:nth-child(2):before { content: "[開錠料金]"; margin-right: 10px; }
	table.fee01 tr td:last-child:before { content: "[カギ紛失/カギなし作製料金] \A"; white-space: pre; }
}


/* 店舗の雰囲気 */
#tenpoPhotoWrap .col_left { float: left; margin-right: 30px; width: 330px; margin-bottom: 20px; }
#tenpoPhotoWrap .col_right { float: left; width: 330px; margin-bottom: 20px; }
#tenpoPhotoWrap img { width: 100%; height: auto; margin-bottom: 10px; }
#tenpoPhotoWrap h4 { font-size: 1.6rem; color: #0086E0;}
#tenpoPhotoWrap p { font-size: 1.4rem; }

@media (max-width: 768px) {

	.dl01 dt { font-size: 1.7rem; padding: 6px 0 6px 0; }
	.dl01 dd { font-size: 1.7rem; padding: 6px 0 10px 0; }

	ol { margin-top:10px; margin-left:34px; }
	ol li {margin-bottom:30px;}
	/*div.content div.shopImgWrap:last-child { margin-top: 0; }*/

	table.fee01 tr td:nth-child(2):before { content: "[開錠料金]"; margin-right: 10px; }
	table.fee01 tr td:last-child:before { content: "[カギ紛失/カギなし作製料金] \A"; white-space: pre; }

	/*  店舗の雰囲気 */
	#tenpoPhotoWrap .col_left { float: none; width: 100%; max-width: 480px; margin: 0 auto 20px auto; margin-bottom: 30px; }
	#tenpoPhotoWrap .col_left img { width: 100%; }
	#tenpoPhotoWrap .col_right { float: none; width: 100%; max-width: 480px; margin: 0 auto 20px auto; margin-bottom: 30px; }
	#tenpoPhotoWrap .col_right img { width: 100%; }
}


@media (max-width: 480px) {
	.telMini { font-size: 1.2rem; }
}

#tenpo .list li { text-indent: -1.7rem; padding-left: 1.7em; }

/* 作業料金 */
#priceWrap {}
#priceWrap .text:not(.indent) { font-size: 1.5rem;}
#priceWrap .table01 { font-size: 1.5rem;}