/* MM LINE Link — マイページの「LINE 連携」カードとログイン画面のボタン。
   色は LINE のブランドカラー（#06C755）。テーマの色に寄せない（LINE の操作だと一目で分かるように）。 */

.mm-line-link-card {
	margin: 24px 0;
	padding: 16px 20px;
	border: 1px solid #e3e3e3;
	border-radius: 8px;
}

.mm-line-link-card__title {
	margin: 0 0 8px;
	font-size: 16px;
}

.mm-line-link-card__body,
.mm-line-link-card__status {
	margin: 0 0 12px;
	font-size: 14px;
	line-height: 1.7;
}

.mm-line-link-card__date {
	color: #777;
	font-size: 13px;
}

.mm-line-link-button {
	display: inline-block;
	min-width: 220px;
	padding: 12px 20px;
	border-radius: 6px;
	background: #06c755;
	color: #fff !important;
	font-weight: 700;
	font-size: 15px;
	text-align: center;
	text-decoration: none !important;
}

.mm-line-link-button:hover,
.mm-line-link-button:focus {
	background: #05b34c;
}

.mm-line-link-card__unlink-button {
	padding: 0;
	border: 0;
	background: none;
	color: #777;
	font-size: 13px;
	text-decoration: underline;
	cursor: pointer;
}

.mm-line-link-login {
	margin-top: 20px;
	text-align: center;
}

.mm-line-link-login__note {
	margin: 8px 0 0;
	color: #777;
	font-size: 12px;
}