.fadeon{opacity:0;transition:all .7s cubic-bezier(.19,1,.22,1) .5s}.fadeon.is-on{opacity:1}.fadeup{filter:grayscale(100%);opacity:1;-moz-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s;transition:all .5s;-moz-transform:translateY(2rem);-ms-transform:translateY(2rem);-webkit-transform:translateY(2rem);transform:translateY(2rem)}.fadeup.is-on{filter:grayscale(0);opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}#hero-area{padding:0 3%;max-width:calc(1200px + 6%);margin:0 auto 7rem}@media screen and (max-width:959px){#hero-area{padding:0 1rem;margin:0 auto 3rem}}#hero-area .slider li.slides,#hero-area .slick-slide{height:460px}@media screen and (max-width:1260px){#hero-area .slider li.slides,#hero-area .slick-slide{height:35.5vw}}@media screen and (max-width:559px){#hero-area .slider li.slides,#hero-area .slick-slide{height:92vw}}@media screen and (max-width:530px){#hero-area .slider li.slides,#hero-area .slick-slide{height:91.5vw}}@media screen and (max-width:440px){#hero-area .slider li.slides,#hero-area .slick-slide{height:90.2vw}}@media screen and (max-width:414px){#hero-area .slider li.slides,#hero-area .slick-slide{height:89vw}}#hero-area .slider{position:relative}#hero-area .slider li.slides{position:relative}#hero-area .slider li.slides .image02{display:none}@media screen and (max-width:559px){#hero-area .slider li.slides .image01{display:none}#hero-area .slider li.slides .image02{display:block}}#hero-area .slider li.slides a{-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}#hero-area .slider li.slides a:hover{opacity:.5}#hero-area .slick-slide,#hero-area .slick-slide:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}#hero-area .slick-slide:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%}#hero-area .slick-slide{position:relative}#hero-area .slick-slide video{display:block;position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);width:100%}#hero-area .slick-slide img{display:block;position:absolute;top:50%;transform:translate(0,-50%)}#hero-area .slick-slide .slide-image{opacity:0;transition:all .8s ease}#hero-area .slick-slide .slide-image.show{opacity:1}#hero-area .slick-slide .loading{position:absolute;top:44%;left:0;width:100%}#hero-area .slick-slide .slide-media{animation:slideOut .4s cubic-bezier(.4,.29,.01,1)}#hero-area .slick-slide.slick-active{z-index:1}#hero-area .slick-slide.slick-active .slide-media{animation:slideIn 2.4s cubic-bezier(.4,.29,.01,1)}#hero-area .slick-slide.slick-active .caption{opacity:1;transform:translateY(0);transition:all .7s cubic-bezier(.32,.34,0,1.62) .6s}@keyframes slideIn{from{filter:blur(15px)}to{filter:blur(0)}}@keyframes slideOut{from{filter:blur(0)}to{filter:blur(15px)}}#hero-area div.slide-arrow{position:absolute;top:50%;margin-top:-15px;z-index:3;cursor:pointer}#hero-area div.prev-arrow{left:20px;width:0;height:0;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}@media screen and (max-width:559px){#hero-area div.prev-arrow{left:18px}}#hero-area div.prev-arrow:before{content:"";width:30px;height:30px;border:0;border-top:solid 2px #fff;border-left:solid 2px #fff;transform:rotate(315deg);position:absolute;top:50%;left:0}@media screen and (max-width:559px){#hero-area div.prev-arrow:before{width:24px;height:24px}}#hero-area div.prev-arrow:hover{left:14px}@media screen and (max-width:559px){#hero-area div.prev-arrow:hover{left:18px}}#hero-area div.next-arrow{right:50px;width:0;height:0;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}@media screen and (max-width:559px){#hero-area div.next-arrow{right:40px}}#hero-area div.next-arrow:before{content:"";width:30px;height:30px;border:0;border-top:solid 2px #fff;border-right:solid 2px #fff;transform:rotate(45deg);position:absolute;top:50%;left:0}@media screen and (max-width:559px){#hero-area div.next-arrow:before{width:24px;height:24px}}#hero-area div.next-arrow:hover{right:44px}@media screen and (max-width:559px){#hero-area div.next-arrow:hover{right:40px}}#hero-area .slick-dots{text-align:right;bottom:-22px}#hero-area .slick-dots li{display:inline-block;vertical-align:top;margin:0 4px;width:70px;height:2px}@media screen and (max-width:559px){#hero-area .slick-dots li{width:60px;height:3px}}#hero-area .slick-dots li:last-child{margin:0 0 0 4px}#hero-area .slick-dots li button{width:70px;height:2px;border:none;cursor:pointer;border-radius:0;border:none;padding:0;box-shadow:0 0 0 0 transparent;vertical-align:middle;background-color:#ccc;transition:all .3s ease;opacity:1}@media screen and (max-width:559px){#hero-area .slick-dots li button{width:60px;height:3px}}#hero-area .slick-dots li button:focus{outline:none}#hero-area .slick-dots li button:hover{opacity:1}#hero-area .slick-dots li button:before{display:none}#hero-area .slick-dots li.slick-active button{background-color:#0086cc;opacity:1}@media screen and (max-width:559px){#hero-area .slick-dotted.slick-slider{margin-bottom:20px}}.top-ttlholder{margin-bottom:1.5rem}.top-ttlholder span.sub2{font-size:1rem;font-weight:700;color:#0086cc;letter-spacing:.1rem;display:block;margin-bottom:.5rem}.top-ttlholder span.main{font-size:1.5rem;font-weight:700;color:#0086cc;letter-spacing:.2rem}.top-ttlholder span.sub{font-family:"Work Sans",sans-serif;font-style:italic;font-size:1.2rem;font-weight:400;letter-spacing:.1rem;color:#9e9e9e;margin-top:.5rem;display:block}.newsbox{padding:0 3%;max-width:calc(1130px + 6%);margin:0 auto}@media screen and (max-width:959px){.newsbox{padding:0 1rem}}.newsbox .news-list{padding:1rem;position:relative}.newsbox .news-list li{border-bottom:1px solid #ccc;padding:2rem 1rem}@media screen and (max-width:559px){.newsbox .news-list{padding-left:0}}.newsbox .news-list ul li a{display:flex;align-items:center}@media screen and (max-width:559px){.newsbox .news-list ul li a{flex-direction:column;align-items:start}}.newsbox .news-list ul li a .date{width:120px;font-family:"Work Sans",sans-serif;font-style:italic;font-size:1.4rem;font-weight:400;color:#0086cc;letter-spacing:.2rem;margin-right:2rem;border-right:1px solid #ccc}@media screen and (max-width:559px){.newsbox .news-list ul li a .date{letter-spacing:.1rem;font-size:1.4rem;margin-right:0;border-right:none;margin-bottom:.5rem}}.newsbox .news-list ul li a .name{flex:1;font-size:1.5rem;line-height:1.3;font-weight:500;color:#0086cc}@media screen and (max-width:559px){.newsbox .news-list ul li a .name{font-size:1.4rem}}.newsbox .news-list .ticker ul{z-index:1}.newsbox .news-list .btn-list{position:absolute;right:0;bottom:-20px;z-index:2}@media screen and (max-width:959px){.newsbox .news-list .btn-list{top:auto;bottom:-30px}}.newsbox .news-list .btn-list a{display:inline-block;font-size:1.5rem;font-weight:500;color:#0086cc;position:relative;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}@media screen and (max-width:959px){.newsbox .news-list .btn-list a{font-size:1.4rem}}.newsbox .news-list .btn-list a:after{position:relative;content:"";display:inline-block;width:11px;height:11px;background-image:url(//motion-base.jp/wp-content/themes/hogurel/css/../img/common/svg/ic-double-arrow.svg);background-size:contain;margin-left:.5rem}.newsbox .news-list .btn-list a:hover{transform:translateX(3px)}#top-hogstyle,#top-event{padding:0 3%;max-width:calc(1130px + 6%);margin:0 auto}@media screen and (max-width:959px){#top-hogstyle,#top-event{padding:0 1rem}}#top-hogstyle{margin-top:8rem}@media screen and (max-width:959px){#top-hogstyle{margin-top:6rem}}#top-event{margin:5rem auto 9rem}@media screen and (max-width:959px){#top-event{margin:3rem auto 2rem}}.top-list{display:flex}@media screen and (max-width:959px){.top-list{flex-wrap:wrap}}.top-list li{position:relative;width:23%;margin-right:calc( (100% - 23% * 4) / 3)
}

