@charset "UTF-8";

/****************************************************
 * 
 * トップページ｜料金部分
 * 
 ****************************************************/



/****************************************************
 * 料金部分｜比較表
 ****************************************************/

/* 共通セル */
.topCompare-table td {
	background: #FFF;
	padding-top: .7em;
	padding-bottom: .7em;
}

/* 表の緑化 */
.topCompare-table thead td,
.topCompare-table .thLeft {
	color: #FFF;
	background: #20A98A;
	font-size: 100%;
	font-weight: bold;
}

/* ダビングコピー革命のセル */
:root {
	--topCompare-border: #FF8080;
}
.topCompare-main {
	background: #FFF8C6;
	border-left:	7px solid var(--topCompare-border);
	border-right:	7px solid var(--topCompare-border);
	font-weight: bold;
}
.topCompare-mainFarst {
	border-top:		7px solid var(--topCompare-border);
	border-left:	7px solid var(--topCompare-border);
	border-right:	7px solid var(--topCompare-border);
}
.topCompare-mainLast {
	border-bottom:	7px solid var(--topCompare-border);
}

/* 金額の部分 */
.topCompare-price {
	font-size: 150%;
	margin-top: .5em;
}



/****************************************************
 * 料金部分｜送料部分
 ****************************************************/
.topCompare {
}
.topPriceShipping {
	text-align: center;
}
.topPriceShipping th {
	color: #FFF;
	background: #20A98A;
	font-size: 150%;
	padding: 1.1em 0 .9em;
}
.topPriceShipping-headIcon,
.topPriceShipping-headLabel {
	display: block;
}

.topPriceShipping-headIcon {
	font-size: 135%;
	line-height: 1;
}

.topPriceShipping-headLabel {
	margin-top: .55em;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .08em;
	opacity: .92;
}

@media screen and (min-width: 768px) {
	.topPriceShipping-headLabel {
		font-size: 12px;
	}
}
.topPriceShipping td {
	background: #FFF;
}
.topPriceShipping td {
	font-size: 90%;
	text-align: center;
	padding: 1em 0;
}
@media screen and (min-width: 768px) {
	.topPriceShipping td {
		font-size: 120%;
	}
}
.topPriceShipping td span {
	font-size: 70%;
}
.topPriceShipping-complement {
	font-size: 70%;
	font-weight: 500;
	text-align: right;
	margin-top: -1.5em;
	margin-bottom: -1em;
}
