/*
    Theme Name: Emic Corporate
    Theme URI: http://www.studiopress.com/themes/balance
    Description: Balance is a two column child theme created for the Genesis Framework.
    Author: StudioPress
    Author URI: http://www.studiopress.com/

    Version: 1.0

    Tags: black, blue, green, pink, red, white, light, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, custom-background, custom-header, custom-menu, featured-images, full-width-template, theme-options, threaded-comments

    Template: genesis
    Template Version: 1.8

    License: GNU General Public License v2.0 (or later)
    License URI: http://www.opensource.org/licenses/gpl-license.php
*/

/* Reset
   ========================================================================== */

/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

html {
    color: #000;
    background: #FFF
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset,
img {
    border: 0
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal;
    font-weight: normal
}

ol,
ul {
    list-style: none
}

caption,
th {
    text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal
}

q:before,
q:after {
    content: ''
}

abbr,
acronym {
    border: 0;
    font-variant: normal
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

input,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    *font-size: 100%
}

legend {
    color: #000
}

#yui3-css-stamp.cssreset {
    display: none
}

/* Theme Emic Corporate
   ========================================================================== */

html {
    font-size: 62.5%;
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* reset */

ul {
    padding-left: 0;
}

/* hidden */

.site-description,
.entry-header {
    display: none;
}

/* Balance Custom */

/* フォント
-----------------------------------------------------------------*/

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
input,
select,
textarea {
    /*font-family: 'Noto Sans Japanese';*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-feature-settings: 'palt' 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.6rem;
    color: #555;
    -webkit-text-size-adjust: 100%;
}

/* 構造 Structure
-----------------------------------------------------------------*/

.site-header {
    margin: 0 auto;
    width: 1120px;
}

.site-container {
    margin: 40px auto;
    width: 1120px;
    overflow: hidden;
}

.content {
    width: 800px;
    padding-bottom: 5em;
}

.content-sidebar-wrap {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

.sidebar {
    width: 280px;
    margin-left: 40px;
}

.full-width-content .content {
    width: 100%;
}

/* 全幅ページ
-----------------------------------------------------------------*/

.full-width-content .sidebar {
    display: none
}

/* リンク
-----------------------------------------------------------------*/

a,
a:visited,
h2 a,
h2 a:visited {
    color: #2d92a7;
    text-decoration: none;
    cursor: pointer;
}

a:hover,
h2 a:hover {
    color: #2d92a7;
    text-decoration: underline;
    cursor: pointer;
}

/* 要素
-----------------------------------------------------------------*/

.archive-title,
body.page h1.entry-title {
    display: none
}

/* 全体で利用できるクラス
-----------------------------------------------------------------*/

.bold {
    font-weight: bold
}

.red,
.error {
    color: crimson
}

.blue {
    color: blue
}

.green,
.success {
    color: green
}

.blur {
    filter: blur(7px);
    -webkit-filter: blur(7px);
    -moz-filter: blur(7px);
    -o-filter: blur(7px);
    -ms-filter: blur(7px)
}

.rounded {
    border-radius: 1.4em;
    -webkit-border-radius: 1.4em;
    background-color: #f08c29;
    color: #fff;
    display: inline-block;
    height: 1.4em;
    margin: 2px 0 1em;
    overflow: hidden;
    padding: 4px 14px 3px
}

.box {
    padding: 20px;
    border: 1px solid #ddd;
    margin: 20px 0;
    border-radius: 5px
}

.emic-title-area .box {
    margin-top: 0;
}

.box-green {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d
}

.box-blue {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
}

.box-yellow {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}

.box-red {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}

.box-gray {
    background-color: #efefef;
    border-color: #ddd;
}

.sticky {
    padding: 0
}

.right {
    float: right;
    margin: 0 0 10px 10px
}

.left {
    float: left;
    margin: 0 10px 10px 0
}

.center {
    margin: 0 auto 0
}

.clear {
    clear: both
}

.clearnone {
    clear: none
}

.note {
    font-size: 93%
}

.entry-content .note li {
    font-size: 1.4rem
}

.hidden {
    display: none
}

.thumbnail {
    width: 170px;
    margin: auto
}

.thumbnail img {
    padding: 1px;
    border: 1px solid #ccc
}

.fadein {
    opacity: 1;
}

.fadeout {
    opacity: 0;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

ul.disc li {
    list-style-type: disc
}

.icon-list li {
    list-style-type: none;
    margin-bottom: 0.5em;
}

.marker-yellow {
    background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffffbc 0%) repeat scroll 0 0;
}

.marker-blue {
    background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #cce5ff 0%) repeat scroll 0 0;
}


/* クリアフィックス
-----------------------------------------------------------------*/

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.clearfix {
    min-height: 1px
}

* html .clearfix {
    height: 1px
}

/* ヘッダー
-----------------------------------------------------------------*/

.site-header {
    width: 100%;
    width: 1120px;
    height: 93px;
    /* overflow: hidden; */
    margin-top: 41px;
    padding: 13.5px 0 13.5px;
    min-height: 0;
    background-color: rgba(255, 255, 255, .95);
    border-bottom: 1px solid #ddd;
    -webkit-transition: background-color .15s ease-in-out;
    transition: background-color .15s ease-in-out;
    z-index: 2;
    transform: translate3d(0, 0, 0);
}

.site-header .wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0;
}

.site-title,
.site-title a {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

.site-title a {
    display: block;
    text-indent: -9999px;
}

.header-full-width .title-area {
    width: 960px
}

/* ローカルナビ固定時
-----------------------------------------------------------------*/

.fixed-header .site-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.fixed-header .site-header .wrap {
    max-width: 1120px;
    margin: auto;
}

.fixed-header .breadcrumb {
    margin-top: 93px;
}

/* グローバルナビ（Global Navigation）
-----------------------------------------------------------------*/

.emic-global-nav {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    margin: 0 auto;
    padding-right: 20px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    width: 100%;
    height: 41px;
    font-size: 14px;
    z-index: 5;
}

.emic-global-nav-item:hover a {
    text-decoration: none;
    background-color: #efefef;
}

.emic-global-nav-item.active a {
    text-decoration: none;
    background-color: #0091db;
    color: #fff;
}

.emic-global-nav-left {
    margin-right: auto;
}

.emic-global-nav-left,
.emic-global-nav-right {
    display: flex;
    height: 40px;
    align-items: center;
    list-style-type: none;
}

.emic-global-nav-left li,
.emic-global-nav-right li {
    display: flex;
    margin: 0;
    padding: 0;
    height: inherit;
    align-items: center;
}

.emic-global-nav-left li a {
    padding: 0 9px 0;
    height: inherit;
    line-height: 41px;
    color: #333;
    overflow: hidden;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    transition-property: background-color;
}

/* コーポレートアイコン */

.emic-global-nav-item.item-home a {
    width: 60px;
    height: 40px;
    background-image: url(images/emic-logo.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 31px;
}

.emic-global-nav-item.item-home a {
    display: block;
    color: transparent;
    font-size: 1px;
}

/* ホームをハイライト */

body.home .emic-global-nav-item.item-home a {
    /* ホームのみ */
    background-color: #efefef;
}

/* FMPress Cloudをハイライト */

.page-id-8426 .emic-global-nav-item.item-fmpress-cloud a,
.parent-pageid-8426 .emic-global-nav-item.item-fmpress-cloud a {
    background-color: #efefef;
}

/* 開発をハイライト */

.page-id-9519 .emic-global-nav-item.item-development a,
.parent-pageid-9519 .emic-global-nav-item.item-development a {
    background-color: #efefef;
}

/* FMPressをハイライト */

.page-id-159 .emic-global-nav-item.item-fmpress a,
.parent-pageid-159 .emic-global-nav-item.item-fmpress a {
    background-color: #efefef;
}

.page-id-159 .emic-global-nav-item.item-fmpress.active a,
.parent-pageid-159 .emic-global-nav-item.item-fmpress.active a,
.page-id-159 .emic-global-nav-item.item-fmpress:hover a,
.parent-pageid-159 .emic-global-nav-item.item-fmpress:hover a {
    background-color: #0091db;
    color: #fff;
}

/* Publisherをハイライト */

body.page-id-4377 .emic-global-nav-item.item-publisher a,
body.parent-pageid-4377 .emic-global-nav-item.item-publisher a {
    background-color: #efefef;
}

body.page-id-4377 .emic-global-nav-item.item-publisher.active a,
body.parent-pageid-4377 .emic-global-nav-item.item-publisher.active a,
body.page-id-4377 .emic-global-nav-item.item-publisher:hover a,
body.parent-pageid-4377 .emic-global-nav-item.item-publisher:hover a {
    background-color: #0091db;
    color: #fff;
}

/* PublisherトップページではFMPressはハイライトしない */
body.page-id-4377 .emic-global-nav-item.item-fmpress a {
    background-color: #fff;
}

/* お知らせをハイライト */

body.page-id-7580 .emic-global-nav-item.item-fmpress-news a,
body.single.category-news .emic-global-nav-item.item-fmpress-news a {
    /* body.page-id-7580：ホスティングの「お知らせ」のトップページ */
    /* body.single.category-news：お知らせ記事 */
    background-color: #efefef;
}

/* お知らせをハイライト時はFMPressをハイライトしない */
body.page-id-7580 .emic-global-nav-item.item-fmpress a {
    background-color: #fff;
}


/* Cloudをハイライト */

body.page-id-8426 .emic-global-nav-item.item-cloud a,
body.page-id-8437 .emic-global-nav-item.item-cloud a,
body.page-template-page_cloud .emic-global-nav-item.item-cloud a {
    /* body.page-id-7580：ホスティングの「お知らせ」のトップページ */
    /* body.single.category-news：お知らせ記事 */
    background-color: #efefef;
}

/* 会社案内をハイライト */

body.page-template-page_corporate .emic-global-nav-item.item-corporate a,
body.category-press .emic-global-nav-item.item-corporate a,
body.page-id-1513 .emic-global-nav-item.item-corporate a,
body.page-id-7710 .emic-global-nav-item.item-corporate a {
    /* body.page-template-page_corporate：コーポレートテンプレートの固定記事 */
    /* body.category-press：報道発表資料のシングルポスト */
    /* body.page-id-1513：「書籍紹介」のページ */
    /*/pressの（報道発表資料アーカイブページ）*/
    background-color: #efefef;
}

body.page-template-page_corporate .emic-global-nav-item.item-corporate.active a,
body.category-press .emic-global-nav-item.item-corporate.active a,
body.page-id-1513 .emic-global-nav-item.item-corporate.active a,
body.page-id-7710 .emic-global-nav-item.item-corporate.active a {
    background-color: #0091db;
}

/* ブログをハイライト */

body.category-blog .emic-global-nav-item.item-media a,
body.tag-techinfo .emic-global-nav-item.item-media a,
body.tag-fmpress-dev .emic-global-nav-item.item-media a,
body.tag-go .emic-global-nav-item.item-media a,
body.tag-tech .emic-global-nav-item.item-media a,
body.tag-media .emic-global-nav-item.item-media a,
body.tag-update .emic-global-nav-item.item-media a,
body.tag-basic .emic-global-nav-item.item-media a,
body.tag-event .emic-global-nav-item.item-media a,
body.tag-device .emic-global-nav-item.item-media a,
body.tag-notice .emic-global-nav-item.item-media a {
    /* body.category-blog：「ブログ」のトップページ */
    /* body.tag-techinfo：「技術資料」のシングルポストとダグアーカイブ */
    /* body.tag-fmpress-dev：「Publisher開発ブログ」のシングルポストとダグアーカイブ */
    /* body.tag-go：「FMGo情報局」のシングルポストとダグアーカイブ */
    /* body.tag-go：「FMGo情報局」のシングルポストとダグアーカイブ */
    /* body.tag-go以下は「FMGo情報局」のかつてのサブカテゴリ（現在はタグ） */
    background-color: #efefef;
}

body.category-blog .emic-global-nav-item.item-media.active a,
body.tag-techinfo .emic-global-nav-item.item-media.active a,
body.tag-fmpress-dev .emic-global-nav-item.item-media.active a,
body.tag-go .emic-global-nav-item.item-media.active a,
body.tag-tech .emic-global-nav-item.item-media.active a,
body.tag-media .emic-global-nav-item.item-media.active a,
body.tag-update .emic-global-nav-item.item-media.active a,
body.tag-basic .emic-global-nav-item.item-media.active a,
body.tag-event .emic-global-nav-item.item-media.active a,
body.tag-device .emic-global-nav-item.item-media.active a,
body.tag-notice .emic-global-nav-item.item-media.active a,
body.category-blog .emic-global-nav-item.item-media.active:hover a,
body.tag-techinfo .emic-global-nav-item.item-media.active:hover a,
body.tag-fmpress-dev .emic-global-nav-item.item-media.active:hover a,
body.tag-go .emic-global-nav-item.item-media.active:hover a,
body.tag-tech .emic-global-nav-item.item-media.active:hover a,
body.tag-media .emic-global-nav-item.item-media.active:hover a,
body.tag-update .emic-global-nav-item.item-media.active:hover a,
body.tag-basic .emic-global-nav-item.item-media.active:hover a,
body.tag-event .emic-global-nav-item.item-media.active:hover a,
body.tag-device .emic-global-nav-item.item-media.active:hover a,
body.tag-notice .emic-global-nav-item.item-media.active:hover a {
    background-color: #0091db;
    color: #fff;
}

/* 会員ページをハイライト */

body.memberlogin .item-member a {
    background-color: #efefef;
}

/* support.emic.co.jpのハイライト */

body.page-support .item-support a {
    background-color: #efefef;
}

/* スペシャルアイテム */

a.emic-global-nav-special-item {
    padding: 4.5px 6px;
    background-color: #0091db;
    font-size: 1.4rem;
    color: #fff;
    margin-right: 7px;
    font-weight: 600;
}

/* 検索窓 */

.emic-global-nav-search-form-wrap,
.emic-global-nav-search-form-wrap * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.emic-global-nav-search-form-wrap {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 125px;
    height: 28px;
    border-radius: 5px;
    background-image: url(images/search-gray.svg);
    background-repeat: no-repeat;
    background-color: #efefef;
    background-size: 14px 15px;
    background-position: 7px 7px;
}

.emic-global-nav-search-form-wrap .search-form {
    width: inherit;
    height: inherit;
}

input.search-input {
    width: inherit;
    height: inherit;
    margin: 0;
    padding: 0;
    background-color: transparent;
    line-height: 1;
    text-indent: 20px;
    font-size: 14px;
    color: #757575;
    text-transform: none;
}

.searchsubmit {
    display: none;
}

/* メガメニューがある場合のグローバルナビ */

.emic-global-nav-item {
    position: relative;
}

.emic-global-nav-item.emic-mega-menu-include a {
    background-image: url(images/mega-menu-hide.svg);
    background-repeat: no-repeat;
    background-position: bottom 5px center;
}

.emic-global-nav-item.emic-mega-menu-include.active a {
    background-image: url(images/mega-menu-show.svg) !important;
    background-repeat: no-repeat;
    background-position: bottom 5px center;
}


/* ローカルナビ（Local Navigation）
-----------------------------------------------------------------*/

.emic-local-nav ul {
    display: none;
}

.emic-local-nav {
    display: flex;
    z-index: 2;
}

.emic-local-nav-subnav {
    display: flex;
    align-items: center;
    width: 0;
    height: 0;
    opacity: 0;
    list-style-type: none;
}

.widget-area ul.emic-local-nav-subnav {
    /* margin-leftを有効にするための指定 */
    margin-left: 5px;
    /*min-width: 185px;*/
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

.emic-local-nav-subnav li {
    padding-bottom: 0;
    max-width: 0;
}

.emic-local-nav-subnav li:last-child a {
    margin-right: 0;
}

.fixed-header .emic-local-nav-subnav li {
    padding-bottom: 0;
    max-width: 999px;
    -webkit-transition: opacity .5s ease-out .15s, max-width .5s ease-in;
    transition: opacity .5s ease-out .15s, max-width .5s ease-in;
}

.fixed-header .emic-local-nav-subnav {
    display: flex;
    width: auto;
    height: auto;
    opacity: 1;
    -webkit-transition: opacity .5s ease-out .15s, max-width .5s ease-in;
    transition: opacity .5s ease-out .15s, max-width .5s ease-in;
}

.widget-area.header-widget-area {
    float: none;
    display: flex;
    justify-content: flex-end;
    margin: 0;
    width: calc(100% - 250px);
    height: inherit;
}

.page-template-page_hosting .widget-area.header-widget-area {
    width: calc(100% - 250px);
}

.emic-local-nav {
    display: none;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    height: inherit;
}

.page-support .emic-local-nav {
    display: flex;
}

.emic-local-nav li {
    padding: 0;
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.emic-local-nav li a {
    display: block;
    font-size: 16px;
    color: #333;
    margin-right: 1px;
    padding: 4px 6px;
}

.current-menu-item a {
    background-color: #efefef;
}

.emic-local-nav li a:hover {
    text-decoration: none;
    background-color: #efefef;
}

/* 親項目をハイライト */

.current-page-ancestor a {
    background-color: #efefef;
}

/* FMPressの子（孫）ページでFMPressをハイライト調整 */

.highlight-fmpress-item-in-emic-local-nav #menu-item-7575 a {
    background-color: #efefef !important;
}

.parent-pageid-29 #menu-item-7575 a,
.parent-pageid-44 #menu-item-7575 a,
.parent-pageid-159 #menu-item-7575 a,
.parent-pageid-4377 #menu-item-7575 a {
    background-color: transparent;
}

.page-id-1512 #menu-item-8998 a {
    background-color: transparent;
}

.parent-pageid-159 #menu-item-7575 a:hover {
    background-color: #efefef;
}

/* FMPressお知らせアーカイブページでFMPressをハイライトしない */

.page-template-page_archive #menu-item-7575 a {
    background-color: transparent;
}

/* FMPressのトップページでFMPressをハイライト */

.page-id-159 #menu-item-7575 a {
    background-color: #efefef;
}

