@charset "utf-8";



/* local common
============================================================================= */
.content_wrap:has(.-single) {
	.heading {
		@media (width <= 767px){
			font-size:2.4rem;
		}
	}
}




/* contents
============================================================================= */
.news-header {
  padding-block:2.0rem 4.0rem;
  @media (width > 767px) {
    justify-content: flex-start;
    padding-left:2.0rem;
  }
  @media (width <= 767px) {
    padding-block:4.0rem;
  }
  .heading {
    font-family:var(--ff_en);
    font-weight:400;
    font-size: 5.5rem;/*8.8rem;*/
    line-height:1.1;
    letter-spacing: 0;
    @media (width <= 767px) {
      font-size:4.8rem;
      text-align: center;
    }
  }
}


.news_container {
	display:grid;
  @media (width > 767px) {
		grid-auto-flow: column;
		padding-right:6.5rem;
		width:139.5rem;
		margin-inline:auto;
  }
  @media (width <= 767px) {
  }
	&.-archive {
		@media (width > 767px) {
			grid-template-columns:42.5rem 1fr;
		}
	}
	&.-single {
		@media (width > 767px) {
			grid-template-columns:39.5rem 100.0rem;
		}
	}

	.news_main {
		@media (width > 767px) {
			grid-column:2/3;
		}
		@media (width <= 767px) {
			padding-bottom:10.4rem;
			padding-inline:2.0rem;
		}
		.post-contents {
			@media (width > 767px) {
				padding-inline:3.2rem;
			}
		}

		.cat-title {
			padding-bottom:6.4rem;
			font-family:var(--ff_min);
			font-weight:500;
			font-size:3.2rem;
			line-height:1.5;
			letter-spacing: .05em;
			color:var(--bc_black);
			text-align: center;
			@media (width > 767px) {
			}
			@media (width <= 767px) {
				padding-block:4.8rem;
				font-size:2.4rem;
			}

		}
	}
	.news_side {
		@media (width > 767px) {
			grid-column:1/2;
		}
	}
}


.news_side {
	@media (width <= 767px) {
		padding-inline:2.0rem;
	}
	> .inner {
		display:grid;
		gap:5.6rem;
	}

	.side-item {

	}
	.heading {
		margin-bottom:3.2rem;
		font-family:var(--ff_en);
		font-weight:400;
		font-size:2.4rem;
		line-height:1;
		letter-spacing: .05;
		@media (width <= 767px) {
			font-size:2.0rem;
		}
	}
	.links {
		display:grid;
		gap:2.0rem;
	}
	.link-item {
		display:flex;
		align-items: flex-start;
		font-size:1.3rem;
		line-height:1.5;
		gap:.8rem;
		@media (width <= 767px) {
			text-align: center;
		}

		&::before {
			content:"";
			display:block;
			width:.8rem;
			height:1px;
			background-color:currentColor;
			margin-top:calc(.5lh - 1px);
		}
	}
	.tags {
		display:flex;
		flex-wrap:wrap;
		gap:2.0rem 2.4rem;
		max-width: 25rem;
		@media (width <= 767px){
			max-width: 100%;
		}
	}
	.tag-item {
		display:flex;
		align-items: flex-start;
		font-size:1.3rem;
		line-height:1.5;
		gap:.8rem;
		@media (width <= 767px) {
			text-align: center;
		}
	}
  .archive {
    display:flex;
    align-items: center;
    font-family:var(--ff_en);
		gap:2.4rem;
		width:fit-content;
    font-size:1.5rem;
    line-height:1;
    color:var(--bc_black);
    border-bottom:1px solid;
    padding-block:.8rem;

    transition-property: opacity;
    transition-duration:.5s;
    @media (hover:hover) {
      &:hover {
        opacity:.8;
      }
    }
    &::after {
      margin-left:auto;
      content: "";
      width: 1.1rem;
      height: auto;
      aspect-ratio: 1 / 1;
      mask-image: url(/antonio-riva/assets/img/common/ico_column.svg);
      mask-size: contain;
      mask-repeat: no-repeat;
      background-color: currentColor;
    }
  }
}


/* Single
============================================================================= */
.news-article {
  padding-bottom:10.0rem;
  @media (width <= 767px) {
    padding-inline:2.0rem;
  }
	.category {
		margin-bottom:2.4rem;
		@media (width <= 767px) {
			margin-bottom:1.6rem;
		}
		> li {
			> a {
				display:block;
				grid-column:1/2;
				border:1px solid;
				border-radius:3px;
				padding-inline:.6rem;
				width:fit-content;
				font-family:var(--ff_min);
				font-size:1.4rem;
				line-height:1.5;
				letter-spacing: 0;
				@media (width <= 767px) {/* SP */
					font-size:1.2rem;
				}
			}
		}
	}

	.title {
		margin-bottom:1.6rem;
		font-weight:500;
		font-family:var(--ff_min);
		font-size:2.4rem;
		line-height:1.5;
		@media (width <= 767px) {
			margin-bottom:.8rem;
			font-size:2.0rem;
			line-height:1.6;
		}
	}

	.date_tag {
		grid-column:1/2;
		display:flex;
		align-items: flex-start;
		font-family:var(--ff_min);
		font-size:1.4rem;
		line-height:1.5;
		@media (width <= 767px) {/* SP */
			grid-row:-2/-1;
			grid-column:1/-1;
			font-size:1.2rem;
		}

		.date {
			flex-shrink: 0;
		}
		.tags {
			--my-cgap:1.6rem;
			display:flex;
			flex-wrap:wrap;
			gap:.8rem var(--my-cgap);
			margin-left:var(--my-cgap);
			padding-left:calc(var(--my-cgap) + 1px);
			position:relative;
			@media (width <= 767px) {/* SP */
				--my-cgap:1.2rem;
			}
			&::before {
				content:"";
				border-right:1px solid var(--bc_line);
				height:1em;
				position:absolute;
				top:calc(.5lh - .5em);
				left:0;
			}
			> li {
				&::before {
					content:"#";
				}
			}
		}
	}

  .post-contents {
    margin-top:4.0rem;
    @media (width > 767px) {
      padding-inline:3.2rem;
    }
    @media (width <= 767px) {
      margin-top:2.4rem;
    }
  }
}