@charset "utf-8";


#infoScreen{ position: fixed; height: 100%; width: 100%; background:rgba(0,0,0,0.5); z-index:100000; }
#infoScreen >.inner{ width:1000px; height: 100%; margin: 0 auto; display: table;}
#infoScreen .inner2{ display: table-cell; vertical-align: middle;}
#infoScreen dl{ background: #fff;padding: 60px; box-sizing: border-box; width: 100%;border: 10px solid #333;}

#infoScreen dl dt{ font-size: 120%; font-weight: bold; margin-bottom: 25px;}
#infoScreen dl dd{ line-height: 1.8em; position: relative;}
#infoScreen dl dd span{ text-align: right; display: block;}

#infoScreen dl dd a{ display: block; width: 300px; border: 1px solid #ccc; background: #eee;padding: 12px 0; text-align: center; margin: 20px auto 0; 

}

@media(max-width:640px){
    #infoScreen >.inner{ width: 96%}
    #infoScreen dl{padding: 30px;}
    #infoScreen dl dd{ font-size: 22px; line-height: 1.2em;}
}