@media only screen and (min-width:956px) and (max-width:1268px){ 
  
           /* .drawer-nav { display: none; }
    .drawer-hamburger{display: none;} */

/* header */
.pc-1200px {display: none!important;}
.drawer-nav { display: block; } 
/* drawer-hamburger */
.headerwrap .drawer-hamburger{padding: 10px 15px 18px;height: 60px;top: 0;    background-color: var(--dex)!important;display: block;box-sizing: border-box;width: 60px;z-index: 21;}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{background-color: #ffffff!important;}
.drawer-hamburger
.drawer--right.drawer-open .drawer-nav,.drawer--right .drawer-nav{    padding-top: 80px; width: 30%; z-index: 20;}
.headerbody .drawer--right.drawer-open .drawer-hamburger{right: 0!important;}
.drawer--right .drawer-nav{right: -100%!important;} 
.headerwrap .h-min{height: 60px;width: 100%;box-sizing: border-box;padding-left: 2%;}
.headerwrap{background-color: #FFFFFF;}
.sj-language{position: absolute;right: 20px;bottom: 50px;}
.drawer--right.drawer-open .drawer-nav{    overflow-y: scroll;height: calc(100vh - 60px)!important; box-sizing: border-box; width: 100%; right: 0px!important; top: 60px!important;}
.drawer--right .drawer-nav>.drawer-menu{    width: 100%; height: auto; overflow: hidden; box-sizing: border-box; transform: none!important; position: relative; top: 6.5%;}
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu{    width: 100%; height: auto; overflow: hidden; box-sizing: border-box; transform: none!important; top: 6.4%; position: relative;}
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu>li {margin-bottom: 29px!important;}
.drawer-menu-item:hover{color: var(--dex);}
.drawer-dropdown-menu>li{margin-bottom: 10px;}
.drawer-menu-item{font-size: 16px;}
.drawer-dropdown.open>.drawer-dropdown-menu{padding-bottom: 0;} 
.drawer--right.drawer-open .drawer-hamburger { right: 0px!important;}
.drawer-hamburger-icon{ width: 55% !important; margin-top: 0px !important; margin: auto;}
.drawer-hamburger { display: block!important; width: 60px!important; height: 60px!important; padding: 0px!important; top: 0px!important; }
.drawer-hamburger-icon::before {height: 100%!important;}
.drawer-hamburger-icon::after {height: 100%!important;}
.drawer-hamburger:hover { cursor: pointer; background-color: var(--dex)!important; }
.drawer-dropdown.open>.drawer-dropdown-menu { padding: 10px 10px 0px!important;}
.drawer-hamburger {background-color: var(--dex)!important; }
.drawer-dropdown-menu>li:last-child{margin-bottom: 0px!important;}

.drawer-open .drawer-hamburger-icon {background-color: var(--dex)!important;}
.drawer-menu-item:hover { color: var(--dex)!important; } 
/* 3ji */
.drawer--right.drawer-open .drawer-nav .drawer-menu li .drawer-dropdown-menu-item {        color: #666;  border-bottom: 1px solid #ddd; padding-bottom: 6px!important; font-size: 14px!important;}
.drawer--right.drawer-open .drawer-nav .drawer-menu li .drawer-dropdown-menu-item.sanji {font-size: 12px!important;padding-bottom: 6px!important;    width: 73%!important;    color: #999;}
.drawer-open  .drawer-nav .lang  {display: flex; position: fixed; right: 40px; bottom: 30px;  z-index: 10;}
.drawer-open  .drawer-nav .lang a {font-size: 16px; color: #666;}




/* head footer */




}
@media only screen and (min-width:750px) and (max-width:1000px){

    
           /* .drawer-nav { display: none; }
    .drawer-hamburger{display: none;} */

/* header */
.pc-1200px {display: none!important;}
.drawer-nav { display: block; } 
/* drawer-hamburger */
.headerwrap .drawer-hamburger{padding: 10px 15px 18px;height: 60px;top: 0;    background-color: var(--dex)!important;display: block;box-sizing: border-box;width: 60px;z-index: 21;}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{background-color: #ffffff!important;}
.drawer-hamburger
.drawer--right.drawer-open .drawer-nav,.drawer--right .drawer-nav{    padding-top: 80px; width: 30%; z-index: 20;}
.headerbody .drawer--right.drawer-open .drawer-hamburger{right: 0!important;}
.drawer--right .drawer-nav{right: -100%!important;} 
.headerwrap .h-min{height: 60px;width: 100%;box-sizing: border-box;padding-left: 2%;}
.headerwrap{background-color: #FFFFFF;}
.sj-language{position: absolute;right: 20px;bottom: 50px;}
.drawer--right.drawer-open .drawer-nav{    overflow-y: scroll;height: calc(100vh - 60px)!important; box-sizing: border-box; width: 100%; right: 0px!important; top: 60px!important;}
.drawer--right .drawer-nav>.drawer-menu{    width: 100%; height: auto; overflow: hidden; box-sizing: border-box; transform: none!important; position: relative; top: 6.5%;}
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu{    width: 100%; height: auto; overflow: hidden; box-sizing: border-box; transform: none!important; top: 6.4%; position: relative;}
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu>li {margin-bottom: 29px!important;}
.drawer-menu-item:hover{color: var(--dex);}
.drawer-dropdown-menu>li{margin-bottom: 10px;}
.drawer-menu-item{font-size: 16px;}
.drawer-dropdown.open>.drawer-dropdown-menu{padding-bottom: 0;} 
.drawer--right.drawer-open .drawer-hamburger { right: 0px!important;}
.drawer-hamburger-icon{ width: 55% !important; margin-top: 0px !important; margin: auto;}
.drawer-hamburger { display: block!important; width: 60px!important; height: 60px!important; padding: 0px!important; top: 0px!important; }
.drawer-hamburger-icon::before {height: 100%!important;}
.drawer-hamburger-icon::after {height: 100%!important;}
.drawer-hamburger:hover { cursor: pointer; background-color: var(--dex)!important; }
.drawer-dropdown.open>.drawer-dropdown-menu { padding: 10px 10px 0px!important;}
.drawer-hamburger {background-color: var(--dex)!important; }
.drawer-dropdown-menu>li:last-child{margin-bottom: 0px!important;}

.drawer-open .drawer-hamburger-icon {background-color: var(--dex)!important;}
.drawer-menu-item:hover { color: var(--dex)!important; } 
/* 3ji */
.drawer--right.drawer-open .drawer-nav .drawer-menu li .drawer-dropdown-menu-item {        color: #666;  border-bottom: 1px solid #ddd; padding-bottom: 6px!important; font-size: 14px!important;}
.drawer--right.drawer-open .drawer-nav .drawer-menu li .drawer-dropdown-menu-item.sanji {font-size: 12px!important;padding-bottom: 6px!important;    width: 73%!important;    color: #999;}
.drawer-open  .drawer-nav .lang  {display: flex; position: fixed; right: 40px; bottom: 30px;  z-index: 10;}
.drawer-open  .drawer-nav .lang a {font-size: 16px; color: #666;}






}

@media only screen and (max-width:768px){
           /* .drawer-nav { display: none; }
    .drawer-hamburger{display: none;} */

/* header */
.pc-1200px {display: none!important;}
.drawer-nav { display: block; } 
/* drawer-hamburger */
.headerwrap .drawer-hamburger{padding: 10px 15px 18px;height: 60px;top: 0;    background-color: var(--dex)!important;display: block;box-sizing: border-box;width: 60px;z-index: 21;}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{background-color: #ffffff!important;}
.drawer-hamburger
.drawer--right.drawer-open .drawer-nav,.drawer--right .drawer-nav{    padding-top: 80px; width: 30%; z-index: 20;}
.headerbody .drawer--right.drawer-open .drawer-hamburger{right: 0!important;}
.drawer--right .drawer-nav{right: -100%!important;} 
.headerwrap .h-min{height: 60px;width: 100%;box-sizing: border-box;padding-left: 2%;}
.headerwrap{background-color: #FFFFFF;}
.sj-language{position: absolute;right: 20px;bottom: 50px;}
.drawer--right.drawer-open .drawer-nav{    overflow-y: scroll;height: calc(100vh - 60px)!important; box-sizing: border-box; width: 100%; right: 0px!important; top: 60px!important;}
.drawer--right .drawer-nav>.drawer-menu{    width: 100%; height: auto; overflow: hidden; box-sizing: border-box; transform: none!important; position: relative; top: 6.5%;}
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu{    width: 100%; height: auto; overflow: hidden; box-sizing: border-box; transform: none!important; top: 6.4%; position: relative;}
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu>li {margin-bottom: 29px!important;}
.drawer-menu-item:hover{color: var(--dex);}
.drawer-dropdown-menu>li{margin-bottom: 10px;}
.drawer-menu-item{font-size: 16px;}
.drawer-dropdown.open>.drawer-dropdown-menu{padding-bottom: 0;} 
.drawer--right.drawer-open .drawer-hamburger { right: 0px!important;}
.drawer-hamburger-icon{ width: 55% !important; margin-top: 0px !important; margin: auto;}
.drawer-hamburger { display: block!important; width: 60px!important; height: 60px!important; padding: 0px!important; top: 0px!important; }
.drawer-hamburger-icon::before {height: 100%!important;}
.drawer-hamburger-icon::after {height: 100%!important;}
.drawer-hamburger:hover { cursor: pointer; background-color: var(--dex)!important; }
.drawer-dropdown.open>.drawer-dropdown-menu { padding: 10px 10px 0px!important;}
.drawer-hamburger {background-color: var(--dex)!important; }
.drawer-dropdown-menu>li:last-child{margin-bottom: 0px!important;}

.drawer-open .drawer-hamburger-icon {background-color: var(--dex)!important;}
.drawer-menu-item:hover { color: var(--dex)!important; } 
/* 3ji */
.drawer--right.drawer-open .drawer-nav .drawer-menu li .drawer-dropdown-menu-item {        color: #666;  border-bottom: 1px solid #ddd; padding-bottom: 6px!important; font-size: 14px!important;}
.drawer--right.drawer-open .drawer-nav .drawer-menu li .drawer-dropdown-menu-item.sanji {font-size: 12px!important;padding-bottom: 6px!important;    width: 73%!important;    color: #999;}
.drawer-open  .drawer-nav .lang  {display: flex; position: fixed; right: 40px; bottom: 30px;  z-index: 10;}
.drawer-open  .drawer-nav .lang a {font-size: 16px; color: #666;}






}