/*
 * jQuery Box Lid Plugin v0.1
 * //github.com/jimjh/box-lid
 *
 * Copyright 2013 Jiunn Haur Lim
 * Released under the MIT License
 */

.box-lid-menu nav {
    margin-top: 100px;
}
.box-lid-menu nav a {
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    -o-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    text-decoration: none;
}
.globalnav > div:not(.tel) {
    width: 340px;
    overflow-y: auto;
    height: calc(100% - 230px);
    max-height: 510px;
    min-height: 40px;
    padding-right: 20px;
    margin-bottom: 10px;
}

@media (max-width: 640px) {
.globalnav > div:not(.tel) {
    margin-bottom: 10px;
}
}
.globalnav .gnav {
    margin-bottom: 10px;
}
.globalnav .gnav li {
    padding: 15px 0px;
    display: inline-block;
    border-bottom: 1px solid #e6e6e6;
    opacity: 0;
}

.globalnav .gnav li.top {
    padding: 15px 0px 0px 0px;
	border:none !important;
}

.globalnav .gnav li:last-child {
    margin-bottom: 0px;
}
.globalnav .gnav li a {
    font-size: 16px;
    color: #0d0d0d;
    font-style: italic;
    position: relative;
    display: inline-block;
}
.globalnav .gnav li a span {
    margin-left: 1em;
    font-style: italic;
    font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "Times New Roman", serif;
}
.globalnav > div > .gnav2 {
    display: none;
}
.globalnav .gnav2 {
    margin-bottom: 30px;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    display: -webkit-flex;
    -webkit-flex-flow: wrap;
    -webkit-justify-content: space-between;
    width: 340px;
}
.globalnav .gnav2 li {
    opacity: 0;
}
.globalnav .gnav2 li:nth-of-type(1), .globalnav .gnav2 li:nth-of-type(2) {
    width: 49%;
}
.globalnav .gnav2 li:nth-of-type(1) a, .globalnav .gnav2 li:nth-of-type(2) a {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    display: -webkit-flex;
    -webkit-flex-flow: wrap;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    width: 100%;
    height: 30px;
    font-size: 15px;
    color: #696868;
    background-color: #e6e6e7;
    letter-spacing: 0.3em;
    transition: 0.2s background-color ease-out;
    -webkit-transition: 0.2s background-color ease-out;
}
.globalnav .gnav2 li:nth-of-type(1) a:hover, .globalnav .gnav2 li:nth-of-type(2) a:hover {
    background-color: #c7c7c7;
}
.globalnav .gnav2 li:nth-of-type(3), .globalnav .gnav2 li:nth-of-type(4) {
    width: 49%;
    margin-top: 12px;
}
.globalnav .gnav2 li:nth-of-type(3) a {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    display: -webkit-flex;
    -webkit-flex-flow: wrap;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    width: 100%;
    height: 38px;
    font-size: 17px;
    color: #fff;
    background-color: #b3a787;
    letter-spacing: 0.3em;
    transition: 0.2s background-color ease-out;
    -webkit-transition: 0.2s background-color ease-out;
}
.globalnav .gnav2 li:nth-of-type(3) a:hover {
    background-color: #908466;
}
.globalnav .gnav2 li:nth-of-type(4) a {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    display: -webkit-flex;
    -webkit-flex-flow: wrap;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    width: 100%;
    height: 38px;
    font-size: 17px;
    color: #fff;
    background-color: #6f5f36;
    letter-spacing: 0.3em;
    transition: 0.2s background-color ease-out;
    -webkit-transition: 0.2s background-color ease-out;
}
.globalnav .gnav2 li:nth-of-type(4) a:hover {
    background-color: #463a1d;
}
.globalnav .gnav2 li a {
    cursor: pointer;
}
.globalnav .gnav2 li:nth-of-type(5) {
    display: none;
}
.globalnav .tel {
    width: 340px;
}
.globalnav .tel p {
    opacity: 0;
}
.globalnav .tel p.contact_txt {
    font-size: 14px;
    text-align: center;
}
.globalnav .tel p.contact_txt span {
    font-size: 14px;
    display: inline-block;
}
.globalnav .tel p.freedial, .globalnav .tel p.freedial a {
    font-size: 33px;
    font-family: "Times New Roman", serif;
    text-align: center;
    letter-spacing: 0em;
}
.globalnav .tel p.freedial::before {
    content: url(../images/common/freedial_icon.png);
    margin-right: 20px;
    position: relative;
    top: 2px;
}
.globalnav .tel p.time {
    font-size: 12px;
    text-align: center;
}
.globalnav .tel p.time span {
    font-size: 12px;
    display: inline-block;
}
.globalnav .gnav li:nth-of-type(1) {
    transition: 0.3s opacity ease-out 0.5s, 0.3s transform ease-out 0.5s;
    -webkit-transition: 0.3s opacity ease-out 0.5s, 0.3s transform ease-out 0.5s;
}
.globalnav .gnav li:nth-of-type(2) {
    transition: 0.3s opacity ease-out 0.55s, 0.3s transform ease-out 0.55s;
    -webkit-transition: 0.3s opacity ease-out 0.55s, 0.3s transform ease-out 0.55s;
}
.globalnav .gnav li:nth-of-type(3) {
    transition: 0.3s opacity ease-out 0.6s, 0.3s transform ease-out 0.6s;
    -webkit-transition: 0.3s opacity ease-out 0.6s, 0.3s transform ease-out 0.6s;
}
.globalnav .gnav li:nth-of-type(4) {
    transition: 0.3s opacity ease-out 0.65s, 0.3s transform ease-out 0.65s;
    -webkit-transition: 0.3s opacity ease-out 0.65s, 0.3s transform ease-out 0.65s;
}
.globalnav .gnav li:nth-of-type(5) {
    transition: 0.3s opacity ease-out 0.7s, 0.3s transform ease-out 0.7s;
    -webkit-transition: 0.3s opacity ease-out 0.7s, 0.3s transform ease-out 0.7s;
}
.globalnav .gnav li:nth-of-type(6) {
    transition: 0.3s opacity ease-out 0.75s, 0.3s transform ease-out 0.75s;
    -webkit-transition: 0.3s opacity ease-out 0.75s, 0.3s transform ease-out 0.75s;
}
.globalnav .gnav li:nth-of-type(7) {
    transition: 0.3s opacity ease-out 0.8s, 0.3s transform ease-out 0.8s;
    -webkit-transition: 0.3s opacity ease-out 0.8s, 0.3s transform ease-out 0.8s;
}
.globalnav .gnav li:nth-of-type(8) {
    transition: 0.3s opacity ease-out 0.85s, 0.3s transform ease-out 0.85s;
    -webkit-transition: 0.3s opacity ease-out 0.85s, 0.3s transform ease-out 0.85s;
}
.globalnav .gnav li:nth-of-type(9) {
    transition: 0.3s opacity ease-out 0.9s, 0.3s transform ease-out 0.9s;
    -webkit-transition: 0.3s opacity ease-out 0.9s, 0.3s transform ease-out 0.9s;
}
.globalnav .gnav2 li:nth-of-type(1) {
    transition: 0.3s opacity ease-out 0.9s, 0.3s transform ease-out 0.9s;
    -webkit-transition: 0.3s opacity ease-out 0.9s, 0.3s transform ease-out 0.9s;
}
.globalnav .gnav2 li:nth-of-type(2) {
    transition: 0.3s opacity ease-out 0.95s, 0.3s transform ease-out 0.95s;
    -webkit-transition: 0.3s opacity ease-out 0.95s, 0.3s transform ease-out 0.95s;
}
.globalnav .gnav2 li:nth-of-type(3) {
    transition: 0.3s opacity ease-out 1.00s, 0.3s transform ease-out 1.00s;
    -webkit-transition: 0.3s opacity ease-out 1.00s, 0.3s transform ease-out 1.00s;
}
.globalnav .gnav2 li:nth-of-type(4) {
    transition: 0.3s opacity ease-out 1.00s, 0.3s transform ease-out 1.00s;
    -webkit-transition: 0.3s opacity ease-out 1.00s, 0.3s transform ease-out 1.00s;
}
.globalnav .tel p.contact_txt {
    transition: 0.3s opacity ease-out 1.05s, 0.3s transform ease-out 1.05s;
    -webkit-transition: 0.3s opacity ease-out 1.05s, 0.3s transform ease-out 1.05s;
}
.globalnav .tel p.freedial {
    transition: 0.3s opacity ease-out 1.10s, 0.3s transform ease-out 1.10s;
    -webkit-transition: 0.3s opacity ease-out 1.10s, 0.3s transform ease-out 1.10s;
}
.globalnav .tel p.time {
    transition: 0.3s opacity ease-out 1.15s, 0.3s transform ease-out 1.15s;
    -webkit-transition: 0.3s opacity ease-out 1.15s, 0.3s transform ease-out 1.15s;
}
body.box-lid-open .globalnav .gnav li, body.box-lid-open .globalnav .gnav2 li, body.box-lid-open .globalnav .tel p {
    transform: rotateX(360deg);
    -webkit-transform: rotateX(360deg);
    opacity: 1;
}

