@charset "UTF-8";


/* Gallery・Column
-----------------------------------------*/

.l-page-heading.gallery .l-cont__ttl{
  margin-bottom: 0;
}

.gallery__lists,.column__lists{
  display: grid;
  gap:var(--mg24);
  margin-bottom:var(--mg64);
}

.gallery__item a,.column__item a{
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap:var(--mg16);
}

.gallery__thumb-wrapper,.column__thumb-wrapper{
  display: flex;
  gap:var(--mg4);
}

.gallery__date,.column__date{
  font-size:var(--txt2);
  writing-mode: vertical-rl;
  font-weight: var(--fw-sb);
}

.gallery__thumb,.column__thumb{
  width:34vw;
  height:34vw;
}

.gallery__item-txt p,.column__item-txt p{
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-weight: var(--fw-m);
  font-size:var(--txt1);
  line-height:var(--c-txt-lh);
  /* line-height: var(--txt-lh); */
  margin-bottom:var(--mg16);
}

.gallery__item-more,.column__item-more{
  display: block;
  width:fit-content;
  border-bottom:1px solid var(--color-bk);
  font-weight:var(--fw-sb) ;
  font-size:1rem;
  position: relative;
  letter-spacing: 0.05em;
  padding:0 0 2px 0;
}

.gallery__item-more::before,.column__item-more::before{
  content:"";
  display: block;
  width:10px;
  height:10px;
  background:var(--svg-deco1);
  position: absolute;
  right:-16px;
  top:-4px;
}


@media screen and (min-width: 768px) {

  .gallery__lists,.column__lists{
    grid-template-columns: 1fr 1fr 1fr;
    gap:var(--mg80);
    margin-bottom:var(--mg120);
}

.gallery__item a,.column__item a{
  display: block;
  width:100%;
}

.gallery__thumb-wrapper,.column__thumb-wrapper{
  justify-content: space-between;
  gap:0;
}

.gallery__date,.column__date{
  font-size:var(--st-txt1);
  width:calc(100% - 22.91vw);
  display: flex;
  align-items: center;
}

.gallery__thumb{
  width:22.91vw;
  height:22.91vw;
  overflow: hidden;
}

.column__thumb{
    width:22.91vw;
    height:16.92vw;
    overflow: hidden;
}

.gallery__item-txt,.column__item-txt{
  padding:var(--mg16) 0 0 calc(100% - 22.91vw);
}

.gallery__item-txt p,.column__item-txt p{
  margin-bottom:var(--mg24);
  height:calc(var(--st-txt1) * 3.5);
}

.gallery__item-more,.column__item-more{
  border:1px solid var(--color-bk);
  border-radius: 50%;
  padding:20px 40px;
  font-size:1.4rem;
  margin:0 auto;
}

.gallery__item-more::before,.column__item-more::before{
  width:22px;
  height:22px;
  right:1px;
  top:1px;
}

.gallery__item-more, .gallery__item .gallery__thumb img,
.column__item-more, .column__item .column__thumb img{
  transition: 0.3s;
}

.gallery__item a:hover .gallery__item-more,.column__item a:hover .column__item-more{
  background:var(--color-ye);
}

.gallery__item a:hover .gallery__thumb img,.column__item a:hover .column__thumb img{
  transform: scale(1.05);
}


}


/* ページネーション・パンくず
-----------------------------------------*/

.wp-pagenavi{
  font-weight: var(--fw-sb);
  display: flex;
  justify-content:center;
  align-items: center;
  gap:var(--mg12);
}

.wp-pagenavi .pages{
  display: none;
}

.wp-pagenavi a, .wp-pagenavi span{
  border:1px solid var(--color-bk) !important;
  width:40px;
  height:40px;
  display: grid;
  place-items: center;
  font-size:1.4rem;
  margin:0 !important;
  padding:0 !important;
}

.wp-pagenavi span.current{
  background:var(--color-ye);
}

.wp-pagenavi a.nextpostslink ,.wp-pagenavi a.previouspostslink {
  border:none !important;
  text-indent:1000%;
  white-space: nowrap;
  overflow: hidden;
  width:39px;
  height:34px;
  background:url(../img/top/slider-arrow.svg) no-repeat center center/contain;
}

.wp-pagenavi a.previouspostslink{
  transform: scale(-1 , 1);
}

.breadcrumbs{
  margin-bottom:var(--mg64);
  width:100%;
  padding:var(--mg8) var(--cont-inner-w) 0;

}

.breadcrumbs__lists{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  text-align: right;
}
.breadcrumbs__lists li {
  width:fit-content;
  font-size:1.1rem;
  font-weight: var(--fw-sb);
  position: relative;
  display: flex;
  align-items: center;
  padding:12px 18px 12px 0;

}

.breadcrumbs__lists li:nth-child(3) span{
  max-width:180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}



.breadcrumbs__lists li::after{
  content:"";
  display: block;
  width:10px;
  height:1px;
  background:var(--color-bk);
  position: absolute;
  top:50%;
  right:4px;
}

.breadcrumbs__lists li:last-child{
  padding:12px 0 ;
}

