/* ヘッダー */
header{
    background-color: #f2e3a0;
}
header .site-name{
    background-color: #DBA566;
}
header .menu{
    background-color: #9776AA;
}
header .select{
    background-color: #E09ECA;
}
header .select ul{
    background-color: #9EB7E0;
}

/* メイン */
main{
    background-color: rgb(252, 185, 199);
} 
main .genre-panel{
    background-color: rgb(171, 151, 226);
}
main .filter-panel{
    background-color: rgb(209, 239, 241);
}
main .filter-panel > div > div{
    background-color: rgb(153, 223, 255);
}
main .filter-panel select{
    background-color: rgb(215, 248, 255);
}
main .filter-panel ul{
    background-color: rgb(176, 229, 246);
}
main .filter-panel li{
    background-color: rgb(209, 247, 255);
}
main .search-result{
    background-color: rgba(248, 206, 157, 1);
}
main .work{
    background-color: rgba(160, 216, 145);
}
main .work > ul > li{
    background-color: rgb(194, 255, 252);
}
main .work .container{
    background-color: rgb(115, 220, 236);
}
main .work .container .work-thumbnail {
    background-color: rgba(239, 137, 137, 1);
}
main .work .container .work-tittle {
    background-color: rgba(162, 45, 255, 0);
}
main .work .container .work-genres{
    background-color: rgba(255, 243, 121, 1);
}
main .work .container .work-summary{
    background-color: rgba(255, 212, 143, 1) ;
}
main .work .container .work-jump{
    background-color: rgba(131, 229, 145, 1);
}

/* メニューパネル */
.menu-panel{
    background-color: rgba(255, 150, 174, 1);
}
.menu-panel div{
    background-color: rgba(255, 227, 228, 1);
}
.menu-panel ul{
    background-color: rgb(255, 215, 233);
}
.menu-panel li{
    background-color: rgba(254, 230, 205, 1);
}