/* FMPress開発ブログをハイライト */

.tag-fmpress-dev #menu-item-7567 a {
    background-color: #efefef;
}

/* FMGo情報局のかつてのサブカテゴリをハイライト（現在はタグ） */

.tag-go #menu-item-7568 a,
.tag-tech #menu-item-7568 a,
.tag-media #menu-item-7568 a,
.tag-update #menu-item-7568 a,
.tag-basic #menu-item-7568 a,
.tag-event #menu-item-7568 a,
.tag-device #menu-item-7568 a,
.tag-notice #menu-item-7568 a {
    background-color: #efefef;
}

/* 技術資料をハイライト */

.tag-techinfo #menu-item-7579 a {
    background-color: #efefef;
}

/* 事業紹介の子（孫）ページでFMPressをハイライトしない */

#menu-item-7573 a {
    background-color: transparent;
}

/* 事業紹介のトップページで事業紹介をハイライト */

.page-id-1530 #menu-item-7573 a {
    background-color: #efefef;
}

/* 報道発表のトップページで報道発表をハイライト */

.page-id-7710 #menu-item-2259 a {
    background-color: #efefef;
}

/* 報道発表シングルページで報道発表をハイライト */

.category-press #menu-item-2259 a {
    background-color: #efefef;
}

/* 会員ページ（ログイン）でFMPressをハイライトしない */

