@charset "utf-8";
@media screen and (max-width: 479px) {
    .gnav {
        display: none;
    }
}

/* 480px */
@media print, screen and (min-width: 480px) {
    .gnav {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 990;
        width: 100%;
        flex-basis: 100%;
        min-height: 1cm;
        height: 4rem;
        background: rgba(255, 255, 255, 0.95);
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.02), 0 2px 10px 0 rgba(0, 0, 0, 0.1);
        transition: top 0.4s ease;
        -webkit-backdrop-filter: blur(10px) saturate(100%);
        backdrop-filter: blur(10px) saturate(100%);
        display: flex !important;
        font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    }

    .gnav a {
        width: 100%;
        flex-basis: 100%;
    }

    .gnav-dropdown-grp,
    .gnav a {
        position: relative;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        margin: 0;
        padding: 0;
        color: #595959;
        text-align: center;
        text-decoration: none;
        font-weight: 400;
        font-size: 0.875rem;
        cursor: pointer;
        align-items: center;
        /*追加*/
        flex-grow: 7;
        justify-content: center;
        transition: 0.5s;
        width: 100%;
        flex-basis: 100%;
    }

    .gnav-dropdown-grp {
        border-right: 1px dotted #cfcfcf;
    }

    .gnav-dropdown-grp:first-child {
        border-left: 1px dotted #cfcfcf;
    }

    .gnav-dropdown {
        min-height: 1cm;
        height: 4rem;
        width: 100%;
        flex-basis: 100%;
    }

    .gnav-icon-canvas {
        display: flex;
        flex-direction: column;
        margin: 0 auto;
        margin-top: 0.5rem;
        min-width: 1cm;
        width: 100%;
        flex-basis: 100%;
        font-weight: bold;
        line-height: 2;
        min-height: 1cm;
        height: 4rem;
        color: #666;
        text-align: center;
        align-items: center;
        justify-content: center;
        padding: 3px 0;
    }

    .gnav-dropdown:link .gnav-icon-canvas [class^="icon-"],
    .gnav-dropdown:link .gnav-icon-s-title,
    .gnav-dropdown:visited .gnav-icon-canvas [class^="icon-"],
    .gnav-dropdown:visited .gnav-icon-s-title {
        color: #666;
    }

    .gnav-dropdown:hover .gnav-icon-canvas [class^="icon-"],
    .gnav-dropdown:hover .gnav-icon-s-title,
    .gnav-dropdown:active .gnav-icon-canvas [class^="icon-"],
    .gnav-dropdown:active .gnav-icon-s-title,
    .gnav-dropdown:focus .gnav-icon-canvas [class^="icon-"],
    .gnav-dropdown:focus .gnav-icon-s-title {
        color: #FFF;
    }

    #canvas01:link,
    #canvas01:visited,
    #canvas02:link,
    #canvas02:visited,
    #canvas03:link,
    #canvas03:visited,
    #canvas04:link,
    #canvas04:visited,
    #canvas05:link,
    #canvas05:visited,
    #canvas06:link,
    #canvas06:visited,
    #canvas07:link,
    #canvas07:visited {
        background-color: #fff;
    }

    #canvas01:hover,
    #canvas01:focus {
        /*background-color: #C6DDED;*/
        background-color: #1573B1;
    }

    #canvas01 .gnav-icon-canvas {
        border-top: 2px solid #1573B1;
    }

    #canvas01:hover .gnav-icon-canvas,
    #canvas01:focus .gnav-icon-canvas {
        border-top: none;
    }

    #canvas02:hover,
    #canvas02:focus {
        /*background-color: #E7C0C0;*/
        background-color: #990000;
        /*background-color: darkorange;*/
    }
    
    #canvas02 .gnav-icon-canvas {
        border-top: 2px solid #990000;
        /*border-top: 5px solid darkorange;*/
    }

    #canvas02:hover .gnav-icon-canvas,
    #canvas02:focus .gnav-icon-canvas {
        border-top: none;
    }

    /*#canvas03 {
        background-color: #43968e;
    }*/

    #canvas03:hover,
    #canvas03:focus {
        /*background-color: #DED4E8;*/
        background-color: #43968e;
    }

    #canvas03 .gnav-icon-canvas {
        border-top: 2px solid #43968e;
    }

    #canvas03:hover .gnav-icon-canvas,
    #canvas03:focus .gnav-icon-canvas {
        border-top: none;
    }

    /*#canvas04 {
        background-color: #dc1655;
    }*/

    #canvas04:hover,
    #canvas04:focus {
        /*background-color: #F7C6D6;*/
        background-color: #dc1655;
    }

    #canvas04 .gnav-icon-canvas {
        border-top: 2px solid #dc1655;
    }

    #canvas04:hover .gnav-icon-canvas,
    #canvas04:focus .gnav-icon-canvas {
        border-top: none;
    }

    /*#canvas05 {
        background-color: #22664F;
    }*/

    #canvas05:hover,
    #canvas05:focus {
        /*background-color: #C9DAD4;*/
        background-color: #22664F;
    }

    #canvas05 .gnav-icon-canvas {
        border-top: 2px solid #22664F;
    }

    #canvas05:hover .gnav-icon-canvas,
    #canvas05:focus .gnav-icon-canvas {
        border-top: none;
    }

    /*#canvas06 {
        background-color: #FFCB00;
    }*/

    #canvas06:hover,
    #canvas06:focus {
        /*background-color: #FFCB00;*/
        background-color: #FFCB00;
    }

    #canvas06 .gnav-icon-canvas {
        border-top: 2px solid #FFCB00;
    }

    #canvas06:hover .gnav-icon-canvas,
    #canvas06:focus .gnav-icon-canvas {
        border-top: none;
    }

    /*#canvas07 {
        background-color: #764E9E;
    }*/

    #canvas07:hover,
    #canvas07:focus {
        /*background-color: #DED4E8;*/
        background-color: #764E9E;
    }

    #canvas07 .gnav-icon-canvas {
        border-top: 2px solid #764E9E;
    }

    #canvas07:hover .gnav-icon-canvas,
    #canvas07:focus .gnav-icon-canvas {
        border-top: none;
    }

    .gnav-icon-canvas [class^="icon-"] {
        margin-bottom: 0.25rem;
    }

    .gnav-icon-m-title {
        display: none;
    }
}


