@charset "UTF-8";#top-contents *{-webkit-box-sizing:border-box;box-sizing:border-box}@-webkit-keyframes contents_change{0%{opacity:0}50%{opacity:.5}100%{opacity:0}}@keyframes contents_change{0%{opacity:0}50%{opacity:.5}100%{opacity:0}}#top-contents{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:345px;margin-bottom:15px;overflow:hidden}#top-contents::after,#top-contents::before{position:absolute;left:-6px;z-index:1;-webkit-box-sizing:border-box;box-sizing:border-box;width:12px;height:12px;content:"";background-color:#fff;border:1px solid #ccc;-webkit-transform:rotate(45deg);transform:rotate(45deg)}#top-contents::before{top:-6px}#top-contents::after{bottom:-6px}#top-contents>audio{display:none}#top-contents>.top-contents-links{top:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:13px 13px 12px 0}#top-contents>.top-contents-links::after,#top-contents>.top-contents-links::before{position:absolute;right:-6px;z-index:1;-webkit-box-sizing:border-box;box-sizing:border-box;width:12px;height:12px;content:"";background-color:#fff;border:1px solid #ccc;-webkit-transform:rotate(45deg);transform:rotate(45deg)}#top-contents>.top-contents-links::before{top:-6px}#top-contents>.top-contents-links::after{bottom:-6px}#top-contents>.top-contents-links>a{position:relative;display:inline-block}#top-contents>.top-contents-links>a+a{margin-top:10px}#top-contents>.top-contents-links>a>img{vertical-align:bottom}#top-contents>.top-contents-links>a::after{position:absolute;top:0;left:0;display:block;width:100%;height:100%;content:"";background:rgba(0,0,0,.2);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}#top-contents>.top-contents-links>a:hover::after{opacity:1}#top-contents>.top-contents-canvas{width:calc(100% - 250px)}#top-contents>.top-contents-canvas::before{position:absolute;top:50%;left:602px;display:none;width:24px;height:24px;margin:-12px 0 0;content:"";border-top:4px solid rgba(150,150,150,.2);border-right:4px solid rgba(150,150,150,.2);border-bottom:4px solid rgba(150,150,150,.2);border-left:4px solid #969696;border-radius:50%}#top-contents>.top-contents-canvas[data-status=init]::before,#top-contents>.top-contents-canvas[data-status=loading]::before{display:block;-webkit-animation:loading 1s infinite linear;animation:loading 1s infinite linear}#top-contents>.top-contents-canvas::after{position:absolute;right:0;left:0;width:100%;height:100%;pointer-events:none;content:"";-webkit-box-shadow:0 0 0 1px #ccc inset;box-shadow:0 0 0 1px #ccc inset}@-webkit-keyframes loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}#top-contents>.top-contents-canvas>i{position:absolute;top:0;left:0;display:block;width:100%;height:100%;content:"";background:#fff;opacity:0}#top-contents>.top-contents-canvas.change>i{-webkit-animation:contents_change .2s 1 ease;animation:contents_change .2s 1 ease}#top-contents>.top-contents-canvas>video{position:absolute;top:0;left:0;width:auto;height:344px;opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}#top-contents>.top-contents-canvas[data-status=ready][data-type=video]>video{opacity:1}#top-contents>.top-contents-canvas>img{position:absolute;top:0;left:0;height:100%;opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}#top-contents>.top-contents-canvas[data-status=ready][data-type=image]>img{opacity:1}#top-contents>.top-contents-canvas>a{position:absolute;top:0;left:0;display:block;width:100%;height:100%}#top-contents>.top-contents-canvas>a.hide{display:none}#top-contents .top-contents-special-btn{position:absolute;right:310px;bottom:13px;width:183px;height:147px;margin-right:15px}#top-contents .top-contents-special.active+.top-contents-special-btn{display:none}#top-contents .top-contents-special{position:absolute;right:310px;bottom:13px;height:147px;padding-right:10px;margin-right:15px;overflow:hidden;pointer-events:none;opacity:0;-webkit-transition:opacity .4s;transition:opacity .4s}#top-contents .top-contents-special.active{pointer-events:auto}#top-contents>.top-contents-canvas[data-status=ready]>.top-contents-special{opacity:1}#top-contents .top-contents-special::after{position:absolute;top:0;right:0;width:162px;height:100%;content:"";background:url(../top_contents/garage/material/special-contents-btn.png) no-repeat}#top-contents .top-contents-special-box{height:100%;padding-right:152px;overflow:hidden}#top-contents .top-contents-special-list{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;padding-right:80px;-webkit-transform:translateX(100%) translateX(-21px);transform:translateX(100%) translateX(-21px);-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s}#top-contents .top-contents-special.active>.top-contents-special-box>.top-contents-special-list{-webkit-transform:translateX(0);transform:translateX(0)}#top-contents .top-contents-special-contents{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;overflow:hidden}#top-contents .top-contents-special-contents>div{position:relative;display:none;padding-left:21px;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}#top-contents>.top-contents-canvas[data-group=A] .top-contents-special-contents-group_A,#top-contents>.top-contents-canvas[data-group=B] .top-contents-special-contents-group_B{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}#top-contents .top-contents-special-contents>div::after{position:absolute;top:0;left:0;display:block;width:21px;height:100%;content:"";background:url(../top_contents/garage/material/special-contents-btn-arrow.png) no-repeat}#top-contents .top-contents-special-contents>div>div{position:relative;width:200px;height:100%;padding:7px 0 7px 7px;overflow:hidden;text-align:center;cursor:pointer;background:#fff;border-top:1px solid #ccc;border-bottom:1px solid #ccc}#top-contents .top-contents-special-contents>div>div>img{height:100%}#top-contents .top-contents-special-contents>div>div::before{position:absolute;top:7px;left:7px;z-index:1;display:block;width:calc(100% - 7px);height:calc(100% - 14px);content:"";-webkit-box-shadow:0 0 0 1px #ddd inset;box-shadow:0 0 0 1px #ddd inset;-webkit-transition:all .2s;transition:all .2s}#top-contents .top-contents-special-contents>div>div.active::before{background:rgba(0,0,0,.5)}#top-contents .top-contents-special-contents>div>div::after{position:absolute;top:0;left:0;z-index:1;display:block;width:100%;height:100%;content:"";background:#fff;opacity:0}#top-contents .top-contents-special-contents>div>div:hover::after{-webkit-animation:contents_change .2s 1 ease;animation:contents_change .2s 1 ease}#top-contents .top-contents-special-contents>div>div>i{position:absolute;right:5px;bottom:12px;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:14px;height:14px;background:#ddd;border-radius:50%;-webkit-box-shadow:1px 0 1px rgba(255,255,255,.3) inset,0 1px 1px rgba(255,255,255,.3) inset,-1px 0 1px rgba(0,0,0,.4) inset,0 -1px 1px rgba(0,0,0,.2) inset;box-shadow:1px 0 1px rgba(255,255,255,.3) inset,0 1px 1px rgba(255,255,255,.3) inset,-1px 0 1px rgba(0,0,0,.4) inset,0 -1px 1px rgba(0,0,0,.2) inset;-webkit-transform:scale(0,0);transform:scale(0,0);-webkit-transform-origin:center;transform-origin:center;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}#top-contents .top-contents-special-contents>div>div.active>i{-webkit-transform:scale(1,1);transform:scale(1,1)}#top-contents .top-contents-special-contents>div>div>i::before{width:0;height:0;content:"";border-color:transparent transparent transparent #777;border-style:solid;border-width:2.5px 0 2.5px 5px}#top-contents .top-contents-special-contents>div>div>span{position:absolute;top:12px;right:5px;z-index:2;padding:2px 3px;font-size:10px;line-height:1em;color:#000;background:#fff}#top-contents .top-contents-special-controller{position:absolute;top:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:80px;padding:7px;background:#fff;border-top:1px solid #ccc;border-bottom:1px solid #ccc}#top-contents .top-contents-special-controller>span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;cursor:pointer;background:#888;border-radius:2px;-webkit-box-shadow:2px 0 2px rgba(255,255,255,.3) inset,0 2px 2px rgba(255,255,255,.3) inset,-2px 0 2px rgba(0,0,0,.4) inset,0 -2px 2px rgba(0,0,0,.2) inset;box-shadow:2px 0 2px rgba(255,255,255,.3) inset,0 2px 2px rgba(255,255,255,.3) inset,-2px 0 2px rgba(0,0,0,.4) inset,0 -2px 2px rgba(0,0,0,.2) inset}#top-contents .top-contents-special-controller>span:hover{background:#666}#top-contents .top-contents-special-controller>span:active{background:#555}#top-contents .top-contents-special-controller>span.disabled{text-decoration:none;cursor:default;background:#ccc}#top-contents .top-contents-special-controller-left,#top-contents .top-contents-special-controller-right{width:30px;height:25px;border-radius:2px}#top-contents .top-contents-special-controller-left::before{width:0;height:0;content:"";border-color:transparent #fff transparent transparent;border-style:solid;border-width:3.5px 7px 3.5px 0}#top-contents .top-contents-special-controller-right::before{width:0;height:0;content:"";border-color:transparent transparent transparent #fff;border-style:solid;border-width:3.5px 0 3.5px 7px}#top-contents .top-contents-special-controller-award,#top-contents .top-contents-special-controller-creator{width:100%;height:48px}#top-contents .top-contents-special-controller-award::before,#top-contents .top-contents-special-controller-creator::before{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;font-size:8px;line-height:1.3;text-align:left;white-space:pre}#top-contents .top-contents-special-controller-creator{margin:6px 0 4px}#top-contents .top-contents-special-controller-creator::before{content:"スーパー\aクリエーター\a特集"}#top-contents .top-contents-special-controller-award::before{content:"CREATIVE\a AWARD"}