/*--- 折り畳みアーカイブウィジェット ---*/
/* 各年の親要素：クリックできることを示し、区切り線を入れる */
.widget_archive a.year {
    cursor: pointer;
    border-bottom: 1px dotted #ccc; /* 各年に下線を引く */
    display: block; /* クリック領域を広げる */
}
/* 各年横のアイコン */
.widget_archive a.year::after {
    font-family: "Font Awesome 5 Free";
    content: '\f107'; /* 下向き矢印のアイコン */
    margin-left: 8px; /* アイコンの位置 */
    font-weight: bold;
}
/* 各月の横並び（フレックスボックス）の設定 */
.widget_archive .years ul {
    display: flex;
    flex-flow: row wrap; /* 折り返しを許可 */
    font-size: 1rem;
    line-height: 1.5; /* 行の高さを低くする */
    text-align: center; /* 中央寄せで等間隔感を出す */
    white-space: nowrap; /* 月名（12月など）が途中で改行されないように固定 */
    text-decoration: underline; /* 各月のリンクに下線を引く */
}
/* 1行に6ヶ月ずつ並べる（PCサイズ） */
.widget_archive ul.years li {
    flex: 0 0 calc(100% / 6); /* 6列 */
}
/* レスポンシブ対応：画面幅が狭いときは3列にする */
@media (max-width: 480px) {
  .widget_archive ul.years li {
    flex: 0 0 calc(100% / 3); /* 3列 */
  }
}
/* マウスホバー時のエフェクト */
#sidebar .widget_archive ul.years li :hover {
    background: none;
    transition: 0.1s;
    color: #72c7e6;
}
/* jQueryで .hide を toggle する場合、CSSは以下のようにシンプルでOK */
.widget_archive .hide {
  display: none;
}

/////////////////////////////////////
// 折り畳み式アーカイブウィジェット
/////////////////////////////////
(function($) {
  $(function() {
    $(".widget_archive").each(function() {
      var $wgt = $(this);
      var wgtText = $wgt.text();

      // 正規表現を一度だけ定義
      var regCount = /(\d+)年(\d+)月\s\((\d+)\)/;
      var regSimple = /(\d+)年(\d+)月/;
      
      var hasCount = wgtText.match(regCount);
      var hasDate = wgtText.match(regSimple);

      // ドロップダウン表示時はスキップ
      if (!hasDate) return;

      var $listItems = $wgt.find("li");
      var years = [];

      // 1. 年のリストを抽出
      $listItems.each(function() {
        var match = $(this).text().match(regSimple);
        if (match) years.push(match[1]);
      });
      years = $.unique(years);

      // 2. 新しい構造（ul.years）を作成
      var $acvYears = $('<ul class="years"></ul>');
      $.each(years, function(i, y) {
        $acvYears.append('<li class="year_' + y + '"><a class="year">' + y + '年</a><ul class="month"></ul></li>');
      });

      // 3. 既存のliを新しい構造に振り分け
      $listItems.each(function() {
        var $li = $(this);
        var match = $li.text().match(hasCount ? regCount : regSimple);
        if (!match) return;

        var y = match[1], m = match[2], count = match[3];
        var href = $li.find("a").attr("href");
        
        var linkText = m + "月" + (hasCount ? " (" + count + ")" : "");
        var $newLi = $("<li>").append($("<a>").attr("href", href).text(linkText));

        // 該当する年のulに追加（prependで昇順、appendで降順）
        $acvYears.find(".year_" + y + " .month").prepend($newLi);
      });

      // 4. DOMを入れ替え
      $wgt.find("ul").first().replaceWith($acvYears);

      // 5. インタラクション設定
      $acvYears.find("ul.month:not(:first)").hide(); // 最初以外非表示
      $acvYears.on("click", "a.year", function(e) {
        e.preventDefault();
        $(this).next(".month").slideToggle(200);
      });
    });
  });
})(jQuery);

#main .button-caption {
	display: none; /*キャプション非表示*/
}

/*SNSシェアボタン*/
.sns-share-message{
	font-weight: bold; /*太字*/
	color: #875d5b; /*文字色*/
}
.sns-share-buttons {
	flex-wrap: nowrap; /*折り返さない*/
	justify-content: center; /*中央寄せ*/
}
.sns-share-buttons a {
	border-radius: 50%; /*丸くする*/
	font-size: 20px; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/
}
#main .sns-share a {
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
}

/*SNSフォローボタン*/
.sns-follow-message{
	font-weight: bold; /*太字*/
	color: #875d5b; /*文字色*/
}
.sns-follow-buttons {
	justify-content: center; /*中央寄せ*/
}
.sns-follow-buttons a {
	border-radius: 50%; /*丸くする*/
	font-size: 20px; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/
}
#main .sns-follow a {
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
}

/*---SNSボタンを丸くする---*/
#main .button-caption {
	display: none; /*キャプション非表示*/
}

/*SNSシェアボタン*/
.sns-share-message{
	font-weight: bold; /*太字*/
	color: #875d5b; /*文字色*/
}
.sns-share-buttons {
	flex-wrap: nowrap; /*折り返さない*/
	justify-content: center; /*中央寄せ*/
}
.sns-share-buttons a {
	border-radius: 50%; /*丸くする*/
	font-size: 20px; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/
}
#main .sns-share a {
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
}

/*SNSフォローボタン*/
.sns-follow-message{
	font-weight: bold; /*太字*/
	color: #875d5b; /*文字色*/
}
.sns-follow-buttons {
	justify-content: center; /*中央寄せ*/
}
.sns-follow-buttons a {
	border-radius: 50%; /*丸くする*/
	font-size: 20px; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/
}
#main .sns-follow a {
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
}