/*
Theme Name: ja-toyamashi Child
Theme URI: 
Template: ja-toyamashi
Description: 
Author: 
Tags: 
Version: 0.6.0
*/

div.sec-area {
  display: grid;
  grid-template-columns: 4fr 1fr;
  margin-right: calc(50% - 45vw);
  margin-left: calc(50% - 45vw);

  /* grid-template-areas: "main side"; */
}

@media screen and (max-width: 767px) {
  div.sec-area {
    margin-right: auto;
    margin-left: auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  div.sec-area {
    grid-template-columns: 1fr;
  }
}

div.sec-area-sub {
  margin-left: 1em;
  padding-left: 1em;
  position: relative;
  z-index: 100;
}

@media screen and (max-width: 767px) {
  div.sec-area-sub {
    margin-left: 0;
    padding-left: 0;
    min-width: 0;
    width: 100%;
    border-top: 1px solid #000;
    padding: 1em 0;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  div.sec-area-sub {
    margin-left: 0;
    padding-left: 0;
    min-width: 0;
    width: 100%;
    border-top: 1px solid #000;
    padding: 1em 0;
  }
}

.sidebar-nav {
  position: fixed;
  list-style-type: disclosure-closed;
}

@media screen and (max-width: 767px) {
  .sidebar-nav {
    position: static;
    list-style-position: inside;
    list-style: none;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .sidebar-nav {
    position: static;
    list-style-position: inside;
  }
}

@media screen and (max-width: 767px) {
  .sidebar-nav > h5 {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .sidebar-nav > h5 {
    display: none;
  }
}

.sec-area-sub .sidebar-nav > li {
  margin: 0.5em 0;
  border-top: #000 1px dotted;
}

@media screen and (max-width: 767px) {
  .sec-area-sub .sidebar-nav > li {
    border: none;
    font-size: 14px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .sec-area-sub .sidebar-nav > li {
    border: none;
    font-size: 14px;
  }
}

.sidebar-nav > ul {
  padding-left: 20px;
  list-style-type: revert-layer;
}

@media screen and (max-width: 767px) {
  .sidebar-nav > ul {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .sidebar-nav > ul {
    display: none;
  }
}

.sidebar-nav > ul li {
  margin: 0.25em 0;
}

.sidebar-nav > ul > ul {
  padding-left: 20px;
  list-style-type: initial;
}

.sidebar-nav > ul > ul > li {
  margin: 0;
}

/*SPメニュー*/
.vk-mobile-nav nav ul li#menu-item-3219 {
  background: #ff8707;
}

.vk-mobile-nav nav ul li#menu-item-3219 a {
  color: #fff;
  font-weight: bold;
}