/*
Theme Name: lightning Child
Version: 1.0
Template: lightning
*/


/* ========================================
   会報
======================================== */

.newsletter-section {
	margin-top: 3rem;
}


/* 見出し
---------------------------------------- */

.newsletter-section-title {
	margin-bottom: 0;
}


/* 一覧1件
---------------------------------------- */

.newsletter-item {
	display: flex;
	align-items: center;
	gap: 2rem;
}


/* Lightningの .media > div { width:100%; } を調整 */
.newsletter-item .media-body {
	flex: 1;
	width: auto;
	min-width: 0;
}


/* タイトル */
.newsletter-item .newsletter-item__title {
	margin: 0;
}


/* ダウンロード部分 */
.newsletter-item__action {
	width: auto !important;
	flex: 0 0 auto;
}


/* ダウンロードボタン */
.newsletter-item__download {
	display: inline-block;

	padding: 7px 16px;

	border: 1px solid #337ab7;
	border-radius: 4px;

	color: #337ab7;
	background: transparent;

	font-size: 12px;
	line-height: 1.5;
	white-space: nowrap;

	text-decoration: none;
	transition: all .2s;
}

.newsletter-item__download:hover {
	background: #337ab7;
	color: #fff;
	text-decoration: none;
}


/* ========================================
   SP
======================================== */

@media (max-width: 575.98px) {

	.newsletter-section {
		margin-top: 2.5rem;
	}

	.newsletter-item {
		gap: 1rem;
	}

	.newsletter-item .media-heading {
		font-size: 16px;
	}

	.newsletter-item__download {
		padding: 6px 10px;
		font-size: 11px;
	}

}