/* 葬儀のマナーと作法一覧ページ（写真とカードサイズ揃え版） */
#contents-area-inbox {
   text-align:left;
}
#contents-area-inbox p {
                       margin: 0; /* pの余白リセット */
                       text-align:left;
}
#funeral-top-contents {
     padding:0 5% 3% 5%;
}
#contents-area-inbox .thumbnail-box img {
   width:auto;
   box-shadow: none;
   border-radius: 0;    /* 画像の余白リセット */
}
#main-contents-area-funeral {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* 中央寄せ */
    gap: 24px; /* ボックス間の隙間 */
    padding: 0 10px;
}
#main-contents-area-funeral .content-box {
    flex: 1 1 280px; /* 最小280px、余白があれば伸びる */
    max-width: 320px;
    background-color: #FFF;
    border-radius: 8px;
    box-shadow: 0 0 10px 0 #C6C6C6;
    border: 1px solid #ddd;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    flex-direction: column; /* 画像と本文を縦に並べる */
    height:520px;
}
#main-contents-area-funeral .thumbnail-box img {
    width: 100%;       /* カード幅に合わせる */
    height: 230px;     /* 高さ固定 */
    object-fit: cover; /* 縦横比を保持して中央トリミング */
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom: 1px solid #ddd;
    display: block;
    margin-bottom:1%;
}
#main-contents-area-funeral h2 a {
    font-size: clamp(20px, 2.5vw, 20px);
    font-weight: normal;
    color: #5B5B5B;
    width:90%;
    text-align:left;
    display: block; 
    margin:0 auto;             
}
#main-contents-area-funeral h2 a:hover {
    color: #CC0033;
    text-decoration: none;
}

#main-contents-area-funeral .post-meta { 
    text-align: center;
    height: 25px;
    line-height: 25px;
    margin: 5px auto 20px auto;
    border-radius: 12px;
    background-color: #B8B8B8;
    color: #FFF;
    width: 90%;
    box-sizing: border-box;
    font-size:clamp(12px, 1.5vw, 14px);
}

#main-contents-area-funeral .text1{
  width:90%;
  margin:0 auto;
  text-align:left;
  font-size:14px;
}
#main-contents-area-funeral .more-link {
    text-align: right;
    margin-top: 1%;
        width:95%;
}
#main-contents-area-funeral .more-link a {
    font-size: 18px;
}

#main-contents-area-funeral a:hover img {
    opacity: 0.7; 
    filter: alpha(opacity=70); 
    -ms-filter: "alpha( opacity=70 )"; 
}

/* スマホ用レスポンシブ（幅950px以下） */
@media screen and (max-width: 950px) {
  #main-contents-area-funeral {
    display:block;
    padding: 0;
    text-align:center;
}
#main-contents-area-funeral .content-box {
    max-width:90%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column; /* 画像と本文を縦に並べる */
    height:auto;
    margin: 0 auto 5%;
}
#main-contents-area-fuenral .thumbnail-box {
  width: 100%;
}
#main-contents-area-funeral .thumbnail-box img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 7px 7px 0 0;
  border-right: none;
}
#main-contents-area-funeral .contents {
    width: 100%;
    margin:0 auto;
}
}