@charset "shift_jis";
@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);

*{margin: 0; padding: 0}
    
    

body{
        color: #fcfcfc; 
        background: #222222;
        font-family:"Roboto Slab" , Garamond , "Times New Roman" , "Ÿà–¾’©" , "Yu Mincho" , "Ÿà–¾’©‘Ì" , "YuMincho" , "ƒqƒ‰ƒMƒm–¾’© Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS–¾’©E" , "‚l‚r ‚o–¾’©" , "MS PMincho" , serif;     
        -webkit-text-size-adjust : 100%!important ;
    }
    
#wrap{
    width: 600px; 
    margin: 7em auto
}
    
    
p{
    margin: .5em 0;
    text-indent: 1em;
    text-align: 1.5em
    }
#logo{
    float: left;
    width: 182px;
    border: none;
    margin: -3em 1.5em 0.5em.0
    }
    
#sign{
    display: block;
    margin: 1.5em 3em 0 auto;
    width: 211px;
    border: none;
    max-width: 50%}

#homepage{
    display: block;
    clear: both;
    color: #f0f0f0;
    margin: 2em;
    width: 9em;
    height: 2em;
    line-height: 2em;
    text-align: center;
    text-decoration: none;
    font-size: 1.2em;
    font-weight: bold;
    background: relative;
    border: 1px solid #999;
    border-radius: 4px;
    transition: .3s
    }
#homepage:hover{
    border: 1px solid #EEE;
    box-shadow: 0 0 45px rgba(255,255,255,.6);
    }
    
    #print{
    display: block;
    text-align: right;
    margin: 4em 0 0 2em;
    }
    
#print a{
    color: #999; 
    text-decoration: none ;
    font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ŸàƒSƒVƒbƒN" , "Yu Gothic" , "ŸàƒSƒVƒbƒN‘Ì" , "YuGothic" , "ƒqƒ‰ƒMƒmŠpƒS Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "ƒ�ƒCƒŠƒI" , Meiryo , "‚l‚r ‚oƒSƒVƒbƒN" , "MS PGothic" , sans-serif;
    }
    
#print a:hover{
    color: #ddd
    }
    

@media only screen and (max-width: 750px){
    #wrap{
        width: 80%   
        }
    #sign{
        margin-right: 1em;
    }

    
@media only screen and (max-width: 480px){
    #wrap{
        max-width: 80%;
        margin: 1em 2.5em;
            
        }
    #logo{
        display: block;
        float: none;
        margin: 2em auto;
        }
        
        #homepage{
            margin: 2em auto;
        }
    }