@charset "utf-8";

#news {
	.wrap {
		.contents {
			.newslist {
				dl {
					display:grid;
					grid-template-columns:10em 1fr;
					align-items: center;
					padding:1.5em 0;
					border-bottom:1px solid #e4e4e4;
					dt {
						line-height:1.5;
					}
					.cat {
						a {
							background-color:#cccccc;
							color:#FFFFFF;
							font-family: "M PLUS 1p", sans-serif;
							font-size:.8em;
							padding:.2em .8em;
							border-radius:4px;
						}
					}
				}
			}
		}
	}
	&.single {
		.wrap {
			.contents {
				h2 {
					margin-bottom:1em;
				}
				.info {
					margin-bottom:30px;
					color:var(--color_txt);
				}
				.contbox {
					margin-bottom: 60px;
					.aligncenter {
						display: block;
						margin-right: auto;
						margin-left: auto;
					}
					.alignright {
						float: right;
						margin-bottom: 20px;
						margin-left: 20px;
					}
					.alignleft {
						float: left;
						margin-right: 20px;
						margin-bottom: 20px;
					}
					.wp-caption,
					[class*='wp-image'] {
						display: block;
						max-width: 100% !important;
						margin-top: 1.5em;
						text-align: center;
					}
					.wp-caption-text {
						margin-top: 0;
					}
					ul {
						list-style: disc;
					}
					ol {
						list-style: decimal;
					}
					ul,ol {
						list-style-position: inside;
						font: inherit;
						li {
							line-height:1.6;
						}
					}
					a {
						text-decoration: underline;
						color:var(--color_main);
					}
					& + .btn {
						background-color:var(--color_main);
						color:#FFFFFF;
						height:2.4em;
						width:10em;
						display:grid;
						align-items:center;
						justify-content:center;
						border-radius:1.2em;
						margin:0 auto;
					}
				}
			}
		}
	}
}

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

}

@media screen and (max-width:1024px){
}

@media screen and (max-width:768px){
    
	#news {
		.wrap {
			.contents {
				.newslist {
					dl {
						grid-template-columns:1fr;
						padding:1em 0;
						grid-row-gap:.66em;
						font-size:1.5rem;
					}
				}
			}
		}
		&.single {
			.wrap {
				.contents {
					.info {
						font-size:1.4rem;
						margin-bottom:20px;
					}
					.contbox {
						margin-bottom: 30px;
						.alignright {
							display: block;
							margin-right: auto;
							margin-left: auto;
						}
						.alignleft {display: block;
							display: block;
							margin-right: auto;
							margin-left: auto;
						}
						& + .btn {
							font-size:1.5rem;
						}
					}
				}
			}
		}
	}
    
}