/*===============================================
pc 画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 769px){

    ul.sitemap{
        width:800px;
        margin: 0px auto 40px auto;
        list-style: none;
    }
    ul.sitemap li{
        padding:0px;
        border-bottom: 1px dotted #ccc;
        font-size: 120%;
    }
    ul.sitemap li a:before{
        content:"　◆　";
    }
    ul.sitemap li a{
        width:100%;
        height:50px;
        line-height:50px;
        text-decoration: none;
        display: block;
    }
    ul.sitemap li a:hover,
    ul.sitemap li a:active{
        background:#333;
        color:#fff;
    }
    
}

/*===============================================
tablet 画面の横幅が641px～768pxまで
===============================================*/
@media screen and (min-width: 641px) and (max-width: 768px) {
    
        ul.sitemap{
        width:80%;
        margin: 0px auto 40px auto;
        list-style: none;
    }
    ul.sitemap li{
        padding:0px;
        border-bottom: 1px dotted #ccc;
        font-size: 120%;
    }
    ul.sitemap li a:before{
        content:"　◆　";
    }
    ul.sitemap li a{
        width:100%;
        height:50px;
        line-height:50px;
        text-decoration: none;
        display: block;
    }
    ul.sitemap li a:hover,
    ul.sitemap li a:active{
        background:#333;
        color:#fff;
    }
    
}

/*===============================================
smart  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
    
    ul.sitemap{
        width:80%;
        margin: 0px auto 40px auto;
        list-style: none;
    }
    ul.sitemap li{
        padding:0px;
        border-bottom: 1px dotted #ccc;
        font-size: 120%;
    }
    ul.sitemap li a:before{
        content:"　◆　";
    }
    ul.sitemap li a{
        width:100%;
        height:50px;
        line-height:50px;
        text-decoration: none;
        display: block;
    }
    ul.sitemap li a:hover,
    ul.sitemap li a:active{
        background:#333;
        color:#fff;
    }
    
}