.top-list li:nth-of-type(4n) {
    margin-right: 0
}

@media screen and (max-width: 959px){.top-list li{width:46%;margin-right:calc( (100% - 46% * 2) / 1);margin-bottom:3rem}.top-list li:nth-of-type(4n){margin-right:calc( (100% - 46% * 2) / 1)
    }
    .top-list li:nth-of-type(even) {
        margin-right: 0
    }
}

@media screen and (max-width: 559px){.top-list li{width:48%;margin-right:calc( (100% - 48% * 2) / 1)
    }
    .top-list li:nth-of-type(4n) {
        margin-right: calc( (100% - 48% * 2) / 1)
    }
    .top-list li:nth-of-type(even) {
        margin-right: 0
    }
}

@media screen and (max-width: 414px){.top-list li{width:100%;margin-right:0}.top-list li:nth-of-type(3n){margin-right:0}}.top-list li .newmark{position:absolute;top:-22px;left:-22px;width:45px;height:45px;border-radius:50%;background:linear-gradient(222deg,#80bbde 0%,#0085cc 100%);color:#fff;font-size:1.3rem;letter-spacing:.1rem;font-family:"Work Sans",sans-serif;font-style:italic;font-weight:500;display:flex;justify-content:center;align-items:center;box-shadow:2px 2px 2px rgba(0,0,0,.2);display:none}@media screen and (max-width:959px){.top-list li .newmark{top:-8px;left:-8px}}@media screen and (max-width:559px){.top-list li .newmark{top:-8px;left:-8px;width:40px;height:40px;font-size:1.1rem}}.top-list li a:hover .image{-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);opacity:.5}.top-list li .imageholder{position:relative;width:100%;height:auto;overflow:hidden}.top-list li .imageholder .image{position:relative;-moz-transform:scale(1,1);-ms-transform:scale(1,1);-webkit-transform:scale(1,1);transform:scale(1,1);-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}.top-list li .imageholder .image:before{position:relative;content:"";display:block;padding-top:73.3%;background:#d6d6d6}.top-list li .imageholder .image img{height:auto;position:absolute;top:50%;transform:translateY(-50%)}.top-list li .txt h3{font-size:1.5rem;line-height:1.3;font-weight:500;color:#0086cc;margin:1rem 0 .7rem}.top-list li .txt .cat-name{font-size:1.2rem;color:#0086cc;padding:.4rem 1rem;display:inline-block;border:1px solid #0086cc;border-radius:6px}@media screen and (max-width:959px){.top-list li .txt .cat-name{font-size:1.1rem}}.top-list li .txt .date{font-family:"Work Sans",sans-serif;font-style:italic;font-size:1.4rem;font-weight:400;letter-spacing:.1rem;color:#bababa;display:block;margin-top:.5rem}.top-list li .txt .cat-name2{font-size:1.2rem;position:relative}@media screen and (max-width:959px){.top-list li .txt .cat-name2{font-size:1.1rem}}@media screen and (max-width:559px){.top-list li .txt .cat-name2{font-size:1rem}}.top-list li .txt .cat-name2 p:nth-of-type(1){background:#0086cc;color:#fff;border:1px solid #0086cc;border-radius:6px;display:inline-block;padding:.4rem .7rem;position:relative}.top-list li .txt .cat-name2 p:nth-of-type(2){color:#0086cc;display:inline-block;border:1px solid #0086cc;border-radius:0 6px 6px 0;padding:.4rem .7rem .4rem 1.3rem;position:relative;right:6px}.bnr-baseball{padding:0 3%;max-width:calc(1130px + 6%);margin:0 auto;margin:5rem auto 14rem}@media screen and (max-width:959px){.bnr-baseball{padding:0 1rem}}@media screen and (max-width:959px){.bnr-baseball{margin:4rem auto 5rem}}.bnr-baseball a{display:block;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}.bnr-baseball a:hover{opacity:.5}.sns-box{padding:0 3%;max-width:calc(1130px + 6%);margin:0 auto;display:flex;justify-content:space-between}@media screen and (max-width:959px){.sns-box{padding:0 1rem}}@media screen and (max-width:767px){.sns-box{flex-wrap:wrap}}.sns-box>div{width:32%}@media screen and (max-width:767px){.sns-box>div{width:100%}.sns-box>div:not(:last-child){margin-bottom:3rem}}@media screen and (max-width:767px) and (max-width:559px){.sns-box>div:not(:last-child){margin-bottom:2rem}}.sns-box>div p:nth-of-type(1){font-family:"Work Sans",sans-serif;font-style:italic;font-size:1.5rem;letter-spacing:.1rem;color:#0086cc;margin-bottom:1.5rem}@media screen and (max-width:767px){.sns-box>div p:nth-of-type(1){margin-bottom:.5rem}}.sns-box>div .box{border:2px solid #0086cc}@media screen and (max-width:767px){.sns-box div.fb .box{max-width:500px;margin:0 auto 3rem}}.sns-box div.yt a{display:block;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}.sns-box div.yt a:hover{opacity:.5}.sns-box .timeline-Widget{border-radius:0 !important}