@charset "utf-8";

.home-page .mg-banner{width:min(1200px,100%);margin:0 auto}
.home-page .Cooldog_container{width:100%;height:auto;aspect-ratio:800/333;margin:0 auto;position:relative;overflow:hidden}
.home-page .Cooldog_content{position:absolute;width:90%;height:100%;top:0;left:5%}
.home-page .Cooldog_content li{position:absolute;top:0;left:0;width:100%;height:100%;transition:all .3s ease}
.home-page .Cooldog_content li a{display:block;position:relative;width:100%;height:100%;overflow:hidden;border-radius:8px}
.home-page .Cooldog_content li img{display:block;width:100%;height:100%;object-fit:cover;border-radius:8px}
.home-page .home-slide-caption{position:absolute;left:0;right:0;bottom:0;padding:56px 24px 24px;box-sizing:border-box;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff}
.home-page .home-slide-caption h2{margin:0 0 8px;font-size:28px;font-weight:600;line-height:1.3;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.home-page .home-slide-caption p{font-size:15px;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.home-page .home-slide-caption p:empty{display:none}
.home-page .p1{transform:translate3d(-577px,0,0) scale(.81);opacity:.4;z-index:1}
.home-page .p2{transform:translate3d(-325px,0,0) scale(.81);transform-origin:0 50%;opacity:.6;z-index:2}
.home-page .p3{transform:translate3d(-125px,0,0) scale(.81);transform-origin:0 50%;opacity:.8;z-index:3}
.home-page .p4{transform:translate3d(0,0,0) scale(1);opacity:1;z-index:4}
.home-page .p5{transform:translate3d(220px,0,0) scale(.81);transform-origin:0 50%;opacity:.8;z-index:3}
.home-page .p6{transform:translate3d(425px,0,0) scale(.81);transform-origin:0 50%;opacity:.6;z-index:2}
.home-page .p7{transform:translate3d(625px,0,0) scale(.81);transform-origin:0 50%;opacity:.4;z-index:1}

.home-page .comiis_mh_tit04,.home-page .comiis_mhalbum_list{width:min(1200px,calc(100% - 24px));margin-right:auto;margin-left:auto;box-sizing:border-box}
.home-page .comiis_mhalbum_list{padding:7px 6px 6px}
.home-page .comiis_mhalbum_list ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.home-page .comiis_mhalbum_list li{float:none;width:auto;min-width:0;margin:0;padding:0}
.home-page .comiis_mhalbum_list li img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px}
.home-page .comiis_mhalbum_list .mhalbum_tit{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

@media(max-width:767px){
  .home-page .home-slide-caption{padding:36px 12px 12px}
  .home-page .home-slide-caption h2{margin-bottom:5px;font-size:20px}
  .home-page .home-slide-caption p{font-size:13px;line-height:1.4}
  .home-page .comiis_mh_tit04,.home-page .comiis_mhalbum_list{width:calc(100% - 16px)}
  .home-page .comiis_mhalbum_list ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}