/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 29 2026 | 19:30:12 */
@media (max-width: 960px) {
    .my-parent-menu-pc {
       display:none;
    }   
}
@media (min-width: 961px) {
    .my-parent-menu-sp {
       display:none;
    }   
}
.my-parent-menu-pc {
  position : unset !important;
}
.my-parent-menu-pc .sub-menu {
  width: calc(100vw - 16px);
}
.my-parent-menu-pc .sub-menu a {
  padding: 0em;
  display: inline-block;
  /* padding: 10px 15px; */         /* クリックしやすいよう余白を調整 */
  color: #FFFFFF;             /* 基本色 */
  text-decoration: none;      /* 下線を消す */
  transition: all 0.7s ease;  /* 色の変化を滑らかにする */
  width: fit-content;
  font-size:15px;
}

/* 訪問済みリンクの色 */
.my-parent-menu-pc .sub-menu a:visited {
  color: #FFFFFF;
}

/* ホバー時の設定 */
.my-parent-menu-pc .sub-menu a:hover {
  color: #ecf75b;             /* 文字を黄色に */
  text-decoration: none;
}

/* クリック中の色 */
.my-parent-menu-pc .sub-menu a:active {
  color: #ecf75b;
}
.my-parent-menu-pc .sub-menu a:before {
  display : none;
}
/* .my-parent-menu-pc .sub-menu a:hover {
  background-color : unset;
}*/
.my-parent-menu-pc .sub-menu .ttl {
  left: 0 !important;
}

/* メインメニューカーソル表示 */
.c-gnav>.menu-item>a .ttl {
    display: block;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}

/* ---- 白い枠を消すための追加CSS ---- */

/* 1. メガメニューのリスト（li）の中身をFlexboxの縦並びに強制変更 */
.my-parent-menu-pc .sub-menu li {
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 2. 隙間の原因になっている「空のリンク要素」を構造から実質除外する */
.my-parent-menu-pc .sub-menu li > a {
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* 3. ブログパーツ側への余計なマイナスマージンなどはすべてリセット */
.my-parent-menu-pc .sub-menu .p-blogParts {
    margin: 0 !important;
    padding: 0 !important;
}