/*
** .header
*/

.header__inner {
  grid-template-columns: minmax(auto, 51.5rem) auto;
  grid-gap: 2.5rem 4.5rem;
  padding: 1.75rem 0 0;
}


/*
** .header__site-name
*/

.header__site-name {
  margin-left: 2.5rem;
}


/*
** .header__menu
*/

.header__menu {
  display: contents;
}


/*
** #menu-toggle
*/

#menu-toggle {
  display: none;
}


/*
** .header__drawer
*/

.header__drawer,
.header__drawer-inner {
  display: contents;
}

.header__drawer-nav {
  display: none;
}

.header__contacts {
  display: grid;
  grid-template-columns: max-content 22rem;
  grid-auto-rows: max-content;
  align-items: flex-end;
  grid-column-gap: 3rem;
  margin-right: 1.75rem;
}

.header__contacts-sns-list {
  display: grid;
  grid-template-columns: repeat(2, 2.5rem);
  grid-auto-rows: max-content;
  grid-column-gap: 3rem;
}

.header__contacts-sns-item a {
  width: 100%;
}

.header__contacts-inquiry {
  margin-bottom: 0;
}

.header__contacts-site-name {
  display: none;
}

/*
** .header__horizontal
*/

.header__horizontal {
  grid-column: 1/3;
  grid-row: 2/3;
  display: block;
}

.header__horizontal-nav {
  max-width: calc((var(--site-max-width) * 0.82));
  margin-left: auto;
  margin-right: auto;
}

.header__horizontal-menu {
  display: flex;
}

.header__horizontal-menu .menu-item {
  width: 100%;
}

@media screen and (max-width: 1200px) {
  .header__horizontal-menu .menu-item {
    width: auto;
    flex-grow: 1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
  }
}


.header__horizontal-menu .menu-item a {
  display: grid;
  grid-template-columns: max-content auto;
  grid-auto-rows: max-content;
  grid-column-gap: 0.5em;
  justify-content: center;
  align-items: center;
  column-gap: 0.75rem;
  border-bottom: 0.3rem solid transparent;
  padding-bottom: 0.75rem;
}

@media (hover: hover) and (pointer: fine) {
  .header__horizontal-menu .menu-item a:hover {
    border-color: var(--red);
  }
}