/* pbv-b ltr */

body{overflow-y:auto; background-color:#F1F1F1;}
section {margin-top:0; padding:0; background-color:#F1F1F1;}

.main header{display:none;}
.main nav{display:none;}
.mainWrap {width:100%; max-width:1280px; margin:0 auto; padding:40px 20px;}

.mainSearch{display:flex; padding-bottom:8px; margin-bottom:40px; align-items:center; border-bottom:1px solid #757575;}
.mainSearch img{width:20px; margin-right:10px;}
.mainSearch input{width:100%; height:35px; padding:0 10px; border:none; outline:none; background-color:transparent; font-size:18px;}

.cover_list {display:grid; grid-template-columns: 1fr; grid-auto-rows: minmax(auto, max-content); row-gap:8px;}
.cover_list li {display:flex; width: 100%;}
.cover_list li a {display:flex; width:100%; height:100%; align-items: center; justify-content: flex-start; padding:9px 16px 8px; border: 1px solid #ccc; border-radius: 4px; background-color: #fff;}
.cover_list li img{width:40px; height:40px; margin-right:20px;}
.icon-box {display: flex; align-items: center; justify-content: center; width:46px; height:46px; flex-shrink: 0;}
.icon-box img { width:100%; height:auto;}
.text-box {flex: 1; display: flex; align-items: center; white-space: normal; word-break: break-word; text-align: left; margin-left:16px;}

.caution_txt{padding-top:20px; padding-bottom:80px; font-size:12px;}
.mask {top:0; height:calc(var(--vh, 1vh) * 100); overflow:hidden;}

.footer-wrap{max-width:1200px;}

@media screen and (min-width: 712px) {
    .mainWrap {padding:40px 40px 80px;}
    .cover_list {grid-template-columns: repeat(2, 1fr); row-gap: 10px; column-gap: 20px;}
    .cover_list li a {padding:9px 20px 8px;}
    .text-box {margin-left:20px;}
    .caution_txt{padding-bottom:40px;}
}

@media screen and (min-width: 1000px) {
    /* .cover_list{grid-template-columns: repeat(3, 1fr);} */
    .caution_txt{padding-bottom:10px;}
}









/* Dark Mode */
@media (prefers-color-scheme: dark) {
    section, .mainWrap {background: #05141f; color: #fff;}
    .mainSearch{border-bottom:1px solid #CCD0D3;}
    .mainSearch input::placeholder {color: rgba(255,255,255, 0.8);}
    .cover_list li a{border:1px solid #515b62; background-color:#2d343e;}
    .cover_list li img {filter: invert(100);}
}