@font-face {
	font-family: 'MyFont';
	src: url(../fonts/otf/Druk_Wide_Bold_Italic.otf);
}

@font-face {
	font-family: 'Mid';
	src: url(../fonts/ttf/Druk-Medium-Web.ttf);
}

.res{
    z-index: 999999;
    position: fixed;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #000000;
  }
  
  .res p{
    position: fixed;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    transform: translateX(-50%) translateY(-50%);
    color: #feff00;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size:1.0em;
  }

  @media (orientation: portrait){
    .res p{
     font-size: 1.2em;
    }
 }

  @media (orientation: landscape) and (max-width: 1024px){
    .res{display: none;}
    .early{
      font-size: 1.0em;
    }

    #welcome{
        font-size: 1.0em;
    }

    #box_name{
        font-size: 0.6em;
    }

    /*main*/
    .text{
        font-size: 0.5em;
    }

    /*store & gallery*/
    #preloader #title{
        font-size: 1.0em;
    }

    #preloader #artist{
        font-size: 0.8em;
    }

    #preloader #description1{
        font-size: 0.3em;
    }

    #preloader #description2{
        font-size: 0.3em; 
    }

    #preloader #start{
        font-size: 1.0em; 
    }

    /*store*/
    .guide_first #text{
        font-size: 0.8em; 
    }

    .guide #text{
        font-size: 0.8em; 
    }

    .next #text_in{
        font-size: 0.8em; 
    }

    .text_story{
        font-size: 4.0em; 
    }

    #feet_1 #text{
        font-size: 0.8em; 
    }

    /*gallery*/
    .flyup .title{
        font-size: 1.0em; 
    }

  }
  
  @media (orientation: landscape) and (min-width: 1024px){
    .res{display: none;}  
   
  }