/*-----------------------------------------------------
 768px未満のウィンドウ幅
 ------------------------------------------------------*/

@media only screen and (max-width: 767px) {
  /* ロゴ */
  .logo {
    min-width: none;
    margin-left: 1%;
  }

  /* ヘッダーのインナー */
  .header-inner {
    width: 100%;
  }

  /* ロゴ */
  .logo {
    width: 100%;
    text-align: center;
    padding: 5px 0 5px 0;
  }

  /* ナビゲーション */
  .p-nav {
    width: 67.08%;
    position: fixed;
    left: -67.08%;
    padding-top: 115px;
    background-color: #1D2087;
    opacity: .95;
    height: 100%;
    z-index: 1;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
  }

  /* ナビゲーションのリスト */
  .p-nav ul {
    display: block;
  }

  /* ナビゲーションの先頭の項目 */
  .p-nav ul:first-child {
    border-top: 1px solid #cccccc;
  }

  /* ナビゲーションの各項目 */
  .p-nav-item {
    color: #ffffff;
    border-bottom: 1px solid #cccccc;
  }

  .circle-humberger {
    display: block;
  }

  /* サークルハンバーガー */
  .circle-humberger img.element {
    background-color: #ffffff;
    border-radius: 50%;
    cursor: pointer;
    position: fixed;
    width: 50px;
    height: 50px;
    right: 14px;
    top: 12px;
    z-index: 10000;
    opacity: .9;
  }
}