#header_back_btn{border:1px solid white;margin:0;padding: 0em 0.4em;margin-right:0.3em;}
#header_back_btn:hover{background: white; color:#FF5768; }
           
           
@media screen and (min-width: 0px) and (max-width: 320px) {
    /* グローバル */
    #container{width:100%;}
    #contents_main{width:100%;}
    #contents_navi{width: 100%;}

    .sidebox{width: 100%;}
    #menu{height: auto;}
    h2{clear: both;}
    .guide{display: none;}



}

@media screen and (min-width: 321px) and (max-width: 800px) {
    /* グローバル */
    #container{width:100%;}
    #contents_main{width:100%;}
    #contents_navi{width: 100%;}

    .head02{display: none;}
    #menu{height: auto;}
    h2{clear: both;}


    .sidebox{width: 100%;}

    /* ページ */
}


@media screen and (min-width: 0px) and (max-width: 1000px) {
    .guide{display: none;}

    #foot{background-image: none ;background: #F9C3C9; position: static; width:auto;height: auto;;padding:0.2em;}
    #foot_title{position: static; text-align: left;float: none;width:auto;height: auto;font-weight: bold;}
    #foot_info{position: static; text-align: left;float: none;width:auto;height: auto;}
    #foot_eigyo{position: static;text-align: left;;float: none;width:auto;height: auto;}
    #footer{width: 95%;background: #FF5768;padding:0.5em;text-align: center;}

            
}

@media screen and (min-width: 0px) and (max-width: 800px) {
    #all{padding-top: 0px;}
    #find_f_keyword_header{width:60%;}

    /* PARTS ： 商品一覧 */
    .prod{width:100%;height:auto;float:none;background:#efefef;border:1px solid #E1E1E1;margin:inherit;margin-bottom:0.1em;font-size: 1.1rem;}
    .prod:after{clear:both;}
    .prod .thumb{float:left;margin-right:5px;}
    .prodInfo{line-height:1.1;display: inline;}  
    .prod a{font-size: 1rem;text-decoration: none;}


    .productLeft{width:100%;float:none;text-align: center;}
    .productRight{width:100%;float:none;}

    .pc_display{display: none;}
    .sp_display{display: block;}
    
    
    #container{padding-top:50px;}

    .ticker{display: none;}
    .all_bar{display: none;}
    
    
        .sale{width: 95%;}  
        .sale_title{width: 95%;}  
        .sale_box{width: 95%;}  
}

@media screen and (min-width: 0px) and (max-width: 500px) {
    #logo img{width: 50%;}
    #logo{position: relative;left: 0;top:0px;}

    #menu{display: none;}

    #header{width:auto;height:auto;margin:0px auto;padding:0px;clear:both;position: relative;}


    .headerMenu{height: 40px;overflow: hidden;position: relative;top: inherit;left:inherit;}
    .head01{display: none;;}
    .head02{float:none;width:auto;height:auto;margin-top:auto;}
    .head03{float:none;width:auto;height:auto;margin-top:auto;line-height: 2em;text-align: center;display: none;}
    .head03 a{font-size:1.2rem;margin:0px 5px;}
    .head04{position: relative;right: inherit;top:inherit;}
    .head04 #telbox{font-size:18px;font-weight: bold;text-align: right;}

    #page_login_form td{display: block;}
    #page_login_form th{display: block;}



    #snsbtn{display: none;}
    .head02{display: none;}    

    /* ページ */
    #page_login_form{width:100%;margin:0px auto;}


}

/************************
メディアクエリ設定 0〜320
*************************/
@media screen and (min-width: 0px) and (max-width: 320px) {

}
/**************************
メディアクエリ設定 321〜639
**************************/
@media screen and (min-width: 321px) and (max-width: 639px) {

}
/***************************
メディアクエリ設定 640〜1079
***************************/
@media screen and  (max-width: 1079px) {
    ul.tags{
       margin: 0;
        padding: 0;
        list-style: none;
    }
    ul.tags li {
        
        display: inline-block;
        margin: 0 0 .3em 1em;
        padding: 0;
    }
    ul.tags  li a {
        height: auto;
    }
}
/************************
メディアクエリ設定 1080〜
************************/
@media screen and (min-width: 1080px) {
    /*タグ*/
    ul.tags {
        margin: 0;
        padding: 0;
        padding-left:10px;padding-top:5px;
        list-style: none;

    }
    ul.tags li {
        display: inline-block;
        margin: 0 0 .3em 1em;
        padding: 0;
    }
    ul.tags li.blink a{
        background-color: red;
    }
    ul.tags  li a {
        position: relative;
        display: inline-block;
        height: 30px;
        line-height: 30px;
        padding: 0 1em;
        background-color: #3498db;
        border-radius: 0 3px 3px 0;
        color: #fff;
        font-size: 13px;
        text-decoration: none;
        -webkit-transition: .2s;
        transition: .2s;
    }
    ul.tags li.blink a::before{
         border-color: transparent red transparent transparent;
    }
    ul.tags  li a::before {
        position: absolute;
        top: 0;
        left: -15px;
        content: '';
        width: 0;
        height: 0;
        border-color: transparent #3498db transparent transparent;
        border-style: solid;
        border-width: 15px 15px 15px 0;
        -webkit-transition: .2s;
        transition: .2s;
    }
    ul.tags  li a::after {
        position: absolute;
        top: 50%;
        left: 0;
        z-index: 2;
        display: block;
        content: '';
        width: 6px;
        height: 6px;
        margin-top: -3px;
        background-color: #fff;
        border-radius: 100%;
    }
    ul.tags  li span {
        display: block;
        max-width: 100px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    ul.tags  li a:hover {
        background-color: #555;
        color: #fff;
    }
    ul.tags  li a:hover::before {
        border-right-color: #555;
    }

}