@charset "utf-8";
/***************************************************
information
  filename : service_parts.css;
***************************************************/

/******* サービスパーツ設定 *******/

/* ** service_box start ** */

/* オーダー明細・概要表示エリア */
.SvDLBox {width:100%;}
.SvDLBox dl {
	display: flex;
	margin: 0 auto;
	padding: 0;
	font-size: clamp(1.4rem, 1.4vw, 1.6rem);
	border-bottom: var(--app-BgBox-Kbrd); /* 要素仕切り共通ボーダー指定 */
	align-items: center;
}
.SvDLBox dt {
	width: 25%;
	max-width: 120px;
	margin: 0;
	padding: 1.5rem;
	white-space:nowrap;
	font-weight: bold;
}
.SvDLBox dd {
	width: 75%;
	padding: 1.5rem 0 1.5rem 2.0rem;
}
/* 決済金額表示 */
.Amount .SvDLBox dl {font-weight: bold;}
.Amount .SvDLBox dd.name {
	font-size: var(--font-AmountName); /* 購入商品名 フォントサイズ */
}
.Amount .SvDLBox span.kinagakuTxt {
	font-size: var(--font-Amount); /* 決済金額 フォントサイズ */
	padding: 0 0.5rem 0 0;
}
@media screen and (max-width: 600px) {
	.SvDLBox dl {display: block;}
	.SvDLBox dt {width: 100%;padding: 1.5rem 1.0rem 0 1.0rem;}
	.SvDLBox dd {width: 100%;padding: 1.0rem;}
	.SvDLBox dl.spchkDl {display: flex;}
	.SvDLBox dl.spchkDl dt {width: 40%;padding: 1.0rem 0 0.5rem 0.8rem;}
	.SvDLBox dl.spchkDl dd {width: 60%;}
	.SvDLBox dl.spchkDl dd p.chpd {padding-left: 0;}
}
/* ** service_box end ** */