@charset "utf-8";
:root{
	--ct-width : 855px
}
/* 
既存CSSの上書き
*/
#ct{
	float: none;
}
@media (min-width: 855px) {

}

@media (max-width: 885px) {
	div#globalAdjustment{
		max-width: 745px;
		margin-left: auto;
		margin-right: auto;
	}
	div#contentArea{
		width: auto;
	}
}
@media (max-width: 785px) {
	div#globalAdjustment,
	div#ctWrap,
	#tp,
	#ct{
		width: auto;
	}
	#ct img{
		max-width: 100%;
		height: auto;
	}
	#toAnchors{
		width: auto;
	}
}

@media (max-width: 855px) {

}

/* コンテンツ内のインライン */
#ct .responsive-table{
	margin-top: 10px;
	margin-bottom: 20px;
}
#ct .responsive-table .table-product{
	border-left: 1px solid #333;
	border-bottom: 1px solid #333;
	border-spacing: 0;
	border-collapse: collapse;
}
#ct .responsive-table .table-product td,
#ct .responsive-table .table-product th{
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	padding: 0.5em;
}
#ct .responsive-table .h-center{
	text-align: center;
}
#ct .responsive-table .v-center{
	vertical-align: middle;
}
#ct .bg-light-green{
	background-color: #DAF2D0;
}
#ct .bg-light-blue{
	background-color: #CAEDFB;
}
.bookmarkTitle{
	background:#000;
	color:#FFF;
	padding:5px;
	text-align:center;
}
.imgCaption{
	width: 600px;
	text-align: center;
	display: block;
}
@media (max-width: 785px) {
	#bookmarkTitle{
		width:auto;
	}
}

#ct .blockTitle{
	margin-bottom: 5px;
	font-size: 123%;
}
#ct h3.blockTitle:before{
	content: "|||";
	display: inlin-block;
	position: relative;
	color: #ff8000;
	top: -0.1em;
	margin-right: 0.4em;
}
#ct .free_dial img{
	margin:0 10px 0 40px;
}

.table-product{
	width:90%;
	margin:0 0 20px 20px;
}
@media (min-width: 768px) {
	.sp-on{
		display: none !important;
	}
	#ct .free_dial em{
		font-size:180%;
	}
	.free_dial span{
		margin-left: 40px;
	}
}
@media (max-width: 767px) {
	.pc-on{
		display: none !important;
	}
	div#globalAdjustment{
		font-size: 16px;
		line-height: 1.5;
	}
	#tp{
		font-size: 16px;
		margin-bottom: 40px;
	}
	#ct h1, #ct h1.h1A1{
		line-height: 1.7;
		padding-top: 4px;
		padding-bottom: 0;
		margin-bottom: 40px;
	}
	#ct h1 .mainTitle{
		font-size: 24px;
		height: auto;
		display: block;
		background-position: 0 0.4em;
	}
	#ct .bookmarkTitle{
		padding: 16px;
		text-align: left;
		line-height: 1.5;

	}
	#ct .bookmarkTitle span.f14px{
		text-align: left;
		line-height: 1.5;
		font-size: 20px;
		display: block;

	}
	#ct .blockTitle{
		font-size: 18px;
		margin-bottom: 10px;
	}
	#ct h3.blockTitle:before{
		content: "|||";
		display: inlin-block;
		position: relative;
		color: #ff8000;
		top: -0.1em;
	}
	#ct h3.blockTitle span{
		position: relative;
		top: -0.1em;
	}

	#ct .free_dial{
		position: relative;
		padding-left: 75px;
		padding-top: 6px;
	}
	#ct .free_dial img{
		margin-left: 0;
		top: 0;
		position: absolute;
		left: 0;
	}
	.responsive-table{
		overflow: scroll;
	}
	#ct .responsive-table{
		margin-top: 10px;
	}
	#ct .responsive-table .table-product{
		border-spacing: 0;
		border-collapse: collapse;
	}
	#ct .responsive-table .table-product td,
	#ct .responsive-table .table-product th{
		white-space: nowrap;
	}
	#ct .imgCaption{
		width: auto;
		font-size: 14px;
		text-align: center;
		display: block;
		margin-top: -4px;
	}
}