.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)}#eventlist #page-ttlbox{background:url(//motion-base.jp/wp-content/themes/hogurel/css/../img/event/pageimage.jpg) no-repeat center center;background-size:cover}#eventlist #page-wrapper{padding:0 3%;max-width:calc(1000px + 6%);margin:0 auto;margin-top:6rem;margin-bottom:12rem}@media screen and (max-width:959px){#eventlist #page-wrapper{padding:0 1rem}}@media screen and (max-width:959px){#eventlist #page-wrapper{margin-top:4rem;margin-bottom:6rem}}@media screen and (max-width:559px){#eventlist #page-wrapper{margin-bottom:4rem}}#eventlist .lead{color:#0086cc;font-size:1.6rem;font-weight:700;letter-spacing:.1rem;line-height:1.6;text-align:center}@media screen and (max-width:559px){#eventlist .lead{font-size:1.5rem;text-align:left}#eventlist .lead br{display:none}}#eventlist #page-nav{margin:9rem auto 7rem;display:flex;justify-content:center;flex-wrap:wrap}@media screen and (max-width:959px){#eventlist #page-nav{margin:5rem auto 4rem}}@media screen and (max-width:559px){#eventlist #page-nav{margin:3rem auto 2rem}}#eventlist #page-nav li{color:#0086cc;font-size:1.8rem;font-weight:500;letter-spacing:.1rem;margin-bottom:2rem}@media screen and (max-width:559px){#eventlist #page-nav li{font-size:1.6rem}}#eventlist #page-nav li:not(:last-child){border-right:1px solid #94cbe5}#eventlist #page-nav li a{margin:0 2.5rem;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;border-bottom:2px solid rgba(0,134,204,0)}@media screen and (max-width:559px){#eventlist #page-nav li a{margin:0 1.5rem}}#eventlist #page-nav li a.current{border-bottom:2px solid #0086cc}#eventlist #page-nav li a:hover{border-bottom:2px solid #0086cc}@media screen and (max-width:559px){#eventlist #page-nav li:first-child a{margin:0 1.5rem 0 0}#eventlist #page-nav li:last-child a{margin:0 0 0 1.5rem}}#eventlist #list ul{display:flex;flex-wrap:wrap}#eventlist #list ul li{position:relative;width:26%;margin-right:calc( (100% - 26% * 3) / 2);margin-bottom:5rem}#eventlist #list ul li:nth-of-type(3n){margin-right:0}@media screen and (max-width:959px){#eventlist #list ul li{width:46%;margin-right:calc( (100% - 46% * 2) / 1);margin-bottom:3rem}#eventlist #list ul li:nth-of-type(3n){margin-right:calc( (100% - 46% * 2) / 1)}#eventlist #list ul li:nth-of-type(even){margin-right:0}}@media screen and (max-width: 559px){#eventlist #list ul li{width:48%;margin-right:calc( (100% - 48% * 2) / 1)}#eventlist #list ul li:nth-of-type(3n){margin-right:calc( (100% - 48% * 2) / 1)}#eventlist #list ul li:nth-of-type(even){margin-right:0}}@media screen and (max-width: 414px){#eventlist #list ul li{width:100%;margin-bottom:2rem;margin-right:0}#eventlist #list ul li:nth-of-type(3n){margin-right:0}}#eventlist #list ul 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)}@media screen and (max-width:959px){#eventlist #list ul li .newmark{top:-8px;left:-8px}}@media screen and (max-width:559px){#eventlist #list ul li .newmark{top:-8px;left:-8px;width:40px;height:40px;font-size:1.1rem}}#eventlist #list ul 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}#eventlist #list ul li .imageholder{position:relative;width:100%;height:auto;overflow:hidden}#eventlist #list ul 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}#eventlist #list ul li .imageholder .image:before{position:relative;content:"";display:block;padding-top:73.3%;background:#d6d6d6}#eventlist #list ul li .imageholder .image img{height:auto;position:absolute;top:50%;transform:translateY(-50%)}#eventlist #list ul li .txt h3{font-size:1.5rem;line-height:1.3;font-weight:500;color:#0086cc;margin:1rem 0 .7rem}#eventlist #list ul 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){#eventlist #list ul li .txt .cat-name{font-size:1.1rem}}#eventlist #list ul 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}#eventlist .wp-pagenavi{text-align:center;font-size:1.8rem;font-family:"Work Sans",sans-serif;font-weight:500;font-style:italic;margin-top:5rem}@media screen and (max-width:959px){#eventlist .wp-pagenavi{margin-top:3rem}}@media screen and (max-width:559px){#eventlist .wp-pagenavi{font-size:1.5rem;line-height:1.5rem;margin-top:2rem}}#eventlist .wp-pagenavi a,#eventlist .wp-pagenavi span{display:inline-block;color:#0086cc;padding:6px 10px;margin:0 .2rem;white-space:nowrap;border:none;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}@media screen and (max-width:559px){#eventlist .wp-pagenavi a,#eventlist .wp-pagenavi span{padding:5px 8.5px}}#eventlist .wp-pagenavi a.pages,#eventlist .wp-pagenavi span.pages{display:none}#eventlist .wp-pagenavi a:hover{font-weight:500;opacity:.7}#eventlist .wp-pagenavi span.current{font-weight:500;color:#fff;border-radius:50%;background:#0086cc}#eventlist .wp-pagenavi span.extend{border:none}#eventlist .wp-pagenavi span.last,#eventlist .wp-pagenavi span.first{font-size:1.3rem}#eventdetail #page-ttlbox{background:url(//motion-base.jp/wp-content/themes/hogurel/css/../img/event/pageimage.jpg) no-repeat center center;background-size:cover}#eventdetail #page-wrapper{padding:0 3%;max-width:calc(1130px + 6%);margin:0 auto;margin-top:6rem;margin-bottom:12rem}@media screen and (max-width:959px){#eventdetail #page-wrapper{padding:0 1rem}}@media screen and (max-width:959px){#eventdetail #page-wrapper{margin-top:4rem;margin-bottom:6rem}}@media screen and (max-width:559px){#eventdetail #page-wrapper{margin-bottom:4rem}}#eventdetail #column{background:#f6f6f6}#eventdetail #column .column-wrap{max-width:calc(620px + 4rem);margin:0 auto;padding:9rem 2rem}@media screen and (max-width:959px){#eventdetail #column .column-wrap{padding:5rem 2rem}}@media screen and (max-width:559px){#eventdetail #column .column-wrap{padding:3rem 2rem 2rem}}#eventdetail #column #ttlbox{display:flex;flex-direction:column;margin-bottom:5rem}@media screen and (max-width:559px){#eventdetail #column #ttlbox{margin-bottom:2rem}}#eventdetail #column #ttlbox .columnttl{order:2;font-size:3rem;letter-spacing:.1rem;line-height:1.2;color:#0086cc;font-weight:500}@media screen and (max-width:559px){#eventdetail #column #ttlbox .columnttl{font-size:2.1rem;line-height:1.3}}#eventdetail #column #ttlbox .cat-date{order:1;display:flex;align-items:center;margin-bottom:1.5rem}#eventdetail #column #ttlbox .cat-date .cat-name{font-size:1.2rem;color:#0086cc;padding:.4rem 1rem;display:inline-block;border:1px solid #0086cc;border-radius:6px;background:#fff;margin-right:1.5rem}@media screen and (max-width:959px){#eventdetail #column #ttlbox .cat-date .cat-name{font-size:1.1rem}}#eventdetail #column #ttlbox .cat-date .columndate{font-size:1.5rem;letter-spacing:.1rem;font-family:"Work Sans",sans-serif;font-style:italic;color:#b9b9b9}@media screen and (max-width:559px){#eventdetail #column #ttlbox .cat-date .columndate{font-size:1.3rem}}#eventdetail #column #column-detail{margin-top:3rem;font-size:1.6rem;line-height:1.8}@media screen and (max-width:559px){#eventdetail #column #column-detail{margin-top:2rem;font-size:1.5rem;line-height:1.7}}#eventdetail #column #column-detail img{height:auto;width:auto}#eventdetail #column #column-detail img.aligncenter{margin:0 auto}#eventdetail #column #column-detail p{margin:1.5rem 0}#eventdetail #column #column-detail h2{margin:1.5rem 0;font-size:2rem;line-height:1.5;color:#0086cc;font-weight:500}@media screen and (max-width:559px){#eventdetail #column #column-detail h2{font-size:1.7rem}}#eventdetail #column #column-detail h3{margin:1.5rem 0;font-size:1.6rem;line-height:1.4;font-weight:500}@media screen and (max-width:559px){#eventdetail #column #column-detail h3{font-size:1.5rem}}#eventdetail #column #column-detail .wp-block-embed-youtube .wp-block-embed__wrapper{position:relative;width:100%;padding-top:56.25%;height:0;overflow:hidden}#eventdetail #column #column-detail .wp-block-embed-youtube .wp-block-embed__wrapper iframe{position:absolute;top:0;right:0;width:100%;height:100%}#eventdetail #pager{margin-top:7rem}@media screen and (max-width:959px){#eventdetail #pager{margin-top:5rem}}@media screen and (max-width:559px){#eventdetail #pager{margin-top:3rem}}#eventdetail #pager .pager-wrapper{display:flex;justify-content:center;align-items:center}#eventdetail #pager .pager-wrapper p.nav{color:#0086cc;font-family:"Work Sans",sans-serif;font-size:1.5rem;letter-spacing:.1rem;font-weight:500;position:relative}#eventdetail #pager .pager-wrapper .pager-line{width:100px;height:1px;background:#0086cc;margin:0 .5rem}@media screen and (max-width:559px){#eventdetail #pager .pager-wrapper .pager-line{width:50px}}#eventdetail #pager .pager-wrapper .prevbox a{display:flex;align-items:center;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}#eventdetail #pager .pager-wrapper .prevbox a:hover{transform:translateX(-7px)}#eventdetail #pager .pager-wrapper .backlist{margin:0 1.5rem}#eventdetail #pager .pager-wrapper .backlist a{display:block;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}#eventdetail #pager .pager-wrapper .backlist a div{width:25px;height:25px}@media screen and (max-width:559px){#eventdetail #pager .pager-wrapper .backlist a div{width:22px;height:22px}}#eventdetail #pager .pager-wrapper .backlist a:hover{transform:scale(1.1)}#eventdetail #pager .pager-wrapper .nextbox a{display:flex;align-items:center;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}#eventdetail #pager .pager-wrapper .nextbox a:hover{transform:translateX(7px)}#eventdetail #related{max-width:900px;margin:10rem auto 0}@media screen and (max-width:959px){#eventdetail #related{margin:7rem auto 0}}@media screen and (max-width:559px){#eventdetail #related{margin:5rem auto 0}}#eventdetail #related ul{display:flex;flex-wrap:wrap}#eventdetail #related ul li{position:relative;width:29%;margin-right:calc( (100% - 29% * 3) / 2)}#eventdetail #related ul li:nth-of-type(4){display:none}#eventdetail #related ul li:nth-of-type(3n){margin-right:0}@media screen and (max-width: 959px){#eventdetail #related ul li{width:46%;margin-right:calc( (100% - 46% * 2) / 1);margin-bottom:3rem}#eventdetail #related ul li:nth-of-type(4){display:block}#eventdetail #related ul li:nth-of-type(3n){margin-right:calc( (100% - 46% * 2) / 1)}#eventdetail #related ul li:nth-of-type(even){margin-right:0}}@media screen and (max-width: 559px){#eventdetail #related ul li{width:48%;margin-right:calc( (100% - 48% * 2) / 1)}#eventdetail #related ul li:nth-of-type(3n){margin-right:calc( (100% - 48% * 2) / 1)}#eventdetail #related ul li:nth-of-type(even){margin-right:0}}@media screen and (max-width: 414px){#eventdetail #related ul li{width:100%;margin-bottom:2rem;margin-right:0}#eventdetail #related ul li:nth-of-type(3n){margin-right:0}}#eventdetail #related ul 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)}@media screen and (max-width:959px){#eventdetail #related ul li .newmark{top:-8px;left:-8px}}@media screen and (max-width:559px){#eventdetail #related ul li .newmark{top:-8px;left:-8px;width:40px;height:40px;font-size:1.1rem}}#eventdetail #related ul 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}#eventdetail #related ul li .imageholder{position:relative;width:100%;height:auto;overflow:hidden}#eventdetail #related ul 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}#eventdetail #related ul li .imageholder .image:before{position:relative;content:"";display:block;padding-top:73.3%;background:#d6d6d6}#eventdetail #related ul li .imageholder .image img{height:auto;position:absolute;top:50%;transform:translateY(-50%)}#eventdetail #related ul li .txt h3{font-size:1.5rem;line-height:1.3;font-weight:500;color:#0086cc;margin:1rem 0 .7rem}#eventdetail #related ul 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){#eventdetail #related ul li .txt .cat-name{font-size:1.1rem}}#eventdetail #related ul 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}