@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap');@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Serif+Display:ital@0;1&display=swap');@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');.listContents{display:grid;grid-template-columns:repeat(auto-fit, minmax(425px, 1fr));grid-gap:25px}.listContents .contentsBox{display:flex;flex-direction:column;justify-content:space-between;gap:5px;max-width:600px}.listContents .contentsBox .img{flex:1;border-radius:20px;overflow:hidden;position:relative}.listContents .contentsBox .img::before{content:"";display:block;padding-top:56.25%}.listContents .contentsBox .img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.listContents .contentsBox .img iframe{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.listContents .contentsBox .info{display:flex;flex-direction:column;gap:10px}.listContents .contentsBox .info .head{display:flex;gap:10px;justify-content:space-between;align-items:center;height:48px}.listContents .contentsBox .info .head .title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.listContents .contentsBox .info .head .title .clicL,.listContents .contentsBox .info .head .title a{color:#2d3964;font-size:1.25rem}.listContents .contentsBox .info .head .action .wishContent a{border:none;background-color:transparent;font-size:1.25rem;padding:5px;color:#a40041;border-radius:50px;box-shadow:0px 0px 4px 0px #b9bac6}.listContents .contentsBox .info .content{display:flex;gap:10px;justify-content:space-between;align-items:center}.listContents .contentsBox .info .content .details{display:flex;flex-direction:column;gap:3px}.listContents .contentsBox .info .content .details .line{display:flex;align-items:center;gap:15px}.listContents .contentsBox .info .content .details .line>div{white-space:nowrap}.listContents .contentsBox .info .content .details .line i{display:inline-block;margin-right:5px;color:#a40041}.listContents .contentsBox .info .content .details .line .available{color:#005422}.listContents .contentsBox .info .content .details .line .available i{color:#005422}.listContents .contentsBox .info .content .details .line .notavailable{color:#534000}.listContents .contentsBox .info .content .details .line .notavailable i{color:#534000}.listContents .contentsBox .info .content .link{display:flex;justify-content:center;align-items:end;gap:5px}.listContents .contentsBox .info .content .link .clicL,.listContents .contentsBox .info .content .link a{font-family:'Karla',sans-serif;color:#fff;font-weight:500;padding:7px 30px;background-color:#a40041;margin:0;border:0;border-radius:150px;cursor:pointer;display:inline-block;text-align:center}.listContents .contentsBox .info .content .link .clicL i:not(:last-child),.listContents .contentsBox .info .content .link a i:not(:last-child){margin-right:5px}.listContents .contentsBox .info .content .link .clicL span,.listContents .contentsBox .info .content .link a span{display:inline-block}.listContents .contentsBox .info .content .link .clicL:hover,.listContents .contentsBox .info .content .link a:hover{background-color:#2d3964;color:#fff}.listContents .contentsBox .info .content .link .clicL:disabled,.listContents .contentsBox .info .content .link a:disabled,.listContents .contentsBox .info .content .link .clicL[disabled],.listContents .contentsBox .info .content .link a[disabled]{cursor:not-allowed;opacity:.8}body.mobile .listContents .contentsBox .info .content .link .clicL,body.mobile .listContents .contentsBox .info .content .link a{font-size:1rem;padding:11px 25px}.listContents .contentsBox .info .content .link .print{font-family:'Karla',sans-serif;font-weight:500;padding:7px 30px;background-color:#a40041;margin:0;border:0;border-radius:150px;cursor:pointer;display:inline-block;text-align:center;color:#fff;padding:5px 7px}.listContents .contentsBox .info .content .link .print i:not(:last-child){margin-right:5px}.listContents .contentsBox .info .content .link .print span{display:inline-block}.listContents .contentsBox .info .content .link .print:hover{background-color:#2d3964;color:#fff}.listContents .contentsBox .info .content .link .print:disabled,.listContents .contentsBox .info .content .link .print[disabled]{cursor:not-allowed;opacity:.8}body.mobile .listContents .contentsBox .info .content .link .print{font-size:1rem;padding:11px 25px}.listContents .contentsBox .info .content .link .print i{margin-right:0px;font-weight:lighter}.listContents .contentsBox.resource .info .head .action .wishContent a{color:#38416e}.listContents .contentsBox.resource .info .content .details a,.listContents .contentsBox.resource .info .content .details i{color:#38416e}.listContents .contentsBox.resource .info .content .link .clicL,.listContents .contentsBox.resource .info .content .link a{background-color:#38416e}.listContents .contentsBox.tutorial .info .head .action .wishContent a{color:#225946}.listContents .contentsBox.tutorial .info .content .details a,.listContents .contentsBox.tutorial .info .content .details i{color:#225946}.listContents .contentsBox.tutorial .info .content .link .clicL,.listContents .contentsBox.tutorial .info .content .link a{background-color:#225946}.listContents.light{display:grid;justify-content:space-between;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));grid-gap:15px}.listContents.light .contentsBox{max-width:300px}.listContents.light .contentsBox .info .head .title .clicL,.listContents.light .contentsBox .info .head .title a{font-size:1rem}.listContents.light .contentsBox .info .content{justify-content:space-around}body.mobile .listContents{display:flex;flex-direction:column}body.mobile .listContents>.contentsBox{width:100%;margin:auto}body.mobile .listContents>.contentsBox .info .head{align-items:flex-start;overflow:hidden;height:auto}body.mobile .listContents>.contentsBox .info .content{display:block}body.mobile .listContents>.contentsBox .info .content .link{margin-top:15px;text-align:center}body.mobile .listContents>.contentsBox .info .content .link .clicL,body.mobile .listContents>.contentsBox .info .content .link a{padding:11px 17px}