body#navigation{background:transparent;overflow-y:auto}body#navigation #wrap{opacity:1;background:transparent}#wrap ul,#wrap h2,#wrap ul > li a{display:block;width:100%;height:auto;margin:0;padding:0;font-weight:700;font-family:'Press'}#wrap h2{clear:both;padding:1% 0 0;background:#000;color:#54a27e;font-size:6vw;line-height:10vw;letter-spacing:-.08em;word-break:break-all}#wrap h2::before{content:'';display:inline-block;opacity:.7;position:relative;width:6vw;height:4vw;margin:1% 1.5% 1.5%;background:#fff;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}#wrap ul{list-style-type:none}#wrap ul > li a{padding:1% 0;border-bottom:solid .7vw #000;color:#000;font-size:4.2vw;line-height:5vw;letter-spacing:-.15em}#wrap ul > li a:hover{background:#000;color:#54a27e;text-align:right}#wrap ul > li.double{display:inline-block;float:left;width:50%}#wrap ul > li#diamond{background:0 50% / 10% repeat-x url(../image/design/07/diamond.png)}#wrap ul > li#diamond a{height:5vw}#wrap ul > li#diamond a:hover::before{content:'TIME UP';color:#54a27e}#new::after{content:'NEW';display:inline;width:2vw;height:2vw;padding:.5% 1%;margin:0 2%;background:rgba(255,0,0,0.4)}#new:hover::after{display:none}#up::after{content:'UP';display:inline;width:2vw;height:2vw;padding:.5% 1%;margin:0 2%;background:rgba(255,0,0,0.4)}#up:hover::after{display:none}.block{display:flex;flex-wrap:wrap;clear:both;width:100%;margin:0;padding:0}.block p{display:inline-block;position:relative;width:6vw;height:6vw;margin:2% 1.6% .6%;border:solid .1vw rgba(0,0,0,0);background:#000}.block p:hover{border:solid .1vw #000}.block p:nth-child(1){background:50% 50% / 100% no-repeat url(../image/design/00/gift.png) transparent;-webkit-filter:grayscale(100%) brightness(0%);filter:grayscale(100%) brightness(0%)}.block p:nth-child(4):hover{background:50% 50% / 100% no-repeat url(../image/design/00/rocket.png);-webkit-filter:grayscale(100%) brightness(0%);filter:grayscale(100%) brightness(0%)}.block p:nth-child(6):hover{background:50% 50% / 230% no-repeat url(../image/tg/sion_pixel_gr.png);-webkit-filter:hue-rotate(35deg) grayscale(50%) brightness(70%);filter:hue-rotate(35deg) grayscale(50%) brightness(70%)}.block p:nth-child(8):hover{background:50% 50% / 100% no-repeat url(../image/design/06/exit.png);-webkit-filter:grayscale(100%) brightness(0%);filter:grayscale(100%) brightness(0%)}.block p:nth-child(12):hover{background:50% 50% / 100% no-repeat url(../image/design/00/med.png);-webkit-filter:grayscale(100%) brightness(0%);filter:grayscale(100%) brightness(0%)}.block p:nth-child(13):hover{background:50% 50% / 100% no-repeat url(../image/design/05/cyclon.png)}.block p:nth-child(15):hover{background:50% 50% / 200% no-repeat url(../image/tg/timegreen_pixel_gr.png);-webkit-filter:hue-rotate(35deg) grayscale(50%) brightness(70%);filter:hue-rotate(35deg) grayscale(50%) brightness(70%)}@media screen and (orientation: landscape){#wrap ul{display:inline-block;list-style-type:none;width:48%;margin:0;padding:0 .5%;vertical-align:top}#wrap ul:nth-child(8){margin:-3.2% 0 0;padding:.1% .5% 0}#wrap h2{display:none}#wrap ul > li a{display:block;width:98%;margin:0;padding:.8% 1%;border-bottom:solid .1vw #000;font-size:1.8vw;line-height:2vw}#wrap ul > li a:hover{text-align:left}#wrap ul > li.double{float:left;width:50%;margin:.5% 0;padding:.5% 0}#wrap ul > li#diamond a{height:2vw}#new::after{background:transparent;padding:1%;color:#fff;font-weight:400}#new:hover:after{display:none}#up::after{content:'UPDATE';background:transparent;padding:1%;color:#fff;font-weight:400}#up:hover:after{display:none}.block{width:48%;height:2.8vw;margin:-5.5% 0 0 49.5%;padding:0}.block p{display:inline-block;position:relative;width:2.6vw;height:2.4vw;margin:0 1.2%;background:#000}.block p:nth-child(2),.block p:nth-child(11),.block p:nth-child(13),.block p:nth-child(14),.block p:nth-child(15){display:none}}