.folder-icon{font-size:10vw;margin:0.5em 0}

.tab{border:4px ridge #abb8c8;width:100%;background-color:white;}
.tab-content section{padding:5px;margin-bottom:1.5em;index:2}
.tab-content section:last-child{margin-bottom:0}
/*背景点々*/
.folder-title{border-bottom:solid 1px black;padding:3px;font-weight:bold;font-size:1.1em;background-image:radial-gradient(#BABABA 30%, transparent 30%);background-size:3px 3px;background-color:white}

.gridbox{background-image: linear-gradient(0deg, transparent calc(100% - 0.5px), #BABABA calc(100% - 0.5px)),linear-gradient(90deg, transparent calc(100% - 0.5px), #BABABA calc(100% - 0.5px));
  background-size: 20px 20px;
  background-repeat: repeat;
  background-position: center center}
  
.tab-filter-btn::before {
  content: "📁";
}
.tab-filter-btn.active::before {
  content: "📂";
}

/*トップへ戻る*/
#page-top {z-index:10;position:fixed;top:70px;left:50%;left:50%;transform: translateX(-50%);background:#238efe;padding:5px 0;border-radius:50px;text-align:center}
#page-top a{color:white;display:block;width:100%;text-decoration:none;-webkit-tap-highlight-color: transparent;}
@media (min-width:751px){#page-top{width:20em}}
@media only screen and (max-width:767px){#page-top{width:50%}}