@charset "UTF-8";
/* CSS Document */

body {
background: #fff;
color:#000;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

#main {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}

#main div {
width: 96%;
max-width: 640px;
box-sizing: border-box;
padding: 10px;
border: 1px solid #000;
}

#main div h1 {
text-align: center;
padding-bottom: 30px;
font-weight: bold;
}

#main div ul {
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#main div ul li {
width: 48%;
padding: 15px 0;
}

#main div ul li a {
text-align: center;
display: block;
background: #000;
color: #fff;
box-sizing: border-box;
padding: 4px 8px;
}

@media (min-width: 561px){
p#drop {
display: none;
}
}