/* Clearfix Utility */
#message,
.schoolinfo-unit {
    display: inline-block;
}

#message:after,
.schoolinfo-unit:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

/* IE6 Specific */
* html #message,
* html .schoolinfo-unit {
    height: 1%;
}

#message,
.schoolinfo-unit {
    display: block;
}

/* Desktop Hover Effects */
@media (min-width: 768px) {
    .alphaover {
        transition: opacity .4s cubic-bezier(.25, .46, .45, .94);
        cursor: pointer;
    }

    .alphaover:hover {
        transition: opacity .2s cubic-bezier(.19, 1, .22, 1);
        opacity: .8;
    }
}

/* Typography - Base Font */
body,
.footinfo-getintouch .getintouch-link {
    font-family: a-otf-gothic-bbb-pr6n, "游ゴシック体", "Yu Gothic", YuGothic, 
                 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", 
                 "Hiragino Kaku Gothic Pro", sans-serif;
    font-weight: normal;
}

/* Typography - Kobe Font Elements */
.link-arrow,
.header-lang select,
.gnav,
.footer-social-title,
.footer-lang a,
.footer-copyright,
.main-caption,
.message-head,
.message-title,
.message-sign-note,
.works-title,
.works-lead,
.work-school,
.work-summary,
.work-comingsoon,
.schoolinfo-title,
.footinfo-title,
.loading-title,
#menu-btn,
.modal-close .label,
.modal-title,
.modal-name,
.modal-school,
.modal-video .playmark,
.modal-next .title,
.modal-next .next-work-title,
.modal-next .next-work-name,
.lang-en .modal-description {
    font-family: "Kobe", sans-serif;
}

/* Font Face Declarations */
@font-face {
    font-family: "Kobe";
    src: url("../fonts/Kobe1.1-Regular.eot");
    src: url("../fonts/Kobe1.1-Regular.woff2") format("woff2"),
         url("../fonts/Kobe1.1-Regular.woff") format("woff");
}

@font-face {
    font-family: "Kobe";
    font-weight: 700;
    src: url("../fonts/Kobe1.1-Bold.eot");
    src: url("../fonts/Kobe1.1-Bold.woff2") format("woff2"),
         url("../fonts/Kobe1.1-Bold.woff") format("woff");
}

/* Z-index */
#loading {
    z-index: 1000;
}