@charset "UTF-8";

/* -------------------------------------------------- *
 * 商品に見立てた枠
 * -------------------------------------------------- */
.triangle {
	background: #fafafa;
	width: 200px;
	margin: 0 auto;
	position: relative;
}

/* ラベル部分 右上に表示 */
.triangle::before {
	content: "";
	top: -2px;
	right: -2px;
	border-bottom: 4em solid transparent;
	border-right: 4em solid #c12748; /* ラベルの色はここで変更 */
	position: absolute;
	z-index: 9;
}
.triangle::after {
font-family: 'Font Awesome 5 Free';
font-weight: 600;
	content: "PDF";
	display: block;
	top: 3px;
	color: #fff; /* 文字色はここで変更 */
	right: 3px;
	position: absolute;
	z-index: 101;
}


.under {
    text-decoration: underline;
}