#bg{display:none}@media screen and (min-width: 751px){#bg{display:block}}.topLogo{display:block;width:40vw;position:relative;top:8vw;left:0;right:0;margin:0 auto 9.33333vw}@media screen and (min-width: 751px){.topLogo{display:none}}.topLogo img{vertical-align:top}@media screen and (min-width: 751px){.topLogo img{vertical-align:bottom}}@media screen and (min-width: 751px){main{padding:7.8125vw 0 0}}@media screen and (min-width: 1280px){main{padding:100px 0 0}}@media screen and (min-width: 751px){#titlesCol{display:flex;flex-wrap:wrap;align-items:flex-end}}#titlesCol h2{width:100%;-webkit-background-clip:text;background-size:auto;background-image:url(../../images/renewal/common/bg_txt.png);font-size:8.53333vw;color:transparent}@media screen and (min-width: 751px){#titlesCol h2{background-size:auto;width:inherit;margin-right:1.5625vw;font-size:3.125vw}}@media screen and (min-width: 1280px){#titlesCol h2{margin-right:30px;font-size:50px}}#titlesCol .category{display:flex;flex-wrap:wrap;margin:4vw 0;gap:2vw 0;font-size:3.73333vw}@media screen and (min-width: 751px){#titlesCol .category{margin:1.5625vw 0 0 0;gap:1.17188vw 0;font-size:.9375vw}}@media screen and (min-width: 1280px){#titlesCol .category{font-size:16px}}#titlesCol .category li{border-left:1px solid #fff;padding:.4vw 3.33333vw;line-height:1}@media screen and (min-width: 751px){#titlesCol .category li{padding:.3125vw .78125vw}}@media screen and (min-width: 1280px){#titlesCol .category li{padding:2px 15px}}#titlesCol .category li.is-active{background:#fff;color:#000}@media (hover: hover){#titlesCol .category li{cursor:pointer;transition:.2s ease-out}#titlesCol .category li:hover{background:#fff;color:#000}}#titlesCol .category li:nth-child(4){border-right:1px solid #fff}@media screen and (min-width: 751px){#titlesCol .category li:nth-child(4){border-right:none}}#titlesCol .category li:nth-child(7){border-right:1px solid #fff}#titlesCol .titlesList{margin-bottom:8vw}@media screen and (min-width: 751px){#titlesCol .titlesList{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;margin:1.5625vw 0}}@media screen and (min-width: 1280px){#titlesCol .titlesList{margin:20px 0}}@media screen and (min-width: 1280px){#titlesCol .titlesList::after{content:"";display:block;width:32%}}#titlesCol .titlesList li{display:flex;margin-bottom:4vw}@media screen and (min-width: 751px){#titlesCol .titlesList li{width:48.5%;margin-bottom:1.17188vw}}@media screen and (min-width: 1280px){#titlesCol .titlesList li{width:32%;margin-bottom:15px}}#titlesCol .titlesList .inner{display:flex;flex-direction:column;background:rgba(0,0,0,0.3);border:1px solid #3b3b3b}@media (hover: hover){#titlesCol .titlesList .inner{transition:.2s ease-out}}#titlesCol .titlesList .thum{background:#111111;text-align:center}#titlesCol .titlesTxt{flex-grow:1;padding:4vw;font-size:3.73333vw}@media screen and (min-width: 751px){#titlesCol .titlesTxt{padding:1.17188vw;font-size:1.09375vw}}@media screen and (min-width: 1280px){#titlesCol .titlesTxt{padding:15px;font-size:16px}}#titlesCol .titlesTxt .titlesName{font-weight:bold;font-size:4.4vw}@media screen and (min-width: 751px){#titlesCol .titlesTxt .titlesName{font-size:1.25vw}}@media screen and (min-width: 1280px){#titlesCol .titlesTxt .titlesName{font-size:18px}}@media screen and (min-width: 751px){#titlesCol .titlesTxt .date{margin:.78125vw 0 0}}@media screen and (min-width: 1280px){#titlesCol .titlesTxt .date{margin:10px 0 0}}#titlesCol .titlesTxt .date .platformCol{display:flex;justify-content:flex-start;gap:0 2.66667vw;margin-top:.39063vw}@media screen and (min-width: 751px){#titlesCol .titlesTxt .date .platformCol{gap:0 .78125vw;margin-top:.39063vw}}@media screen and (min-width: 1280px){#titlesCol .titlesTxt .date .platformCol{gap:0 10px;margin-top:5px}}#titlesCol .titlesTxt .date .platformCol p{font-size:2.66667vw}@media screen and (min-width: 751px){#titlesCol .titlesTxt .date .platformCol p{line-height:1;font-size:.9375vw}}@media screen and (min-width: 1280px){#titlesCol .titlesTxt .date .platformCol p{font-size:16px}}#titlesCol .titlesTxt .date .platformCol p.pfAc{color:#ffc400}#titlesCol .titlesTxt .date .platformCol p.pfPs{color:#309efd}#titlesCol .titlesTxt .date .platformCol p.pfXb{color:#9bf00b}#titlesCol .titlesTxt .date .platformCol p.pfWi{color:#75f6ff}#titlesCol .titlesTxt .date .platformCol p.pfDs{color:#e41d1d}#titlesCol .titlesTxt .date .platformCol p.pfSt{color:#94afbd}#titlesCol .titlesTxt .date .platformCol p.pfAp{color:#f54e00}#titlesCol .titlesTxt .date .platformCol p.pfOt{color:#9f01e9}#titlesCol .titlesTxt .date .platformCol p+p{border-left:1px solid #3b3b3b;padding-left:1.33333vw}@media screen and (min-width: 751px){#titlesCol .titlesTxt .date .platformCol p+p{padding-left:.78125vw}}@media screen and (min-width: 1280px){#titlesCol .titlesTxt .date .platformCol p+p{padding-left:10px}}#titlesCol .official{position:relative;border:1px solid #e00000;width:90%;margin:0 auto 4vw;font-weight:bold;color:#e00000;text-align:center}@media screen and (min-width: 751px){#titlesCol .official{margin-bottom:1.17188vw}}@media screen and (min-width: 1280px){#titlesCol .official{margin-bottom:15px}}@media (hover: hover){#titlesCol .official{transition:.2s ease-out}}#titlesCol .official::before{content:'';width:2.66667vw;height:2.66667vw;border-top:.66667vw solid #e00000;border-right:.66667vw solid #e00000;position:absolute;transform:rotate(45deg);top:0;right:5%;bottom:0;margin:auto 0}@media screen and (min-width: 751px){#titlesCol .official::before{width:.625vw;height:.625vw;border-top:.23438vw solid #e00000;border-right:.23438vw solid #e00000}}@media screen and (min-width: 1280px){#titlesCol .official::before{width:8px;height:8px;border-top:3px solid #e00000;border-right:3px solid #e00000}}#titlesCol a{text-decoration:none;color:#fff}@media (hover: hover){#titlesCol a:hover.inner{border:1px solid #e00000}#titlesCol a:hover img{opacity:0.6}#titlesCol a:hover .official{background:#e00000;color:#fff}}@media screen and (hover: hover) and (min-width: 751px){#titlesCol a:hover .official::before{border-top:.23438vw solid #fff;border-right:.23438vw solid #fff}}@media screen and (hover: hover) and (min-width: 1280px){#titlesCol a:hover .official::before{border-top:3px solid #fff;border-right:3px solid #fff}}

/*# sourceMappingURL=maps/titles.css.map */