@charset "UTF-8";
/* ==========================================================================
   RepeatLab Next：旧テーマの「追加CSS」
   --------------------------------------------------------------------------
   旧テーマ SWELL のとき、外観 → カスタマイズ → 追加CSS に書かれていたもの（2026-11-08 に本番から写した）。
   追加CSS はテーマごとに保存されるため、テーマを切り替えると出なくなる。そのままここへ移した。
   ボックスメニューの枠（lbtn_pw・lbtn_osakana）と、赤く光る文字（kirakira-red）など。
   ========================================================================== */

.lbtn_pw .swell-block-box-menu__inner,
.lbtn_osakana .swell-block-box-menu__inner {
	row-gap:16px !important;
	padding: 0 4em;
}

.swell-block-box-menu__link {
	height: 95px;
}

.swell-block-box-menu[data-direction=vertical] .swell-block-box-menu__figure {
    margin-bottom: .5em;
    flex: 1;
}

.swell-block-box-menu__text {
flex: none;
    word-break: auto-phrase;
    line-height: 1.2;
    color: #1e1e1e;
    font-size: 14px;
}


.swell-block-box-menu__figure>img {
	padding: 0 1em;
}

.logo-square .swell-block-box-menu__figure>img {
	height: 65px;
}

.lbtn_pw .swell-block-box-menu__item,
.lbtn_osakana .swell-block-box-menu__item {
	border: solid 2px !important;
	border-radius: 7px;
	transition: 0.2s ease-out;
}

.lbtn_pw .swell-block-box-menu__item {
	border-color: #70B8AE !important;
	box-shadow: 0 5px #70B8AE;
}

.lbtn_osakana .swell-block-box-menu__item {
	border-color: #EF96B7 !important;
	box-shadow: 0 5px #EF96B7;
}

@media screen and (max-width: 782px) {
	.lbtn_pw .swell-block-box-menu__inner,
	.lbtn_osakana .swell-block-box-menu__inner {
		padding: 0;
	}
}

@media (hover: hover) {
	.swell-block-box-menu.is-style-default .has-link>.swell-block-box-menu__link:hover {
		background-color: transparent;
	}
	
  .lbtn_pw .swell-block-box-menu__item:hover,
  .lbtn_osakana .swell-block-box-menu__item:hover {
    box-shadow: none;
		transform: translatey(5px);
  }

  .lbtn_pw .swell-block-box-menu__item:hover .swell-block-box-menu__text {
    color: #70B8AE;
  }
	
	  .lbtn_osakana .swell-block-box-menu__item:hover .swell-block-box-menu__text {
    color: #EF96B7;
  }
}

/* テキストきらきら（赤色） */

.kirakira-red {
  color: #DD0000; /* 文字色を赤に */
  animation: red-glow 1.5s infinite alternate; /* アニメーションの設定 */
}

@keyframes red-glow {
  0% {
    text-shadow: 0 0 2px rgba(255, 0, 0, 0.4), 0 0 5px rgba(255, 0, 0, 0.2);
  }
  100% {
    text-shadow: 0 0 10px rgba(255, 0, 0, 1), 0 0 20px rgba(255, 0, 0, 0.8), 0 0 30px rgba(255, 0, 0, 0.6);
  }
}