/* LINE公式アカウントページ(/line/)専用 */

.subpage--line .ttl-min {
	background-color: #0ab43c;
	color: #fff;
	display: inline-block;
	line-height: 1.3;
	padding: 0.2em 10px;
	min-width: 90px;
	text-align: center;
}

.subpage--line .row-line {
	display: flex;
	align-items: center;
}

.subpage--line .row-line .left {
	flex-basis: 120px;
}

.subpage--line .row-line .right {
	flex: 1 1 0%;
	padding-left: 15px;
}

.subpage--line .list-number {
	counter-reset: number 0;
	padding: 0;
	margin: 0;
	list-style-type: none !important;
}

.subpage--line .list-number > li {
	position: relative;
	line-height: 1.5;
	padding-left: 1.8em;
	margin-bottom: 0.8em;
}

.subpage--line .list-number > li::before {
	position: absolute;
	counter-increment: number 1;
	content: counter(number) ".";
	display: block;
	font-style: italic;
	color: #0ab43c;
	font-weight: bold;
	font-size: 1.3em;
	line-height: 1;
	left: 0;
	top: 0;
}

.subpage--line .qr-placeholder,
.subpage--line .illust-placeholder {
	background-color: #efefef;
	width: 100%;
}

.subpage--line .qr-placeholder { aspect-ratio: 1 / 1; max-width: 180px; }
.subpage--line .illust-placeholder { aspect-ratio: 165 / 269; max-width: 165px; margin: 0 auto; }

@media only screen and (min-width: 768px) and (max-width: 1199px) {
	.subpage--line .row-line .left { flex-basis: 120px; }
}

@media only screen and (min-width: 1200px) {
	.subpage--line .row-line .left { flex-basis: 180px; }
}