/* reset
--------------------------------------------------------- */
body {
  font-size: 1.6rem;
}
div#ss-main.css3 #ss-form fieldset.ss-category-field input[type=radio]:focus + label,
div#ss-main.css3 #ss-form fieldset.ss-category-field input[type=checkbox]:focus + label,
#ss-main.css3 .SS_hitCount--radio input[type=radio]:focus + label {
  outline: none!important;
}
div#ss-main.css3 #ss-form fieldset.ss-category-field input[type=radio]:focus-visible + label,
div#ss-main.css3 #ss-form fieldset.ss-category-field input[type=checkbox]:focus-visible + label,
#ss-main.css3 .SS_hitCount--radio input[type=radio]:focus-visible + label {
  outline: solid!important;
}


/* 検索入力エリア
--------------------------------------------------------- */
div#ss-main.center #ss-form {text-align: center;}
div#ss-main.css3 #ss-form .ss-search-input {
  width: 100%;
  max-width: 800px;
  height: 72px;
  flex-shrink: 0;
  border-radius: 36px;
  color: var(--textBlack);
  background: var(--white, #FFF);
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  padding: 0 64px 0 80px;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M26.6876 23.6037L20.561 17.3907C21.6041 15.7094 22.208 13.7275 22.208 11.5897C22.208 5.55495 17.3879 0.666992 11.437 0.666992C5.48605 0.666992 0.666016 5.55495 0.666016 11.5897C0.666016 17.6245 5.48605 22.5125 11.437 22.5125C13.7207 22.5125 15.8398 21.7888 17.5856 20.5529L23.6463 26.699C24.0635 27.1221 24.6235 27.3337 25.1725 27.3337C25.7214 27.3337 26.2704 27.1221 26.6986 26.699C27.544 25.8417 27.544 24.461 26.6986 23.6037H26.6876ZM11.437 18.9718C7.41846 18.9718 4.15752 15.6649 4.15752 11.5897C4.15752 7.51459 7.41846 4.2077 11.437 4.2077C15.4555 4.2077 18.7165 7.51459 18.7165 11.5897C18.7165 15.6649 15.4555 18.9718 11.437 18.9718Z" fill="%23FC1B1C"/></svg>');
  background-position: 30px center;
  background-size: 26.67px 26.67px;
  background-repeat: no-repeat;
  background-color: var(--bgGray_05);
}
/* 検索ボタン */
div#ss-main.css3 #ss-form .ss-search-button {
  width: 40px!important;
  height: 40px!important;
  position: absolute;
  margin-top: 16px;
  margin-left: -54px;
  color: transparent!important;
  background: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.66602 1.33301L8.33268 7.99967L1.66602 14.6663' stroke='%23FC1B1C' stroke-width='2' stroke-linecap='round'%3E%3C/path%3E%3C/svg%3E")!important;
  background-repeat: no-repeat!important;
  background-position: center!important;
  background-size: 16px 16px!important;
}
.ss-search-button:focus-visible {
  outline: 2px solid var(--brack);
}
@media screen and (max-width: 767px) {
  div#ss-main.css3 #ss-form .ss-search-input {
    height: 56px;
    padding: 0 40px 0 44px;
    background-size: 21.33px 21.33px;
    background-position: 15px center;
  }
  div#ss-main.css3 #ss-form .ss-search-button {
    top: 8px;
    margin-top: 0;
  }
}



