/*
Theme Name: 川崎市医師会
Version: 1.0.0
Author: MaxMouse
*/

.p-hrinfo-result-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 16px; /* アイテム間のスペースを調整 */
}

.p-hrinfo-result-gallery-item {
  flex: 0 1 calc(50% - 16px); /* 2カラムにするための設定 */
  box-sizing: border-box; /* パディングとボーダーを含める */
}

.p-hrinfo-result-gallery-item img {
  width: 100%; /* 画像をアイテムの幅に合わせる */
  height: auto; /* 画像の縦横比を保持 */
}

.c-panel-button {
    position: relative; /* 子要素の絶対位置指定の基準にするため */
    display: inline-block; /* 必要に応じて変更 */
    /* その他のスタイルを追加 */
}

.new-badge {
    position: absolute;
    top: 0;
    left: 0;
    background-color: red;
    color: white;
    padding: 2px 5px;
    font-size: 12px; /* 必要に応じてサイズ調整 */
    border-radius: 3px; /* 角を丸める */
    font-weight: bold;
    z-index: 1; /* 画像よりも前面に表示 */
}