/*****************************
 * メルマガ用CSS
*****************************/


/********** 固定ページ上書き **********/
.main_content {
	display:grid;
	grid-template: "header main" auto "sidebar main" 1fr/300px minmax(0, 830px);
	grid-column-gap: var(--size-20-40);
	@media only screen and (max-width: 991px) {
        display:flex !important;
		flex-direction: column-reverse;
	}
	.l-primary {
		margin-bottom:0;
	}
	.l-secondary {
		display:none;
	}
}

/********** 固定ページ上書き **********/


/********** 新着メルマガ **********/

.other_blog_block {
	margin-bottom:10px;
	overflow:hidden;
	h2 {
		border-bottom: 3px solid #2c2c2c;
		margin-top:15px;
		padding: var(--size-10-15) 0;
	}
	.list_style {
		display: :flex;
		flex-direction: column;
		gap: 10px;
		li {
			list-style: none;
			border-bottom: 1px dashed #ccc;
			a {
				display: flex;
				flex-direction: column;
				gap:10px;
				padding: 15px 5px;
				.up_time {
					width:fit-content;
					font-size: 13px;
					background: #17629b;
					color:#fff;
					padding:6px;
					border-radius:3px;
				}
				h3 {
					font-size: var(--size-14-16);
					line-height:1.6;
					margin-bottom:0;
					br {
						display:none;
					}
				}
			}
		}
	}
}


@media only screen and (max-width: 991px) {
	

}