/* カード */
    .card {
      background: white;
      /*      border-radius: 14px;*/
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
      transition: all 0.25s ease;
    }

    .card:hover {
      transform: translateY(-8px);
      box-shadow: 0 12px 25px rgba(0, 0, 0, 0.12);
    }

    /* 画像 */
    .card img {
      width: 100%;
      /*      height: 245px;*/
      height: 200px;
      object-fit: cover;
      display: block;
      border-radius: 14px 14px 0 0;
      object-position: var(--obj-pos, center 20%);
    }

    /* ヘッダー部分 */
    .card-header {
      background: #009688 !important;
      color: white;
      text-align: center;
      padding: 14px 12px;
      font-size: 1.05rem;
/*      font-weight: bold;*/
      font-family: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif, 
               "Helvetica Neue", Arial, sans-serif;      
    }

    .card-header a{
      color: white;	
    }

    /* コンテンツ */
    .card-content {
      padding: 16px;
      font-size: 0.95rem;
      line-height: 1.55;
      color: #333;
    }

    /* 個別画像位置調整 */
    .card10 { --obj-pos: center 10%; }    
    .card15 { --obj-pos: center 15%; }
    .card20 { --obj-pos: center 20%; }
    .card25 { --obj-pos: center 25%; }
    .card30 { --obj-pos: center 30%; }
    .card35 { --obj-pos: center 35%; }
    .card40 { --obj-pos: center 40%; }
    .card45 { --obj-pos: center 45%; }
    .card50 { --obj-pos: center 50%; }
    .card55 { --obj-pos: center 55%; }
    .card60 { --obj-pos: center 60%; }                    


.blogcard
{
    margin:20px;
    padding:10px;
    border-style:solid;
    border-width:0.5px;
    border-color:#3f3;
    border-radius:10px;
    display: grid;
    grid-template-columns: auto 1fr;   /* 左: 画像の自然サイズ、右: 残り幅 */
    gap: 1rem;                       /* 左右の間隔 */
    align-items: start;                /* 縦位置を上揃え */
    max-width: 1200px;
    margin: 0 auto;
}

}

.blogcard-date{
    color:#3a3;    
    margin-bottom:2px;        
    padding-top:0px;
    padding-bottom:0px;    
    font-size:12px;
}

.blogcard-img{ 
    padding:0px;
    margin:0px;
    max-width: 140px;
    width: 100%;
    height: auto;
    display: block;
}

.blogcard-content{
}

.blogcard-title{
    margin:2px;
}

p.blogcard-description
{
    margin-top:2px;    
    font-size:.85em !important;
    text-align:left !important;
}



/* グリッド */
    .grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      /*    gap: 16px;*/
      gap:4px;
    }

    .grid-2 {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      /*    gap: 16px;*/
      gap:4px;
    }

    .grid-4 {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      /*    gap: 16px;*/
      gap:4px;
    }

    /* モバイル */
    @media (max-width: 768px) {
      .grid,.grid-2,.grid-4 {
        grid-template-columns: 1fr;
        gap: 20px;
      }
      
      .card img {
        height: 260px;
      }
    }
    
    

.split-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;     /* PC: 横2列 */
  gap: 2rem;
  margin-bottom: 2rem;
}

/* モバイル: 縦1列 */
@media (max-width: 768px) {
  .split-grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}