@charset "utf-8";



/* local common
============================================================================= */
.mod_footer .footer_inner {
	@media (width <= 767px){
		padding-bottom: 12rem;
	}
}
.journal_single-contents {
  > .inner {
    @media (width > 767px) {
      display:grid;
      grid-template-columns: 32.0rem 100.0rem;
      grid-auto-flow: column;
      justify-content: space-between;
      box-sizing: border-box;
      padding-right:8.0rem;
      width:154.0rem;
      margin-inline:auto;
    }
    @media (width <= 767px) {
    }

    .journal_single-article {
      @media (width > 767px) {
        grid-column:2/3;
      }
    }
    .sub {
      @media (width > 767px) {
        padding-bottom:10.0rem;
      }
    }
  }
}

.journal_single-heading {
  padding-block:2.0rem 4.0rem;
  font-family:var(--ff_en);
  font-weight:400;
  font-size:5.5rem;
  line-height:1.1;
  @media (width > 767px) {
    padding-left: 2.8rem;
  }
  @media (width <= 767px) {
    padding-block:4.0rem;
    font-size:2.4rem;
    text-align: center;
  }

}



/* contents
============================================================================= */


.journal_single-article {
  padding-bottom:10.0rem;
  @media (width <= 767px) {
    padding-inline:2.0rem;
  }

  .category_dates {
    display:flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom:2.4rem;
    @media (width <= 767px) {
      align-items: center;
      margin-bottom:2.0rem;
    }
    .category {
      > .item > a {
        display:flex;
        justify-content: center;
        box-sizing: border-box;
        padding:.6rem .8rem;
        min-width:15.0rem;
        background-color:var(--bc_blue_gray);
        font-size:1.3rem;
        line-height:1;
        letter-spacing: .05em;
        color:#fff;
        @media (width <= 767px) {
          padding:.4rem .8rem .2rem;
          min-width:12.0rem;
          font-size:1.2rem;
        }
      }
    }
    .dates {
      display:flex;
      align-items: center;
      margin-left:auto;
      gap:.8rem;
      > .date {
        display:flex;
        align-items: center;
        font-family:var(--ff_min);
        font-size:1.2rem;
        line-height:1.8;
        color:var(--bc_blue_gray);
        gap:.3rem;
        &::before {
          flex-shrink: 0;
          content:"";
          display:block;
          width:1.6rem;
          height:auto;
          aspect-ratio: 1/1;
          mask-position:center;
          mask-repeat:no-repeat;
          background-color:currentColor;
        }
        &.-new {
          &::before {
            mask-image:url(/antonio-riva/assets/img/common/ico_new.svg);
          }
        }
        &.-update {
          &::before {
            mask-image:url(/antonio-riva/assets/img/common/ico_updete.svg);
          }
        }
      }
    }
  }

  .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;
    }
  }

  .event_date {
    font-weight:400;
    font-family:var(--ff_en);
    font-size:1.5rem;
    line-height:1.7;
    letter-spacing: .05em;
    @media (width <= 767px) {
      font-size:1.4rem;
    }
  }

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

	@media (width > 767px) {
	}
	@media (width <= 767px) {
	}
}

.journal_single-reserve {
  display:grid;
  background-color:var(--bc_gray);
  padding:4.0rem;
  @media (width > 767px) {
    grid-template-columns:28.0rem 1fr;
    gap:4.0rem;
  }
	@media (width <= 767px) {
    padding:1.6rem;
	}
  .img {
    @media (width <= 767px) {
      margin-bottom:2.4rem;
    }
    img {
      width:100%;
      height:auto;
      object-fit: cover;
      aspect-ratio:28/15;
    }
  }
  .text {
    display:flex;
    flex-direction: column;
  }
  .reserve-heading {
    margin-block:calc(.5em - .5lh) .8rem;
    font-size:2.0rem;
    line-height:1.7;
    color:var(--bc_black);
  }
  .event_date {
    margin-bottom:.4rem;
    font-family:var(--ff_en);
    font-size:1.3rem;
  }
  .reserve-title {
    margin-bottom:2.4rem;
    font-size:1.4rem;
    line-height:1.7;
  }
  .-btn01 {
    width:28.0rem;
    height:4.0rem;
    @media (width > 767px) {
      margin-top:auto;
    }
    @media (width <= 767px) {
      width:100%;
    }
  }

}

