/*! * reset.css * License :MIT * Author :Next, Inc. (https://www.next.inc/) */ html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time{margin:0;padding:0;}h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,figcaption{font-size:1em;font-style:normal}fieldset,iframe{border:0}caption,th{text-align:left}th{font-weight:bold;}li{list-style:none;}img{border:0;max-width:100%;}table{border-collapse:collapse;border-spacing:0}article,aside,footer,header,hgroup,nav,section,figure,figcaption{display:block}input{outline:0}input[type="submit"]{-webkit-appearance:none}a{color:#16afba;border:0;outline:0;cursor:pointer;}a:link,a:visited,a:active{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:0;}a:hover{text-decoration:underline}::selection{background:#d8dee6;text-shadow:none}::-moz-selection{background:#d8dee6;text-shadow:none}.left{float:left}.right{float:right}body, input, textarea, select, button{text-rendering:optimizeLegibility; }i{display:block;background-repeat:no-repeat;background-position:center center;background-size:cover;font-style:normal;}hr{ height:1px; margin:2em 0; border:0; background:-webkit-linear-gradient(left, transparent, rgba(0,0,0,0.09) 10%, rgba(0,0,0,0.09) 90%, transparent); } /* * override.css */ .row{ display:-webkit-flex; display:flex; -webkit-box-pack:justify; -webkit-justify-content:flex-start; -ms-flex-pack:justify; justify-content:flex-start; flex-wrap:wrap; } .container{ width:1024px; padding:0; } .container-fluid{ max-width:1400px; padding-left:24px; padding-right:24px; } .panel-default .panel-title{ font-size:1.143em; font-weight:bold; } .modal-body{ max-height:calc(100vh - 212px); overflow-y:auto; } .form-control{ height:40px; border:1px solid #ddd; border-radius:6px; } /*! * type.css * License :MIT * Author :Next, Inc. (https://www.next.inc/) */ body{ width:100%; background:#fff; margin:0; padding:0; overflow-x:hidden; font:14px YakuHanJP, "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif; -webkit-overflow-scrolling:touch; -webkit-font-adjust:100%;-webkit-text-size-adjust:100% !important;line-height:1.7;color:#444; font-weight:normal; word-break:break-word; } /* font-family: 'Cinzel', serif; font-family: 'Shippori Mincho', serif; */ h1, h2, h3, h4, h5, h6, strong{ color:#121212; letter-spacing:0; font-weight:bold; } svg#new-tab{ fill:#ccc; margin:0 3px 0 0; } /*57px => 4.071em 54px => 3.857em 51px => 3.643em 46px => 3.268em 41px => 2.929em 38px => 2.714em 36px => 2.571em 34px => 2.429em 31px => 2.214em 27px => 1.929em 24px => 1.714em 22px => 1.571em 20px => 1.429em 18px => 1.286em 16px => 1.143em 15px => 1.071em 14px => 1em 13px => 0.929em 12px => 0.857em 11px => 0.786em 10px => 0.714em*/ /* base */ #all{ background:#fff; } #nx{ margin:0; padding:0; -webkit-transition-property:all; transition-property:all; -webkit-transition-delay:.3s; transition-delay:.3s; -webkit-transition-duration:.5s; transition-duration:.5s; } #main{ height:auto; } .hero-section{ width:100%; height:auto; background-repeat:no-repeat; background-size:cover; text-align:center; } .content-container{ position:relative; background:#fff; } .content-section{ padding:24px 0; } .content-section .content-section-inner{ padding:24px 0; } .content-title-section{ margin-bottom:36px; } .content-title{ font-weight:bold; position:relative; line-height:1; } .event-list-section .item, .article-list-section .entry{ margin-bottom:24px; } .event-list-section .item a, .article-list-section .entry a{ display:block; } .event-list-section .item a:hover>.item-title, .article-list-section .entry a:hover>.item-title{ color:#fc024c; } .article-list-section .entry img{ -webkit-border-radius:3px; border-radius:3px; } .event-list-section .item-col img{ margin-bottom:24px; -webkit-border-radius:3px; border-radius:3px; } .sidebar .entry-eyecatch img{ margin-bottom:0; } .article-list-section .nav-section{ margin-bottom:48px; } .news-list-section{ margin-bottom:24px; } .content .entry-meta{ margin-bottom:48px; } .content .bnr, .sidebar .bnr{ margin-bottom:24px; } .news-list-section .entry{ margin-bottom:12px; } .news-list-section .content-title-section{ margin-bottom:12px; } .news-list-section .entry-title{ font-size:1.143em; } .news-list-section .row{ margin-left:-6px; margin-right:-6px; } .news-list-section .entry-eyecatch, .news-list-section .entry-meta{ padding-left:6px; padding-right:6px; } .nav-section{ margin-top:24px; text-align:center; } .cta-section{ position:relative; overflow:hidden; } .cta-section .container{ padding-top:96px; padding-bottom:96px; text-align:center; } .cta-section .content-title{ margin-bottom:24px; color:#fff; line-height:1.3; } .cta-section p{ font-size:1.286em; margin-top:-12px; margin-bottom:24px; line-height:1.4; } .cta-section .btn{ font-size:1.143em; padding:18px 36px; -webkit-border-radius:50px; border-radius:50px; -webkit-transition:all .2s; -moz-transition:all .2s; transition:all .2s; } .message{ text-align:center; margin-bottom:48px; } .btn-cta{ background-color:#1e9bda; border-color:#137ec6; border-top-color:#1992da; border-bottom-color:#0d6ab2; } .btn-cta:hover{ background:-webkit-linear-gradient(#3caee7, #06c); background:linear-gradient(#3caee7, #06c); -webkit-box-shadow:0 2px 6px 2px rgba(0,0,0,.25); box-shadow:0 2px 6px 2px rgba(0,0,0,.25); } .btn-cta:active{ background-color:#1e9bda; background:-webkit-linear-gradient(#3caee7, #06c); background:linear-gradient(#3caee7, #06c); border-color:#137ec6; border-top-color:#1992da; border-bottom-color:#0d6ab2; box-shadow:inset 0 1px 9px 0 rgba(0,0,0,.6); text-shadow:none; } .pagination-section{ margin-top:24px; padding-bottom:60px; } .pagination-section .pagination{ width:100%; margin-bottom:0; } .require{ color:red; font-weight:bold; } .copy-head strong{ font-weight:bold; color:#fff; } .animate{ opacity:0; } .sharer a{ color:#939393; margin-right:12px; } .slides-recommended {display: inline-block; float: left; margin-top: 10px; margin-right: 50px;} .slides-recommended img{width: 120px; height:120px; object-fit:cover; border-radius:50%; margin-bottom: 20px; } .event-organizer-title {font-weight: normal;} .slides-recommended { text-align: center; font-weight: bold; } .recommended-comment{ display: inline-block; padding-top: 10px;} .clear { clear: both; } /* Global Elements */ #globalheader{ width:100%; background-color:transparent; color:#121212; z-index:1000; position:relative; height:80px; position:relative; padding-top:12px; padding-bottom:12px; border-bottom:1px solid #e7e7e7; } #gh-gradient{ content:''; display:block; width:100%; height:36px; position:absolute; top:120px; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.9) 75%, rgba(255,255,255,1) 100%); z-index:900; } #globalheader #gh-container{ height:100%; } #globalheader a{ text-decoration:none; -webkit-transition:all .2s; -moz-transition:all .2s; transition:all .2s; } #globalheader .row{ height:100%; margin-left:-24px; margin-right:-24px; display:-webkit-flex; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; } #globalheader .gn-fill{ -webkit-box-flex:3; -webkit-flex:3; -ms-flex:3; flex:3; } #globalheader .gn-left{ -webkit-box-ordinal-group:1; -webkit-order:1; -ms-flex-order:1; order:1; -webkit-box-pack:start; -webkit-justify-content:flex-start; -ms-flex-pack:start; justify-content:flex-start; } #globalheader .gn-center{ -webkit-box-ordinal-group:2; -webkit-order:2; -ms-flex-order:2; order:2; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; } #globalheader .gn-right{ -webkit-box-pack:end; -webkit-justify-content:flex-end; -ms-flex-pack:end; justify-content:flex-end; -webkit-box-ordinal-group:2; -webkit-order:3; -ms-flex-order:3; order:3; } #globalheader .gn-item-wrap{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; } #globalheader .gn-item{ height:100%; padding:0 18px; text-align:center; vertical-align:middle; display:-webkit-box; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; } #globalheader .gn-item-link{ height:100%; position:relative; display:block; -webkit-transition:all .5s; transition:all .5s; display:-webkit-box; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; font-size:1em; color:#121212; font-weight:bold; } #globalheader .gn-item-link:hover, #globalheader .gn-item-link:focus, #globalheader .gn-item-link:active{ color:#16afba; text-decoration:none; } #globalheader .gn-item-link-hover{ opacity:.5; } #globalheader #gn-identity h1, #globalheader #gn-identity a, #globalheader #gn-identity img{ display:block; width:320px; padding:0; margin:0; } #globalheader #gn-cta a{ -webkit-border-radius:50px; border-radius:50px; font-size:1.143em; padding:12px 18px 12px 24px; display:-webkit-flex; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; } #globalheader #gn-cta a i{ display:inline-block; width:21px; height:21px; background:url(../img/ico_add.svg) 0 0 /cover no-repeat; margin-left:6px; } #globalheader .dropdown-menu{ top:60px; left:12px; } #globalheader .dropdown-toggle:hover, #globalheader .dropdown-toggle:active, #globalheader .dropdown-toggle:focus{ text-decoration:none; color:#16afba; } li#gn-features {width: max-content;} #gn-search{ display:flex; align-items:center; border:1px solid #e7e7e7; border-radius:40px; box-shadow: 0 1px 2px rgb(0 0 0 / 8%), 0 4px 12px rgb(0 0 0 / 5%); height:48px; padding:0 8px; position:relative; } #gn-search .gn-search-item{ font-weight:bold; } #gn-search .gn-search-item:not(:last-child){ padding:0 18px; } #gn-search .gn-search-item:not(:last-child):not(:nth-child(2)){ border-right:1px solid #e7e7e7; } #gn-search .btn{ padding:0; color:#121212; max-width:240px; overflow:hidden; border-radius:0; } #gn-search .dropdown, #gn-search .btn-group, #gn-search .btn-group>.btn{ position:static; } #gn-search .dropdown-menu{ background:#fff; } .datepicker-dropdown{ width:240px; } .datepicker-dropdown .table-condensed{ width:100%; } #gn-search .multiselect-container .input-group{ margin:6px 16px 24px; } #gn-search .multiselect-container>li>label.multiselect-group{ padding:3px 14px; margin-top:24px; } #gn-search .multiselect-container.dropdown-menu{ max-width:320px; width:320px; } #gn-search .multiselect-container{ padding:12px 0; } #gn-search .multiselect-container>li>a{ padding:6px 18px 6px 36px; white-space:normal; } #gn-search-date #gn-search-date-form{ border:none; padding:0; height:auto; width:90px; border-radius:0; box-shadow:none; display:flex; text-align:center; color:#121212; } #gn-search-submit button{ width:32px; height:32px; background:#16afba; border:none; border-radius:50%; display:flex; align-items:center; justify-content:center; } #gn-search-submit button svg{ stroke:#fff; } #globalfooter{ z-index:9999; display:block; margin:0; width:100%; letter-spacing:0; border-top:1px solid #e7e7e7; } #gf-promo .gf-promo-wrap{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; justify-content:center; padding-bottom:26px; } #gf-promo .gf-promo-wrap img{max-width: 52%;} #gf-promo .gf-promo{ height:100%; text-align:center; vertical-align:middle; display:-webkit-box; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; } #gf-promo .gf-promo-link{ display:block; padding:0 12px; } #gf-promo-twitter{ text-align:center; padding:60px 0; } #gf-container{ margin:0 auto; height:60px; z-index:2; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; border-bottom:1px solid #eee; } #gf-container:before, #gf-container:after{ content:none; } .gf-item-wrap{ display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-align-items:center; -ms-flex-align:center; align-items:center; } .gf-item-wrap .gf-item{ position:relative; display:inline-block; } .gf-item-wrap .gf-item-link{ letter-spacing:-.01em; -moz-user-select:none; -ms-user-select:none; user-select:none; color:#fff; padding:5px 0; margin:5px 20px; transition:.5s; border-bottom:1px solid; border-bottom-color:transparent; } .gf-item-wrap .gf-item-link .fa{ transition:.5s; } .gf-item-wrap .gf-item-link-hover{ opacity:.5; } .gf-item-wrap .gf-item-link:hover, .gf-item-wrap .gf-item-link:focus, .gf-item-wrap .gf-item-link:active{ text-decoration:none; } .gf-item-wrap .gf-item:first-child .gf-item-link{ margin-left:0; } #gf-identity{ margin-top:8px; } #gf-identity a{ display:block; } #gf-identity img{ width:403px; } #gf-sitemap{ padding-top:48px; padding-bottom:24px; } #gf-sitemap .row{ justify-content:space-between; margin-left:-24px; margin-right:-24px; } #gf-sitemap .col-sitemap{ display:flex; align-items:flex-start; justify-content:flex-end; margin-left:-12px; margin-right:-12px; } #gf-sitemap .nav-group{ padding-left:12px; padding-right:12px; font-size:16px; } #gf-sitemap h3{ color:#121212; font-weight:bold; } #gf-sitemap h3, #gf-sitemap ul li a{ line-height:2.6; font-size:0.826em; white-space:nowrap; } #gf-sitemap ul li a{ color:#000; } #gf-sitemap ul li a small{ color:#888; } #gf-sitemap h3 a{ color:#121212; } #gf-sitemap h3 a:hover, #gf-sitemap h3 a:focus, #gf-sitemap h3 a:active, #gf-sitemap ul li a:hover, #gf-sitemap ul li a:focus, #gf-sitemap ul li a:active, #gf-legal li a:hover, #gf-legal li a:focus, #gf-legal li a:active, #gf-breadcrumb .breadcrumbs a:hover, #gf-breadcrumb .breadcrumbs a:focus, #gf-breadcrumb .breadcrumbs a:active{ color:#16afba; } #gf-sitemap .parent{ display:inline-block; width:15px; } #gf-nav{ position:relative; font-size:0.857em; padding-top:24px; padding-bottom:24px; color:#121212; } #gf-legal li{ display:inline-block; padding:0 18px; border-left:1px solid #e7e7e7; } #gf-legal li:first-child{ padding-left:0; border-left:none; } #gf-legal li a{ color:#121212; } #gf-breadcrumb .home{ display:inline-block; width:20px; height:20px; background:url(../img/ico_home.svg) 0 0 /cover no-repeat; position:relative; top:2px; margin-right:3px; text-indent:-9999px; } #gf-breadcrumb .breadcrumbs{ order:1; font-size:0.857em; color:#121212; line-height:2; } #gf-breadcrumb .breadcrumbs a{ color:#121212; text-decoration:none; } #gf-breadcrumb .breadcrumbs span[typeof=ListItem]:not(:last-child):after{ font-family:'FontAwesome'; content:"\f105"; color:#ccc; font-size:1.571em; margin:0 12px; position:relative; top:2px; } #globalfooter .sns-nav{ display:flex; justify-content:flex-end; } #globalfooter .sns-nav li{ display:inline-block; } #globalfooter .sns-nav .gn-item{ padding:0 10px; } #globalfooter .sns-nav .gn-item:last-child{ padding-right:0; } #globalfooter .sns-nav .gn-item-link{ font-size:1.714em; } #category-pill-nav{ display:flex; justify-content:center; padding:12px 0 18px; } #category-pill-nav .pill-item{ display:flex; align-items:flex-end; justify-content:center; padding:0 12px; } #category-pill-nav .pill-item.active .pill-item-link{ background:transparent; } #category-pill-nav .pill-item.active .pill-item-link:before{ left:0; right:0; } #category-pill-nav .pill-item .pill-item-link{ text-align:center; color:#333; font-size:0.857em; font-weight:bold; border-radius:0; } #category-pill-nav .pill-item .pill-item-link:hover, #category-pill-nav .pill-item .pill-item-link:active, #category-pill-nav .pill-item .pill-item-link:focus{ background:transparent; } #category-pill-nav .pill-item .pill-item-link:before{ border-radius:10px; } #category-pill-nav .pill-item .pill-item-link .pill-item-image img{ width:48px; height:48px; margin-bottom:4px; } /* promo */ #promo .row{ margin-left:-36px; margin-right:-36px; } #promo .col{ padding:0 36px; } #promo #promo-3w a{ display:block; } #promo #promo-3w a:hover > img, #promo #promo-3w a:focus > img, #promo #promo-3w a:active > img{ transform: scale(1.02); transition:all .4s; } #promo #promo-3w a img{ border-radius:12px; } #promo #promo-sns{ border-left:1px solid #e7e7e7; } #promo .bnr-ambassardor{ line-height:1.4; } #promo .bnr-ambassardor:hover, #promo .bnr-ambassardor:active, #promo .bnr-ambassardor:focus{ text-decoration:none; } #promo .bnr-ambassardor:hover img, #promo .bnr-ambassardor:active img, #promo .bnr-ambassardor:focus img{ transform: scale(1.05); transition:all .4s; } #promo .bnr-ambassardor .wrap{ position:relative; display:flex; flex-direction:column; justify-content:flex-end; color:#fff; font-weight:bold; font-size:1.571em; height:190px; padding:18px 24px; background-position:right top; background-size:cover; background:#000; background-repeat:no-repeat; border-radius:12px; overflow:hidden; } #promo .bnr-ambassardor .copy{ position:relative; z-index:4; } #promo .bnr-ambassardor img.foreground{ position:absolute; top:-30%; left:0; right:0; width:100%; opacity:1; z-index:2; } #promo .bnr-ambassardor img.background{ position:absolute; top:0; left:0; width:100%; opacity:.3; backdrop-filter: saturate(180%) blur(20px); display:none; } #promo .bnr-ambassardor .mask{ position:absolute; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,.2); z-index:3; } #promo .bnr-ambassardor span{ position:relative; display:block; z-index:3; } #promo #promo-sns .items .item:not(:last-child){ margin-bottom:24px; } #promo #promo-sns .items .item .item-title{ font-size:1.571em; margin-bottom:8px; } #promo #promo-sns .items .item p{ margin-bottom:12px; } #promo #promo-sns .sns-items{ display:flex; align-items:center; margin-left:-8px; margin-right:-8px; } #promo #promo-sns .sns-items .sns-item{ padding:0 8px; } #promo #promo-sns #line .sns-items .sns-item{ display:flex; align-items:center; font-weight:bold; } #promo #promo-sns #line .sns-items .sns-item svg{ margin-right:12px; } /* share modal */ #modal-share .modal-header{ border-bottom:none; padding:24px; } #modal-share .modal-header .modal-title{ font-size:1.571em; } #modal-share .modal-body{ padding:24px 24px 48px; } #modal-share .items{ display:flex; align-items:center; margin-left:-15px; margin-right:-15px; margin-bottom:24px; } #modal-share .items .item{ padding:0 15px; } /* search */ #searchform .form-control{ -webkit-border-radius:30px 0 0 30px; border-radius:30px 0 0 30px; -webkit-box-shadow:none; box-shadow:none; height:48px; border:none; padding-left:24px; border:1px solid #ddd; } #searchform .btn{ height:48px;-webkit-border-radius:0 30px 30px 0; border-radius:0 30px 30px 0; } .event-search-form{ background:#f1f2f3; padding:24px 36px; margin-bottom:36px; -webkit-border-radius:6px; border-radius:6px; } .event-search-form h3{ font-weight:bold; position:relative; display:inline-block; margin-bottom:12px; color:#121212; } .event-search-form h3:before{ content:''; display:block; position:absolute; left:0px; right:0; bottom:2px; height:8px; background:#16afba; z-index:1; } .event-search-form h3 span{ position:relative; z-index:2; } .event-search-form .form-control{ height:40px; -webkit-box-shadow:none; box-shadow:none; border:none; -webkit-border-radius:6px 0 0 6px; border-radius:6px 0 0 6px; } .event-search-form .btn{ -webkit-border-radius:0 6px 6px 0; border-radius:0 6px 6px 0; } /* 404 */ #error404{ height:70vh; display:flex; align-items:center; } .error-title strong{ font-size:3.286em; } .error-message{ font-size:1.571em; margin-bottom:24px; } .notfound{ text-align:center; } .notfound strong{ font-weight:bold; } .notfound .btn{ position:relative; border-color:#16afba; } /* * only mobile device */ @media all and (max-width: 1024px){ html.fixed, html.fixed body { height:100%; overflow:hidden; } } .mobilenav{ display:none; width:100%; } .mobilenav .panel-heading a{ padding:20px 0; display:flex; align-items:center; justify-content:space-between; } .mobilenav .panel-heading a:hover, .mobilenav .panel-heading a:active, .mobilenav .panel-heading a:focus{ text-decoration:none; } .mobilenav .panel-title a:after{ width:18px; text-align:center; } .mobilenav .panel-title, .mobilenav .panel-default a{ font-size:1em !important; } .mobilenav .panel-body ul li{ margin-bottom:12px; } #gh-mobilenav{ position:fixed; top:0; height:100vh; z-index:999; padding-top:72px; background:#16afba; } #gh-mobilenav .panel a{ color:#fff; } #gh-mobilenav .panel a, #gf-mobilenav .panel a{ padding-top:15px; padding-bottom:15px; } #gn-menu{ width:24px; height:48px; position:fixed; top:12px; right:12px; z-index:1000; cursor:pointer; flex-direction:column; align-items:center; justify-content:center; border-radius:8px; display:none; } #gn-menu #gn-menu-icon{ position:relative; width:24px; height:18px; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:.5s ease-in-out; -moz-transition:.5s ease-in-out; -o-transition:.5s ease-in-out; transition:.5s ease-in-out; margin-top:3px; margin-bottom:8px; } #gn-menu #gn-menu-icon span{ display:block; position:absolute; height:3px; width:100%; background:#16afba; border-radius:20px; opacity:1; left:0; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:.25s ease-in-out; -moz-transition:.25s ease-in-out; -o-transition:.25s ease-in-out; transition:.25s ease-in-out; } #gn-menu #gn-menu-icon span:nth-child(1){ top:0px; } #gn-menu #gn-menu-icon span:nth-child(2), #gn-menu #gn-menu-icon span:nth-child(3){ top:8px; } #gn-menu #gn-menu-icon span:nth-child(4){ top:16px; } #gn-menu.open #gn-menu-icon span{ background:#fff; } #gn-menu.open #gn-menu-icon span:nth-child(1){ top:18px; width:0%; left:50%; } #gn-menu.open #gn-menu-icon span:nth-child(2){ -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); } #gn-menu.open #gn-menu-icon span:nth-child(3){ -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); } #gn-menu.open #gn-menu-icon span:nth-child(4){ top:18px; width:0%; left:50%; } /************** * Responsive * **************/ /* 1025 - 1280 */ @media only screen and (min-width:1025px) and (max-width:1280px){ } /* Tablet */ @media only screen and (min-width:768px) and (max-width:1024px){ body{ font-family: YakuHanJP, 'Noto Sans JP', sans-serif; } img{ max-width:100%; } .container{ width:720px; padding-left:18px; padding-right:18px; } .content-section{ padding:36px 0; } .content-title-section{ margin-bottom:0; text-align:center; } #news-archive .content-title-section{ margin-bottom:48px; } .sidebar .content-title-section{ text-align:left; } .content-title{ font-weight:bold; position:relative; line-height:1; } .single-page .content-title{ width:100%; padding:0; margin-bottom:36px; } h2.content-title{ font-size:1.929em; } h2.content-title:before{ width:36px; height:36px; left:0; top:5px; } h3.content-title{ font-size:1.714em; margin-bottom:24px; } .item-title, .entry-title{ font-size:1.286em; } .item-cat span, .entry-cat span{ font-size:0.857em; } .item-cat:after, .entry-cat:after{ width:16px; height:16px; right:-20px; top:5px; } .sidebar h3.content-title{ font-size:1.286em; padding-left:36px; } .sidebar h3.content-title:before{ width:27px; height:27px; top:-3px; } .sidebar .entry-title{ font-size:1em; } .sidebar .readmore{ font-size:0.857em; } .item-cat, .entry-cat{ margin-bottom:6px; } .category-list{ text-align:center; } .category-list li{ margin-bottom:6px; } .category-list li:not(:last-child):after{ margin:0 6px; } .category-list li a{ font-size:1em; font-weight:500; } .article-list-section .entry img, .event-list-section .item-col img{ margin-bottom:12px; } .content .entry-meta{ margin-bottom:0; } .message{ margin-bottom:36px; } .cta-section .content-title{ line-height:1.5; } .cta-section p{ margin-bottom:12px; } .cta-section p br{ display:inline; } .cta-section .container{ padding:48px 24px; } .cta-section .btn{ font-size:1em; padding:18px; } .pagination-section{ margin:60px 0; padding-bottom:0; } .nav-section{ margin-top:0; } .content-container{ padding-top:0; } .content-section .content-section-inner{ padding-left:0; padding-right:0; } .content-section .section-title{ margin-bottom:24px; text-align:center; } #globalheader{ height:100px; padding-top:0; padding-bottom:0; z-index:1001; } #globalheader #gh-container, #globalfooter #gf-container{ padding-left:12px; padding-right:12px; } #globalfooter #gf-container{ margin-top:46px; } #globalheader{ height:auto; padding-top:12px; padding-bottom:12px; z-index:998; border-bottom:none; } #globalheader #gh-container, #globalfooter #gf-container{ padding-left:12px; padding-right:12px; } #globalfooter #gf-container{ margin-top:46px; } #globalheader #gh-container .row{ margin-left:0; margin-right:0; display:block; } #globalheader .gn-item-wrap{ display:block; } #globalheader #gn-menu{ display:block; } #globalheader #gn-search{ justify-content:space-between; margin-top:12px; } #globalheader #gn-menu .gn-item-link{ position:fixed; right:12px; top:12px; height:auto; } #globalheader #gn-search .gn-item-link{ position:fixed; top:16px; right:12px; height:auto; } #globalheader #gn-identity{ padding:0; top:0; } #globalheader #gn-identity h1, #globalheader #gn-identity a, #globalheader #gn-identity img{ width:270px; } #globalheader #gn-event, #globalheader #gn-features, #globalheader #gn-news, #globalheader #gn-contact{ display:none; } #gn-search #gn-search-area, #gn-search #gn-search-category{ flex-grow:3; overflow:hidden; width:100%; max-width:100%; overflow:hidden; } #gn-search #gn-search-area .btn-group, #gn-search #gn-search-category .btn-group{ display:block; width:100%; max-width:100%; overflow:hidden; } #gn-search #gn-search-category #gn-search .btn, #gn-search-date #gn-search-date-form{ width:100%; max-width:100%; overflow:hidden; font-size:0.929em; } #gn-menu{ display:flex; } #category-pill-nav{ position:relative; box-shadow:0 17px 11px -14px rgb(0 0 0 / 30%); z-index:1; padding:0; } #category-pill-nav .pill-item{ padding:0 6px; } #category-pill-nav+.content-container{ padding-top:36px; } #globalfooter{ padding-top:24px; } #globalfooter #gf-sitemap{ padding:24px 0 12px; } #globalfooter #gf-sitemap .col:not(:first-child){ display:none; } #globalfooter #gf-mobilenav{ display:block; } #gh-mobilenav .panel-body ul li a, #globalfooter #gf-mobilenav .panel-body ul li a{ display:inline-block; } #gh-mobilenav .panel-body ul li a.parent, #globalfooter #gf-mobilenav .panel-body ul li a.parent{ width:15px; } #gf-container{ height:auto; border-bottom:none; } #globalfooter #gf-container, #globalfooter .gf-item-wrap{ display:block; } .gf-item-wrap .gf-item-link{ margin:5px 13px; } #globalfooter .gf-item-wrap{ display:block; text-align:center; } #globalfooter #gf-identity{ text-align:center; } #gf-promo li:nth-child(n+4){ display:none; } #gf-promo .gf-promo-wrap{ padding-top:0; padding-bottom:36px;} #gf-promo .gf-promo-wrap img{ max-width: 80%; } #gf-promo .gf-promo-link{ padding:0 6px; } #gf-nav{ order:2; padding:24px 0 48px; font-size:0.714em; margin:0 auto} #gf-legal{ float:none; text-align:center; } #gf-legal li{ padding:0 8px; } #gf-legal li:last-child{ padding-right:0; } #globalfooter .sns-nav{ display:none; } .error-message{ font-size:1.286em; } .error-message br{ display:none; } .sharer .fa{ font-size:1.571em; } .sharer a{ margin-right:10px; } .slides-recommended img{width:70px; height:70px; margin-bottom: 20px; } .slides-recommended{ margin-right:15px; } .event-organizer p{ font-size:0.857em; } #promo{ border-top:1px solid #e7e7e7; padding-top:24px; padding-bottom:0; } #promo .row{ margin-left:0; margin-right:0; } #promo .col{ padding:0; } #promo-3w{ margin-bottom:24px; } #promo #promo-sns{ border-left:none; } #promo-sns .items{ display:flex; margin-left:-12px; margin-right:-12px; } #promo-sns .items .item{ padding-left:12px; padding-right:12px; } #promo #promo-sns .items .item .item-title{ font-size:1.286em; } #promo-sns #line .sns-items .sns-item svg{ font-size:3em; } #promo-sns #sns .sns-items .sns-item svg{ font-size:2.5em; } } /* Mobile */ @media only screen and (min-width:320px) and (max-width:767px){ body{ font-family: YakuHanJP, 'Noto Sans JP', sans-serif; } img{ max-width:100%; } .row{ margin-left:0; margin-right:0; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-right:0; padding-left:0; } .container, .container-fluid{ width:auto; padding-left:18px; padding-right:18px; } .sidebar{ display:none; } .content-section{ padding:24px 0; } .content-title-section{ margin-bottom:0; text-align: center; } .single-page .content-title{ width:100%; padding:0; margin-bottom:36px; } h2.content-title{ font-size:1.571em; } h2.content-title:before{ width:36px; height:36px; left:0; top:5px; } h3.content-title{ font-size:1.714em; margin-bottom:24px; } .item-title, .entry-title{ font-size:1.286em; } .item-cat, .entry-cat{ margin-bottom:6px; } .category-list{ text-align:center; } .category-list li{ margin-bottom:6px; } .category-list li:not(:last-child):after{ margin:0 6px; } .category-list li a{ font-size:1em; font-weight:500; } .article-list-section .entry img, .event-list-section .item-col img{ margin-bottom:12px; } .content .entry-meta{ margin-bottom:0; } .message{ margin-bottom:36px; } .cta-section .content-title{ line-height:1.5; } .cta-section p{ margin-bottom:12px; } .cta-section p br{ display:inline; } .cta-section .container{ padding:48px 24px; } .cta-section .btn{ font-size:1em; padding:18px; } .pagination-section{ margin:60px 0; padding-bottom:0; } .nav-section{ margin-top:0; } .content-container{ padding-top:0; } .content-section .content-section-inner{ padding-left:0; padding-right:0; } .content-section .section-title{ margin-bottom:24px; text-align:center; } #globalheader{ height:auto; padding-top:12px; padding-bottom:12px; z-index:998; border-bottom:none; } #globalheader #gh-container, #globalfooter #gf-container{ padding-left:12px; padding-right:12px; } #globalfooter #gf-container{ margin-top:46px; } #globalheader #gh-container .row{ margin-left:0; margin-right:0; display:block; } #globalheader .gn-item-wrap{ display:block; } #globalheader #gn-menu{ display:block; } #globalheader #gn-search{ justify-content:space-between; margin-top:12px; } #globalheader #gn-menu .gn-item-link{ position:fixed; right:12px; top:12px; height:auto; } #globalheader #gn-search .gn-item-link{ position:fixed; top:16px; right:12px; height:auto; } #globalheader #gn-identity{ padding:0; top:0; } #globalheader #gn-identity h1, #globalheader #gn-identity a, #globalheader #gn-identity img{ width:270px; } #globalheader #gn-event, #globalheader #gn-features, #globalheader #gn-news, #globalheader #gn-contact{ display:none; } #gn-search #gn-search-area, #gn-search #gn-search-category{ flex-grow:3; overflow:hidden; width:100%; max-width:100%; overflow:hidden; } #gn-search #gn-search-area .btn-group, #gn-search #gn-search-category .btn-group{ display:flex; justify-content:center; width:100%; max-width:100%; overflow:hidden; } #gn-search #gn-search-category #gn-search .btn, #gn-search-date #gn-search-date-form{ width:100%; max-width:100%; overflow:hidden; font-size:0.929em; } #gn-menu{ display:flex; } #category-pill-nav{ position:relative; box-shadow:0 17px 11px -14px rgb(0 0 0 / 30%); z-index:1; padding:0; justify-content:space-between; } #category-pill-nav .pill-item{ padding:0 6px; } #category-pill-nav .pill-item .pill-item-link{ padding-left:0; padding-right:0; font-size:0.714em; } #category-pill-nav+.content-container{ padding-top:36px; } #category-pill-nav .pill-item .pill-item-link .pill-item-image img{ width:36px; height:36px; } #globalfooter{ padding-top:12px; } #globalfooter #gf-sitemap{ padding:24px 0 12px; } #globalfooter #gf-sitemap .col:not(:first-child){ display:none; } #globalfooter #gf-mobilenav{ display:block; } #gh-mobilenav .panel-body ul li a, #globalfooter #gf-mobilenav .panel-body ul li a{ display:inline-block; } #gh-mobilenav .panel-body ul li a.parent, #globalfooter #gf-mobilenav .panel-body ul li a.parent{ width:15px; } #gf-container{ height:auto; border-bottom:none; } #globalfooter #gf-container, #globalfooter .gf-item-wrap{ display:block; } .gf-item-wrap .gf-item-link{ margin:5px 13px; } #globalfooter .gf-item-wrap{ display:block; text-align:center; } #gf-promo li:nth-child(n+4){ display:none; } #gf-promo .gf-promo-wrap{ padding-top:0; padding-bottom:36px;} #gf-promo .gf-promo-wrap img{ max-width: 80%; } #gf-promo .gf-promo-link{ padding:0 6px; } #gf-nav{ order:2; padding:24px 0 36px; font-size:0.714em; margin:0 auto} #gf-legal{ float:none; text-align:center; } #gf-legal li{ padding:0 8px; } #gf-legal li:last-child{ padding-right:0; } #globalfooter .sns-nav{ display:none; } .error-message{ font-size:1.286em; } .error-message br{ display:none; } .sharer .fa{ font-size:1.571em; } .sharer a{ margin-right:10px; } .event-organizer{ float: right; margin-left: 30px; margin-top: 75px; } #promo{ border-top:1px solid #e7e7e7; padding-top:24px; padding-bottom:0; } #promo .row{ margin-left:0; margin-right:0; } #promo .col{ padding:0; } #promo-3w{ margin-bottom:24px; } #promo #promo-sns{ border-left:none; } #promo-sns .items{ display:flex; margin-left:-12px; margin-right:-12px; flex-direction: column; } #promo-sns .items .item{ padding-left:12px; padding-right:12px; } #promo #promo-sns .items .item .item-title{ font-size:1.286em; } #promo-sns #line .sns-items .sns-item svg{ font-size:3.2em; } #promo-sns #sns .sns-items .sns-item svg{ font-size:2.7em; } #promo .bnr-ambassardor .wrap{ padding:12px; font-size:1.286em; height:150px; } #promo .bnr-ambassardor img.foreground{ top:-50%; } } @media print { a[href]:after { content: "" !important; } abbr[title]:after{ content: "" !important; } } /*! * Hover.css (http://ianlunn.github.io/Hover/) * Version:2.0.1 * Author:Ian Lunn @IanLunn * Author URL:http://ianlunn.co.uk/ * Github:https://github.com/IanLunn/Hover * Made available under a MIT License: * http://www.opensource.org/licenses/mit-license.php * Hover.css Copyright Ian Lunn 2014. Generated with Sass. */ .hvr-underline-from-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-underline-from-right:before{content:"";position:absolute;z-index:-1;left:100%;right:0;bottom:0;background:#16afba;height:3px;-webkit-transition-property:left;transition-property:left;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-right:active:before,.hvr-underline-from-right:focus:before,.hvr-underline-from-right:hover:before{left:0}.hvr-underline-from-center{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;}.hvr-underline-from-center:before{content:"";position:absolute;z-index:-1;left:50%;right:50%;bottom:0;background:#16afba;height:3px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-center:active:before,.hvr-underline-from-center:focus:before,.hvr-underline-from-center:hover:before{left:0;right:0}.hvr-overline-from-center{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-overline-from-center:before{content:"";position:absolute;z-index:-1;left:50%;right:50%;top:0;background:#2098d1;height:3px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-center:active:before,.hvr-overline-from-center:focus:before,.hvr-overline-from-center:hover:before{left:0;right:0}.hvr-underline-from-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-underline-from-left:before{content:"";position:absolute;z-index:-1;left:0;right:100%;bottom:0;background:#2098D1;height:3px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-left:active:before,.hvr-underline-from-left:focus:before,.hvr-underline-from-left:hover:before{right:0} /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2014 Daniel Eden */ .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes "bounceInRight"{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);}0%{opacity:0;-webkit-transform:translate3d(3000px, 0, 0);transform:translate3d(3000px, 0, 0);}60%{opacity:1;-webkit-transform:translate3d(-25px, 0, 0);transform:translate3d(-25px, 0, 0);}75%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0);}90%{-webkit-transform:translate3d(-5px, 0, 0);transform:translate3d(-5px, 0, 0);}100%{-webkit-transform:none;transform:none;}}@keyframes "bounceInRight"{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);}0%{opacity:0;-webkit-transform:translate3d(3000px, 0, 0);transform:translate3d(3000px, 0, 0);}60%{opacity:1;-webkit-transform:translate3d(-25px, 0, 0);transform:translate3d(-25px, 0, 0);}75%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0);}90%{-webkit-transform:translate3d(-5px, 0, 0);transform:translate3d(-5px, 0, 0);}100%{-webkit-transform:none;transform:none;}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes "bounceInUp"{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);}0%{opacity:0;-webkit-transform:translate3d(0, 3000px, 0);transform:translate3d(0, 3000px, 0);}60%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0);}75%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0);}90%{-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0);}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}}@keyframes "bounceInUp"{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);}0%{opacity:0;-webkit-transform:translate3d(0, 3000px, 0);transform:translate3d(0, 3000px, 0);}60%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0);}75%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0);}90%{-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0);}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes "fadeIn"{0%{opacity:0;filter:alpha(opacity=0);}100%{opacity:1;filter:alpha(opacity=100);}}@keyframes "fadeIn"{0%{opacity:0;}100%{opacity:1;}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes "fadeInDown"{0%{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);}100%{opacity:1;-webkit-transform:none;transform:none;}}@keyframes "fadeInDown"{0%{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);}100%{opacity:1;-webkit-transform:none;transform:none;}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes "fadeInLeft"{0%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}100%{opacity:1;-webkit-transform:none;transform:none;}}@keyframes "fadeInLeft"{0%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}100%{opacity:1;-webkit-transform:none;transform:none;}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes "fadeInRight"{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}100%{opacity:1;-webkit-transform:none;transform:none;}}@keyframes "fadeInRight"{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}100%{opacity:1;-webkit-transform:none;transform:none;}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes "fadeInUp"{0%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);}100%{opacity:1;-webkit-transform:none;transform:none;}}@keyframes "fadeInUp"{0%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);}100%{opacity:1;-webkit-transform:none;transform:none;}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);}60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);}}@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);}60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);}}.zoomInDown{ -webkit-animation-name:zoomInDown; animation-name:zoomInDown;} @keyframes huerotator{ 0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg);} 100%{-webkit-filter:hue-rotate(360deg);filter:hue-rotate(360deg);} } @keyframes blink{ 0%{ opacity:1; } 50%{ opacity:0; } 100%{ opacity:1; } } @-webkit-keyframes blink{ 0%{ opacity:1; } 50%{ opacity:0; } 100%{ opacity:1; } } @-moz-keyframes blink{ 0%{ opacity:1; } 50%{ opacity:0; } 100%{ opacity:1; } } @-webkit-keyframes flash{ 50%{ opacity:0; } } @keyframes flash{ 50%{ opacity:0; } } @-webkit-keyframes ripple{from{ opacity:1; }to{ transform:scale(2); opacity:0;}} @keyframes ripple{from{ opacity:1; }to{ transform:scale(2); opacity:0;}} @-webkit-keyframes circle-ripple{ 0%{ box-shadow:0 0 0 0 rgba(0, 136, 204, 0.3), 0 0 0 1em rgba(0, 136, 204, 0.3), 0 0 0 3em rgba(0, 136, 204, 0.3), 0 0 0 5em rgba(0, 136, 204, 0.3); } 100%{ box-shadow:0 0 0 1em rgba(0, 136, 204, 0.3), 0 0 0 3em rgba(0, 136, 204, 0.3), 0 0 0 5em rgba(0, 136, 204, 0.3), 0 0 0 8em rgba(0, 136, 204, 0); } } @keyframes circle-ripple{ 0%{ box-shadow:0 0 0 0 rgba(0, 136, 204, 0.3), 0 0 0 1em rgba(0, 136, 204, 0.3), 0 0 0 3em rgba(0, 136, 204, 0.3), 0 0 0 5em rgba(0, 136, 204, 0.3); } 100%{ box-shadow:0 0 0 1em rgba(0, 136, 204, 0.3), 0 0 0 3em rgba(0, 136, 204, 0.3), 0 0 0 5em rgba(0, 136, 204, 0.3), 0 0 0 8em rgba(0, 136, 204, 0); } } @-webkit-keyframes menu07-bar01 { 0% { -webkit-transform:translateY(4px) rotate(45deg); } 50% { -webkit-transform:translateY(4px) rotate(0); } 100% { -webkit-transform:translateY(0) rotate(0); } } @keyframes menu07-bar01 { 0% { transform:translateY(4px) rotate(45deg); } 50% { transform:translateY(4px) rotate(0); } 100% { transform:translateY(0) rotate(0); } } @-webkit-keyframes menu07-bar03 { 0% { -webkit-transform:translateY(-4px) rotate(-45deg); } 50% { -webkit-transform:translateY(-4px) rotate(0); } 100% { -webkit-transform:translateY(0) rotate(0); } } @keyframes menu07-bar03 { 0% { transform:translateY(-4px) rotate(-45deg); } 50% { transform:translateY(-4px) rotate(0); } 100% { transform:translateY(0) rotate(0); } } @-webkit-keyframes active-menu07-bar01 { 0% { -webkit-transform:translateY(0) rotate(0); } 50% { -webkit-transform:translateY(4px) rotate(0); } 100% { -webkit-transform:translateY(4px) rotate(45deg); } } @keyframes active-menu07-bar01 { 0% { transform:translateY(0) rotate(0); } 50% { transform:translateY(4px) rotate(0); } 100% { transform:translateY(4px) rotate(45deg); } } @-webkit-keyframes active-menu07-bar03 { 0% { -webkit-transform:translateY(0) rotate(0); } 50% { -webkit-transform:translateY(-4px) rotate(0); } 100% { -webkit-transform:translateY(-4px) rotate(-45deg); } } @keyframes active-menu07-bar03 { 0% { transform:translateY(0) rotate(0); } 50% { transform:translateY(-4px) rotate(0); } 100% { transform:translateY(-4px) rotate(-45deg); } }