@media (max-width: 860px) {
.globalnav > div:not(.tel) {
    width: 250px;
    max-height: 390px;
}
.globalnav .gnav li {
    padding: 10px 0;
}
.globalnav .gnav li a img {
    width: 85%;
}
.globalnav .tel {
    width: 280px;
}
.globalnav .tel p.freedial, .globalnav .tel p.freedial a {
    font-size: 28px;
}
.globalnav .tel p.freedial::before {
    margin-right: 10px;
}
.globalnav .tel p.time span {
    font-size: 12px;
    display: inline-block;
}
.globalnav .gnav2 {
    width: 280px;
}
}

@media (max-width: 480px) {
.globalnav > div:not(.tel) {
    width: 230px;
    max-height: 310px;
    height: calc(100% - 270px);
}
.globalnav .gnav {
    margin-bottom: 20px;
}
.globalnav .gnav li {
    padding: 5px 0;
}
.globalnav .gnav li a img {
    width: 72%;
}
.globalnav .gnav2 {
    margin-bottom: 5px;
}
.globalnav .tel .contact_txt {
    font-size: 12px !important;
}
.globalnav .tel p.freedial, .globalnav .tel p.freedial a {
    font-size: 24px;
}
.globalnav .tel p.freedial::before {
    margin-right: 10px;
}
.globalnav .tel p.time span {
    font-size: 12px;
    display: inline-block;
}
.globalnav .gnav2 {
    width: 220px;
}
.globalnav .tel {
    width: 220px;
}
}