.navobile-mobile-only {
    display: none;
}

#navobile-device-pixel {
  width: 0;
}

@media screen and (min-width: 0px) and (max-width: 765px) {
    html,
    .navobile-bound {
      overflow-x: hidden;
/*      overflow-y: scroll;*/
      height: auto;
      width: 100%;
    }

    .overflowscrolling {
      -webkit-overflow-scrolling: touch;
    }
    
    #navobile-device-pixel {
      width: 1px;
    }

    .navobile-mobile-only {
      display: block;
    }

    .navobile-desktop-only {
      display: none;
    }

    .navobile-navigation {
      height: 100%;
      left: -100%;
      /*overflow: auto;*/
overflow: hidden;
      position: absolute;
      top: -100%;
      width: 270px;
      z-index: -1;
      background-color: #373737;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }

    .navobile-bound .navobile-navigation {
        left: 0;
        position: fixed;
        top: 0;
        z-index: 1;
    }


.navobile-bound .navobile-navigation-visible {
        left: 0;
        position: fixed;
        top: 0;
z-index: 3;
overflow: auto;
    }

    .navobile-navigation ul {
      overflow: hidden;
margin: 0;
padding: 0;
    }

.navobile-navigation li {
float: none;
overflow: hidden;
padding: 10px 10px 10px 40px;
border-bottom: 1px solid #242424;
box-shadow: 0 1px 0 #555555;
background: url(/media/c/avalon/images/mini/icon_nav.png) no-repeat left top;
    }
.navobile-navigation li#tab_search {
background:none;
padding: 10px;
}
.navobile-navigation li#tab_search form {
background-color: #ffffff;
border-radius: 3px;
overflow: hidden;
}
.navobile-navigation li#tab_search .search_text {
float: left;
width: 85%;
padding: 0;
font-size: 16px;
}
.navobile-navigation li#tab_search .search_btn {
float: right;
width: 15%;
padding: 0;
border-radius: 0 3px 3px 0;
background: #ffffff url(/media/c/2012/images/icon/icon-sprite.png) no-repeat 10px -563px;
border: none;
text-indent: -9999px;
line-height: 1.6;
}


.navobile-navigation li#tab_newaccount {background-position: 0 -45px;}
.navobile-navigation li#tab_home {background-position: 0 -90px;}
.navobile-navigation li#tab_marketers {background-position: 0 -135px;}
.navobile-navigation li#tab_app {background-position: 0 -180px;}
.navobile-navigation li#tab_apple {background-position: 0 -225px;}
.navobile-navigation li#tab_docchi {background-position: 0 -270px;}
.navobile-navigation li#tab_special {background-position: 0 -315px;}
.navobile-navigation li#tab_photoreport {background-position: 0 -360px;}
.navobile-navigation li#tab_product {background-position: 0 -405px;}
.navobile-navigation li#tab_enterprise {background-position: 0 -450px;}
.navobile-navigation li#tab_social {background-position: 0 -495px;}
.navobile-navigation li#tab_offtopic {background-position: 0 -540px;}
.navobile-navigation li#tab_topic {background-position: 0 -585px;}
.navobile-navigation li#tab_review {background-position: 0 -630px;}
.navobile-navigation li#tab_digita {background-position: 0 -675px;}
.navobile-navigation li#tab_mobile {background-position: 0 -720px;}
.navobile-navigation li#tab_entertainment {background-position: 0 -765px;}
.navobile-navigation li#tab_interview {background-position: 0 -810px;}
.navobile-navigation li#tab_asahi {background-position: 0 -855px;}
.navobile-navigation li#tab_logout {background-position: 0 -900px;}



.navobile-navigation li a {
display: block;
color: #cccccc;
text-decoration: none;
}

.navobile-navigation ul input[type="text"] {
width: 100%;
line-height: 1.6;
border: none;
border-radius: 3px;
}

    .navobile-content {
      position: relative;
      z-index: 3;

      -webkit-transition: -webkit-transform 0.2s linear;
      -moz-transition: -moz-transform 0.2s linear;
      -o-transition: -ms-transform 0.2s linear;
      -ms-transition: -o-transform 0.2s linear;
      transition: transform 0.2s linear;
    }

.navobile-content-hidden {
overflow: hidden;
z-index: 1;
}


    .csstransforms #content.navobile-content-hidden {
      /*-webkit-transform: translateX(80%);
      -moz-transform: translateX(80%);
      -ms-transform: translateX(80%);
      -o-transform: translateX(80%);
      transform: translateX(80%);*/
      -webkit-transform: translateX(270px);
      -moz-transform: translateX(270px);
      -ms-transform: translateX(270px);
      -o-transform: translateX(270px);
      transform: translateX(270px);
    }

    .csstransforms #content.navobile-content-hidden {
      /*-webkit-transform: translate3d(80%,0,0);
      -moz-transform: translate3d(80%,0,0);
      -ms-transform: translate3d(80%,0,0);
      -o-transform: translate3d(80%,0,0);
      transform: translate3d(80%,0,0);*/
      -webkit-transform: translate3d(270px,0,0);
      -moz-transform: translate3d(270px,0,0);
      -ms-transform: translate3d(270px,0,0);
      -o-transform: translate3d(270px,0,0);
      transform: translate3d(270px,0,0);
    }

}