/* ツールバーの固定を解除し、キャプションを最下部に配置しやすくする */
.pswp__top-bar {
    position: static !important;
}

/* 背景の濃さ調整 */
.pswp__bg {
    background: #000;
    opacity: 0.8 !important;
}

/* キャプション領域のスタイル */
.pswp__custom-caption {
    color: #ffffff;
    width: 100% !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 10px !important;
    top: auto !important;
    
    height: 80px; /* JSのpadding-bottom: 80と合わせる */
    
    display: flex;
    /* align-items: start; */
	align-items: flex-end;
    justify-content: center;
    text-align: left;
    padding: 10px 20px;
    box-sizing: border-box;
    font-size: clamp(0.688rem, 0.597rem + 0.45vw, 0.938rem);
    line-height: 1.3;
    background: rgba(0, 0, 0, 0); 
    z-index: 9999;

    color: fff;
    text-shadow:
    1px 1px 1px #000, -1px -1px 1px #000,
    -1px 1px 1px #000,  1px -1px 1px #000,
    1px 0 1px #000, -1px  0 1px #000,
    0 1px 1px #000,  0 -1px 1px #000;
}

/* ダウンロードボタンの微調整 */
.pswp__button--download {
    display: flex !important;
    align-items: center;
    justify-content: center;
    opacity: 0.8;
}
.pswp__button--download:hover {
    opacity: 1;
}

/* 写真自体の長押し保存を許可（スマホ用） */
.pswp__img {
    -webkit-user-select: auto !important;
    user-select: auto !important;
}

/* 写真のまわりに余白なし（画面いっぱい使う） */
.pswp__img {
  padding: 0 !important;
}