#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:150%;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{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:35.7%;margin:9px;opacity:0}#common-contents ul li:nth-child(1).active{animation:rotate01 .4s ease-out 1;opacity:1}#common-contents ul li:nth-child(2){width:34.4%;margin:1px;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:40.6%;margin:5px;opacity:0}#common-contents ul li:nth-child(3).active{animation:slideLeft .4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1;opacity:1}#common-contents ul li:nth-child(4){width:37.2%;margin:9px;opacity:0}#common-contents ul li:nth-child(4).active{animation:slideLeft .4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1;opacity:1}#common-contents ul li:nth-child(5){width:42.6%;margin:15px;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:43.1%;margin:11px;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:51.7%;margin:13px;opacity:0}#common-contents ul li:nth-child(7).active{animation:slideRight .4s ease-out 1;opacity:1}#common-contents ul li:nth-child(8){width:47.6%;margin:10px;opacity:0}#common-contents ul li:nth-child(8).active{animation:slideRight .4s ease-out 1;opacity:1}#common-contents ul li:nth-child(9){width:41.1%;margin:2px;opacity:0}#common-contents ul li:nth-child(9).active{animation:slideLeft .4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1;opacity:1}#common-contents ul li:nth-child(10){width:46.5%;margin:4px;opacity:0}#common-contents ul li:nth-child(10).active{animation:rotateMinus .4s ease-out 1;opacity:1}#common-contents ul li:nth-child(11){width:49%;margin:4px;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:46.1%;margin:8px;opacity:0}#common-contents ul li:nth-child(12).active{animation:slideRight .4s ease-out 1;opacity:1}#common-contents ul li:nth-child(13){width:47.2%;margin:9px;opacity:0}#common-contents ul li:nth-child(13).active{animation:slideLeft .4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1;opacity:1}#common-contents ul li:nth-child(14){width:38.6%;margin:11px;opacity:0}#common-contents ul li:nth-child(14).active{animation:rotate01 .4s ease-out 1;opacity:1}#common-contents ul li:nth-child(15){width:33.3%;margin:9px;opacity:0}#common-contents ul li:nth-child(15).active{animation:rotateMinus .4s ease-out 1;opacity:1}#common-contents ul li:nth-child(16){width:34.1%;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:41.5%;margin:13px;opacity:0}#common-contents ul li:nth-child(17).active{animation:rotateMinus .4s ease-out 1;opacity:1}#common-contents ul li:nth-child(18){width:41.5%;margin:6px;opacity:0}#common-contents ul li:nth-child(18).active{animation:rotate01 .4s ease-out 1;opacity:1}#common-contents ul li:nth-child(19){width:39.5%;margin:14px;opacity:0}#common-contents ul li:nth-child(19).active{animation:rotate01 .4s ease-out 1;opacity:1}#common-contents ul li:nth-child(20){width:45.3%;margin:3px;opacity:0}#common-contents ul li:nth-child(20).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%}