/*
***************************
* カテゴリー一覧画面スタイル（チャレンジクイズ）
***************************
*/
@charset "utf-8";

/* 配置の指定 */
#grid-list{
    grid-template-areas:
    "area-0 none-1"
    "area-0 area-1"
    "area-2 area-1"
    "area-2 area-3"
    "none-2 area-3";
}
.grid-area-0{
    grid-area:area-0;
    height:fit-content;
    padding:2vw 0rem 0rem 0rem;
    margin-right:-2vw;
}
.grid-area-1{
    grid-area:area-1;
    height:fit-content;
    padding:0rem 0rem 2vw 4vw;
    margin-top:-2vw;
}
.grid-area-2{
    grid-area:area-2;
    height:fit-content;
    padding:2vw 4vw 2vw 0rem;
}
.grid-area-3{
    grid-area:area-3;
    height:fit-content;
    padding:0rem 0rem 2vw 0rem;
    margin-left:-4vw;
}

/* グレースケール表示明るさ調整 */
.gray-scale1 {
    filter: grayscale(100%) brightness(115%);
}

.gray-scale2 {
    filter: grayscale(100%) brightness(115%);
}

.gray-scale3 {
    filter: grayscale(100%) brightness(250%);
}

.gray-scale4 {
    filter: grayscale(100%);
}