@charset "utf-8";

/* basestyle */
body{
    font-family: 'Noto Sans JP', "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-size: 15px;
    line-height: 1.5;
    color:#333;
    background-color:darkgrey;
}

.section-category{
    text-align: left ;
    list-style: none ;
}

.headline{
    margin: 250px 0 20px 0 ;
    padding:0 0 0 70px;
    font-size: 24px ;
    text-align:left ;
    color:antiquewhite ;
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.grid{
    margin: 0;
    padding: 0;
    display: inline-block ;
    align-items: center;

    list-style: none ;
}

/*.grid-4{
    width: 100%;
}*/

.girditem{
    list-style: none ;
}

.categoryname{
    font-weight: bold;
    padding: 0 15px;
}
.categoryimage{
    margin: 0 0 5px 16px;
    vertical-align: top
}

.categoryimage:hover{
    background-color:rgb(208, 236, 201);
    transform: scale(1.1); 
    transition-duration: 1s; color: white;
}

.categorycaption{
    margin: 0 0 30px 56px;
    font-size: 11px;
    font-weight: normal;
}