/* =====================
  landscape
===================== */
@media (orientation: landscape) {
    .header{
        height: 10vw;
    }
    .sp-menubtn{
        width: 10vw;
        height: 10vw;
    }
    main{
        padding-top: 10vw;
    }
    .header nav{
        height: calc(100vh - 10vw);
        top: 10vw;
    }
    .sp-menubtn span:nth-child(1){
        top: calc(5.7333vw - 2.5vw);
    }
    .sp-menubtn span:nth-child(2){
        top: calc(7.2vw - 2.5vw);
    }
    .sp-menubtn span:nth-child(3){
        top: calc(8.6667vw - 2.5vw);
    }
    body.spmenu .sp-menubtn span:nth-child(3),
    body.spmenu .sp-menubtn span:nth-child(1){
        top: calc(7.4vw - 2.5vw);
    }
    .to-top{
        width: 8vw;
        height: 8vw;
    }
    body.localNavFixed main .tab select{
        padding: 0.5em 1em;
    }
}