@charset "utf-8";



/* gnavi

-------------------------------------------------- */

#gnavi {

  overflow: hidden;

}



/* PC gnav

-------------------------------------------------- */

@media only screen and (min-width: 980px) {

  #gnavi {

    display: flex;

    align-items: center;

    max-width: 1280px;

    height: 48px;

    padding: 0 20px 0 20px;

    margin: auto;

    box-sizing: border-box;

  }

  .sp-gnavi-search {

    display: none;

  }

  .sp-gnavi-language-selector {

    display: none;

  }

  .gnavi-first-list {

    width: 100%;

    height: 100%;

    display: flex;

    list-style: none;

  }

  .gnavi-first-list > li {

    height: 100%;

    margin-right: 36px;

  }

  .gnavi-first-list > li:last-of-type {

    margin-right: 0;

  }

  .gnavi-first-list > li > a {

    position: relative;

    width: 100%;

    height: 100%;

    text-decoration: none;

    display: block;

  }

  .gnavi-first-list > li > a span {

    padding-bottom: 4px;

  }

}







/* SP gnav

-------------------------------------------------- */

@media only screen and (max-width: 979px) {

  #gnavi {

    position: absolute;

    top: 100%;

    left: 0;

    display: none;

    width: 100%;

    margin-top: 1px;

  }

  #gnavi.is-open {

    display: block;

  }



  /* hamburger button */

  #header #header-corporation .inner .spBtn {

    display: block;

    width: 40px;

    height: 30px;

    background-image: url(/ag_common/img/sp_btn_menu.png);

    background-repeat: no-repeat;

    background-position: center center;

    background-size: contain;

    margin-right: 8px;

    cursor: pointer;

  }

  #header #header-corporation .inner .spBtn.is-open {

    background-image: url(/ag_common/img/sp_btn_menu-close.png);

  }



  /* search */

  .sp-gnavi-search {

    border-bottom: 1px solid #e3e3e3;

  }

  .sp-gnavi-search form input[type="text"] {

    display: block;

    width: 100%;

    height: 54px;

    padding: 15px 40px 15px 15px;

    background-color: #fff;

    box-sizing: border-box;

    border: 0;

    border-radius: 0;

  }

  .sp-gnavi-search form input[type="image"] {

    position: absolute;

    top: 17px;

    right: 10px;

  }



  /* language */

  .sp-gnavi-language-selector {

    background-color: #fff;

    border-bottom: 1px solid #e3e3e3;

  }

  .sp-gnavi-language-selector li a {

    padding: 15px 10px 15px 15px;

    font-size: 1.6rem;

  }

  .sp-gnavi-language-selector li a:hover {

    color: #000;

    text-decoration: none;

  }

  .sp-gnavi-language-selector > li {

    border-bottom: 1px solid #e3e3e3;

  }

  .sp-gnavi-language-selector > li:last-child {

    border-bottom: 0;

  }

  .sp-gnavi-language-selector > li:not(.is-parent) > a span {

    display: block;

    padding-left: 15px;

    background-image: url(/ag_common/img/icon-arrow-link.png);

    background-repeat: no-repeat;

    background-position: left center;

  }

  .sp-gnavi-language-selector > li.is-parent > a span {

    display: block;

    padding-right: 20px;

    background-image: url(/ag_common/img/icon-arrow-down.png);

    background-repeat: no-repeat;

    background-position: right center;

    background-size: 10px auto;

  }

  .sp-gnavi-language-selector > li.is-parent > a + ul {

    display: none;

    border-top: 1px solid #e3e3e3;

    text-align: center;

  }

  .sp-gnavi-language-selector > li.is-parent > a.is-open > a span {

    background-image: url(/ag_common/img/icon-arrow-up.png);

  }



  /* first list */

  .gnavi-first-list > li {

    border-bottom: 1px solid #e3e3e3;

  }

  .gnavi-first-list > li > a {

    padding: 15px 12px 15px 15px;

    font-size: 1.6rem;

    background-color: #f3f3f3;

    box-sizing: border-box;

  }

  .gnavi-first-list > li > a:hover {

    text-decoration: none;

    color: #000;

  }

  .gnavi-first-list > li > a span {

    display: block;

    padding-right: 20px;

    background-image: url(/ag_common/img/icon-arrow-link-l.png);

    background-repeat: no-repeat;

    background-position: right center;

    background-size: 6px auto;

  }

  .gnavi-first-list > li.is-parent > a {

    padding-right: 10px;

  }

  .gnavi-first-list > li.is-parent > a span {

    display: block;

    padding-right: 20px;

    background-image: url(/ag_common/img/icon-arrow-down.png);

    background-repeat: no-repeat;

    background-position: right center;

    background-size: 10px auto;

  }

  .gnavi-first-list > li.is-parent > a.is-open span {

    background-image: url(/ag_common/img/icon-arrow-up.png);

  }

}