/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 28 2025 | 04:57:13 */
.ttl{
    font-size: 22px;
    line-height: 1.4;
    font-weight: bold;
    color: #1e6a44;
}

.icon-area{
	background: #1e6a44;
    border-radius: 0 14px 0 14px;
    margin-bottom: 10px;
    padding: 5px 10px;
    color: white;
    font-weight: bold;
}

.mpoint{
    font-size: 20px;
    line-height: 1.2;
}

.mpoint a{
	text-decoration:none!important;
}

.journal , .movie{
	color: black;
    display: inline-block;
    font-size: 14px;
	padding:10px 10px;
	text-align:center;
    line-height: 0.9;
    font-weight: bold;
    border-radius: 40px;
    position: relative;
	font-style:italic;
}

.journal{
	background: #eba4a4;
}

.movie{
	background: #feff9a;
}

.cap a{
	text-decoration:none;
}

/* =========================
   PCメニュー：プルダウン付き項目
   ========================= */

/* 親 li を基準に（サブメニューの絶対配置用） */
.el_pcMenu > li.has-sub {
  position: relative;
}

/* 親リンクはブロック化し、右にトグル分の余白を確保 */
.el_pcMenu > li.has-sub > a {
  display: block;
  padding-right: 14px; 
}

/* ▼ トグルボタンを親リンクの右横に固定（縦中央） */
.el_pcMenu .subToggle {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  background: transparent;
  border: 0;
  cursor: pointer;
}

/* =========================
   サブメニュー（ドロップダウン）
   ========================= */
.el_subMenu {
  /* 反転時などで使うアクセント色（ダークグリーン） */
  --menu-accent: var(--wp--preset--color--dark-green, #14532d);

  position: absolute;
  top: 100%;
  left: 0;
  min-width: 180px;

  /* 初期配色：ダークグリーン地に白文字 */
  background: var(--menu-accent);
  border: 1px solid rgba(255,255,255,.25);
  box-shadow: 0 8px 20px rgba(0,0,0,.25);

  /* 行全体を反転させるために ul の余白をゼロに */
  padding: 0;
  margin: 0;
  list-style: none;

  z-index: 999;
}

/* hidden 属性や .open クラスでの表示制御 */
.el_subMenu[hidden] {
  display: none !important;
}
.el_pcMenu > li.has-sub:not(.open) .el_subMenu {
  display: none;
}

/* サブメニュー各行のリンク */
.el_subMenu > li > a {
  display: block;
  width: 100%;
  padding: 12px 16px;
  text-decoration: none;
  background: transparent; /* 背景は li 側で制御 */
  color: #fff;
  white-space: nowrap;

  transition: color .15s ease, background-color .15s ease;
}
.el_subMenu > li > a:visited {
  color: #fff;
}

/* 行の区切り線（通常時は白系の薄い線） */
.el_subMenu > li + li {
  border-top: 1px solid rgba(255,255,255,.15);
}

/* =========================
   反転（行全体を白地＋アクセント色文字）
   ========================= */
.el_subMenu > li:hover,
.el_subMenu > li:focus-within {
  background: #fff;
}
.el_subMenu > li:hover > a,
.el_subMenu > li:focus-within > a,
.el_subMenu > li:hover > a:visited,
.el_subMenu > li:focus-within > a:visited {
  color: var(--menu-accent);
}
/* 反転行の直後の区切り線は濃淡を調整（任意） */
.el_subMenu > li:hover + li {
  border-top-color: rgba(0,0,0,.08);
}

/* キーボード操作の視認性 */
.el_subMenu > li > a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

/* 省アニメーション設定に配慮（任意） */
@media (prefers-reduced-motion: reduce) {
  .el_subMenu > li > a {
    transition: none;
  }
}