@charset "utf-8";
/* Copyright 2025 design hack. */

/* ------------------------------------------------------------

TOPICS

------------------------------------------------------------ */
/* グローバルナビアクティブ
---------------------------------------------- */
nav#wrap_nav_main ul#nav_main li:nth-child(3) a{color: #FFFFFF;border-bottom: 2px solid #FFFFFF;padding-bottom: 10px;}
nav#wrap_nav_main ul#nav_main li .nav_suv li a{border-bottom: none;padding-bottom: 0;}
div#bg_h2{background:url(/topics/img/h2_bg.png) no-repeat center 0;}

@media print, screen and (max-width: 767px){
div#bg_h2{background:url(/topics/img/h2_bg_sp.png) no-repeat 0 0;background-size: 100%;height:auto;}
}

/* CONTENT
---------------------------------------------- */
ul#topics_list{border-top: 1px solid #CACACA;margin-bottom: 100px;}
ul#topics_list li{padding:26px 0;border-bottom: 1px solid #CACACA;background: url(/common/img/arw_red.png) no-repeat center right 40px;background-size: 8px 12px;}
ul#topics_list li p,ul#topics_list li h3{display: inline-block;}
ul#topics_list li p.date{color: #7B7B7B;font-size: 18px; margin-right: 40px;font-weight: 800;letter-spacing: 0.05em;}
ul#topics_list li p.cate{border: #971B20 2px solid; color: #971B20;font-size:14px;padding: 8px 10px 5px;min-width: 80px;box-sizing: border-box;text-align: center;margin-right:40px;line-height: 1.0;}
ul#topics_list li h3 a:hover{color: #971B20;}
ul#topics_list li:hover{background: url(/common/img/arw_red.png) no-repeat center right 20px;transition: 0.3s;background-size: 8px 12px;}

@media print, screen and (max-width: 1220px){
}

@media print, screen and (max-width: 767px){
ul#topics_list{margin-bottom: 60px;}
ul#topics_list li{padding:18px 0 10px;background: url(/common/img/arw_red.png) no-repeat center right;background-size: 7px 11px;}
ul#topics_list li p{display: inline-block;}
ul#topics_list li h3{display: block;margin: 5px 0 0 0;}
ul#topics_list li p.date{font-size:16px;margin-right: 20px;}
ul#topics_list li p.cate{font-size:13px;padding: 4px 10px 2px;min-width: 70px;margin-right:0;}
ul#topics_list li:hover{background: url(/common/img/arw_red.png) no-repeat center right 5px;background-size: 7px 11px;}    

}

/* single
---------------------------------------------- */
dl#list_single{font-weight: 800;margin:-2px 0 100px 0;line-height: 1.0;border-bottom: 1px solid #CACACA;padding-bottom: 40px;}
dl#list_single dt{font-size: 18px;margin-bottom: 26px;font-weight: 900;color: #7B7B7B;}
dl#list_single dd#list_single_cate{font-size: 14px;color: #971B20;border: 2px solid #971B20;display: inline-block;padding: 8px 10px 5px;margin: 0 0 40px 0;}
dl#list_single dd#list_single_ttl{font-size: 40px;font-weight: 900; line-height: 1.8;margin: -11px 0 0 0;;}

div#post_area{padding-bottom: 95px;margin-bottom: 100px; border-bottom: 1px solid #CACACA;}
div#post_area p{margin-bottom: 15px;}
div#post_area p:last-child{margin-bottom: 0;}
div#post_area img{max-width: 100%;height: auto;}

p#btn_back{background:url(/topics/img/topics_all_on.png) no-repeat 0 center;background-size: 230px 60px;width:230px;margin: 0 auto;}
p#btn_back:hover img{opacity: 0; transition: 0.3s;}

@media print, screen and (max-width: 1220px){

}

@media print, screen and (max-width: 767px){
dl#list_single{margin-bottom:52px;padding-bottom: 27px;}
dl#list_single dt{font-size: 16px;margin-bottom: 22px;}
dl#list_single dd#list_single_cate{font-size: 13px;padding: 6px 10px 3px;margin-bottom: 28px;}
dl#list_single dd#list_single_ttl{font-size: 25px;margin: -11px 0 0 0;}

div#post_area{padding-bottom: 55px;margin-bottom: 60px;}

p#btn_back{background:none;width:250px;}
p#btn_back:hover img{opacity: 1;}
}


/* 検索フォーム全体 */
#searchform {
  display: flex;            /* 横並び */
  align-items: center;      /* 縦位置を揃える */
  gap: 8px;                 /* フィールドとボタンの間隔 */
  max-width: 400px;         /* 横幅制限 */
  margin: 20px auto;        /* 中央寄せ */
}

/* テキストボックス */
#searchform input[type="text"] {
  flex: 1;                  /* 横幅いっぱいに広がる */
  padding: 8px 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
}

/* 検索ボタン */
#searchform input[type="submit"] {
  padding: 8px 16px;
  background-color: #0073aa; /* WPっぽいブルー */
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  transition: background-color 0.3s;
}

#searchform input[type="submit"]:hover {
  background-color: #005177; /* ホバー時に濃くなる */
}

/* チェックボックスのラベル */
/* デフォルトのチェックボックスを非表示 */
.wpc-filters-ul-list input[type="checkbox"] {
  display: none;
}

/* チェックボックスの見た目を作る */
.wpc-filters-ul-list label {
  position: relative;
  padding-left: 28px; /* チェックボックス分のスペース */
  cursor: pointer;
  display: inline-block;
}

/* 擬似要素で四角を描画 */
.wpc-filters-ul-list label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 18px;
  height: 18px;
  border: 2px solid #666;
  border-radius: 4px;
  background: #fff;
  box-sizing: border-box;
}

/* チェックされてるときのデザイン */
.wpc-filters-ul-list input[type="checkbox"]:checked + label::before {
  background: #0073aa; /* WPっぽい青 */
  border-color: #0073aa;
}

/* チェックマーク（✔︎） */
.wpc-filters-ul-list input[type="checkbox"]:checked + label::after {
  content: "✔";
  position: absolute;
  left: 3px;
  top: -1px;
  font-size: 16px;
  color: #fff;
}

/* クリアボタン */
.wpc-filters-submit-button{display: none;}



/* 色薄くしない */
.widget .wpc-term-count-0:not(.wpc-has-not-empty-children) a, .widget-area .widget .wpc-term-count-0:not(.wpc-has-not-empty-children) a, .widget-area .wpc-filters-labels li.wpc-term-count-0:not(.wpc-has-not-empty-children) label, .widget-area .wpc-filters-labels li.wpc-term-count-0:not(.wpc-has-not-empty-children) label span.wpc-filter-label-wrapper, .wpc-filters-labels li.wpc-term-count-0:not(.wpc-has-not-empty-children) label, .wpc-filters-labels li.wpc-term-count-0:not(.wpc-has-not-empty-children) label span.wpc-filter-label-wrapper, .wpc-term-count-0:not(.wpc-has-not-empty-children), .wpc-term-count-0:not(.wpc-has-not-empty-children) a, body .wpc-filters-main-wrap li.wpc-term-count-0:not(.wpc-has-not-empty-children) label, body .wpc-filters-main-wrap li.wpc-term-count-0:not(.wpc-has-not-empty-children) label a {opacity:1;}

/* 自動で出るタイトル消す */
.wpc-filter-header,
.wpc-edit-filter-set {
  display: none;
}