<html lang="ja"><meta charset="utf-8">
<title>Illustrator Tools Example / Responsive Position Layout</title>

.ボックス{position:absolute;width:100px;height:100px;}

.ツール_01{top:20px;left:20px;}
.ツール_02{top:20px;left:140px;}
.ツール_03{top:20px;left:260px;}
.ツール_04{top:20px;left:380px;}
.ツール_05{top:140px;left:20px;}
.ツール_06{top:140px;left:140px;}
.ツール_07{top:140px;left:260px;}
.ツール_08{top:140px;left:380px;}

@media(max-width:800px)
{.ボックス{width:80px;
height:80px;}
.ツール_01{top:20px;left:20px;}
.ツール_02{top:20px;left:120px;}
.ツール_03{top:20px;left:220px;}
.ツール_04{top:20px;left:320px;}
.ツール_05{top:120px;left:20px;}
.ツール_06{top:120px;left:120px;}
.ツール_07{top:120px;left:220px;}
.ツール_08{top:120px;left:320px;}}

@media(max-width:500px)
{.ボックス{width:60px;
height:60px;}
.ツール_01{top:20px;left:20px;}
.ツール_02{top:20px;left:100px;}
.ツール_03{top:20px;left:180px;}
.ツール_04{top:20px;left:260px;}
.ツール_05{top:100px;left:20px;}
.ツール_06{top:100px;left:100px;}
.ツール_07{top:100px;left:180px;}
.ツール_08{top:100px;left:260px;}}
</style>

</html>