@charset "utf-8";

#news {
	.wrap {
		.contents {
				max-width:900px;
				display:grid;
				grid-row-gap:15px;
				dl {
					font-size:1.6rem;
					display:grid;
					grid-template-columns:7em 1fr;
					align-items:center;
					dt {
						line-height:1.5;
					}
				}
		}
	}
	&.single {
		.wrap {
			.contents {
				h2 {
					font-size:2.4rem;
					line-height:1.5;
					border-bottom:2px solid var(--color_sub2);
				}
				p {
					&.date {
						line-height:1;
					}
				}
				.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);
					}
				}
			}
		}
	}
}

@media screen and (max-width:1200px){

}

@media screen and (max-width:1024px){
}

@media screen and (max-width:768px){
    

	#news {
		.wrap {
			.contents {
                dl {
                    font-size:1.4rem;
                    grid-template-columns:1fr;
                    grid-row-gap:.5em;
                }
			}
		}
		&.single {
			.wrap {
				.contents {
					h2 {
						font-size:1.8rem;
					}
					.contbox {
						margin-bottom:30px;
						.alignright {
							float: none;
							display: block;
							margin-right: auto;
							margin-left: auto;
						}
						.alignleft {
							float: none;
							display: block;
							margin-right: auto;
							margin-left: auto;
						}
					}
				}
			}
		}
	}
    
}