/* ==========================================
   layout.css
   レイアウト
========================================== */

.container{

    padding:0;
}

/* -------------------------
   Card
------------------------- */

.card{

    background:#ffffff;

    border:2px solid #e5e5e5;

    border-radius:12px;

    box-shadow:0 4px 10px rgba(0,0,0,.08);

    padding:15px 20px;

    margin-bottom:12px;

    line-height:1.4;
}

.card__title{

    font-size:1.25rem;
}

.card-section{

    margin-bottom:0;
}

.separator-rownormal{

    border-top:2px solid #cccccc;

    margin:12px 0;

    padding-top:15px;
}

/* -------------------------
   投稿一覧
------------------------- */

.card h2{

    margin-bottom:0px;

}

.record-count{

    margin:2px 0 0;

}

/* -------------------------
   Flex
------------------------- */

.flex{

    display:flex;

    gap:10px;

    flex-wrap:wrap;
}

.row-flex{

    display:flex;

    justify-content:space-between;

    align-items:center;

    white-space:nowrap;
}

/* ==========================================
   検索フォーム
========================================== */

.search-form{

    display:flex;

    flex-direction:column;

    gap:8px;

}

.search-row{

    display:flex;

    align-items:center;

    gap:4px;

    margin-bottom:8px;

}

.search-row label{

    width:58px;

    font-weight:600;

    flex-shrink:0;

}

#searchLake,
#searchLocation,
#searchEmail{

    width:220px;

}

#searchDateFrom,
#searchDateTo{

    width:145px;

}

.date-range{

    padding:0 4px;

    font-weight:bold;

}

.search-buttons{

    margin-left:0px;

    display:flex;

    gap:10px;

}