@media screen and (min-width: 480px) {
	/*ウィンドウ幅が480px以上の場合にCSSを適用*/
    
    #tokusyuu_top{
        width: 100%;
        height: auto;
        margin: 0 auto;
    }
    
    #tokusyuu_width{
        width: 910px;
        height: auto;
        margin: 0 auto;
    }
    
    .neko_text{
        font-size: 1.1em;
        margin:3em 0 5em;
        text-align: center;
        color: #4d443e;
    }
    
    #tokusyuu_top h1{
        font-size: 1.15em;
        font-weight: 500;
        letter-spacing: 0.1em;
        font-family: "NotoSansJP", Meiryo, "sans-serif";
        margin: 0;
        text-align: center;
        color:#6b6058;
    }
    
    
    #tokusyuu_top h2{
        font-size: 2.6em;
        font-family: "Avenir","NotoSansJP";
        margin: 0;
        text-align: center;
        color:#6b6058;
        letter-spacing: 0.1em;
    }
    
    #tokusyuu_top h2::after {
    content: "";
    border-bottom: #6b6058 1px solid;
    width: 100px;
    height: 1px;
    display: block;
    margin: 10px auto 0;
}
    
    #tokusyuu_top h3{
    font-size:1.4em;
    padding: 1vw;
    margin: 3em 0 3em 0;   
    }

    #tokusyuu_top #tokusyuu_width .link {
        width: 40%;
    }
    
    #tokusyuu_top #tokusyuu_width .link a {
        width: auto;
        display: block;
        border-radius: 30px;
        text-align: center;
        padding: 10px;
        font-size: 1.3em;
        font-weight: 500;
    }
    
    #tokusyuu_top #tokusyuu_item{
        width: 100%;
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
        padding: 0;
        margin-top: 2em;
        margin-bottom: 5em;
    }
    
    #tokusyuu_top #tokusyuu_item a{
        display: block;
        width: 31%;
        border-radius: 10px;
        overflow: hidden;
        border: #6b6058 solid 1px;
        margin-bottom: 40px;
        text-decoration: none;
        color: #6b6058;
        text-align: left;
    }
    
    #tokusyuu_top #tokusyuu_item a .tokusyuu_item_div img {
         width: 100%;
    }

    #tokusyuu_top #tokusyuu_item a .tokusyuu_item_div .detail{
        width: 100%;
        padding: 0 14px 10px;
        display: block;
    }
    
    #tokusyuu_top #tokusyuu_item a .tokusyuu_item_div .detail .name{
        width: 100%;
        height: auto;
        margin-bottom: 10px;
        overflow: hidden;
        display: block;
    }
    
    #tokusyuu_top #tokusyuu_item a .tokusyuu_item_div .detail .price{
        font-weight: 600;
        font-size: 1.4em;
        color: #4d443e;
    }
    
    #tokusyuu_top #tokusyuu_item a .tokusyuu_item_div .detail .en{
        font-weight: 600;
        font-size: 0.7em;
    }

   .catebanner {
        text-align: center;
        margin: 1em auto;
        color: #4d443e;
    }
    
   .catebanner a img{
        width:90%;
        text-align: center;
        margin: 0 auto;
    }
    
    .tyui_kakaku{
        margin: 5em 0;
        text-align: center;
        font-size: 1em;
        color: #4d443e;
    }
    
    .nyugaku_saigo{
        width:90%;
        margin: 0 auto;
    }
}
    
    

@media screen and (max-width: 479px) {
/*ウィンドウ幅が0～479pxの場合にCSSを適用*/
    
        #tokusyuu_top{
        width: 100vw;
        height: auto;
        margin: 0 auto;
        background: #FFFFFF;
        clear: both;
        font-size: 2vw;
    }
    
        #tokusyuu_width{
        width: 100%;
        height: auto;
        margin: 0 auto;
    }
    
    .neko_text{
        font-size: 2em;
        margin:3em 0 5em;
        padding: 0 1.2em;
        text-align: center;
        color: #4d443e;
    }
    
    #tokusyuu_top h1{
        font-size: 1.15em;
        font-weight: 500;
        letter-spacing: 0.1em;
        font-family: "NotoSansJP", Meiryo, "sans-serif";
        margin: 0;
        text-align: center;
        color:#6b6058;
    }
    
    #tokusyuu_top h2{
        font-size: 2.6em;
        font-family: "Avenir";
        margin: 0;
        text-align: center;
        color:#6b6058;
        letter-spacing: 0.1em;
    }
    
    #tokusyuu_top h2::after {
        content: "";
        border-bottom: #6b6058 1px solid;
        width: 10vw;
        height: 1px;
        display: block;
        margin: 2vw auto 0;
    }
    
    #tokusyuu_top #tokusyuu_item{
        width: 100vw;
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
        padding: 0;
        margin-top: 4vw;
        margin-bottom: 13vw;
        padding: 0 2vw;
    }

    #tokusyuu_top #tokusyuu_width .link {
        width: 60%;
    }
    
    #tokusyuu_top #tokusyuu_width .link a {
        width: auto;
        display: block;
        border-radius: 30px;
        border: #6b6058 solid 0.8px;
        text-align: center;
        padding: 10px;
        font-size: 1.3em;
        font-weight: 500;
    }
    
    
    #tokusyuu_top #tokusyuu_item a{    
        display: block;
        width: 31%;
        border-radius: 0;
        overflow: hidden;
        border: none;
        margin-bottom: 7vw;
        text-decoration: none;
        color: #696969;
        text-align: left;
    }
    
    #tokusyuu_top #tokusyuu_item a .tokusyuu_item_div img {
         width: 100%;
    }

    #tokusyuu_top #tokusyuu_item a .tokusyuu_item_div .detail{
        width: 100%;
/*        padding: 0 14px 10px;*/
        display: block;
    }
    
    #tokusyuu_top #tokusyuu_item a .tokusyuu_item_div .detail .name{
        display: block;
        width: 100%;
        height: auto;
        overflow: hidden;
        font-size:1.3em;
    }
    
    #tokusyuu_top #tokusyuu_item a .tokusyuu_item_div .detail .price{
        display: block;
        width: 100%;
        color: #4d443e;
        font-weight: 600;
        font-size: 2em;
        margin-top: 1vw;
        text-align: right;
    }
    
    #tokusyuu_top #tokusyuu_item a .tokusyuu_item_div .detail .en{
        color: #4d443e;
        font-weight: 600;
        font-size: 0.5em;
    }

   .catebanner {
        margin: 1em auto;
    }
    
   .catebanner a img{
        width:95%;
        margin: 0 auto;
    }

    .tyui_kakaku{
        margin: 5em 0;
        text-align: center;
        font-size:1.3em;
        color: #4d443e;
    }
    
    .nyugaku_saigo{
        width:94%;
        margin: 0 auto;
    }

}