/*640px*/

@media print, screen and (min-width: 40rem) {

    .gnav-icon-s-title {
        display: none !important;
    }

    .gnav-icon-m-title {
        display: flex;
        flex-direction: column;
        justify-content: center;
        color: #666;
        line-height: 1.25;
        width: 100%;
    }

    .gnav-dropdown:link .gnav-icon-m-title,
    .gnav-dropdown:visited .gnav-icon-m-title {
        color: #666;
    }

    .gnav-dropdown:hover .gnav-icon-m-title,
    .gnav-dropdown:active .gnav-icon-m-title,
    .gnav-dropdown:focus .gnav-icon-m-title {
        color: #FFF;
    }

    .gnav-more {
        position: fixed;
        top: 4rem;
        height: 100%;
        flex-direction: column;
        flex-direction: flex-start;
    }
}


/*(960px)*/

@media print, screen and (min-width: 60rem) {
    .gnav,
    .gnav a,
    .gnav-dropdown-grp,
    .gnav a,
    .gnav-more,
    .gnav-more a {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0;
        left: 0;
        right: 0;
    }
    .gnav {
        height: 4.5rem;
    }
}

@media print {
    .gnav {
        position: absolute;
        top: 0;
        left: 0;
    }

/* @webfont ----------------------------------------------------------- */
@font-face {
font-family:'icomoon';
src:url('../webfonts/icomoon.eot');
src:url('../webfonts/icomoon.eot?#iefix') format('embedded-opentype'),
url('../webfonts/icomoon.ttf') format('truetype'),
    url("../webfonts/icomoon.svg") format("svg");
font-weight:normal;
font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}