.memberlogin #menu-item-7575 a {
    background-color: transparent;
}

/* サブメニュー
-----------------------------------------------------------------*/

.emic-local-nav .menu-item-has-children {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
}

.menu-item-has-children>a::after {
    content: "▼";
    color: #999;
    font-size: 10px;
    margin-left: 2px;
}

.sub-menu {
    display: none;
    position: absolute;
    margin-top: 26px;
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: 1px 1px 1px 0 #eee;
    font-size: 14px;
}

.emic-local-nav .sub-menu li {
    justify-content: flex-start;
}

.sub-menu li a {
    width: 100%;
    background-color: #fff;
    font-size: 14px;
    padding: 7px 10px;
}

.sub-menu li a:hover {
    background-color: #0091db;
    color: #fff;
}

.menu-item:hover .sub-menu {
    display: flex;
    flex-direction: column;
}

/* ローカルナビ左のタイトルロゴ
-----------------------------------------------------------------*/

/* エミックロゴ */

.title-area {
    width: 250px;
    height: inherit;
    margin-right: auto;
    background-image: url("images/20170202-logo-with-subtitle.svg");
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 240px 53px;
    background-position: 0 center;
}

/* FMPressロゴ */

body.page-support .title-area,
body.memberlogin .title-area,
body.page-template-page_hosting .title-area,
body.category-hosting .title-area,
body.page-template-page_hosting .title-area,
body.category-news .title-area,
body.page-id-7580 .title-area {
    /* body.page-id-7580：ホスティングのお知らせ */
    /* width: 195px;
    margin: 0;
    padding: 0;
    background-image: url("/images/fmpress-logo.svg");
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 195px 44px;
    background-position: 0 center; */
    width: 270px;
    margin: 0;
    padding: 0;
    background-image: url(images/20210423-fmplan-with-emic-30th-anniversary.svg);
    background-repeat: no-repeat;
    background-size: 245px auto;
    background-color: transparent;
    background-position: 0 center;
}

/* タイトルエリア
-----------------------------------------------------------------*/

.emic-title-area {
    position: relative;
    display: flex;
    align-items: center;
    width: 1120px;
    height: 300px;
    margin: 0 auto 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    background-repeat: no-repeat;
    background-position: right;
    background-size: auto 300px;
}

.emic-title-area-no-background-image {
    height: 250px;
}

.emic-title-area-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    /*background-color: rgba(255, 255,255, 0.9);*/
}

.emic-title-area-maintitle {
    font-size: 4.6rem;
    line-height: 1.1;
    padding: 0 0 0.5em;
    color: #333;
    font-feature-settings: 'palt' 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 600;
}

