/* ヘッダーを上部に固定 */
.p-header {
  position: fixed;    /* 要素を画面上に固定 */
  top: 0;             /* 上端に配置 */
  left: 0;            /* 左端に配置 */
  width: 100%;        /* 画面幅いっぱいに広げる */
  z-index: 1000;      /* 他の要素より前に表示されるようにする */
  background-color: #fff; /* ヘッダーの背景色 */
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); /* 下に影を付ける（任意） */
}

/* 一番上のセクションにのみ50pxの上部余白を追加 */
.pera1-section.block:first-of-type {
    margin-top: 50px;
}


/* ヘッダーのロゴを大きく表示 */
.p-header__logo > img {
    max-height: 35px;
  }


/* スマホのナビゲーションのボタンの大きさ */
.p-btn_navigationToggle {
  display: block;
  position: absolute;
  top: 7px; /*  上の余白*/
  right: 1.3rem; /* 右の余白 */
  padding: 6px 6px; /* 枠とハンバーガーの余白 */
  border-radius: 5px; /* 丸み */
  background-color: #fff;
  cursor: pointer;
  border: 1px solid #ccc;
  color: #05161a;
}

/* PCでは非表示にする */
@media screen and (min-width: 768px) {
  .p-btn_navigationToggle {
    display: none;
  }
}

/* ハンバーガーメニューのライン */
.fa {
  display: inline-block;
  font: normal normal normal 30px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* バナー設定 */
.banner {
  position: fixed;
  bottom: 0; /* 画面の下端に固定 */
  width: 100%; /* 画面の幅いっぱいに */
  z-index: 1000; /* 他の要素の上に表示 */
  animation: bounce 5s ease-in-out infinite; /* ポヨンポヨンのアニメーション */
  display: block; /* ブロック要素にする */
  text-decoration: none; /* リンクの下線を削除 */
}

/* バナー内の画像を調整 */
.banner img {
  width: 100%;  /* 親要素に合わせて画像をフィット */
  height: auto;
  display: block; /* 余分な余白を削除 */
}

a.pera1-editable[data-structure="e-btn"] {
    background-color: #EC4289 !important; /* 背景色を変更 */
}

a.pera1-editable[data-structure="e-btn"]:hover {
    background-color: #fa70a8 !important; /* ホバー時の色変更 */
}



.m_navigation {
    position: relative;
    border-color: inherit;
        text-align: center;
    background-color: #000000;
}

.m_navigation .p-m_navigation .u-align-left .pera1-editable {
    position: relative;
    border-color: inherit;
        text-align: center;
    background-color: #000000;
}