/*1024px以下*/
@media 
    only screen and (max-height: 64em) and (-webkit-device-pixel-ratio: 1)
    ,only screen and (-webkit-min-device-pixel-ratio: 1.1) and (orientation: landscape) 
 {
    .Loginsymbol {
        height: 12em;
    }
    .LoginsymbolText {
        font-size: 40px;
    }    
    .LoginButtonDiv_Google,#customBtn,.LoginButtonDiv_Facebook,.LoginButtonDiv_Yahoo {
        border-radius: 24px;
        width: 320px;
        height: 48px;
    }
    span.buttonText,.LoginButtonDiv_FacebookText,.LoginButtonDiv_YahooText {
        font-size: 24px;
    }
    .fb_iframe_widget iframe {
	    transform: scale(2);
	    -ms-transform: scale(2); 
	    -webkit-transform: scale(2); 
	    -o-transform: scale(2); 
	    -moz-transform: scale(2); 
	    transform-origin: bottom left;
	    -ms-transform-origin: bottom left;
	    -webkit-transform-origin: bottom left;
	    -moz-transform-origin: bottom left;
	    -webkit-transform-origin: bottom left;
    }

}

/*1024px~1440px*/
@media 
    only screen and (min-height: 64.063em) and (max-height: 90em) and (-webkit-device-pixel-ratio: 1),
    only screen and (-webkit-min-device-pixel-ratio: 1.1) and  (-webkit-max-device-pixel-ratio: 3) and (orientation: portrait)  {
    .Loginsymbol {
        height: 20em;
    }
    .LoginsymbolText {
        font-size: 50px;
    }    
    .LoginButtonDiv_Google,#customBtn,.LoginButtonDiv_Facebook,.LoginButtonDiv_Yahoo {
        border-radius: 32px;
        width: 400px;
        height: 60px;
    }
    span.buttonText,.LoginButtonDiv_FacebookText,.LoginButtonDiv_YahooText {
        font-size: 32px;
    }
    .fb_iframe_widget iframe {
	    transform: scale(2.5);
	    -ms-transform: scale(2.5); 
	    -webkit-transform: scale(2.5); 
	    -o-transform: scale(2.5); 
	    -moz-transform: scale(2.5); 
	    transform-origin: bottom left;
	    -ms-transform-origin: bottom left;
	    -webkit-transform-origin: bottom left;
	    -moz-transform-origin: bottom left;
	    -webkit-transform-origin: bottom left;
    }
}

/*1440px~1920px*/
@media 
    only screen and (min-height: 90.063em) and (max-height: 120em)  and (-webkit-device-pixel-ratio: 1),
    only screen and (-webkit-min-device-pixel-ratio: 3.1) and  (-webkit-max-device-pixel-ratio: 4) and (orientation: portrait)  {
     .Loginsymbol {
        height: 24em;
    }
    .LoginsymbolText {
        font-size: 60px;
    }    
    .LoginButtonDiv_Google,#customBtn,.LoginButtonDiv_Facebook,.LoginButtonDiv_Yahoo {
        border-radius: 40px;
        width: 480px;
        height: 72px;
    }
    span.buttonText,.LoginButtonDiv_FacebookText,.LoginButtonDiv_YahooText {
        font-size: 40px;
    }
    .fb_iframe_widget iframe {
	    transform: scale(3);
	    -ms-transform: scale(3); 
	    -webkit-transform: scale(3); 
	    -o-transform: scale(3); 
	    -moz-transform: scale(3); 
	    transform-origin: bottom left;
	    -ms-transform-origin: bottom left;
	    -webkit-transform-origin: bottom left;
	    -moz-transform-origin: bottom left;
	    -webkit-transform-origin: bottom left;
    }
}
/*1920px以上*/
@media 
    only screen and (min-height: 120.063em)  and (-webkit-device-pixel-ratio: 1),
    only screen and (-webkit-min-device-pixel-ratio: 4.1)  and (orientation: portrait) {
     .Loginsymbol {
        height: 28em;
    }
    .LoginsymbolText {
        font-size: 72px;
    }    
    .LoginButtonDiv_Google,#customBtn,.LoginButtonDiv_Facebook,.LoginButtonDiv_Yahoo {
        border-radius: 48px;
        width: 520px;
        height: 84px;
    }
    span.buttonText,.LoginButtonDiv_FacebookText,.LoginButtonDiv_YahooText {
        font-size: 48px;
    }
    .fb_iframe_widget iframe {
	    transform: scale(3.5);
	    -ms-transform: scale(3.5); 
	    -webkit-transform: scale(3.5); 
	    -o-transform: scale(3.5); 
	    -moz-transform: scale(3.5); 
	    transform-origin: bottom left;
	    -ms-transform-origin: bottom left;
	    -webkit-transform-origin: bottom left;
	    -moz-transform-origin: bottom left;
	    -webkit-transform-origin: bottom left;
    }
}