#common-contents{overflow:hidden}#common-contents h1{width:100%}#common-contents h1 img{width:72.91667%;height:auto}#common-contents ul{margin:10px auto 0;padding-bottom:180%;width:85%;transform:rotate(-5deg)}#common-contents ul::after::after{content:".";display:block;height:0px;clear:both;line-height:0;visibility:hidden}#common-contents ul li{position:relative;float:left;margin:10px 5px;text-align:center;color:#e8d8c0;background:#181818;border:15px solid #181818;line-height:1.2em;font-size:calc(60% + 0.5vw)}#common-contents ul li:nth-child(1){width:41.7%;margin:6px;opacity:0}#common-contents ul li:nth-child(1).active{animation:slideLeft .4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1;opacity:1}#common-contents ul li:nth-child(2){width:35.9%;margin:13px;opacity:0}#common-contents ul li:nth-child(2).active{animation:rotate01 .4s ease-out 1;opacity:1}#common-contents ul li:nth-child(3){width:43.2%;margin:2px;opacity:0}#common-contents ul li:nth-child(3).active{animation:rotate01 .4s ease-out 1;opacity:1}#common-contents ul li:nth-child(4){width:35.1%;margin:13px;opacity:0}#common-contents ul li:nth-child(4).active{animation:rotate01 .4s ease-out 1;opacity:1}#common-contents ul li:nth-child(5){width:32.1%;margin:7px;opacity:0}#common-contents ul li:nth-child(5).active{animation:slideRight .4s ease-out 1;opacity:1}#common-contents ul li:nth-child(6){width:42.4%;margin:13px;opacity:0}#common-contents ul li:nth-child(6).active{animation:slideLeft .4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1;opacity:1}#common-contents ul li:nth-child(7){width:36%;margin:2px;opacity:0}#common-contents ul li:nth-child(7).active{animation:slideLeft .4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1;opacity:1}#common-contents ul li:nth-child(8){width:42.3%;margin:1px;opacity:0}#common-contents ul li:nth-child(8).active{animation:rotateMinus .4s ease-out 1;opacity:1}#common-contents ul li:nth-child(9){width:43.3%;margin:8px;opacity:0}#common-contents ul li:nth-child(9).active{animation:slideRight .4s ease-out 1;opacity:1}#common-contents ul li:nth-child(10){width:47.8%;margin:6px;opacity:0}#common-contents ul li:nth-child(10).active{animation:slideLeft .4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1;opacity:1}#common-contents ul li:nth-child(11){width:33.1%;margin:11px;opacity:0}#common-contents ul li:nth-child(11).active{animation:rotate01 .4s ease-out 1;opacity:1}#common-contents ul li:nth-child(12){width:36%;margin:1px;opacity:0}#common-contents ul li:nth-child(12).active{animation:slideLeft .4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1;opacity:1}#common-contents ul li:nth-child(13){width:49.6%;margin:8px;opacity:0}#common-contents ul li:nth-child(13).active{animation:slideRight .4s ease-out 1;opacity:1}#common-contents ul li:nth-child(14){width:41.3%;margin:13px;opacity:0}#common-contents ul li:nth-child(14).active{animation:slideLeft .4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1;opacity:1}#common-contents ul li:nth-child(15){width:33.6%;margin:2px;opacity:0}#common-contents ul li:nth-child(15).active{animation:slideRight .4s ease-out 1;opacity:1}#common-contents ul li:nth-child(16){width:34.5%;margin:5px;opacity:0}#common-contents ul li:nth-child(16).active{animation:slideRight .4s ease-out 1;opacity:1}#common-contents ul li:nth-child(17){width:42.5%;margin:15px;opacity:0}#common-contents ul li:nth-child(17).active{animation:slideRight .4s ease-out 1;opacity:1}#common-contents ul li:nth-child(18){width:39.2%;margin:14px;opacity:0}#common-contents ul li:nth-child(18).active{animation:slideRight .4s ease-out 1;opacity:1}#common-contents ul li:nth-child(19){width:42.8%;margin:3px;opacity:0}#common-contents ul li:nth-child(19).active{animation:rotateMinus .4s ease-out 1;opacity:1}#common-contents ul li:nth-child(20){width:44.8%;margin:11px;opacity:0}#common-contents ul li:nth-child(20).active{animation:slideRight .4s ease-out 1;opacity:1}#common-contents ul li:nth-child(21){width:44.1%;margin:1px;opacity:0}#common-contents ul li:nth-child(21).active{animation:rotate01 .4s ease-out 1;opacity:1}#common-contents ul li:nth-child(22){width:45.2%;margin:2px;opacity:0}#common-contents ul li:nth-child(22).active{animation:rotateMinus .4s ease-out 1;opacity:1}#common-contents ul li:nth-child(23){width:46.6%;margin:10px;opacity:0}#common-contents ul li:nth-child(23).active{animation:slideLeft .4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1;opacity:1}#common-contents ul li:nth-child(24){width:42.6%;margin:2px;opacity:0}#common-contents ul li:nth-child(24).active{animation:rotate01 .4s ease-out 1;opacity:1}#common-contents ul li:nth-child(25){width:37%;margin:3px;opacity:0}#common-contents ul li:nth-child(25).active{animation:rotateMinus .4s ease-out 1;opacity:1}#common-contents ul li:nth-child(26){width:46.1%;margin:5px;opacity:0}#common-contents ul li:nth-child(26).active{animation:slideLeft .4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1;opacity:1}#common-contents ul li:nth-child(27){width:37.2%;margin:15px;opacity:0}#common-contents ul li:nth-child(27).active{animation:slideLeft .4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1;opacity:1}#common-contents ul li:nth-child(28){width:43.5%;margin:3px;opacity:0}#common-contents ul li:nth-child(28).active{animation:rotateMinus .4s ease-out 1;opacity:1}#common-contents ul li:nth-child(29){width:32.5%;margin:12px;opacity:0}#common-contents ul li:nth-child(29).active{animation:rotate01 .4s ease-out 1;opacity:1}#common-contents ul li:nth-child(30){width:40.5%;margin:3px;opacity:0}#common-contents ul li:nth-child(30).active{animation:rotate01 .4s ease-out 1;opacity:1}#common-contents ul li a{display:inline-block;transition:transform 0.2s ease-in-out;line-height:0;display:block}#common-contents ul li a:hover{transform:scale(1.08);z-index:1000}#common-contents ul li a img{width:100%}
