@charset "utf-8";

.common-submv .back img{object-position:10% center;}

/* -------------------------------------------------- */
/* #block-custom */
/* -------------------------------------------------- */
#block-custom .list-custom{display:flex;gap:20px;flex-wrap:wrap;margin-top:50px;}
#block-custom .list-custom > li{width:calc((100% - 40px) / 3);position:relative;height:0;padding-bottom:24%;overflow:hidden;}
#block-custom .list-custom > li::before{content:"";display:block;width: 100%;height: 50%;position: absolute;left: 0;bottom: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 1) 100%);opacity: 0.5;pointer-events: none;z-index: 2;}
#block-custom .list-custom > li img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:1;transition:.25s;}
#block-custom .list-custom > li a{opacity:1;}
#block-custom .list-custom > li a:hover img{transform:scale(1.05);}
#block-custom .list-custom > li .ttl{font-size:1.8rem;position:absolute;left:0;bottom:0;z-index:3;color:#fff;text-align:center;width:100%;padding:12px 15px;text-shadow:0 0 6px #000;}
#block-custom .list-custom02{display:flex;gap:0 20px;flex-wrap:wrap;}
#block-custom .list-custom02 > li{width:calc((100% - 40px) / 3);border-bottom:1px solid #000;font-size:1.8rem;padding:15px 0;}

.modaal-gallery-item{max-width:1000px;}
.modaal-gallery-label{display:block;}

@media screen and (max-width:767px){
  #block-custom .list-custom{gap:10px;margin-top:30px;}
  #block-custom .list-custom > li{width:calc((100% - 10px) / 2);padding-bottom:35%;}
  #block-custom .list-custom > li::before{opacity:0.8;height:100%;}
  #block-custom .list-custom > li .ttl{font-size:1.4rem;padding:8px 10px;line-height:1.5;}
  #block-custom .list-custom02{display:block;}
  #block-custom .list-custom02 > li{width:100%;font-size:1.4rem;padding:10px 0;}
  .modaal-gallery-label{font-size:1.3rem;margin-top:10px;}
}