/* 共通項目 */
* {
    box-sizing: border-box;
  }
  
  a:hover {
    opacity: 0.8;
  }
  
  p {
    line-height: 1.7;
  }
  
  ul {
    list-style: none;
  }

  /*--------------------------------
	　色変数設定・font指定
--------------------------------*/

:root {
  --main-color: #b3a985;
  --textgray-color:#525252;
}
.wf-sawarabimincho { 
    font-family: "Sawarabi Mincho"; 
}
.gray{
  color:  var(--textgray-color);
}
  
  /* ベースレイアウト */
  header {
    margin: 40px auto;
    position: relative;
    padding: 0 4%;
  }
  
  @media screen and (max-width: 768px) {
    .container {
      margin: 0 auto 40px auto;
  
    }
  }
  
  /* グローバルメニュー */
  .global-nav {
    width: 45%;
    margin: 0;
    position: relative;
    font-size: .9rem;
  }
  
  .global-nav .nav-list {
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  .global-nav .nav-list .nav-item {
    flex: 1;
  }
  
  .global-nav .nav-list .nav-item a {
    /* border-right: 1px solid #ccc; */
    color: #333;
    display: block;
    padding: 0.6em 0.4em;
    text-align: center;
    text-decoration: none;
  }
  .global-nav .nav-list .nav-item_sub a{
    padding: 2em 2.65rem;
    display: block;
 } 

  .global-nav .nav-list .nav-item:last-child a {
    border-right: none;
  }
  
  /* サブナビゲーション */
  @media screen and (min-width: 768px) {
    .nav-list {
      position: relative;
    }
  
    .nav-item_sub {
      background: #fff;
      left: 0;
      margin: 0 calc(50% - 50vw);
      opacity: 0;
      position: absolute;
      top: 40px;
      transition: all 0.2s ease;
      visibility: hidden;
      width: 95vw;
      z-index: 100;
      padding: 40px 0;
    }
  
    .nav-item_sub .inner {
      display: flex;
      margin: 0 auto;
      width: 1200px;
    }
  
    .nav-item_sub .inner ul a {
      margin: 10px 10px 10px;
      /* width: 300px; */
      text-align: center;
      font-size: .8rem;
      border: .5px solid rgb(152, 152, 152);
      padding: 40px 0;
      display: block;
    }
    .nav-item_sub .inner ul a:hover {
      background-color: var(--main-color);
      transition: .8s;
      color: #fff;
 
    }
    .nav-item_sub .inner ul.long {
      width: 400px;

    }
    .nav-item{

    }
  
    .global-nav .nav-list .nav-item_sub a {
      text-align:center;
      
    }
    .nav-item:hover .nav-item_sub {
      opacity: 1;
      visibility: visible;
    }
  }
  
  /* SP時：ハンバーガーメニューボタン */
  .global-nav-icon {
    display: none;
  }
  
  @media screen and (max-width: 768px) {
    .global-nav-header {
      height: 50px;
    }
  
    .global-nav .nav-list {
      background: rgba(255, 255, 255, 1);
      display: none;
      left: 50%;
      padding: 10px;
      position: absolute;
      transform: translate(-50%, 0%);
      width: 100%;
      height: 80vh;
      z-index: 100;
    }
  
    .global-nav .nav-list .nav-item a {
      border-bottom: 1px solid #ccc;
      border-right: none;
      display: block;
      padding: 2rem 1rem;
      text-align: center;
    }
  
    .global-nav .nav-list .nav-item:last-child a {
      border-bottom: none;
    }
  
    .global-nav-icon {
      color: #999;
      cursor: pointer;
      display: inline-block;
      font-size: 28px;
      position: absolute;
      right: 7%;
      top: 10px;
      z-index: 2;
    }
  }
  
  @media screen and (max-width: 768px) {
    .nav-item_sub {
      display: none;
    }
  
    .global-nav {
      /* height: 100%; */
      left: 0;
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 100;
    }
  
    .nav-list {
      height: 100%;
      overflow: auto;
      -webkit-overflow-scrolling: touch;
    }
  }