/* 絞り込み（ファイル） */
div#ss-main.css3 #ss-form fieldset.ss-category-field input[type=radio] + label {
  margin-right: 20px;
  padding: 0 0 0 26px;
  font-size: 1.6rem;
}
div#ss-main.css3 #ss-form fieldset.ss-category-field input[type=radio] + label:focus-visible {
  outline: none!important;
}
div#ss-main.css3 #ss-form fieldset.ss-category-field input[type=radio] + label:last-child {
  margin-right: 0;
}
div#ss-main.css3 #ss-form fieldset.ss-category-field input[type=radio] + label::before {
  transform: translateY(-50%);
  width: 21px;
  height: 21px;
  margin-top: 0;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none"%3E%3Ccircle cx="10.5" cy="10.5" r="7" stroke="%23767676"/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: none;
}
div#ss-main.css3 #ss-form fieldset.ss-category-field input[type=radio]:checked + label::before {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none"%3E%3Ccircle opacity="0.2" cx="10.5" cy="10.5" r="10.5" fill="%23FC1B1C"/%3E%3Ccircle cx="10.5" cy="10.5" r="7.5" fill="%23FC1B1C"/%3E%3Ccircle cx="10.4984" cy="10.4984" r="3.08824" fill="white"/%3E%3C/svg%3E');
}
div#ss-main.css3 #ss-form fieldset.ss-category-field input[type=radio]:checked + label::after {
  display: none;
}
div#ss-main.css3 #ss-form fieldset.ss-category-field input[type=radio] {
  position: absolute;
}
@media screen and (max-width: 767px) {
  div#ss-main.css3 #ss-form fieldset.ss-category-field input[type=radio] + label {
    margin-right: 16px;
  }
}


/* 結果表示エリア
--------------------------------------------------------- */
div#ss-main.center #ss-content {
  margin-top: 54px;
}

/* 絞り込み（表示件数） */
#ss-main.css3 .SS_hitCount--radio input[type=radio] {
  position: absolute;
}
#ss-main .SS_hitCount {
  margin-left: 30px;
}
#ss-main.css3 .SS_hitCount--radio input[type=radio] + label {
  margin-right: 20px;
  font-size: 1.6rem;
}
#ss-main.css3 .SS_hitCount--radio input[type=radio] + label::before {
  transform: translateY(-50%);
  width: 21px;
  height: 21px;
  margin-top: 0;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none"%3E%3Ccircle cx="10.5" cy="10.5" r="7" stroke="%23767676"/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: none;
}
#ss-main.css3 .SS_hitCount--radio input[type=radio]:checked + label::before {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none"%3E%3Ccircle opacity="0.2" cx="10.5" cy="10.5" r="10.5" fill="%23FC1B1C"/%3E%3Ccircle cx="10.5" cy="10.5" r="7.5" fill="%23FC1B1C"/%3E%3Ccircle cx="10.4984" cy="10.4984" r="3.08824" fill="white"/%3E%3C/svg%3E');
}
#ss-main.css3 .SS_hitCount--radio input[type=radio]:checked + label::after {
  display: none;
}
@media screen and (max-width: 767px) {
  div#ss-main.center #ss-content {
    margin-top: 46px;
  }
  #ss-main .SS_hitCount {
    margin-left: 16px;
  }
}


/* 結果head（結果件数・表示順切り替え） */
div#ss-navi {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 40px;
  padding: 16px 32px;
  background: var(--bgGray_05);
  border-radius: 24px 24px 0 0;
  font-size: 1.6rem;
  border: none;
}
div#ss-navi:after {
  display: none;
}
#ss-show-counts b {
  font-weight: normal;
}
div#ss-navi div.ss-navi-right {
  display: flex;
  gap: 22px;
}

div#ss-main a,
div#ss-navi div.ss-navi-right span#ss-sort-date {
  color: var(--text_black);
}
div#ss-navi div.ss-navi-right span#ss-sort-match.selected,
div#ss-navi div.ss-navi-right span#ss-sort-date.selected,
div#ss-navi div.ss-navi-right span[id^=ss-sort].selected,
div#ss-navi div.ss-navi-right span#ss-sort-date,
div#ss-navi div.ss-navi-right span#ss-sort-match {
  position: relative;
  margin-left: 0;
  padding: 0 0 0 26px;
  color: var(--text_black);
  font-weight: normal;
}
div#ss-navi div.ss-navi-right span#ss-sort-match.selected::before,
div#ss-navi div.ss-navi-right span#ss-sort-date.selected::before,
div#ss-navi div.ss-navi-right span[id^=ss-sort].selected::before,
div#ss-navi div.ss-navi-right span#ss-sort-date::before,
div#ss-navi div.ss-navi-right span#ss-sort-match::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 21px;
  height: 21px;
  margin-top: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
