@media (max-height:800px)
{
    .footer 
    {
        visibility:hidden;
    }
}
    
@media (min-width: 10px) and (max-width: 991px) 
{
    .footer 
    {
        visibility:hidden;
    }
    
}

/* lg */ 
@media (min-width: 1200px) {

}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
 
    .list_waku_login
    {
        width:70%;
    }
    
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
    .contents_body_width_middle
    {
        width:80%;  
    }
    .contents_body_width_joken
    {
        width:80%;  
    }

    .list_parent
    {
        width:85%;  
    }

    .list_parent_noborder
    {
        width:85%;  
    }

    .list_parent_harf
    {
        width:60%;  
    }

    .list_waku_login
    {
        width:70%;
    }

    .list_parent_login
    {
        width:70%;  
    }   

    .btn_login 
    {
        width:70%;
    }

    .text_login
    {
        width:70%;
    }

    .list_waku_login
    {
        width:80%;
    }
    
    .ModalWindow_waku
    {        
        top:5%;
        left:10%;
        width:80%;
    }
}

/* xs */
@media (min-width: 481px) and (max-width: 767px) {

    .contents_body_width_middle
    {
        width:90%;  
    }
    
    .contents_body_width_joken
    {
        width:90%;  
    }
    
    .list_parent
    {
        width:90%;  
    }

    .list_parent_noborder
    {
        width:90%;  
    }

    .list_parent_harf
    {
        width:80%;
    }

    .list_waku_login
    {
        width:80%;
    }

    .list_parent_login
    {
        width:80%;  
    }   

    .btn_login 
    {
        width:80%;
    }

    .text_login
    {
        width:80%;
    }

    .list_waku_login
    {
        width:85%;
    }
 
 
    

}

/* XS Portrait */
@media (max-width: 480px) {

     .contents_body_width_middle
    {
        width:99%;  
    }
    
    .contents_body_width_joken
    {
        width:99%;  
    }
    
    .list_parent
    {
        width:95%;  
    }

    .list_parent_noborder
    {
        width:95%;  
    }

    .list_parent_harf
    {
        width:90%;  
    }

    .list_waku_login
    {
        width:90%;
    }

    .list_parent_login
    {
        width:90%;  
    }   

    .btn_login 
    {
        width:90%;
    }

    .text_login
    {
        width:90%;
    }

    .list_waku_login
    {
        width:90%;
    }

    
}

