@charset "utf-8";
.kiraku-blog{--kiraku-blog-content-width:1140px;background:#F7F4ED;color:#000000;font-family:"Noto Serif JP",serif;font-size:15px;line-height:2}
.kiraku-blog a{text-decoration:none;color:inherit}

.kiraku-blog-hero{position:relative;height:400px;min-height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#2a2823;color:#fff}
.kiraku-blog-hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.kiraku-blog-hero__shade{position:absolute;inset:0;background:rgba(17,15,12,.48)}
.kiraku-blog-hero__inner{position:relative;z-index:2;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px;width:min(var(--kiraku-blog-content-width),calc(100% - 40px));height:100%;min-height:0;margin:0 auto}
.kiraku-blog-hero__eyebrow{margin:0;padding-right:20px;border-right:1px solid rgba(255,255,255,.46);font-family:"Noto Serif JP",serif;font-size:15px;font-weight:400;letter-spacing:.168em;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;-webkit-text-orientation:mixed;text-orientation:mixed;white-space:nowrap}
.kiraku-blog-hero h1,
.kiraku-blog-hero__title{margin:0;font-family:"Noto Serif JP",sans-serif;font-size:30px;font-weight:500;line-height:1.8;letter-spacing:.3em;color:#FFFFFF;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;-webkit-text-orientation:mixed;text-orientation:mixed;white-space:nowrap;text-shadow:0 1px 14px rgba(0,0,0,.2)}

.kiraku-blog-lead{width:min(var(--kiraku-blog-content-width),calc(100% - 40px));margin:60px auto 0;padding:0;background:none;box-sizing:border-box;font-size:15px;line-height:2.15;text-align:center}
.kiraku-blog-cats{width:min(var(--kiraku-blog-content-width),calc(100% - 40px));margin:40px auto 0;display:flex;flex-wrap:wrap;gap:10px}
.kiraku-blog-cats a,.kiraku-blog-cats span{display:inline-flex;align-items:center;justify-content:center;min-height:42px;box-sizing:border-box;border:1px solid #BDB5A6;padding:10px 20px;background:#fff;font-size:15px;line-height:1.45;transition:background-color .25s ease,color .25s ease,border-color .25s ease}
.kiraku-blog-cats a:hover,.kiraku-blog-cats a:focus-visible,.kiraku-blog-cats a.is-current{background:#000000;color:#fff;border-color:#000000}
.kiraku-blog-cats span.is-unavailable{opacity:.45;cursor:default}

.kiraku-blog-archive-title{width:min(var(--kiraku-blog-content-width),calc(100% - 40px));margin:48px auto 0;font-family:"Noto Serif JP",serif;font-size:26px;font-weight:500;line-height:1.6;letter-spacing:.12em;color:#000000}
.kiraku-blog-archive-title + .kiraku-blog-grid{margin-top:30px}

.kiraku-blog-card a{display:block}
.kiraku-blog-card__img{aspect-ratio:1.618/1;background:#ddd;overflow:hidden}
.kiraku-blog-card__img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.kiraku-blog-card a:hover .kiraku-blog-card__img img{transform:scale(1.025)}
.kiraku-blog-card__meta{display:flex;justify-content:space-between;gap:10px;margin-top:10px;font-size:15px;line-height:1.5;letter-spacing:.056em;color:#000000}
.kiraku-blog-card h2{margin:10px 0 0;font-family:"Noto Serif JP",serif;font-size:20px;font-weight:500;line-height:1.75;letter-spacing:.03em;word-break:keep-all;overflow-wrap:anywhere;line-break:strict}
.kiraku-blog-card a:hover h2,.kiraku-blog-card a:focus-visible h2{color:#000000}

.kiraku-pagination{width:min(var(--kiraku-blog-content-width),calc(100% - 40px));margin:0 auto 180px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.kiraku-pagination:not(:empty){margin-top:60px}
.kiraku-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;border:1px solid #BDB5A6;background:#fff;font-size:15px}
.kiraku-pagination .current,.kiraku-pagination a:hover{background:#000000;color:#fff;border-color:#000000}
.kiraku-blog-empty{width:min(var(--kiraku-blog-content-width),calc(100% - 40px));margin:60px auto 180px;font-size:15px}

@media(min-width:768px) and (max-width:1024px){
  .kiraku-blog-hero__inner{width:calc(100% - 30px);gap:15px}
  .kiraku-blog-hero__eyebrow{padding-right:15px}
  .kiraku-blog-lead{width:calc(100% - 30px);margin-top:50px}
  .kiraku-blog-cats{width:calc(100% - 30px);margin-top:35px}
  .kiraku-blog-cats a,.kiraku-blog-cats span{padding:10px 15px}
  .kiraku-blog-archive-title{width:calc(100% - 30px);margin-top:40px;font-size:24px}
  .kiraku-pagination{width:calc(100% - 30px);margin-bottom:120px}
  .kiraku-pagination:not(:empty){margin-top:45px}
  .kiraku-blog-empty{width:calc(100% - 30px);margin:45px auto 120px}
}

@media(max-width:767px){
  .kiraku-blog-hero{height:266px;min-height:266px}
  .kiraku-blog-hero__inner{width:calc(100% - 30px);flex-direction:row;gap:15px;text-align:center}
  .kiraku-blog-hero__eyebrow{padding-right:15px;padding-bottom:0;border-right:1px solid rgba(255,255,255,.46);border-bottom:0;font-size:15px}
  .kiraku-blog-hero h1,.kiraku-blog-hero__title{font-size:24px}
  .kiraku-blog-lead{width:calc(100% - 30px);margin-top:45px;font-size:15px;line-height:2}
  .kiraku-blog-cats{width:calc(100% - 30px);margin-top:30px;display:flex;flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px;scrollbar-width:thin}
  .kiraku-blog-cats a,.kiraku-blog-cats span{flex:0 0 auto;min-height:44px;padding:10px 15px}
  .kiraku-blog-archive-title{width:calc(100% - 30px);margin-top:36px;font-size:22px}
  .kiraku-blog-card h2{font-size:18px}
  .kiraku-pagination{width:calc(100% - 30px);margin-bottom:120px}
  .kiraku-pagination:not(:empty){margin-top:45px}
  .kiraku-blog-empty{width:calc(100% - 30px);margin:45px auto 120px}
}