/* 親メニュー - Parent nav */

nav>ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 19px;
}

nav>ul li {
    position: relative;
}

.menu-item-has-children {
    width: 340px;
    text-align: center;
    background-color: #F0F3F5;
    border-radius: 8px;
    box-shadow: 0px 3px 0px 0px #E3E3E4;
}

nav a {
    color: #222;
    text-decoration: none;
}

nav ul a:hover {
    color: #222;
}

#nav06,
#nav01,
#nav02,
#nav03,
#nav04,
#nav05 {
    display: block;
    padding-top: 115px;
    padding-bottom: 7px;
    background-repeat: no-repeat;
    background-position: center 2px;
    /*  */
    border: solid 2px #FFF;
    border-radius: 8px;
}


li.menu-item-has-children:nth-child(1) {
    background: url(/img/tsunan/bg_gnavi.png) repeat-x bottom, url(/img/tsunan/nav_bg01.jpg) repeat-y top/cover;
}

li.menu-item-has-children:nth-child(2) {
    background: url(/img/tsunan/bg_gnavi.png) repeat-x bottom, url(/img/tsunan/nav_bg02.jpg) repeat-y top/cover;
}

li.menu-item-has-children:nth-child(3) {
    background: url(/img/tsunan/bg_gnavi.png) repeat-x bottom, url(/img/tsunan/nav_bg03.jpg) repeat-y top/cover;
}

li.menu-item-has-children:nth-child(4) {
    background: url(/img/tsunan/bg_gnavi.png) repeat-x bottom, url(/img/tsunan/nav_bg04.jpg) repeat-y top/cover;
}

li.menu-item-has-children:nth-child(5) {
    background: url(/img/tsunan/bg_gnavi.png) repeat-x bottom, url(/img/tsunan/nav_bg05.jpg) repeat-y top/cover;
}

li.menu-item-has-children:nth-child(6) {
    background: url(/img/tsunan/bg_gnavi.png) repeat-x bottom, url(/img/tsunan/nav_bg06.jpg) repeat-y top/cover;
}


li.menu-item-has-children>a:hover {
    /* background-color: #EBF5F4; */
}


/* 子メニュー - .sub-menu */

nav .sub-menu {
    position: absolute;
    width: 500px;
    background-color: #fff;
    /* top: 30px; */
    opacity: 0;
    visibility: hidden;
    transition: .5s;
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    border: solid 3px #9DCCC8;
}

nav .sub-menu li {
    width: 50%;
}

nav .sub-menu a {
    color: #222;
    padding: 8px 0px 7px 33px;
    width: 100%;
    display: block;
    box-sizing: border-box;
    background-image: url(/img/tsunan/arrow.png);
    background-repeat: no-repeat;
    background-position: 7px center;
    text-align: left;
}

nav .sub-menu a:hover {
    color: #222;
}

/* li.menu-item-has-children:nth-child(4)>ul:nth-child(2), */
li.menu-item-has-children:nth-child(3)>ul:nth-child(2) {
    right: 0;
}


/* ホバー＆フォーカスで子メニュー表示 */


/* Display sub menu by hover & focus */

nav .menu-item-has-children:hover ul,
nav .menu-item-has-children ul.focused {
    opacity: 1;
    visibility: visible;
    z-index: 999;
}

nav li.menu-item-has-children li a:hover,
nav li.menu-item-has-children li a:focus {
    background-color: #EBF5F4;
}