/*
Theme Name:OfficeMay
Template:massive_tcd084
Version:1.3.10
Author:Hockxy
Author URI:https://hockxy.co.jp/
*/

/* global nav */
@media (min-width: 1024px) {
    #menu_button { display: none; }
    #header { margin-left: auto; margin-right: auto; position: relative; width: 100%; max-width: initial; }
    #site_description.show_desc_pc { display: none; }
    .p-global-nav__container { margin-right: 40px; }
    .p-global-nav { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; }
    .p-global-nav a { display: block; }
    .p-global-nav li { position: relative; }
    .p-global-nav > li > a { display: block; font-size: 14px; font-weight: 400; height: 80px; line-height: 80px; overflow: hidden; text-align: center; padding: 0 13px; }
    .p-global-nav > li:hover, .p-global-nav > li.current-menu-item, .p-global-nav > li.is-active { z-index: 2; }
    .p-global-nav > li:hover > a, .p-global-nav > li.current-menu-item > a, .p-global-nav > li.is-active > a { color: #084f7d; }
    .p-global-nav > .menu-item-has-children > .sub-menu { top: 100%; left: -1px; }
    .p-global-nav .menu-item-has-children:hover > .sub-menu { opacity: 1; visibility: visible; z-index: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    .p-global-nav .sub-menu { background: #000; line-height: 1.31; visibility: hidden; opacity: 0; position: absolute; top: 0; left: 100%; z-index: 1; -webkit-transform: translate3d(0, -5px, 0); -moz-transform: translate3d(0, -5px, 0); -ms-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
    .p-global-nav .sub-menu a { min-height: 50px; padding: 15.5px 20px; width: 210px; }
    .p-global-nav .sub-menu .current-menu-item > a { background: #000; color: #fff; }
    .p-global-nav .sub-menu a:hover { background: #084f7d; color: #fff; }
    .p-global-nav .sub-menu .menu-item-has-children > a { position: relative; }
    .p-global-nav .sub-menu .menu-item-has-children > a::after { content: "\e910"; position: absolute; right: 16px; transition: none; }
}

.p-global-nav > li > a { padding: 0 20px; }
@media (max-width: 1350px) {
    .p-global-nav > li > a { padding: 0 15px; }
}
@media (max-width: 1300px) {
    .p-global-nav > li > a { padding: 0 13px; }
}
@media (min-width: 1024px) {
	#header { height: initial !important; }
}
@media (max-width: 1023px) {
    #menu_button { display: block; }
    .p-global-nav__container { display: none; }
	#header { height: 60px; }
}