@media (min-width: 1000px) {

    /*waiz common header*/
    header{position: fixed;top:0;width: 100%;z-index: 2;}
    header .logo{width: 10%;margin: 2.08vw 0 0 3.8%;float: left;}
    header .nav_box{float: right;padding: 3.23vw 2vw 0 0;}
    header .nav_box ul{font-size: 0;display: inline-block;vertical-align: top;}
    header .nav_box .menueicon{display: none; width: 3vw; height: 3vw; vertical-align: top;margin-left: 0.7vw; line-height: 3vw;}
    header .nav_box .menueicon>img{ display: inline-block; width:2.24vw; line-height: 3vw; vertical-align: middle;}
    header .nav_box .onlineshop{display: inline-block;vertical-align: top;margin-left: 0.7vw; display: none;}
    header .nav_box .onlineshop_m{display:none;vertical-align: top;margin-left: 0.7vw;}
    header .nav_box ul li{ position: relative; display: inline-block;margin-right: 2.08vw; font-size: 1.042vw; line-height: 2.6vw;}
    header .nav_box ul li a{ display: block; font: normal 1.042vw/2.6vw "NOTOSANSJP-REGULAR";color: #ffffff;}
    header .nav_box li .item{ position: absolute; left: 0; top: 2.5vw; width: 200px; display: none; }
    header .nav_box li .item a{ position: relative; padding-left: 18px;}
    header .nav_box li .item a::before{ content: ''; position: absolute; left: 0; top: 50%; width: 15px; height: 1px; background-color: #fff;} 
    header .nav_box li:hover .item{ display: block;}
    header .nav_box li a:hover{ opacity: .8;}

    #topheader .nav_box{float: right;padding: 3.23vw 0 0 0;}
    #top header .nav_box .onlineshop{ display: inline-block;}
    .black header .nav_box ul li a{ color: #333;}
    .black header .nav_box li .item a::before{ background-color: #333;}
    
    .menue{
        position: fixed;
        width: 20%;
        height: 100%;
        background-color: #697f7e;
        border-top-right-radius: 5px;
        z-index: 11;
        right: -20%;
        text-align: center;
        top: 0;
        padding: 0 0 0 0.3rem;
        box-sizing: border-box;
    }
    .menue ul{margin-top: 90px;}
    .menue li {
        background-repeat: no-repeat;
        padding-left: 0.5rem;
        box-sizing: border-box;
        background-size: 0.26rem 0.26rem;
        background-position: left top 0.1rem;
        text-align: left;
        font-size: 16px;
        line-height: 60px;
    }
    .menue li.secondlist a{
        font: normal 16px /60px "NOTOSANSJP-BOLD";
    }
    .menue li div{display: none;}
    .menue li a {font: normal 16px /60px "NOTOSANSJP-BOLD";color: #ffffff;}
    .menue li img{display: inline-block;margin-left: 0.1rem;vertical-align: middle;}
    .menue  ul li>div a{display: block;padding-left: 0.5rem;}
    .menue li .item{ display: block;}
    .menue li .item a{position: relative; line-height: 30px;} 
    .menue li .item a::before{ content: ''; position: absolute; left: .2rem; top: 50%; width: .2rem; height: 1px; background-color: #fff;}
    .menue li a:hover{ opacity: .8;}
    .shadows {
        display: none !important;
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        z-index: 10;
        top: 0;
    }
    .closeMenue {
        width: 68px;
        height: 55px;
        background: url(../../../images/WAIZ_TOP/closemenue.png) no-repeat center;
        float: right;
        margin-right: 2vw;
        cursor: pointer;
    }
    /*waiz common header*/
    /* footer */
    .section9{
      width: 100%;
      margin: 7.68vw auto 0 auto;
      background: url("../../../images/WAIZ_TOP/s9_bg.png");
      padding: 50px 0;
      text-align: center;
      position: relative;
      font-size: 0;
    }
    .section9>p{
      width: 100%;
      font: normal 30px/30px "Anton-Regular";
      color: #333333;
      position: absolute;
      top: -15px;
      text-align: center;
      letter-spacing: 1px;
    }
    .section9 .webcontact{
      display: inline-block;
      width: 15.58vw;
      height: 3.6vw;
      border: 1px solid #fff;
      color: #fff;
      font: normal 0.94vw/3.85vw "NOTOSANSJP-BOLD";
      text-align: center;
      margin-right: 6.5vw;
    }
    .section9>div{
      display: inline-block;
      vertical-align: top;
      margin-right: 4vw;
    }
    .section9>div a{
      display: block;
      font: normal 1.56vw/2vw "NOTOSANSJP-BOLD";
      color: #fff;
      background-image: url("../../../images/WAIZ_TOP/s9_phone_icon.png");
      background-repeat: no-repeat;
      background-position: left center;
      padding-left: 35px;
    
    }
    .section9>div p{ font: normal 0.83vw/1.8vw "NOTOSANSJP-MEDIUM";color: #fff;}
    
    footer{width: 100%;max-width: 1500px;margin: 0 auto;font-size: 0;}
    footer .f_left{float: left;padding: 3vw 0 5.47vw 0;box-sizing: border-box;}
    footer .f_left img{width:9.43vw;}
    footer .f_left img,footer .f_left>div{display: inline-block;vertical-align: top;}
    footer .f_left>div{font: normal 14px/25px "NOTOSANSJP-MEDIUM";color: #333;padding: 0.5vw 0 0 1.51vw;}
    footer .f_left>div a{color: #59839b;}
    footer .f_right{float: right;width: 55.87%}
    footer .f_right iframe{width: 100%;height: 200px;}
    footer .f_bottom.container{margin: 0 auto;border-top:1px solid #dddcd2;}
    footer .f_bottom .f_nav{float: right;padding:2.2vw 0 0 5vw;text-align: center;box-sizing: border-box;}
    footer .f_bottom .f_nav ul li{ position: relative; display: inline-block;margin: 0 30px;}
    footer .f_bottom .f_nav ul li a{font:normal 14px/25px "NOTOSANSJP-BOLD";color: #333;}
    footer .f_bottom .f_nav ul li a:hover{ opacity: .8;}
    footer .f_bottom .f_nav ul li .item{ position: absolute; left: 0; top: 26px; width: 150px; padding-bottom: 20px; text-align: left;}
    footer .f_bottom .f_nav ul li .item a{ display: block; font-family: 'NOTOSANSJP-REGULAR';}
    footer .f_bottom .webinfo{
      display: inline-block;
      padding-right: 20px;
      font: normal 14px/14px "NOTOSANSJP-BOLD";
      color: #222222;
      margin:2.2vw 0 2.2vw 0;
    }
    footer .f_bottom .webinfo span{
      font: normal 12px/12px "NOTOSANSJP-BOLD";
      color: #222222;
    }
    footer .f_bottom .extend{display: inline-block;margin: 1.5vw 0 0 17.5vw;vertical-align: top;}
    footer .f_bottom .extend>img{display:inline-block;width: 40px;vertical-align:top;}
    footer .f_bottom .extend p{
      display:inline-block;
      vertical-align:top;
      font: normal 10px/20px "NOTOSANSJP-REGULAR";
      color: #333;
      text-align: center;
    }
    footer .f_bottom .extend span{ font: normal 12px/14px "NOTOSANSJP-REGULAR";}
    /* footer */
    
}

@media (min-width: 1000px) and (max-width: 1280px) {
  .menue{width: 29%; right: -29%;}
}
@media (min-width: 0) and (max-width: 999px) {
    
    /*waiz common header*/
    header{position: fixed;top:0;width: 100%;z-index: 2;padding: 0.2rem 0 0.15rem 0;}
    header .logo{width: 1.63rem;margin-left: 2.7%;float: left;}
    header .nav_box{float: right;line-height: 1;position: relative;}
    header .nav_box ul{font-size: 0;display: inline-block;vertical-align: top;}
    header .nav_box a{float: right;}
    header .nav_box a.contact_m {
        display: none;
        width: 87px;
        height: 33px;
        background-color: #222222;
        font: normal 0.28rem / 33px "NOTOSANSJP-BOLD";
        color: #fff;
        text-align: center;
    }
    header .nav_box .menueicon{margin: 13px 12px 0 12px;}
    header .nav_box .menueicon>img{width:43px;}
    header .nav_box .onlineshop{display: inline-block;vertical-align: top;margin-left: 0.7vw; display: none;}
    header .nav_box .onlineshop_m{width:0.77rem;display:none;position: absolute;right: 0;bottom: -0.9rem;}

    #top header .nav_box .onlineshop{ display: inline-block;}
    
    .menue{
        position: fixed;
        width: 70%;
        height: 100%;
        background-color: #697f7e;
        border-top-right-radius: 5px;
        z-index: 11;
        right: -70%;
        text-align: center;
        top: 0;
        padding: 0 0 0 0.3rem;
        box-sizing: border-box;
    }
    .menue ul{margin-top: 90px;}
    .menue li {
        padding-left: 1rem;
        box-sizing: border-box;
        text-align: left;
        font-size: 0;
        margin: 30px 0;
        line-height: 1;
    }
    .menue li.secondlist{padding-left: 1.3rem;margin: -20px 0 0 0;}
    .menue li.secondlist a{
        font: normal 14px /14px "NOTOSANSJP-BOLD";
    }
    .menue li div{display: none;}
    .menue li a {font: normal 16px /16px "NOTOSANSJP-BOLD";color: #ffffff;}
    .menue li img{display: inline-block;margin-left: 0.15rem;}
    .menue  ul li>div a{display: block;padding-left: 0.5rem;}
    .menue li .item{ display: block;}
    .menue li .item a{position: relative; margin-top: 20px;} 
    .menue li .item a::before{ content: ''; position: absolute; left: .2rem; top: 50%; width: .2rem; height: 1px; background-color: #fff;}
    .shadows {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        z-index: 10;
        top: 0;
    }
    .closeMenue {
        width: 68px;
        height: 55px;
        background: url(../../../images/WAIZ_TOP/closemenue.png) no-repeat center;
        float: right;
    }
    /*waiz common header*/
    
    
    .section9{
      width: 100%;
      max-width: 1366px;
      margin: 0.8rem auto 0 auto;
      background: url("../../../images/WAIZ_TOP/s9_bg.png") no-repeat;
      padding: 0.385rem 0;
      text-align: center;
      position: relative;
      font-size: 0;
    }
    .section9>p{
      width: 100%;
      font: normal 0.385rem/0.6rem "Anton-Regular";
      color: #333;
      position: absolute;
      top: -0.3rem;
      text-align: center;
    }
    
    .section9 .webcontact{
      display: inline-block;
      width: 222px;
      height: 0.77rem;
      border: 1px solid #fff;
      color: #fff;
      font: normal 0.24rem /0.77rem "NOTOSANSJP-BOLD";
      text-align: center;
    }
    .section9>div{
      width: 43%;
      display: inline-block;
      vertical-align: top;
    }
    .section9>div a{
      display: block;
      font: normal 0.31rem/0.61rem "NOTOSANSJP-BOLD";
      color: #fff;
      background-image: url("../../../images/WAIZ_TOP/s9_phone_icon.png");
      background-repeat: no-repeat;
      background-position: left 0.35rem center;
      background-size: 0.28rem;
      padding-left: 0.3rem;
    
    }
    .section9>div p {
      font: normal 0.24rem / 0.24rem "NOTOSANSJP-BOLD";
      color: #fff;
    }
    footer{width: 100%;max-width: 1366px;margin: 0 auto;padding: 0.2rem;box-sizing: border-box;font-size:0;}
    footer .f_left{padding: 0.4rem 0;}
    footer .f_left img{width: 35%;}
    footer .f_left>div{width: 58%}
    footer .f_left img,footer .f_left>div{display: inline-block;vertical-align: top;}
    footer .f_left>div{font: normal 10px/16px "NOTOSANSJP-BOLD";color: #333;padding:0 0 0 10%;box-sizing: border-box;}
    footer .f_left>div a{display:inline-block;color: #59839b;border-bottom: 1px solid #59839b;margin-top: 0.08rem;}
    footer .f_right{width: 100%;}
    footer .f_right iframe{width: 100%;height: 163px;}
    footer .f_bottom.container{margin: 0;text-align: center;padding: 0}
    footer .f_bottom .f_nav{
      width: 100%;
      max-width: 1100px;
      margin: 0 auto;
      border-top:1px solid #dddcd2;
      padding: 0.4rem 0 0.27rem 0;
      text-align: left;
    }
    footer .f_bottom .f_nav ul{font-size: 0;}
    footer .f_bottom .f_nav ul li{ position: relative; display: inline-block;width: 32%;text-align: center;}
    footer .f_bottom .f_nav ul li:nth-child(3n-2){box-sizing: border-box;text-align: center;}
    footer .f_bottom .f_nav ul li a{ position: relative; font:normal 13px/0.8rem "NOTOSANSJP-BOLD";color: #333;}
    footer .f_bottom .f_nav ul li .item{ position: absolute; left: 50%; top: .6rem; width: 145px; margin-left: -25px; background-color: #d6d6d6; padding: 5px 0 5px 10px; text-align: left; z-index: 10; display: none; }
    footer .f_bottom .f_nav ul li .item a{display: block; position: relative; padding-left: 15px; text-align: left; font-family: 'NOTOSANSJP-REGULAR'; line-height: 30px;}
    footer .f_bottom .f_nav ul li .item a::before{ content: ''; position: absolute; left: 0; top: 50%; width: 12px; height: 1px; background-color: #333;} 
    footer .f_bottom .f_nav ul li:hover .item{ display: block;}
    footer .f_bottom .webinfo{
      display:inline-block;
      padding-right: 20px;
      font: normal 12px/25px "NOTOSANSJP-BOLD";
      color: #333;
    }
    footer .f_bottom .webinfo span{
      font: normal 10px/25px "NOTOSANSJP-BOLD";
      color: #333;
    }
    footer .f_bottom .extend{display: block;margin:0.3rem;vertical-align: top;text-align: center;}
    footer .f_bottom .extend img{display:inline-block;width:0.7rem;vertical-align:top;}
    footer .f_bottom .extend p{
      display:inline-block;
      vertical-align:top;
      font: normal 10px/0.35rem "NOTOSANSJP-REGULAR";
      color: #333;
      text-align: center;
    }
    footer .f_bottom .extend span{ font: normal 12px/0.27rem "NOTOSANSJP-REGULAR";}
    
    
}