/* --- ギャラリー（16:9カード） --- */
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}
.card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.1);transition:transform .2s}
.card:hover{transform:translateY(-3px)}
.card-link{display:block;text-decoration:none;color:inherit}
.card-thumb{position:relative;width:100%;padding-top:56.25%;overflow:hidden}
.card-thumb img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.card-info{padding:10px}
.card-title{font-weight:bold;font-size:1.1em;margin-bottom:5px}
.card-meta{font-size:.9em;color:#555}
.card-meta span{margin-right:8px}
.hidden-work{display:none}
.show-more-card{cursor:pointer;text-align:center;background:#eee;border-radius:12px;padding:15px;font-weight:bold}

/* --- 横スクロールセクション --- */
.horizontal-section{position:relative;overflow:hidden;padding:0 40px}
.cards-wrapper{display:flex;gap:10px;transition:transform .5s ease}
.h-card{flex:0 0 250px;background:#fff;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,.1);overflow:hidden;transition:transform .5s ease,opacity .5s ease;opacity:0;pointer-events:none}
.h-card.visible{opacity:1;pointer-events:auto}
.h-card:hover{transform:translateY(-3px)}
.scroll-btn{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.6);border:1px solid #ccc;color:#666;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}
.scroll-left{left:0}
.scroll-right{left:calc(250px*4 + 10px*3 + 40px)}
.scroll-btn:hover{background:rgba(255,255,255,.85);border-color:#aaa;color:#333}
.scroll-btn:disabled{opacity:.4;cursor:default}

/* --- セクションタイトル --- */
.section-title{display:inline-block;font-size:1em;font-weight:500;color:#333;text-decoration:none;margin:0;padding:0;position:relative}
.section-title::after{content:' ➤';font-size:1em;color:#333;transition:color .2s}
.section-title:hover{color:#000}
.section-title:hover::after{color:#555}

/* --- レスポンシブ --- */
@media(max-width:1024px){
  .gallery{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
  .card-title{font-size:12px;padding:4px}
  .horizontal-section{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding:0 10px;scrollbar-width:none}
  .horizontal-section::-webkit-scrollbar{display:none}
  .cards-wrapper{display:flex;gap:10px}
  .h-card{flex:0 0 200px;display:block}
  .scroll-btn{display:none}
}
/* --- スマホ (〜768px) --- */
@media(max-width:768px){

  /* カード幅を1.4倍に拡大 */
  .h-card{flex:0 0 250px}

  /* サイドバー切り替え */
  .sidebar-desktop{display:none}
  .sidebar-mobile{display:block}

  /* 見出しを少し大きく */
  h2{font-size:1.6em}
  .section-title{font-size:1.1em}
}


/* --- スマホ極小 (〜480px) --- */
@media(max-width:480px){
  /* カード幅を1.4倍に拡大（微調整版） */
  .h-card{flex:0 0 210px}
}
.blog-intro {
  margin-top:10px;
  font-size:5px;
  color:#666;
  line-height:1.6;
}