/* XS Portrait */
@media (max-width: 767px) {

    div.header_menu
    {
        font-size:1.2em;
    }

    .btn_waku {
        border-width: 0px 0px 5px 0px;
        border-style:  double;
        border-color:#c0c0c0;
    }

    .btn_waku_noborder {
        border-width: 0px 0px 0px 0px;
        border-style:  double;
        border-color:#c0c0c0;
    }

    .btn_tr{
      display: inline  ;      
    }

    .btn_td{
      display: inline;  
      border-style: none;  
      padding-bottom: 5px;        
    }

    .btn_td_noborder{
      
      border-style: none;      
    }

    .btn_tdwidth30{
      width:10%
    }

    .btn_tdwidth33{
      width:10%
    }

    .btn_tdwidth50{
      width:10%
    }

    .btn_tdwidth70{
      width:10%
    }
    .btn_tdwidth100{
      width:10%
    }
    
    .data_minvisible
    {
        display:inline;
    }
    .data_maxvisible
    {
        display:none;
    }
    
    .table_waku {
         border: 0px solid #c0c0c0;
    }

    .table_waku_bottom {
     
    }

    .table_headtr{
        display:  none;
        font-size:0px;
    }

    .table_headtd{
        display:  none;
        font-size:0px;
    }
    
    .table_miniheadcolor{
        height:25px;
        padding-top:5px;
        border-top-left-radius:4px;
        border-top-right-radius:4px;
        color:#000000;
        background-color:#D7EEFF;
       
    }
    .table_tr{
        display: block;
        border-width: 1px 1px 0px 1px;
        border-style:solid ;
        width:99%;
        height:100%;
        border-top-left-radius:4px;
        border-top-right-radius:4px;
        min-height:50px;        
    }

    .table_tr_last{
        display: block;
        border-width: 1px 1px 1px 1px;
        border-style:solid ;
        width:99%;
        height:100%;
        border-top-left-radius:4px;
        border-top-right-radius:4px;
        min-height:50px;
        
    }

    
    
    .table_td{
        display:block;
        border: 0px solid #c0c0c0;
        width:98%;
    }  

    .table_tr_bottom{
        display:block;
        width:98%;
    }

    .table_td_bottom{
        display:block;
    }  

    .table_tdwidth05{
        width:99%;         
    }
    table_tdwidth08{
        width:99%
    }
    .table_tdwidth10{
        width:99%
    }
    .table_tdwidth15{
        width:99%
    }
    .table_tdwidth16{
        width:99%
    }
    .table_tdwidth20{
        width:99%
    }
    .table_tdwidth30{
        width:99%
    }
    .table_tdwidth40{
        width:99%
    }
    .table_tdwidth70{
        width:99%
    }
    .table_tdwidth80{
        width:99%
    }
    .table_tdleft{
        text-align:left;
        padding-left:5px;
    }

    .table_tdcenter{
        text-align:left;
        padding-left:5px;
    }

    .table_tdright{
        text-align:left;
        padding-left:5px;
    }
    
    .joken_waku {
        display:table;
        width:99%;
        border-collapse:collapse;
        margin: 0px auto;
        border-width: 0px;
    }

    .joken_tr{
        display: block;
    }

    .joken_td{
        display: block;        
    }

    .joken_lblwidth{
        width:95%;
    }

    .joken_iptwidth{
        width:95%;
        margin-left: 10px;
    }

    .joken_iptwidth_border{
        width:95%;
        margin-left: 10px;
        border-color:#c0c0c0;
        border-bottom-width:1px;
        border-bottom-style:solid;        
    }
    
    .font_jokenlbl
    {
        font-weight:bold;   
    }
    
    .header_menu_link
    {
        visibility:hidden;
        width:0px;
        display:none;
    }
    
    .header_menu_bar
    {
        float:right;
        visibility:visible;
        border-style:solid;
        border-width:1px;
        cursor:pointer;
        width: 26px;
        margin:12px;
        padding:3px;      
    }
    
    .icon-bar {
        background-color: #fff;      
        width: 20px;
        height: 2px;
        border-radius: 1px;
        margin-top:2px;
        margin-bottom: 5px;
        margin-left:3px;
    }

    .icon_menu
    {
        visibility:visible;
        position:absolute;
        right:60px;
        top:15px;
        padding:5px;
        border-style:solid;
        border-width:0px;
        cursor:pointer;
    }
    
    .pagerwaku {  
      margin: 15px;
      padding: 0px;  
    }

    .coverframe_waku
    {
       
    }
    .coverframe_body
    {
        
    }

    .coverframe_img
    {
        width:150px;
        height:200px;
    }

    .text_normal 
    {
        width:95%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .ModalWindow_waku
    {
        top:5%;
        left:3px;
        width:97%;      
    }

    .ModalWindow_body
    {
      margin: 80px auto;  
      
    }

    .ModalWindow_head
    {
    
    }

    .ModalWindow_line
    {
        height:200px;
    }

    .ulindent
    {
        margin-left:20px;
    }
    .ulindent_minnon
    {
        margin-left:20px;
    }

    .cart_icon_position{        
        right:60px;
        left:inherit;
    }
    
    .XXXXX_icon_position{        
        right: 20px;   
    }
    
    .line_lbl{
        display:block;        
        width:98%;
    }  
    
    .line_minivis
    {        
         display:inline;
         text-align:left;
    }
    
    .line_mininon
    {
        visibility:hidden;
        width:0px;
        display:none;
    }
    .line_data{
        display:block;        
        width:98%;
        margin-left:10px;
    }  
    .line_harf{
        display:block;        
        width:98%;
        margin:10px;
        text-align:left;
    }  
    
    .lbltotal_font
    {
        font-weight:bold;
        font-size:1.3em;
        line-height:32px;
        border-style: double;
        border-width:0px 0px 5px 0px ;
        border-color:#DAA520;
    }

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

.storeinfobox
{
   
}

.storeinfobox_bigdisp
{
    display:none      ;
}

.storeinfobox_smalldisp
{
     display:block; 
}


}

@media (max-width: 950px) 
{
    .tanamap   
    {
       width:100%;
       height:100%;
    }
    
    .tanamapimg
    {
       width:100%;
       height:100%;
    }    
 
}