@charset "utf-8";


 /* フォトギャラリー モーダル表示 */
.mfp-gallery .mfp-container{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100vw;
    height:100vh;
    padding:20px;
    box-sizing:border-box;
}
.mfp-gallery .mfp-content{
    width:min(80vw, 1200px)!important;
    height:80vh!important;
    max-width:none!important;
}
.mfp-gallery .mfp-figure{
    display:flex;
    flex-direction:column;
    height:100%;
    margin:0;
    gap:10px;
}
.mfp-gallery .mfp-close{
    top: -45px;
}
.mfp-gallery .mfp-figure:after{
    display: none;
}
.mfp-gallery .mfp-imgBox{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    aspect-ratio:3 / 2;
    overflow:hidden;
    position:relative;
    background: rgb(0 0 0 / 50%);
    max-height:calc(80vh - 180px);
}
.mfp-gallery .mfp-img{
    max-height:100% !important;
    object-fit:contain;
    padding: 0;
    margin: 0;
}
.mfp-gallery .mfp-bottom-bar{
    flex:1;
    min-height:0;
    display:flex;
    gap:16px;
    margin-top: 0;
position: static;
}
.mfp-gallery .mfp-title{
    flex:1;
    min-width:0;
    min-height:0;
    display:flex;
    flex-direction:column;
    margin: 0;
}
.mfp-gallery .mfp-imgTitle{
    flex:0 0 auto;
    margin-bottom: 8px;
    font-size: 1.4rem;
    font-weight:700;
    line-height:1.4;
    color: #ffffff;
}
.mfp-gallery .mfp-imgText{
    flex:1;
    font-size: 1.3rem;
    font-weight: normal;
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
    word-break:break-word;
    color: #ffffff;
}
.mfp-gallery .mfp-counter{
    flex:0 0 auto;
    white-space:nowrap;
    width: 85px;
    color: #ffffff;
    top: -25px;
    left: 0;
}