@charset "utf-8";
/* CSS Document */
#cuisine .bg_blue.cui01,#cuisine .bg_blue.cui01 *{
    box-sizing: border-box;
}
#cuisine .bg_blue.cui01 .cuisine_btn,#cuisine .bg_blue.cui01 .cuisine_btn *{
    margin: 0;
    padding: 0; 
}
#cuisine .bg_blue.cui01 .inner{
    max-width:none;
    width:min(100%,1200px);
    margin-inline: auto;
}
#cuisine .bg_blue.cui01 .cuisine_btn{
    display: grid;
    margin-inline: auto;
    padding:20px 15px 0;
}
#cuisine .bg_blue.cui01 .cuisine_btn img{
    width:100%;
    height: auto;
    aspect-ratio: 215 / 143;
    object-fit: cover;
}
#cuisine .bg_blue.cui01 .cuisine_btn > li{
    display:contents;
}
#cuisine .bg_blue.cui01 .cuisine_btn > li a{
    width:100%;
    height: auto;
    display: grid;
    gap: 10px 0;
    grid-template-rows: subgrid;
    grid-row: span 2;
    line-height: 1.2;
    padding:10px;
    background: rgba(255,255,255,0.7);
}
.cuisine_btn span span{
    display: inline-block;
}
.cuisine_btn a > span{
    align-self: center;
}
@media screen and (min-width:1025px){
    #cuisine .bg_blue.cui01 .cuisine_btn{
        grid-auto-flow: column;
        grid-template-rows: minmax(0,1fr);
        grid-auto-columns:  minmax(0,1fr);
        gap:15px;

    } 
    #cuisine .bg_blue.cui01 .cuisine_btn:after{
        display:none;
    }
}
@media screen and (min-width:481px) and (max-width:1024px){
    #cuisine .bg_blue.cui01 .cuisine_btn{
        grid-template-columns: repeat(4,minmax(0,1fr));
    } 
    #cuisine .bg_blue.cui01 .cuisine_btn li a{
        grid-column: span 2;
    }
    #cuisine .bg_blue.cui01 .cuisine_btn li:last-of-type a{
        order:10;
    }
    #cuisine .bg_blue.cui01 .cuisine_btn:has(:last-of-type):has(:nth-of-type(2n+1)):after{
        content:"";
        order:9;
    }
}
@media screen and (max-width:1024px){
    
}
@media screen and (max-width:480px){
    #cuisine .bg_blue.cui01 .cuisine_btn{
        grid-template-columns: minmax(0,1fr); 
    }
    
}