.journal_single-conversion {
  box-sizing: border-box;
  background-color:var(--bc_gray);
  padding:4.0rem 3.5rem;
  z-index: 100;
	@media (width > 767px) {
    position:sticky;
    top:11.0rem;
	}
	@media (width <= 767px) {
    width:100%;
    padding:.8rem 2.0rem calc(env(safe-area-inset-bottom) + 1.6rem);
	padding-left: 55%;
    position:fixed;
    left:0;
    bottom:0;

    :has(&) :is(.flowbottomSP,.pagetop_btn) {
      display:none;
    }
	}
  .category {
    > .item > a {
      display:flex;
      justify-content: center;
      box-sizing: border-box;
      margin-bottom:1.6rem;
      padding:.6rem .8rem;
      min-width:15.0rem;
      background-color:var(--bc_blue_gray);
      width:fit-content;
      font-size:1.3rem;
      line-height:1;
      letter-spacing: .05em;
      color:#fff;
      @media (width <= 767px) {
        padding:.4rem .8rem .2rem;
        min-width:12.0rem;
        font-size:1.2rem;
      }
    }
  }

  .event_date {
    margin-bottom:.8rem;
    font-weight:400;
    font-family:var(--ff_en);
    font-size:1.4rem;
    line-height:1.7;
    letter-spacing: .05em;
    @media (width <= 767px) {
      font-size:1.4rem;
    }
  }

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

  .reserve-title {
    margin-bottom:.8rem;
    font-weight:500;
    font-family:var(--ff_min);
    font-size:1.3rem;
    line-height:1.8;
    @media (width > 767px) {
      margin-top:1.6rem;
    }
    @media (width <= 767px) {
      text-align: center;
    }
  }
  .-btn01 {
    width:100%;
  }

}

.journal_single-side_contents {
  display:grid;
  row-gap:5.6rem;
  padding-top:2.4rem;
  @media (width > 767px) {
    padding-left:3.5rem;
  }
  @media (width <= 767px) {
    padding-inline:2.0rem;
    padding-bottom:10.4rem;
  }
  .cms_common-share {
    margin-left:0;
  }

  .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;
}
.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);
	}
}
  }

  .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;
    }
  }

  .recommend {
    .heading {
      margin-bottom:3.2rem;
      font-family:var(--ff_en);
      font-weight:400;
      font-size:2.4rem;
      line-height:1;
      letter-spacing: .05;
    }
    .list {
      display:grid;
      gap:4.0rem;
      @media (width <= 767px) {
        padding-inline:1.4rem;
      }
    }
    .item > a {
      display:block;
	  @media (width > 767px){
	  	max-width: 25rem;
	  }
      @media (hover:hover) {
        &:hover .img img {
          transform: scale(1.05);
        }
      }
      .img {
        overflow:hidden;
        position:relative;
        img {
          width:100%;
          height:auto;
          aspect-ratio: 3/2;
          position:relative;
          z-index: 0;
          transition-property: transform;
          transition-duration:.5s;
        }
        .category {
          display:flex;
          justify-content: center;
          padding:.6rem .8rem .5rem;
          font-size:1.2rem;
          min-width:15.0rem;
          line-height:1;
          letter-spacing: .05em;
          color:#fff;
          background-color:rgb(from #2A303D r g b / .5);
          position:absolute;
          bottom:0;
          left:0;
        }
      }
      .title {
        margin-top:.8rem;
        font-family:var(--ff_min);
        font-weight:500;
        font-size:1.2rem;
        line-height:1.6;
        letter-spacing: .05em;
        @media (width > 767px) {
          min-height:2lh;
        }
        @media (width <= 767px) {
          margin-top:1.6rem;
        }
      }
    }
  }
}