div#ss-navi div.ss-navi-right span#ss-sort-date::before,
div#ss-navi div.ss-navi-right span#ss-sort-match::before {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none"%3E%3Ccircle cx="10.5" cy="10.5" r="7" stroke="%23767676"/%3E%3C/svg%3E');
}
div#ss-navi div.ss-navi-right span#ss-sort-match.selected::before,
div#ss-navi div.ss-navi-right span#ss-sort-date.selected::before,
div#ss-navi div.ss-navi-right span[id^=ss-sort].selected::before {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none"%3E%3Ccircle opacity="0.2" cx="10.5" cy="10.5" r="10.5" fill="%23FC1B1C"/%3E%3Ccircle cx="10.5" cy="10.5" r="7.5" fill="%23FC1B1C"/%3E%3Ccircle cx="10.4984" cy="10.4984" r="3.08824" fill="white"/%3E%3C/svg%3E');
}

@media screen and (max-width: 767px) {
  div#ss-navi {
    margin-bottom: 24px;
    padding: 14px 16px;
    flex-direction: column;
    align-items: flex-start;
  }
}



/* 結果表示コンテンツ */
div#ss-result {padding-left: 0;}
div#ss-result div.ss-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}
div#ss-result div.ss-item div.ss-image {
  width: 23%;
}
div#ss-result div.ss-item div.ss-image img {
  width: 100%;
  padding: 0;
}
div#ss-main.css3 div#ss-result div.ss-item div.ss-page {
  width: calc(77% - 32px);
  margin-left: 0;
  margin-bottom: 0;
  padding-top: 0;
}
div#ss-result div.ss-item::after {
  display: none;
}

div#ss-result div.ss-item div.ss-page .ss-title,
div#ss-result div.ss-item div.ss-page .ss-summary,
div#ss-result div.ss-item div.ss-page .ss-url {
  margin-bottom: 12px;
}

div#ss-result div.ss-item div.ss-page .ss-title,
div#ss-result div.ss-item div.ss-page .ss-title a {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 160%;
  text-decoration: underline;
}
div#ss-result div.ss-item div.ss-page .ss-title a:hover {
  color: var(--textRed);
}
div#ss-result div.ss-item div.ss-page .ss-summary {
  font-size: 1.6rem;
  line-height: 200%;
}
div#ss-result div.ss-item div.ss-page .ss-url,
div#ss-result div.ss-item div.ss-page .ss-url a {
  color: var(--textRed);
  font-size: 1.6rem;
  text-decoration: underline;
}
div#ss-result div.ss-item .ss-content-length,
div#ss-result div.ss-item div.ss-page .ss-last-modified {
  font-size: 1.5rem;
}

@media screen and (max-width: 767px) {
  div#ss-result div.ss-item {
    margin-bottom: 24px;
  }
  div#ss-main.css3 div#ss-result div.ss-item div.ss-page {
    width: 100%;
    margin-top: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
  div#ss-result div.ss-item div.ss-page .ss-title,
  div#ss-result div.ss-item div.ss-page .ss-title a {
    font-size: 1.6rem;
  }
}




/* ページネーション
--------------------------------------------------------- */
.ss-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
}
div.ss-pagination .ss-page,
div.ss-pagination .ss-page-first,
div.ss-pagination .ss-page-last {
  margin: 0;
  padding: 0;
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--textRed);
  text-decoration: underline;
  border: none;
  background-color: transparent;
}

div.ss-pagination .ss-page-prev,
div.ss-pagination .ss-page-next {
  color: transparent;
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23FC1B1C'/%3E%3Cpath d='M20 26.6667L13.3333 20.0001L20 13.3334' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M26.666 20L13.3327 20' stroke='%23F3F3F3' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
div.ss-pagination .ss-page-next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23FC1B1C'/%3E%3Cpath d='M20 13.3333L26.6667 19.9999L20 26.6666' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M13.334 20H26.6673' stroke='%23F3F3F3' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
div.ss-pagination .ss-select-page{
  text-decoration: none;
  pointer-events: none;
  color: var(--textGray);
}