@charset "utf-8";

.siteKitCage {margin-top: 6rem; position: relative; padding: 20px;  background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/official/treasure/sitekitBg_pc.jpg) center bottom no-repeat; }
.siteKitCage::before {content: ""; position: absolute; bottom: 0; right: 0; width: 540px; height: 450px; background: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/official/treasure/sitekitChara.png); background-size: contain; }
.siteKitCage__content {position: relative; }

@media screen and ( max-width: 767px) {
    .siteKitCage {margin-top: 10rem; padding: 10px; }
    .siteKitCage::before {height: 330px; width: 396px; }
}

@media screen and ( max-width: 575px) {
    .siteKitCage {position: relative; margin-top: 0; height: 0; padding-top: 140.8450704%; background-size: contain; background-image: url(https://ncjapan2.nefficient.jp/ncjapan/ncsoft/lm/official/treasure/siteKitBg.png)}
    .siteKitCage__inner {position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; justify-content: flex-end; padding: 20px; }
    .siteKitCage::before {content: none; }
    .siteKitCage__text {padding: 0.1em 0; background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 20%, rgba(0,0,0,.5) 80%, rgba(0,0,0,0) 100%); }
}

.wallpaperCard a {text-decoration: none; }
.wallpaperCard__imgHolder {flex-shrink: 0; }