.emic-title-area-subtitle {
    font-size: 2.3rem;
    line-height: 1.3;
    padding: 0 0 0.5em;
    color: #333;
    font-feature-settings: 'palt' 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.emic-title-area-subtitle small {
    font-size: 1.4rem;
    font-feature-settings: 'palt' 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.emic-title-area-excerpt {
    font-size: 2.1rem;
    line-height: 1.3;
    padding: 0.5em 0;
    color: #333;
    font-feature-settings: 'palt' 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 背景画像 */

.maintitle-image,
.subtitle-image {
    text-indent: -9999px;
}

.maintitle-image-fmpress {
    height: 68px;
    background-image: url(/images/fmpress-logo.svg);
    background-repeat: no-repeat;
    background-size: 300px;
}

.subtitle-image-fmpress {
    /*height: 68px;*/
    padding: 0.5em 0 0 0;
    background-image: url(/images/fmpress-logo.svg);
    background-repeat: no-repeat;
    background-size: 140px;
}

.maintitle-image-fmpress-cloud {
    height: 100px;
    background-image: url(/images/fmpress-cloud-logo-horizontal.svg);
    background-repeat: no-repeat;
    background-size: 330px;
}

.subtitle-image-fmpress-cloud {
    /*height: 68px;*/
    padding: 0.5em 0 0 0;
    background-image: url(/images/fmpress-cloud-logo-horizontal.svg);
    background-repeat: no-repeat;
    background-size: 100px;
}

.maintitle-image-fmpress16 {
    height: 60px;
    background-image: url(/images/fmpress16-logo.svg);
    background-repeat: no-repeat;
    background-size: 320px;
}

.subtitle-image-fmpress16 {
    /*height: 68px;*/
    padding: 0.5em 0 0 0;
    background-image: url(/images/fmpress16-logo.svg);
    background-repeat: no-repeat;
    background-size: 160px;
}

.maintitle-image-fmpress17 {
    height: 60px;
    background-image: url(/images/fmpress17-logo.svg);
    background-repeat: no-repeat;
    background-size: 280px;
}

.subtitle-image-fmpress17 {
    /*height: 68px;*/
    padding: 0.5em 0 0 0;
    background-image: url(/images/fmpress17-logo.svg);
    background-repeat: no-repeat;
    background-size: 160px;
}

.maintitle-image-publisher {
    height: 79px;
    background-image: url(/images/publisher-logo-bg-white.svg);
    background-repeat: no-repeat;
    background-size: 320px;
}

.subtitle-image-publisher {
    /*height: 68px;*/
    padding: 0.5em 0 0 0;
    background-image: url(/images/publisher-logo-bg-white.svg);
    background-repeat: no-repeat;
    background-size: 120px;
}

/* モバイルメニューアイコン
-----------------------------------------------------------------*/

.mobile-menu-icon-wrap {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    right: 0;
    width: 60px;
    height: 56px;
}

#mobileMenuIcon,
#mobileMenu {
    display: none
}

#mobileMenuIcon {
    width: 32px;
    height: 41.191px;
    background: url(/images/20180614-mobileMenuIcon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
}

#mobileMenuIcon:hover {
    cursor: pointer
}

.mobile-menu-contents .wrap {
    width: auto;
}

.mobile-menu-contents .widget-title,
.mobile-menu-index .nav h3 {
    font-size: 21px;
    border-bottom: 1px solid #ddd;
    padding: 0 6px 6px 6px;
    margin: 0 0 1em 0;
}

.mobile-menu-contents .widget-data {
    margin-bottom: 20px;
}

.mobile-menu-contents .dashicons {
    padding-top: 4px;
}

/* モバイルメニュー
-----------------------------------------------------------------*/

.mobile-menu {
    position: absolute;
    top: 0;
    background-color: #fff;
    width: 100%;
    height: 100%;
    padding-bottom: 40px;
    z-index: 10000000;
    font-size: 120%
}

.mobile-menu-company-logo-wrap {
    width: inherit;
    height: inherit;
}

.mobile-menu .emic-global-nav-search-form-wrap {
    width: 100%;
    height: 50px;
    margin: 0 0 20px;
    border-radius: 5px;
    background-image: url(/images/search-gray.svg);
    background-repeat: no-repeat;
    background-color: #efefef;
    background-size: 18px 17px;
    background-position: 10px 17px;
}

.mobile-menu-company-logo {
    display: block;
    width: 50px;
    height: inherit;
    margin: auto;
    background-image: url(/images/emic-logo.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-size: auto 36px;
    text-indent: -9999px;
}

.mobile-menu-header {
    position: relative;
    top: 0;
    left: 0;
    height: 56px;
}

h2.mobile-menu-title {
    height: 78px;
    margin: 0;
    line-height: 78px;
    text-align: center;
    font-size: 24px;
}

.mobile-menu-close-icon {
    width: 32px;
    height: 41.191px;
    background: url(/images/20180614-mobileMenuCloseIcon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
}

.mobile-menu h3 {
    font-size: 21px;
}

.mobile-menu ul li {
    list-style-type: none;
    margin-left: 0.4em;
    font-size: 18px
}

.mobile-menu ul li>ul li {
    margin-left: 1em
}

.mobile-menu-index {
    padding: 0 15px 10px
}

input.mobile-menu-search-input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0 10px;
    height: 50px;
    line-height: 100%;
    text-indent: 22px;
    font-size: 16px;
}

/* Emicロゴ（CSSタイプ）
-----------------------------------------------------------------*/

.corporate-logo {
    background: url(/images/emic-logo.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 26px;
    height: 50px;
}

/* ミドルナビ
-----------------------------------------------------------------*/

.middle-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
    width: inherit;
    height: 65px;
    clear: both;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, .95);
    -webkit-transition: background-color .15s ease-in-out;
    transition: background-color .15s ease-in-out;
    text-align: center;
    z-index: 1;
    transform: translate3d(0, 0, 0);
}

.middle-nav li {
    padding-right: 20px;
    padding-bottom: 0;
    list-style-type: none;
    display: inline
}

.middle-nav li.hidden {
    display: none;
}

.middle-nav li.current_page_item a {
    padding: .3em .6em .2em;
    background-color: #0091db;
    border-radius: 4px;
    color: #fff
}

.middle-nav li.current_page_item a:hover {
    text-decoration: none
}

/* ミドルナビ固定時 */

.middle-nav-fixed .middle-nav {
    position: fixed;
    top: 41px;
    left: 0;
    width: 100%;
    /*padding: 20px 0;*/
    border-bottom: 1px solid #ddd;
}

/* ブレッドクラム
-----------------------------------------------------------------*/

.breadcrumb {
    position: relative;
    width: 1120px;
    height: 50px;
    background: 0;
    font-size: 86%;
    color: #666;
    margin: 0 auto 0;
    padding: 20px 0;
}

/* フッター
-----------------------------------------------------------------*/

.before-site-footer .wrap,
.site-footer .wrap {
    width: 100%;
    margin: 0 auto;
    max-width: 1120px;
}

.site-footer .wrap {
    padding: 20px 0 25px;
}

.before-site-footer ul li {
    list-style-type: none;
    line-height: 1.625;
}

.before-site-footer .row {
    display: flex;
}

.before-site-footer .widget_html {
    padding: 0 15px;
    width: 100%;
}

.before-site-footer *,
.site-footer * {
    color: #fff;
}

.before-site-footer {
    padding: 40px 0 0;
}

.before-site-footer,
.site-footer {
    background-color: #424D5C;
    font-size: 14px;
    color: #fff;
}

.site-footer {
    padding: 15px 15px 0;
    text-align: center;
}

.before-site-footer a,
.site-footer a {
    color: #fff;
}

.site-footer p {
    font-size: 1.2rem;
    margin-bottom: 0;
}

.site-footer .corporate-logo {
    margin: 20px auto 0 auto;
    padding-bottom: 50px;
}

.before-site-footer .widget-title {
    font-size: 1.8rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    padding: 0 6px 6px 6px;
    margin: 0 0 1em 0;
}

.before-site-footer .widget-data {
    padding: 0 6px;
}

.before-site-footer .widget-data .icon-list {
    padding-left: 0;
}

/* ラベル
-----------------------------------------------------------------*/

.label {
    margin-right: .5em;
    padding: 2px 4px 0;
    font-size: 75%;
    border-radius: 3px;
    background-color: #ddd;
    color: #fff
}

.label-purple {
    background-color: #563d7c;
    border-color: #463265;
    color: #fff
}

.label-blue {
    background-color: #428bca;
    border-color: #357ebd;
    color: #fff
}

.label-red {
    background-color: #c71c22
}

/* 画像
-----------------------------------------------------------------*/

a img {
    border: 0;
    border: 1px solid transparent;
}

.emic-gallery-widget a:hover img {
    opacity: .75;
    -webkit-opacity: .75;
    -moz-opacity: .75;
}

a img {
    -webkit-transition: opacity 0.6s ease-out;
    -moz-transition: opacity 0.6s ease-out;
    -ms-transition: opacity 0.6s ease-out;
    transition: opacity 0.6s ease-out;
}

img.frame {
    padding: 2px;
    border: 1px solid #ddd
}

/* ホーム（home）
-----------------------------------------------------------------*/

.home .site-header {
    display: none;
}

.emic-homepage-section {
    margin-top: 41px;
}

/* hero-positions */

.emic-hero-positions {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.emic-homepage-section-item {
    width: 100%;
    height: 695px;
    margin: 0;
    margin-bottom: 12px;
    padding: 40px;
    background-color: #fafafa;
}

.emic-homepage-section-item a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.emic-unit-image-wrapper {
    text-align: center;
}

.emic-unit-image {
    width: auto;
    height: 420px;
    max-width: 1100px;
}

.emic-unit-copy-wrapper {
    margin: 30px 0 0;
    text-align: center;
}

.emic-hero-position-logo {
    height: 50px;
    text-indent: -9999px;
    background-size: auto 50px;
}

.emic-hero-position-logo-image-fmpress17 {
    background-image: url(/images/fmpress17-logo.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.emic-hero-position-logo-image-fmpress17-with-20th-anniversary {
    background-image: url(/images/fmpress17-logo-with-20th-anniversary.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 50px;
}

.emic-hero-position-logo-image-publisher {
    background-image: url(/images/publisher-logo-bg-white.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.emic-hero-position-excerpt {
    margin: 16px 0 16px;
    font-size: 2.1rem;
    line-height: 1.4;
}

.emic-hero-position-more {
    color: #2d92a7;
}

.emic-hero-position-more:hover {
    text-decoration: underline;
}

/* emic-home-notify */

.emic-home-notify {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    margin: 0;
    padding: 0;
    background-color: #12ADEB;
}

.emic-home-notify p {
    margin: 0;
    padding: 0;
    font-size: 1.8rem;
}

.emic-home-notify a {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.emic-home-notify .dashicons {
    font-size: 2.1rem;
    width: 24px;
    height: 24px;
    font-size: 2.4rem;
}

.emic-home-notify a {
    color: #fff;
}

/*  */

.home .content .widget-title {
    margin-bottom: 0;
    padding: 0.2em 0 0.5em 0;
    /*background-image: url(/images/listicons/sidebar-headline.png);*/
    background-position: 0 center;
    background-repeat: no-repeat;
    color: #333;
    font-size: 2.1rem;
    font-weight: normal;
    border-bottom: 1px dotted #ddd
}

.home .content .post {
    background: 0;
    margin: 0;
    padding: 10px 0 6px;
    border-bottom: 1px dotted #ddd;
}

.home .content .post h2 {
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 1.8rem;
    line-height: 1.3;
    border-bottom: 0 none
}

.home .content .post-info {
    margin: 0;
    padding: 0.3em 0;
    font-size: 1.6rem;
    line-height: 1.3;
}

.home-widget-areas {
    display: flex;
    justify-content: space-between;
}

.home-widget-area {
    padding: 0;
    width: 31.5%;
}

.home .after_loop {
    margin: 50px auto 0;
    text-align: center
}

.home .more-from-category {
    margin: 0;
    padding: 10px;
    font-size: 1.6rem;
    line-height: 1.3;
}

/* ギャラリー
-----------------------------------------------------------------*/

#emicGalleryOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0d0d0d;
    z-index: 5;
}

.emic-gallery-widget {
    position: relative;
}

.emic-gallery-widget a {
    display: block;
    text-align: center;
}

.emic-gallery-expansion-link {
    position: absolute;
    top: 0;
    right: 10px;
    height: 41px;
    width: 41px;
    opacity: 0;
    z-index: 1;
    -webkit-transition: opacity 0.6s ease-out;
    -moz-transition: opacity 0.6s ease-out;
    -ms-transition: opacity 0.6s ease-out;
    transition: opacity 0.6s ease-out;
}

.emic-gallery-expansion {
    position: relative;
    background: url(/css/plus.svg) no-repeat;
    font-size: 24px;
    height: 40px;
    width: 40px;
    margin: auto;
    text-align: center;
    background-color: #0091db;
    color: #fff;
    display: inline-block;
    border-radius: 20px;
    background-size: 18px 18px;
    background-position: 11px 11px;
}

.emic-gallery-widget:hover .emic-gallery-expansion-link {
    opacity: 1;
}

.emic-remove-overlay {
    position: absolute;
    cursor: pointer;
    top: 10px;
    right: 10px;
    background: url(/css/close.svg) no-repeat;
    font-size: 24px;
    height: 40px;
    width: 40px;
    margin: auto;
    text-align: center;
    color: #fff;
    display: inline-block;
    border-radius: 20px;
    background-size: 18px 18px;
    background-position: 11px 11px;
}

.emic-gallery-wrapper {
    height: 100%;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.emic-gallery-wrapper img {
    display: inline-block;
    max-height: calc(100% - 100px);
    max-width: 100%;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    vertical-align: middle;
}

.entry-content .em-gallery li {
    list-style-type: none;
}

/* お申し込み
-----------------------------------------------------------------*/

.entry-content .emic-flow li {
    list-style-type: none;
}

.emic-flow.emic-flow-vertical li {
    text-align: center;
    background: #efefef;
    margin: 10px 10px 5em;
    padding: 30px 20px;
    border-radius: 5px;
}

.emic-flow.emic-flow-vertical h3 {
    font-size: 2.4rem;
    font-weight: bold;
}

.emic-flow.emic-flow-vertical li::after {
    position: absolute;
    left: calc(50% - 80px);
    margin: 0 auto;
    width: 0;
    height: 0;
    content: "";
    border: 80px solid transparent;
    border-top: 60px solid #efefef;
    text-align: center;
}

.emic-flow li:last-child:after {
    content: none;
}

/* 本文エリア
-----------------------------------------------------------------*/

.entry-content .alignright {
    float: right;
    padding: 0 0 20px 20px;
}

.entry-content .alignleft {
    float: left;
    padding: 0 20px 20px 0;
}

.entry-content section {
    margin-top: 2em;
}

.entry-content section+section,
.entry-content .section+.section,
.entry-content .wp-caption-text+section {
    margin-top: 4em;
}

.entry-content h1 {
    font-size: 2.8rem;
    padding: 0.5em 0;
    line-height: 1.2;
    letter-spacing: -0.01em;
}

.entry-content h2 {
    font-size: 2.8rem;
    padding: 1.5em 0 1em;
    line-height: 1.2;
    letter-spacing: -0.02em;
    font-weight: 300;
}

.entry-content section h2:first-child,
.entry-content .section h2:first-child {
    /* .entry-contentにあるsectionまたは.section内の最初のh2 */
    padding: 0 0 1em;
}

.entry-content section p:first-child,
.entry-content .section p:first-child {
    /* .entry-contentにあるsectionまたは.section内の最初のp */
    padding: 0 0 1em;
}

.entry-content h3 {
    font-size: 2.1rem;
    padding: 1em 0;
    line-height: 1.2;
}

.entry-content h4 {
    font-size: 1.8rem;
    padding: 0.5em 0;
    line-height: 1.2;
}

.entry-content p {
    font-size: 1.8rem;
    padding: 0 0 1em;
    line-height: 1.7;
}

.entry-content ol li {
    list-style-position: inside;
    list-style-type: decimal;
}

.entry-content li {
    font-size: 1.8rem;
    margin: 1em 0;
    line-height: 1.6;
}

.entry-content dl {
    font-size: 1.8rem;
    line-height: 1.7;
}

.entry-content img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.entry-content .aligncenter img {
    display: block;
    margin: 0 auto;
}

.entry-content .wp-caption {
    margin: 2em auto 0;
}

.entry-content .button-area {
    margin: 3em auto;
}

.entry-content .disc li,
.entry-content .arrowlinks li {
    text-indent: 0;
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 1em;
}

.entry-content .caption,
.entry-content .wp-caption-text {
    margin: 1em 0 2em;
    font-size: 1.6rem;
    line-height: 1.4;
    text-align: center
}

.entry-content pre {
    font-size: 1.8rem;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    white-space: pre-wrap;
    background-color: #efefef;
    padding: 0.5em 0.7em;
    margin: 1em 0 2em;
    border-radius: 5px;
}

/* box */

.entry-content .box h3:first-child {
    padding: 0.5em 0 1em;
}

.entry-content .box p {
    line-height: 1.3;
}

.entry-content .box p:last-child {
    padding: 0 0 0.5em;
}

/* Multiple column layout */

.emic-multiple-column {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    padding-bottom: 1em;
}

.entry-content .emic-multiple-column .section {
    margin: 17px 1.6%;
    padding: 32px 22px 16px;
    border-radius: 15px;
    background-color: rgba(239, 239, 239, 0.7);
    flex-basis: 30%;
}

/* IE11 */

@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop,
    .entry-content .emic-multiple-column .section {
        flex-basis: 26%;
    }
}

.emic-multiple-column p {
    font-size: 1.6rem;
}

.entry-content .emic-multiple-column h2 {
    font-size: 2.4rem;
    text-align: center;
}

.entry-content .emic-multiple-column h3 {
    font-size: 2.1rem;
    text-align: center;
}

.entry-content .image-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 125px;
    margin-bottom: 20px;
    text-align: center;
}

/* 製品紹介 */

.entry-content .emic-two-columns .image-wrapper {
    height: 80px;
}

.products-fmpress img {
    height: 60px;
}

.products-publisher img {
    height: 55px;
}

.single_column {
    display: box;
    display: -webkit-box;
    margin: 17px 1.6%;
    padding: 32px 22px 16px;
    border-radius: 15px;
    background-color: rgba(239, 239, 239, 0.7);
}

.single_column-left {
    width: 200px;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
}

.single_column-right {
    width: calc(100% - 220px);
}

.entry-content .single_column-title {
    font-size: 2.6rem;
    padding-top: 0.3em;
    padding-bottom: 0.1em;
}

.entry-content .single_column-sub_title {
    font-size: 1.8rem;
    padding-bottom: 1em;
}

.entry-content .single_column-summary {
    font-size: 1.6rem;
    padding-bottom: 1em;
}

/* Form（お問い合わせ） */

.entry-content .gform_body ul li {
    list-style-type: none;
}

.entry-content input {
    padding: 0.5em 0.5em;
    font-size: 1.8rem;
    max-width: 100%;
}

.entry-content textarea {
    padding: 0.5em 0.5em;
    font-size: 1.8rem;
}

.gform_wrapper .gfield_required {
    color: #790000;
    margin-left: 4px;
}

.entry-content .gfield {
    margin: 2em 0;
}

.gform_wrapper .gfield_checkbox li label,
.gform_wrapper .gfield_radio li label {
    display: block;
}

.gfield_radio {
    padding-left: 0.2em;
}

.gfield_radio li input {
    float: left;
    margin-right: 0.5em;
    margin-top: 0.35em;
}

.gform_wrapper .top_label input.large,
.gform_wrapper .top_label select.large,
.gform_wrapper .top_label textarea.textarea {
    width: 100%;
}

.gform_wrapper textarea.medium {
    height: 150px;
}

/* FAQ
-----------------------------------------------------------------*/

.entry-content .emic-questions-and-answers li,
.entry-content .emic-questions-and-answers-ui li {
    list-style-type: none;
}

.emic-questions-and-answers-ui {
    display: flex;
    justify-content: flex-end;
}

.emic-questions-and-answers-ui li {
    margin-right: 0.5em;
    font-size: 1.6rem;
}

.emic-questions-and-answers * {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.emic-questions-and-answers {
    margin-left: 0;
}

.emic-questions-and-answers li {
    margin: 0;
}

.emic-questions-and-answers .question {
    line-height: 1.6;
}

.emic-questions-and-answers .question,
.emic-questions-and-answers .question-expand {
    margin: 0;
}

.emic-questions-and-answers .question:before {
    font-family: dashicons;
    content: "\f139";
    font-size: 3.2rem;
    top: 9px;
    left: 3px;
    position: relative;
    margin-left: -1em;
    color: #2d92a7;
}

.emic-questions-and-answers .answer-expand .question:before {
    font-family: dashicons;
    content: "\f140";
    font-size: 3.2rem;
    top: 9px;
    left: 3px;
    position: relative;
    color: #2d92a7;
}

.emic-questions-and-answers .answer {
    padding-left: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
}

.emic-questions-and-answers .answer.fadein {
    max-height: 1500px;
    width: auto;
    opacity: 1;
}

/* Publisher FAQ
-----------------------------------------------------------------*/

.publisher-faq-content {
    margin-bottom: 2em;
}

.publisher-faq-content .answer .dashicons {
    padding-top: 0.3em;
    padding-right: 1.2em;
    padding-left: 0.1em;
}

/* シングルポスト
-----------------------------------------------------------------*/

.single-post .entry-title {
    margin: 0;
    padding: 0 0 1.6em;
    font-size: 3.6rem;
    letter-spacing: -0.02em;
    line-height: 1.3;
    font-weight: 300;
}

.single-post .entry-content {
    margin-top: 2em;
}

.single-post .post-info {
    font-size: 1.6rem;
    line-height: 1.3;
    padding: 0;
    margin: 0 0 0.3em;
}

.single-post .post-meta {
    border-top: 1px dotted #ddd;
    margin-top: 1.6em;
    padding-top: 1.6em;
}

/* テーブル
-----------------------------------------------------------------*/

.emic-table-wrap {
    overflow-x: auto;
}

.entry-content table {
    width: 100%;
    border: 1px solid #d3d3d3;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 2em;
    text-align: center;
    vertical-align: middle
}

.entry-content th,
.entry-content td {
    padding: 1em;
}

.content table tr td ul li,
.content table tr td dl dd,
.content table tr td dl dt {
    list-style-type: none;
    text-align: left
}

.entry-content table dl dd {
    margin: 0
}

.entry-content table.table-no-border {
    border: 0 none
}

.entry-content .table-header {
    border-bottom: 1px solid #d3d3d3
}

.entry-content table.table-no-border ul {
    margin: 0;
    padding: .5em .2em
}

.entry-content table.table-no-border ul li {
    margin: 0;
    padding: 0
}

table.compare tr {
    border-top: 1px solid #d3d3d3
}

table.compare thead tr:first-child {
    border-top: 0 none
}

table.compare tr th h3 {
    text-align: left;
    font-weight: normal;
    font-size: 114.28%
}

table.compare tr th {
    width: 170px
}

table.compare tr td {
    width: 250px;
    font-size: 1.6rem;
}

table.compare tr dl dt {
    font-size: 92.85%;
    color: #777
}

table.compare tr dl dd {
    color: #333;
    padding-bottom: .5em
}

table.chart tr {
    height: 47px
}

table.chart th {
    text-align: center;
    background-color: #eee;
    padding: 5px;
    border: 1px solid #d3d3d3;
    border-width: 0 0 1px 1px;
    height: 47px
}

table.chart td {
    padding: 5px;
    border: 1px solid #d3d3d3;
    border-width: 0 0 1px 1px;
}

table.chart th.function {
    background: #f1f1f1;
    background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c5c5c5));
    background: -moz-linear-gradient(top, #f1f1f1, #c5c5c5)
}

table.chart td.function {
    background: #f1f1f1
}

table.chart th.fmp {
    background: #caf0fe;
    background: -webkit-gradient(linear, left top, left bottom, from(#caf0fe), to(#9abdcb));
    background: -moz-linear-gradient(top, #caf0fe, #9abdcb)
}

table.chart td.fmp {
    background: #caf0fe
}

table.chart th.fms {
    background: #dfedd4;
    background: -webkit-gradient(linear, left top, left bottom, from(#dfedd4), to(#b6c3af));
    background: -moz-linear-gradient(top, #dfedd4, #b6c3af)
}

table.chart td.fms {
    background: #dfedd4
}

table.chart th.fmsa {
    background: #b1dd8b;
    background: -webkit-gradient(linear, left top, left bottom, from(#b1dd8b), to(#98bf79));
    background: -moz-linear-gradient(top, #b1dd8b, #98bf79)
}

table.chart td.fmsa {
    background: #b1dd8b
}

table.chart ul,
table.chart ol,
table.chart dl {
    padding: .5em 0 0
}

table.requirements thead {
    background-color: #eee;
    font-weight: bold
}

table.requirements th {
    width: 35%
}

table.requirements th,
table.requirements td {
    border: 1px solid #d3d3d3
}

.entry-content .table th {
    background-color: #efefef;
}

.entry-content .table th,
.entry-content .table td {
    border: 1px solid #ddd;
}

/* プラン比較のページのロゴに利用 */

.fmpress-logo-for-planlist img {
    width: 180px;
    margin-bottom: 30px;
}

.fmpress-logo-for-planlist-fmpress-cloud {
    width: 180px;
    background-image: url(/images/fmpress-cloud-logo.svg);
    background-repeat: no-repeat;
    background-size: 180px;
    background-position: center;
}

.fmpress-logo-for-planlist-fmpress {
    width: 180px;
    background-image: url(/images/fmpress-logo.svg);
    background-repeat: no-repeat;
    background-size: 180px;
    background-position: center 32px;
}

/* 接続互換表 */

td.supported {
    background-color: #e3fde8;
}

td.unsupported {
    background-color: #fde3e3;
}

.icon-checked {
    background-image: url(/images/checked.svg);
    background-size: 21px;
    background-repeat: no-repeat;
    background-position: center center;
    width: 21px;
    height: 21px;
    display: inline-block;
}

.icon-error {
    background-image: url(/images/error.svg);
    background-size: 21px;
    background-repeat: no-repeat;
    background-position: center center;
    width: 21px;
    height: 21px;
    display: inline-block;
}

li .icon-checked,
li .icon-error {
    vertical-align: sub;
}

/* テーブル（ドメインサービス）
-----------------------------------------------------------------*/

.domain-service-top {
    border: 0 none;
    text-align: left
}

.domain-service-top th {
    padding: 0.5em 1em;
    width: 33.33%;
    color: #fff
}

.domain-service-top ul {
    margin: 0;
    padding: 0
}

.domain-service-top td {
    color: #333;
    padding: 1em;
    text-align: left;
    font-size: 1.8rem;
}

.domain-service-top th.jp-domain {
    background-color: #cf1f01;
    border-right: 2px solid #fff
}

.domain-service-top th.gltd-domain {
    border-right: 2px solid #fff;
    background-color: #00b559
}

.domain-service-top th.dbsv-domain {
    background-color: #007bc7
}

.domain-service-top td.jp-domain {
    background-color: #f5e1dd;
    border-right: 2px solid #fff;
    border-bottom: 3px solid #cf1f01
}

.domain-service-top td.gltd-domain {
    background-color: #c7e7d5;
    border-right: 2px solid #fff;
    border-bottom: 3px solid #00b559
}

.domain-service-top td.dbsv-domain {
    background-color: #c9e9f1;
    border-bottom: 3px solid #007bc7
}

.domain-service-top th ul li {
    list-style-position: inside;
    list-style-type: none;
}

.domain-service-top th ul li {
    margin: 0.2em 0;
    padding: 0;
}

/* リスト
-----------------------------------------------------------------*/

.entry-content ul li {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 1em;
}

.entry-content ul.no-disc li {
    list-style-type: none;
    margin-left: 0;
}

/* DLリスト（水平）
-----------------------------------------------------------------*/

dl.dl-horizontal dt {
    clear: both;
    float: left;
}

dl.dl-horizontal dt:after {
    content: "：";
    padding: 0 0.3em;
}

/* ボタン
-----------------------------------------------------------------*/

.button {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1em auto;
    padding: .5em 1em;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    text-shadow: 0 1px 1px #27849f
}

.button:hover {
    text-decoration: none;
    opacity: .8
}

.button-blue {
    background-color: #0091db;
    border: 0 none;
    color: #fff;
}

.button-blue:hover,
.button-blue:visited {
    color: #fff;
}

.full-width-content .entry-content .button {
    width: 50%;
}

/* サイドバー
-----------------------------------------------------------------*/

.sidebar .alignright {
    float: right;
    margin: 0 0 10px 10px;
}

.sidebar img {
    width: 100%;
}

.sidebar h4 {
    margin: 1.5em 0 1em;
    font-size: 2.1rem;
    line-height: 1.2;
    font-weight: 300;
}

.sidebar h4:first-child {
    margin-top: 0;
}

.sidebar p {
    margin: 0.5em 0;
    font-size: 1.5rem;
    line-height: 1.5;
}

.sidebar ul li,
.sidebar ol li {
    list-style-position: outside;
    padding: 0;
    margin: 0 0 0.5em 1em;
    font-size: 1.6rem;
    line-height: 1.6;
}

.sidebar ol li {
    list-style-type: decimal;
}

.sidebar-box,
.emic-sidebar-box {
    margin-bottom: 2em;
    padding-bottom: 1.5em;
    border-bottom: 1px dotted #ddd
}

.sidebar-box:last-child,
.emic-sidebar-box:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0 none
}

/* アーカイブページ等
-----------------------------------------------------------------*/

.error404 h2,
.archive h2,
.page-template-page_archive h2,
.search-results h2 {
    font-size: 2.8rem;
    line-height: 1.3;
    padding: 0;
    margin: 0 0 0.5em;
}

.archive p,
.page-template-page_archive p,
.search-results p,
    {
    font-size: 1.8rem;
    line-height: 1.6;
    padding: 0.5em 0;
    margin: 0;
}

.archive .post-info,
.page-template-page_archive .post-info,
.search-results .post-info {
    clear: both;
    font-size: 1.6rem;
    line-height: 1.3;
    padding: 0;
    margin: 1em 0 0.3em;
}

.archive .post-meta,
.page-template-page_archive .post-meta,
.search-results .post-meta {
    clear: both;
    font-size: 1.6rem;
    line-height: 1.3;
    padding: 0;
    margin: 1em 0 0.3em;
}

.archive .post,
.page-template-page_archive .post,
.search-results .post {
    margin: 0 0 3em;
    padding: 0 0 3em;
    border-bottom: 1px dotted #ddd;
}

/* 自作テンプレートでないアーカイブーページ */

.archive .entry-content {
    margin: 0 0 25px;
}

.archive .post-meta {
    margin: 0;
}

/* ブログアーカイブページ（自作テンプレート利用）
-----------------------------------------------------------------*/

.page-template-page_archive .title-image {
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.page-template-page_archive .post-meta {
    margin: 0;
}

.page-template-page_archive .entry-content .entry-image-link {
    margin-right: 20px;
    float: left;
}

.page-template-page_archive .post .entry-title {
    clear: both;
}

/* タグアーカイブページ（自作テンプレート利用）
-----------------------------------------------------------------*/

.tag .entry-content .entry-image-link {
    margin-right: 20px;
    float: left;
}

/* コーポレートページ（自作テンプレート利用）
-----------------------------------------------------------------*/

.page-template-page_corporate .title-image {
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

/* 検索結果（search-results）
-----------------------------------------------------------------*/

body.search-results .middle-nav {
    display: none;
}

/* Form
-----------------------------------------------------------------*/

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    -moz-transition: border .2s linear 0s, box-shadow .2s linear 0s;
    border: 1px solid #ccc;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset
}

input.search-input {
    border: 0 none;
    box-shadow: none;
}

/* プレイスホルダー */

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    padding: 3px;
    font-size: 14px;
    color: #757575
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    padding: 3px;
    font-size: 14px;
    color: #757575
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    padding: 3px;
    font-size: 14px;
    color: #757575
}

/* ページネーション（Pagination）
-----------------------------------------------------------------*/

.pagination {
    text-align: center;
}

.pagination li {
    display: inline-block;
    padding-bottom: 0;
}

.pagination li a:hover,
.pagination li.active a {
    background-color: #fff;
}

.pagination li a,
.pagination li.disabled,
.pagination li a:hover,
.pagination li.active a {
    display: inline-block;
    padding: 6px 13px;
    border: 1px solid #ddd;
    color: #333;
    font-size: 16px;
    font-weight: normal;
    border-radius: 0;
}

.pagination li a {
    background-color: #fff;
}

.pagination li.active a,
.pagination li a:hover {
    background-color: #efefef;
}

/* ページトップへのリンク
-----------------------------------------------------------------*/

.goto-top,
.goto-top-triangle {
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 70px;
    height: 70px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
    transform: translate3d(0, 0, 0);
}

.goto-top {
    background-color: #fff;
    border-radius: 37.5px;
    /*opacity: 0.85;*/
    z-index: 3;
}

.goto-top,
.goto-top:hover {
    color: transparent;
    text-decoration: none
}

.goto-top-triangle {
    background-image: url(/images/20180618-goto-top.svg);
    background-repeat: no-repeat;
    background-position: center 22px;
    background-color: transparent;
    background-size: 55%;
    /*opacity: 1;*/
    z-index: 4;
}

.goto-top.fadein {
    opacity: 0.85;
}

.goto-top-triangle.fadein {
    opacity: 1;
}

/* ダッシュアイコン（Dashicons）
-----------------------------------------------------------------*/

.dash-icon-twitter:before {
    font-family: "dashicons";
    font-size: 12px;
    content: "\f301";
    margin-right: 3px;
}

.entry-content h3 .dashicons,
.entry-content h3 .dashicons-before:before {
    display: inline-block;
    width: 24px;
    height: 24px;
    font-size: 24px;
    line-height: 1;
    font-family: dashicons;
    text-decoration: inherit;
    font-weight: 400;
    font-style: normal;
    vertical-align: top;
    text-align: center;
    -webkit-transition: color .1s ease-in 0;
    transition: color .1s ease-in 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* support.emic.co.jp
-----------------------------------------------------------------*/

.page-support .timestamp {
    line-height: 1.3;
    font-size: 1.6rem;
}

.page-support .emic-title-area {
    height: auto;
    min-height: 250px;
    padding-bottom: 0;
}

.page-support .box p {
    font-size: 1.8rem;
}

/* Mega menu
-----------------------------------------------------------------*/

.emic-mega-menu-wrapper {
    display: none;
    position: fixed;
    top: 40px;
    left: 0;
    z-index: 10;
    opacity: 0;
}

.emic-mega-menu-wrapper-show {
    display: block;
    opacity: 1;
}

.emic-mega-menu {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 50px 20px 40px;
    width: 100%;
    height: auto;
    background-color: #0091db;
    box-shadow: 0px 5px 10px -3px rgba(0, 0, 0, 0.3);
    z-index: 5;
}

.emic-mega-menu-close-button-wrapper {
    position: fixed;
    top: 41px;
    left: 0;
    width: 100%;
    height: 50px;
    margin: 0 auto;
    z-index: 6;
}

.emic-mega-menu-close-button {
    position: absolute;
    cursor: pointer;
    top: 6px;
    right: 26px;
    background: url(/css/close.svg) no-repeat;
    font-size: 24px;
    height: 40px;
    width: 40px;
    margin: auto;
    text-align: center;
    color: #fff;
    display: inline-block;
    border-radius: 20px;
    background-size: 18px 18px;
    background-position: 11px 11px;
    z-index: 4;
}

a.emic-mega-menu-item-link {
    text-decoration: none;
}

.emic-mega-menu nav {
    width: 100%;
    height: 100%;
}

.emic-mega-menu-title-wrapper {
    width: 185px;
    height: 100%;
    margin: 0;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    cursor: pointer;
}

.emic-mega-menu-wrapper {
    width: 100%;
    height: auto;
    /* display: flex; */
    margin: 0;
    padding: 0;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}

.emic-mega-menu-items-wrapper {
    width: 100%;
    display: flex;
    margin: 0;
    padding: 0;
    height: 100%;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}

.emic-mega-menu-item-wrapper {
    /* width: 185px; */
    width: 15.6%;
    height: 162.5px;
    margin: 0 0 10px 10px;
    border-radius: 5px;
    background-color: #fff;
}

.emic-mega-menu-item {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #fff;
    padding: 5px;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border: 5px solid #fff;
}

.emic-mega-menu-title-wrapper:hover,
.emic-mega-menu-item:hover {
    background-color: #0091db;
    border: 5px solid #fff;
    border-radius: 10px;
}

.emic-mega-menu-title-image-wrapper,
.emic-mega-menu-item-image-wrapper {
    height: 90px;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 5px 0;
}

.emic-mega-menu-title,
.emic-mega-menu-item-title {
    font-size: 1.6rem;
    text-align: center;
}

.emic-mega-menu-title-image,
.emic-mega-menu-item-image {
    width: inherit;
    height: inherit;
}

.emic-mega-menu-title-wrapper:hover .emic-mega-menu-title-image,
.emic-mega-menu-item-link:hover .emic-mega-menu-item-image {
    filter: brightness(0) invert(1);
}

.emic-mega-menu-title,
.emic-mega-menu-item-title {
    color: #0091db;
}

.emic-mega-menu-title-wrapper:hover .emic-mega-menu-title,
.emic-mega-menu-item-link:hover .emic-mega-menu-item-title {
    color: #fff;
}

/* FileMaker ロゴ
-----------------------------------------------------------------*/

.filemaker_logo_area {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    height: 66.66px;
    margin: 0;
    padding: 0;
}

.filemaker_logo_area img {
    width: auto;
    height: inherit;
}

/* レスポンシブ（Responsive）
-----------------------------------------------------------------*/

@media only screen and (max-width: 1175px) {
    .site-header {
        padding: 13.5px 20px;
        width: 100%;
    }
    .breadcrumb {
        padding: 20px;
        width: 100%;
    }
    .emic-title-area {
        /*padding: 0;*/
        width: calc(100% - 80px);
    }
    .site-container {
        margin: 40px auto;
        padding: 0 40px;
        width: 100%;
    }
}

@media only screen and (max-width: 1024px) {

    .emic-global-nav {
        width: 1024px;
    }

    /* Megamenu */
    .emic-mega-menu-item-wrapper {
        width: 23.5%;
    }

    /* .contentを全幅に変更 */
    .content-sidebar-wrap {
        display: block;
    }
    .content {
        width: 100%;
        padding-bottom: 0em;
    }
    .sidebar {
        width: 100%;
        border-top: 1px dotted #ddd;
        margin: 3em 0 0;
        padding-top: 3em;
    }
    .home .site-container {
        margin: 40px auto;
        padding: 0 40px;
        width: 100%;
    }
}

@media only screen and (max-width: 920px) {

    /* Gナビの検索窓を消す */
    .emic-global-nav .emic-global-nav-search-form-wrap {
        display: none;
    }

    /*看板画像を非表示*/
    .emic-title-area {
        background-image: none !important;
        padding: 0 20px 20px;
        width: 100%;
    }
}

@media only screen and (max-width: 800px) {

    /* Megamenu */
    .emic-mega-menu {
        display: none !important;
    }

    .home .site-header {
        display: block;
    }

    /*.site-headerを固定*/
    .site-header {
        position: fixed;
        top: 0;
        left: 0;
        height: 56px;
        margin-top: 0;
        padding: 0;
    }

    .emic-homepage-section {
        margin-top: 56px;
    }

    .emic-unit-image {
        width: 100%;
        height: auto;
    }

    .breadcrumb {
        margin-top: 56px;
    }

    /*ヘッダーのロゴ*/
    .title-area {
        width: 100%;
        background-image: url("/images/emic-logo.svg");
        background-position: center !important;
        background-size: auto 36px;
    }

    /*ヘッダーのロゴ*/
    .title-area {
        width: 100%;
        background-image: url("/images/emic-logo.svg");
        background-position: center !important;
        background-size: auto 36px;
    }
    body.page-support .title-area,
    body.memberlogin .title-area,
    body.page-template-page_hosting .title-area,
    body.category-hosting .title-area,
    body.page-template-page_hosting .title-area,
    body.category-news .title-area,
    body.page-id-7580 .title-area {
        background-size: auto 32px;
    }

    /* グローバルナビを消す。ヘッダーはロゴとハンバーガーのみ表示 */
    .emic-global-nav,
    .emic-local-nav,
    .widget-area.header-widget-area {
        display: none;
    }
    .title-area {
        width: 100% !important;
        background-position: center !important;
    }
    #mobileMenuIcon {
        display: block
    }
    .before-site-footer .service,
    .before-site-footer .media,
    .before-site-footer .corporate {
        display: none;
    }
    /* ホーム記事ブロックを全幅に変更 */
    .home-widget-areas {
        display: block;
    }
    .home-widget-area {
        margin-bottom: 2em;
        padding: 0;
        width: 100%;
    }
    /* support.emic.co.jp */
    .page-support .emic-title-area {
        margin-top: 100px;
    }
    /* マルチカラム */
    .entry-content .emic-multiple-column .section {
        margin: 1.6%;
        flex-basis: 46%;
    }
    .filemaker_logo_area {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 240px;
    }
    .filemaker_logo_area .filemaker_certified_logo {
        height: auto;
        width: 445px;
        max-width: 300px;
        padding-bottom: 40px;
    }
    .filemaker_logo_area .filemaker_business_alliance_logo {
        height: auto;
        width: 326px;
        max-width: 300px;
    }

    /* 2カラム */

    .entry-content .emic-two-columns {
        flex-direction: column;
    }

    /* 1カラム */

    .single_column {
        display: flex;
        flex-direction: column;
    }

    .single_column-left img {
        width: 200px;
    }

    .single_column-left,
    .single_column-right {
        width: 100%;
    }

    /* マルチカラム */
    .entry-content .emic-multiple-column {
        justify-content: center;
    }
    .entry-content .emic-multiple-column .section {
        margin: 1.6% 1.6% 10%;
        flex-basis: 95%;
    }
    .entry-content .emic-multiple-column .section h2 {
        margin: 0.5em 0 0.5em;
    }
    .entry-content .image-wrapper {
        margin-bottom: 36px;
    }

    /* ボタン */
    .full-width-content .entry-content .button {
        width: 80%;
    }

}

@media only screen and (max-width:480px) {

    .emic-hero-position-logo-image-fmpress17-with-20th-anniversary {
        background-image: url(/images/fmpress17-logo-with-20th-anniversary.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 300px auto;
    }

    .mobile-menu-icon-wrap {
        height: 56px;
    }

    .emic-hero-position-logo-image-fmpress17 {
        background-image: url(/images/fmpress17-logo.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 250px auto;
    }

    .emic-homepage-section-item {
        height: 493px;
    }

    .emic-home-notify {
        height: 50px;
        margin: 0;
        padding: 0;
    }

    .emic-home-notify p {
        margin: 0;
        padding: 0;
        line-height: 50px;
        font-size: 1.6rem;
}

    .emic-hero-position-logo-image-publisher {
        background-image: url(/images/publisher-logo-bg-white.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 200px auto;
    }

    .emic-hero-position-excerpt {
        margin: 10px 0;
        font-size: 1.6rem;
        line-height: 1.4;
    }

    .emic-unit-copy-wrapper {
        width: 100%;
        margin: 20px 0 0;
        text-align: center;
    }

    .breadcrumb {
        display: none;
    }

    /*サイトコンテナー*/
    .home .site-container {
        margin: 40px auto;
        padding: 0 20px;
        width: 100%;
    }
    .site-container {
        margin: 40px auto;
        padding: 0 20px;
        width: 100%;
    }
    .error404 .site-container,
    .single .site-container {
        margin: 97px auto;
        padding: 0 20px;
        width: 100%;
    }

    /*タイトルの調整*/
    .emic-title-area {
        margin-top: 73px;
        padding: 30px 20px;
        width: 100%;
        height: auto;
    }
    .emic-title-area-subtitle {
        font-size: 1.6rem;
        letter-spacing: -0.02em;
        line-height: 1.3;
        padding: 0 0 0.5em;
    }
    .emic-title-area-subtitle small {
        font-size: 1.2rem;
    }
    .emic-title-area-maintitle {
        font-size: 2.8rem;
        padding: 0 0 0.5em;
    }
    .emic-title-area-excerpt {
        font-size: 1.6rem;
        letter-spacing: -0.02em;
        line-height: 1.3;
        padding: 0.5em 0;
    }
    /*ロゴなどのタイトル画像の調整*/
    .maintitle-image-fmpress {
        height: 50px;
        background-size: 220px;
    }
    .subtitle-image-fmpress {
        margin-top: 0.45em;
        height: 30px;
        background-size: 120px;
    }
    .maintitle-image-fmpress16 {
        height: 40px;
        background-size: 220px;
    }
    .subtitle-image-fmpress16 {
        margin-top: 0.45em;
        height: 30px;
        background-size: 120px;
    }
    .maintitle-image-publisher {
        height: 55px;
        background-size: 220px;
    }
    .subtitle-image-publisher {
        margin-top: 0.45em;
        height: 35px;
        background-size: 120px;
    }
    /* ミドルナビの調整 */
    .middle-nav+.content {
        margin-top: 1em;
    }
    ul.middle-nav {
        position: relative;
        display: block;
        width: inherit;
        height: auto;
        background-color: #fff;
        margin: 1em 0;
        padding: 0
    }
    ul.middle-nav li {
        padding: 0;
        list-style: none outside none
    }
    ul.middle-nav li.current_page_item a {
        padding: 6px 11px 4px;
        border-radius: 0;
    }
    ul.middle-nav>li>a {
        border: 1px solid #e5e5e5;
        display: block;
        margin: 0 0 -1px;
        padding: 6px 11px 4px;
        font-weight: bold
    }
    ul.middle-nav>li.current_page_item>a {
        background-color: #2d92a7;
        color: #fff
    }
    ul.middle-nav>li.current_page_item>a:hover {
        text-decoration: none
    }
    #menu-top_menu,
    .middle-nav {
        display: none
    }
    /* 本文エリア */
    .single-post .entry-title {
        font-weight: normal;
    }
    .entry-content h2 {
        font-size: 2.4rem;
        margin: 1.5em 0 1em;
        line-height: 1.2;
        letter-spacing: -0.02em;
        font-weight: normal;
    }
    .goto-top,
    .goto-top-triangle {
        bottom: 10px;
        right: 10px;
    }
    /*サイドバー*/
    .sidebar h4 {
        font-weight: normal;
    }
    /*アーカイブページ*/
    .entry-content .entry-image-link .alignleft {
        float: none;
        padding: 0;
    }
    .tag .entry-content .entry-image-link,
    .page-template-page_archive .entry-content .entry-image-link {
        margin: 0;
        padding: 1em 0;
        float: none;
    }
    .entry-image-link {
        width: 100%;
        margin: 0 auto;
        /* float: none; */
        display: inline-block;
        text-align: center;
    }
    /* support.emic.co.jp */
    .page-support .emic-title-area {
        padding-bottom: 30px;
    }
    /* 画像の横幅を100%に */
    .sp-image-wrapper {
        width: 100% !important;
    }
}

/* iPhone6 */

@media only screen and (max-width: 375px) {
    .emic-title-area-subtitle {
        font-size: 1.5rem;
        letter-spacing: -0.02em;
        line-height: 1.3;
        padding: 0 0 0.5em;
    }
    .emic-title-area-subtitle small {
        font-size: 1.2rem;
    }
    .emic-title-area-maintitle {
        font-size: 2.8rem;
        padding: 0 0 0.5em;
    }
    .emic-title-area-excerpt {
        font-size: 1.5rem;
        letter-spacing: -0.02em;
        line-height: 1.3;
        padding: 0.5em 0;
    }
}

/* Nexus5 */

@media only screen and (max-width: 360px) {
    .emic-title-area-subtitle {
        font-size: 1.45rem;
        letter-spacing: -0.02em;
        line-height: 1.3;
        padding: 0 0 0.5em;
    }
    .emic-title-area-excerpt {
        font-size: 1.45rem;
        letter-spacing: -0.04em;
        line-height: 1.3;
        padding: 0.5em 0;
    }
}

/* iPhone5s */

@media only screen and (max-width: 320px) {

    .emic-homepage-section-item {
        height: 390px;
    }

    .emic-home-notify {
        height: 50px;
        margin: 0;
        padding: 0;
    }

    .emic-home-notify p {
        margin: 0;
        padding: 0;
        line-height: 50px;
        font-size: 1.3rem;
    }

    .emic-hero-position-logo-image-fmpress17-with-20th-anniversary {
        background-image: url(/images/fmpress17-logo-with-20th-anniversary.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 260px auto;
    }

    .emic-hero-position-logo-image-publisher {
        background-image: url(/images/publisher-logo-bg-white.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 180px auto;
    }

    .emic-title-area-subtitle {
        font-size: 1.3rem;
        letter-spacing: -0.02em;
        line-height: 1.3;
        padding: 0 0 0.5em;
    }

    .emic-title-area-excerpt {
        font-size: 1.3rem;
        letter-spacing: -0.04em;
        line-height: 1.3;
        padding: 0.5em 0;
    }

    .emic-hero-position-excerpt {
        font-size: 1.4rem;
    }

}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.6.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,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)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,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)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}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)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}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)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}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)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}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)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}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)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}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)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{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)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}