.breadcrumbs__lists li:last-child::after{
  display: none;
}

.breadcrumbs__lists .current-item{
  color:var(--color-ye);
}

@media screen and (min-width: 768px) {

.wp-pagenavi{
  gap:var(--mg24);
}

.wp-pagenavi a, .wp-pagenavi span{
  width:56px;
  height:56px;
  font-size:2rem;
}

.wp-pagenavi a.nextpostslink ,.wp-pagenavi a.previouspostslink {
  width:48px;
  height:42px;
}

.breadcrumbs{
  margin-bottom:var(--mg120);
  padding:var(--mg24) var(--cont-inner-w2) 0;
}

.breadcrumbs__lists li {
  font-size:1.4rem;
  padding:12px 26px 12px 0;
}

.breadcrumbs__lists li::after{
  width:12px;
  height:1px;
  right:8px;
}

.breadcrumbs__lists li:nth-child(3) span{
  max-width:550px;
}


}

@media screen and (min-width: 1200px) {
  .breadcrumbs__lists li {
    font-size:1.6rem;
  }

}

/* ポストページ
-----------------------------------------*/

.l-page-heading.post,.l-page-heading.not-found{
  height:28vw;
}

.l-page-heading.not-found{
  height:28vw;
  margin-bottom: var(--mg24);
  border-bottom:none;
}

.l-page-heading.post .l-cont__ttl-jp{
  font-size:var(--txt3);
  gap:4px;
}

.l-page-heading.post .l-cont__ttl-jp::before{
  width:10px;
  height:10px;
  border:3px solid var(--color-ye);
}

.l-page-heading.gallery.post .l-cont__ttl{
  margin-bottom: 0;
}

.l-page-heading.post .l-cont__ttl{
  width:40vw !important;
}

.l-post__cont{
  max-width: 920px;
  margin:0 auto;
}

.l-post__cont__ttl{
  font-size:var(--sub-heading);
  letter-spacing: 0.1em;
  font-weight: var(--fw-sb);
  border-bottom:1px solid var(--color-bk);
  padding:0 0 var(--mg8);
  line-height: var(--c-txt-lh2);
}

.l-post__cont__date{
  width:fit-content;
  font-size:var(--txt1);
  margin:0 0 var(--mg24);
  /* color:var(--color-dgy); */
  font-weight: var(--fw-sb);
  background:var(--bg-color-lgy);
  padding:var(--mg8);
}

.l-post__cont__ttl-wrapper{
  margin-bottom:var(--mg24);
}

.art-name{
  text-align: right;
  font-weight: var(--fw-sb);
  margin:var(--mg12) 0 0;
  font-size:var(--st-txt2);
}

.program-cont{
  background:var(--color-cr);
  font-size:var(--txt1);
  display: grid;
  gap:var(--mg12);
  font-weight: var(--fw-r);
  padding:var(--mg16) var(--mg12);
  line-height: var(--c-txt-lh);
}

.program-cont p:last-child{
  font-weight: var(--fw-sb);
}

.l-post__main-cont{
  margin:var(--mg40) 0 var(--mg64);
  font-size:var(--txt1);
  line-height:var(--c-txt-lh2);
  font-weight: var(--fw-r);
}

.l-post__main-cont p{
  margin:var(--mg12) 0;
}

.l-post__main-cont .wp-block-image{
  margin:var(--mg16) 0;
}

.l-post__btm-nav{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  font-size:var(--txt3);
  background:var(--bg-color-lgy);
  padding:var(--mg8) var(--mg4);

}

.l-post__btm-nav__archive a{
  width:fit-content;
  padding:var(--mg12) var(--mg24);
  border:1px solid var(--color-bk);
  border-radius: 50%;
  text-align: center;
  margin:0 auto;
}

.l-post__btm-nav__prev ,.l-post__btm-nav__next{
  border-bottom:1px solid var(--color-bk);
  width:fit-content;
}

.l-post__btm-nav__next{
  margin:0 0 0 auto;
}

@media screen and (min-width: 768px) {

.l-page-heading.post,.l-page-heading.not-found{
  height:12vw;
}

.l-page-heading.post .l-cont__ttl-jp{
  font-size:var(--txt3);
  gap:6px;
}

.l-page-heading.post .l-cont__ttl-jp::before{
  width:12px;
  height:12px;
  border:4px solid var(--color-ye);
}

.l-page-heading.post .l-cont__ttl{
  width:22vw !important;
}

.l-post__cont__ttl{
  padding:0 0 var(--mg12);
}

.l-post__cont__date{
  margin:0 0 var(--mg40);
}

.l-post__cont__ttl-wrapper{
  margin-bottom:var(--mg64);
}

.art-name{
  margin:var(--mg24) 0 0;
}

.program-cont{
  max-width:600px;
  margin:0 auto;
  gap:var(--mg16);
  padding:var(--mg40);
}

.l-post__main-cont{
    margin:var(--mg64) 0 var(--mg80);
}

.l-post__btm-nav{
  padding:var(--mg24) var(--mg16);
}

.l-post__btm-nav__archive a{
  padding:var(--mg16) var(--mg32);
}

  
}