@charset "UTF-8";
/*
カラム制御：デフォルトで1～5カラムまで対応
PC用floatによるカラム制御

html：col_1～5まで対応
例）3列で折り返し
<ul class="col_3">
	<li></li>
	<li></li>
	<li></li>
</ul>

scss：mixinでカラム設定を自動処理化

.col_3 {
	@include colmg(30);
}

数値設定はアイテム間余白（デフォルトは20）;
※縦、横ともに外側への約は発生しない

*/
.ly_list_wrapper {
  margin: .55rem auto .80rem; }
  @media screen and (max-width: 480px) {
    .ly_list_wrapper {
      margin: 0.3rem 5.5555555556% 0.5rem; } }

.bl_list {
  width: 10.80rem;
  margin: 0 auto; }
  @media screen and (max-width: 480px) {
    .bl_list {
      width: auto; } }

.bl_list_ttl {
  font-size: .30rem;
  line-height: 1;
  padding-bottom: .05rem;
  border-bottom: solid 0.05rem #f8ff2e;
  margin-bottom: .20rem; }
  @media screen and (max-width: 480px) {
    .bl_list_ttl {
      font-size: .20rem;
      padding-bottom: .02rem;
      border-bottom-width: .02rem; } }

.bl_list_list {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  .bl_list_list li {
    width: 50%;
    font-size: .20rem;
    text-align: center;
    height: .60rem;
    line-height: .60rem;
    font-family: "源ノ角ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, verdana, "メイリオ", "Meiryo", "Osaka", sans-serif;
    position: relative; }
    @media screen and (max-width: 480px) {
      .bl_list_list li {
        font-size: .16rem;
        color: #0047b4; } }
    .bl_list_list li::after {
      content: '';
      display: none;
      height: .02rem;
      width: 1.60rem;
      position: absolute;
      background-color: #0047b4;
      left: calc(50% - .80rem);
      bottom: .10rem; }
    .bl_list_list li:hover {
      color: #0047b4; }
      .bl_list_list li:hover::after {
        display: block; }