@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Template:   cocoon-master
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@500&display=swap');

/* ===== 子テーマ側のCSS ===== */

/* 2026-08-11 整理版：同じセレクタの重複をまとめ、最後に指定された値だけを残しています。
   整理前は css_cleanup_20260811/style_before.css に保管。 */

.cat-tiles {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin: 16px 0 6px;
}
@media screen and (max-width: 834px) {
  .cat-tiles {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .cat-tile {
    height: 120px;
  }
}

.cat-tile::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(20,28,34,.36);
}
.cat-tile:hover {
  filter: saturate(.95);
}
.cat-tile-in {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  text-align: center;
  font-family: 'Zen Kaku Gothic New', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.widget-entry-cards .card-thumb .cat-label {
  display: none !important;
}
.widget-entry-card-date .card-cat .fa {
  margin-right: 4px;
}
#navi-menu-content, .navi-menu-content.menu-content {
  background: rgba(31,78,121,.70) !important;
  -webkit-backdrop-filter: saturate(140%) blur(14px);
  backdrop-filter: saturate(140%) blur(14px);
}
.menu-close-button, .navi-menu-close-button {
  background: transparent !important;
  border: none !important;
  width: 48px !important;
  height: 48px !important;
  line-height: 48px !important;
  text-align: center;
  opacity: .9;
}
.menu-close-button .fa, .navi-menu-close-button .fa {
  font-size: 22px !important;
  font-weight: 300;
  color: #FFFFFF;
}
.menu-close-button:hover, .navi-menu-close-button:hover {
  opacity: .6;
}
.menu-drawer a {
  letter-spacing: .08em;
}
#sidebar .widget-sidebar-title::after {
  display: block;
  margin-top: 3px;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .14em;
  color: #9AA0A6;
}
#sidebar #block-55 .widget-sidebar-title::after {
  content: 'ピックアップ';
}
#sidebar .widget_popular_entries .widget-sidebar-title::after {
  content: 'よく読まれている記事';
}
#sidebar .widget_nav_menu .widget-sidebar-title::after {
  content: 'カテゴリー';
}
#sidebar .widget_author_box .widget-sidebar-title::after {
  content: '書いている人';
}
#sidebar #block-2 .widget-sidebar-title {
  display: none !important;
}
body.category .entry-card .cat-label, body.archive .entry-card .cat-label {
  display: none !important;
}
.pagination, .pagination-next {
  margin: 36px 0 10px;
}
.pagination .page-numbers, .pagination-next-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
  padding: 0 12px;
  margin: 0 4px;
  border: 1px solid #E2E6EA !important;
  border-radius: 0 !important;
  background: #FFFFFF !important;
  color: #3A4A55 !important;
  font-size: 13px;
  letter-spacing: .08em;
  text-decoration: none;
  transition: border-color .2s ease, color .2s ease;
}
.pagination .page-numbers.current {
  background: #333333 !important;
  border-color: #333333 !important;
  color: #FFFFFF !important;
}
.pagination .page-numbers:hover, .pagination-next-link:hover {
  border-color: #333333 !important;
  color: #333333 !important;
}
.pagination-next-link {
  width: 100%;
  max-width: 320px;
  height: 46px;
  margin: 0 auto;
}
#footer .navi-footer-in a {
  padding: 3px 10px !important;
}
#footer .footer-in {
  max-width: 900px;
  margin-left: auto !important;
  margin-right: auto !important;
}
#footer .footer-widgets {
  display: none !important;
}
#navi .menu-header .caption-wrap, #navi .item-label {
  margin-right: 2px;
}
#navi .menu-header .has-sub > a .fa, #navi .menu-header .sub-menu-icon, #navi .menu-header > li.menu-item-has-children > a::after {
  margin-left: 8px !important;
}
#navi .menu-header > li.menu-item-has-children > a .fa-angle-down {
  margin-left: 8px !important;
}
.search-edit:focus, .search-box input[type=text]:focus, #sidebar .search-edit:focus, .hdr-search-panel .search-edit:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: #333333 !important;
}
.pagination-next {
  display: none !important;
}
.pagination .page-numbers {
  border-color: #333333 !important;
}
.pagination .page-numbers.dots {
  border-color: transparent !important;
}
@media screen and (max-width: 834px) {
  #footer .footer-bottom {
    padding: 6px 6px !important;
  }
  #footer .navi-footer-in {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2px 0;
  }
  #footer .navi-footer-in a {
    padding: 2px 8px !important;
    font-size: 9.5px !important;
  }
  #footer .copyright {
    font-size: 9px !important;
    margin-top: 4px !important;
  }
  #footer .footer-bottom-logo, #footer .logo-footer {
    display: none !important;
  }
}

body.archive .ect-vertical-card-2 .entry-card-title, body.archive .entry-card-title {
  text-align: left !important;
}
body.archive .entry-card-meta, body.archive .entry-card-info {
  display: flex;
  gap: 10px;
  font-size: 11px;
  color: #9AA0A6;
  letter-spacing: .04em;
  margin-top: 6px;
}
body.archive .entry-card-info .fa {
  margin-right: 4px;
}
#go-to-top .go-to-top-button, .go-to-top-button, #go-to-top a {
  background: #E2C173 !important;
  color: #FFFFFF !important;
  border: none !important;
}
.pickup-cards::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 1024px) {
  .pickup-card {
    flex: 0 0 460px !important;
  }
  .pickup-card-title {
    font-size: 16px !important;
  }
}

.entry-content h2, .article h2, .entry-content h3, .article h3, .entry-content h4, .article h4, .entry-title, .article-title, h1.entry-title {
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif !important;
  font-weight: 500 !important;
}
body.single .eye-catch .cat-label, .eye-catch-wrap .cat-label {
  display: none !important;
}
.widget-entry-cards.ranking-visible .no-1 .card-thumb::before {
  background: #cca11f !important;
}
.widget-entry-cards.ranking-visible .no-2 .card-thumb::before {
  background: #b1b1b3 !important;
}
.widget-entry-cards.ranking-visible .no-3 .card-thumb::before {
  background: #b37036 !important;
}
.entry-categories-tags .cat-link, .entry-categories-tags .tag-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid #ECEFF1 !important;
  border-radius: 0 !important;
  padding: 11px 2px !important;
  margin: 0 !important;
  font-size: 14px !important;
  color: #3A4A55 !important;
  text-decoration: none;
}
.entry-categories-tags .cat-link::after, .entry-categories-tags .tag-link::after {
  content: '\f105';
  font-family: FontAwesome;
  color: #C8CDD2;
  font-size: 14px;
  margin-left: 8px;
}
.entry-categories-tags .cat-link:hover, .entry-categories-tags .tag-link:hover {
  color: #358CBC !important;
}
.related-entry-heading::after, .related-entry-main-heading::after {
  content: '関連記事';
  display: block;
  margin-top: 3px;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .14em;
  color: #9AA0A6;
}
.related-list, .related-entry-cards {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 14px !important;
}
.related-entry-card-snippet {
  display: none !important;
}
.related-entry-card .post-date {
  display: none !important;
}
.related-entry-card-date, .related-entry-card .widget-entry-card-date {
  font-size: 10px;
  color: #9AA0A6;
}
.pickup-arrow .fa {
  font-size: 34px !important;
  color: #FFFFFF;
  line-height: 1;
}
.pickup-arrow:hover {
  background: transparent !important;
}
.pickup-arrow:hover .fa {
  opacity: .7;
}
.cat-tile-en {
  font-size: 19px;
  font-weight: 500;
  letter-spacing: .16em;
  line-height: 1.2;
}
.cat-tile-ja {
  font-size: 13px;
  letter-spacing: .12em;
  margin-top: 1px;
  opacity: .92;
  line-height: 1.3;
}
.toc .toc-title, .toc-title, .toc a, .toc-list a, #sidebar-scroll .toc a {
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif !important;
}
.cat-tile:hover, .pickup-card:hover, .a-wrap:hover {
  color: inherit !important;
}
.related-entry-card .post-update, .related-entry-card .post-date, .related-entry-card .entry-date, .related-entry-card .fa {
  color: #9AA0A6 !important;
  font-size: 10px !important;
}
body .entry-categories-tags .entry-categories .cat-link, body .entry-categories-tags .entry-tags .tag-link {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-bottom: 1px solid #ECEFF1 !important;
  border-radius: 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 0 !important;
  padding: 11px 2px !important;
  font-family: 'Zen Kaku Gothic New', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif !important;
  font-size: 14px !important;
  color: #3A4A55 !important;
}
body .entry-categories-tags .cat-link .cat-icon, body .entry-categories-tags .cat-link .tax-icon {
  display: none !important;
}
body .entry-categories-tags .entry-categories .cat-link::after {
  content: '\f105';
  font-family: FontAwesome;
  color: #C8CDD2;
  font-size: 14px;
  margin-left: 8px;
}
#sidebar .widget_nav_menu ul.menu a, #sidebar .widget_nav_menu .sub-menu a {
  font-family: 'Zen Kaku Gothic New', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif !important;
}
.related-entry-card-link {
  display: block !important;
  background: #FFFFFF;
}
.related-entry-card {
  display: block !important;
  position: relative;
}
.related-entry-card-thumb img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16/10;
  object-fit: cover;
}
.related-entry-card-content {
  margin-left: 0 !important;
}
.cky-modal:not(.cky-modal-open) {
  display: none !important;
}
body {
  overflow-x: hidden;
}
.mobile-footer-menu-buttons.mobile-menu-buttons {
  min-height: 54px !important;
}
.mobile-footer-menu-buttons .menu-icon {
  font-size: 20px !important;
}
.toc .toc-list, .toc-list {
  color: #3A4A55 !important;
}
.toc .toc-list > li, .toc-list > li {
  margin-bottom: 8px;
  font-size: 13px;
}
.card-cat .fa + .fa {
  display: none !important;
}
.entry-categories-tags .cat-link .fa, .entry-categories-tags .tag-link .fa {
  display: none !important;
}
.related-entry-card, .related-entry-card-link {
  height: auto !important;
}
.entry-categories-tags::before {
  content: 'CATEGORY';
  display: block;
  text-align: center;
  font-family: 'Zen Kaku Gothic New', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: .14em;
  color: #3A4A55;
  border-bottom: 1px solid #E2E6EA;
  padding-bottom: 8px;
  margin-bottom: 6px;
}
@media screen and (max-width: 1023px) {
  #navi {
    display: none !important;
  }
  #header-container-in, #header, #header-in, #header-in.wrap {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  #header-in .logo-header {
    min-width: 0;
    max-width: 100%;
  }
  #header-container {
    width: 100% !important;
    max-width: 100vw !important;
    right: 0 !important;
    left: 0 !important;
  }
}

body .mobile-footer-menu-buttons.mobile-menu-buttons {
  min-height: 54px !important;
}
body .mobile-footer-menu-buttons .menu-button {
  padding: 4px 0 !important;
}
body ul.mobile-footer-menu-buttons.mobile-menu-buttons {
  min-height: 54px !important;
}
#sidebar .widget-entry-card-date, .related-entry-card-date {
  white-space: normal !important;
  flex-wrap: wrap !important;
  row-gap: 2px;
}
#sidebar .widget-entry-card-date .card-cat, .related-entry-card .card-cat {
  max-width: 100%;
}
.card-cat {
  overflow: hidden;
  text-overflow: ellipsis;
}
.toc .toc-list ol, .toc-list ol {
  list-style: none !important;
  margin-top: 6px;
}
.toc .toc-list ol > li, .toc-list ol > li {
  position: relative;
  padding-left: 16px;
  margin-bottom: 6px;
}
.toc .toc-list ol > li::marker, .toc-list ol > li::marker {
  content: none;
}
@media screen and (max-width: 834px) {
  .related-entry-card {
    display: flex !important;
    align-items: flex-start;
    gap: 12px;
  }
  .related-entry-card-thumb img {
    aspect-ratio: 4/3;
  }
  .related-entry-card-content {
    flex: 1 1 auto;
    min-width: 0;
  }
}

.hdr-panel, .hdr-search-panel, .hdr-menu-panel {
  background: rgba(31,78,121,.80) !important;
  -webkit-backdrop-filter: saturate(140%) blur(14px) !important;
  backdrop-filter: saturate(140%) blur(14px) !important;
}
@media screen and (max-width: 834px) {
  #header-container {
    background: rgba(31,78,121,.72) !important;
  }
}


@media screen and (max-width: 480px) {

}



@media screen and (max-width: 834px) {
  .pickup-prev {
    left: -2px !important;
  }
  .pickup-next {
    right: -2px !important;
  }
  .pickup-arrow .fa {
    font-size: 30px !important;
  }
}


@media screen and (min-width: 835px) {

}

.pickup-prev {
  left: calc(-1 * (50vw - 50%)) !important;
  justify-content: flex-start !important;
}
.pickup-next {
  right: calc(-1 * (50vw - 50%)) !important;
  justify-content: flex-end !important;
}
.card-cat > .fa {
  display: none !important;
}
.blogcard-site, .internal-blogcard-site, .blogcard-domain, .internal-blogcard-domain, .blogcard-footer .blogcard-site-name, .internal-blogcard-footer {
  display: none !important;
}
@media screen and (max-width: 480px) {
  body.single .entry-content > h2 {
    font-size: 19px !important;
    padding: 13px 16px !important;
  }
  body.single .entry-content > h3 {
    font-size: 17px !important;
  }
}

@media screen and (min-width: 835px) {
  .article-header:not(.category-header) {
    display: grid;
    grid-template-columns: 86px 1fr;
    grid-template-areas: 'date title' 'eye eye' 'w w';
    column-gap: 20px;
    align-items: start;
  }
  .article-header .entry-title {
    grid-area: title;
    margin: 0 0 6px;
    text-align: left;
  }
  .article-header .date-tags {
    grid-area: date;
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    border-right: 1px solid #E2E6EA;
    padding-right: 14px;
    margin: 6px 0 0 !important;
    text-align: left;
    line-height: 1.35;
  }
  .article-header .eye-catch-wrap {
    grid-area: eye;
    margin-top: 18px;
  }
  .article-header > .widget {
    grid-area: w;
  }
}

body.home .ad-area, body.home .ad-wrap, body.home .ad-label, body.home .ad-content-middle, body.home .ad-content-top, body.home .ad-content-bottom {
  display: none !important;
}




@media screen and (max-width: 834px) {







}

.related-list {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 12px !important;
}
.related-entry-card-thumb {
  float: none !important;
  width: 100% !important;
  margin: 0 0 8px !important;
  margin-bottom: 6px !important;
}
.related-entry-card-meta, .related-entry-card-info {
  position: static !important;
  margin-top: 2px !important;
}
@media screen and (max-width: 834px) {
  .related-entry-card-thumb {
    flex: 0 0 96px !important;
    width: 96px !important;
    margin: 0 !important;
  }
  .related-list {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  .entry-content img, .article img {
    max-height: 62vh;
    width: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  .entry-content .cat-label, .entry-content .card-thumb img {
    max-height: none;
  }
}

@media screen and (max-width: 480px) {
  body .entry-categories-tags .entry-categories {
    grid-template-columns: 1fr;
  }
}

body .entry-categories-tags .entry-categories .cat-link::before {
  content: '\f114';
  font-family: FontAwesome;
  color: #E2C173;
  margin-right: 8px;
  font-size: 13px;
}
@media screen and (max-width: 834px) {



}

.speech-balloon {
  background: #EFF3F6 !important;
  border: none !important;
  color: #3A4A55 !important;
  border-radius: 8px !important;
}
.speech-balloon::before, .speech-balloon::after {
  border-right-color: #EFF3F6 !important;
  border-left-color: #EFF3F6 !important;
}
.speech-icon-image, .speech-icon img {
  border: 1px solid #E2E6EA !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.speech-name {
  color: #1F4E79 !important;
  font-size: 11px;
}
.breadcrumb, .breadcrumb a, .breadcrumb span, .entry-date, .post-date, .post-update, .date-tags a, .article-header .date-tags, .article-header .date-tags a {
  color: #5A6B78 !important;
}
.breadcrumb .fa, .date-tags .fa, .entry-date .fa, .post-date .fa, .post-update .fa {
  color: #9AA0A6 !important;
}
.cat-tile {
  position: relative;
  display: block;
  height: 150px;
  border-radius: 0 !important;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-color: #C9CFD4;
  text-decoration: none;
  filter: saturate(.62);
  transition: filter .3s ease;
  clip-path: polygon(20px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 20px);
}
body.home {
  background: #FBFCFB;
}
body.home .entry-content > h2 {
  position: relative;
}
body.home .entry-content > h2::before {
  content: '';
  display: block;
  height: 34px;
  margin: 34px calc(50% - 50vw) 26px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 40' preserveAspectRatio='none'%3E%3Cpath d='M0 24 C 150 4 300 4 450 20 C 600 36 750 36 900 22 C 1020 10 1120 12 1200 20 L1200 40 L0 40 Z' fill='%23F1F4F2'/%3E%3C/svg%3E") repeat-x center bottom / auto 34px;
}
body.home .entry-content > h2:nth-of-type(even)::before {
  transform: scaleX(-1);
}
.cky-consent-container {
  max-width: 460px !important;
  left: auto !important;
  right: 16px !important;
  bottom: 16px !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 18px rgba(0,0,0,.16) !important;
}
.cky-consent-container .cky-notice-des p, .cky-consent-container .cky-title {
  font-size: 12px !important;
  line-height: 1.7 !important;
}
.cky-consent-container .cky-notice-btn-wrapper .cky-btn {
  font-size: 12px !important;
  padding: 7px 10px !important;
}
@media screen and (max-width: 834px) {
  .cky-consent-container {
    max-width: none !important;
    right: 8px !important;
    left: 8px !important;
    bottom: 62px !important;
  }
}

body.single .entry-content > h3 {
  background: transparent !important;
  color: #2B3A46 !important;
  border: none !important;
  border-bottom: 1px solid #DDDDDD !important;
  padding: 2px 0 2px 12px !important;
  text-align: left !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  margin-top: 36px !important;
  border-left: 4px solid #1F4E79 !important;
}
body.single .entry-content > h4 {
  color: #2B3A46 !important;
  font-weight: 700 !important;
}
.related-entries h2, .related-entry-heading, .related-entry-main-heading, .related-list h2, .related-list h3, .related-entry-card-title, .widget-entry-card-title, .card-title, .entry-card-title, .pickup-card-title {
  background: transparent !important;
  color: #3A4A55 !important;
  border: none !important;
  border-left: none !important;
  border-bottom: none !important;
  padding: 0 !important;
  margin-top: 0 !important;
}
.related-entry-heading, .related-entry-main-heading {
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 17px !important;
  font-weight: 500 !important;
  letter-spacing: .14em !important;
  color: #3A4A55 !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid #E2E6EA !important;
  padding: 0 0 8px !important;
  text-align: center !important;
  margin-bottom: 16px !important;
}
.related-entry-card-title {
  font-size: 13.5px !important;
  line-height: 1.6 !important;
  -webkit-line-clamp: initial !important;
  font-weight: 500 !important;
  display: block !important;
  -webkit-box-orient: vertical;
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
  margin: 6px 0 2px !important;
}
@media screen and (max-width: 834px) {
  .related-entry-card-title {
    font-size: 12.5px !important;
    line-height: 1.55 !important;
  }






  body.home .entry-content .new-entry-cards > a, body.home .entry-content .popular-entry-cards > a, body.home .entry-content .widget-entry-cards > a {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 12px !important;
  }
}

.article-header:not(.category-header) .eye-catch {
  margin: 0;
}
.article-header:not(.category-header) .eye-catch-image {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center;
  display: block;
}
.entry-content .marker, .entry-content .marker-under, .entry-content .marker2 {
  font-weight: 700;
}
.toc .toc-list ol > li::before, .toc-list ol > li::before {
  content: '';
  position: absolute;
  left: 0;
  top: .8em;
  width: 9px;
  height: 2px;
  background: #E2C173 !important;
}
.cat-label, .cat-label a, .entry-category {
  border-radius: 12px !important;
  background: rgba(53,140,188,.86) !important;
  padding: 3px 10px !important;
  font-size: 11px !important;
  letter-spacing: .04em;
}
body.home .cat-tile, .cat-tiles .cat-tile {
  border-radius: 0 10px 0 10px !important;
  clip-path: polygon(30px 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%, 0 30px) !important;
}
body.category .cat-tile, body.archive .cat-tile {
  clip-path: none !important;
  border-radius: 6px !important;
}
body:not(.single) .mobile-footer-menu-buttons .mfb-toc {
  display: none !important;
}
body.single .mobile-footer-menu-buttons .menu-button {
  width: 25% !important;
}
body:not(.single) .mobile-footer-menu-buttons .menu-button {
  width: 33.333% !important;
}
.widget-entry-card-date, .entry-content .widget-entry-card-date {
  justify-content: flex-start !important;
  text-align: left !important;
}
.pickup-card-meta {
  justify-content: flex-start !important;
}
body.home .entry-content h2 {
  border-bottom-color: #E2C173 !important;
}
body.home .entry-content h2::after {
  background: #E2C173 !important;
}
@media screen and (max-width: 834px) {
  body.home .entry-content .widget-entry-cards .widget-entry-card {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 12px !important;
  }
  body.home .entry-content .widget-entry-cards .card-thumb {
    flex: 0 0 116px !important;
    width: 116px !important;
    max-width: 116px !important;
    margin: 0 !important;
  }
  body.home .entry-content .widget-entry-cards .card-thumb img {
    width: 116px !important;
    max-width: 116px !important;
    height: 87px !important;
    object-fit: cover;
    border-radius: 4px;
  }
  body.home .entry-content .widget-entry-cards .card-content {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
  }
}

body .entry-categories-tags {
  border: none !important;
  margin: 30px 0 10px !important;
}
body .entry-categories-tags::before {
  content: 'CATEGORY';
  display: block;
  text-align: center;
  font-family: 'Zen Kaku Gothic New', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: .14em;
  color: #3A4A55;
  border-bottom: 1px solid #E2E6EA;
  padding-bottom: 8px;
  margin-bottom: 14px;
}
body .entry-categories-tags .entry-categories {
  display: flex !important;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
}
body .entry-categories-tags .entry-categories .cat-link {
  display: inline-flex !important;
  align-items: center;
  width: auto !important;
  background: rgba(53,140,188,.86) !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 14px !important;
  padding: 5px 14px !important;
  font-family: 'Zen Kaku Gothic New', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif !important;
  font-size: 12px !important;
  letter-spacing: .06em;
}
body .entry-categories-tags .entry-categories .cat-link::before, body .entry-categories-tags .entry-categories .cat-link::after {
  content: none !important;
}
body .entry-categories-tags .entry-categories .cat-link:hover {
  background: #1F4E79 !important;
  color: #fff !important;
}
body.home .home-sec {
  position: relative;
  margin: 0 calc(50% - 50vw);
  padding: 0 calc(50vw - 50%);
}
body.home .home-sec-in {
  padding: 10px 0 36px;
}
body.home .home-sec-alt::before, body.home .home-sec-alt::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: 34px;
  pointer-events: none;
}
body.home .home-sec-alt::after {
  bottom: -33px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 40' preserveAspectRatio='none'%3E%3Cpath d='M0 16 C 150 36 300 36 450 20 C 600 4 750 4 900 18 C 1020 30 1120 28 1200 20 L1200 0 L0 0 Z' fill='%23F1F4F2'/%3E%3C/svg%3E") repeat-x center top / auto 34px;
}
body.home .entry-content > h2::before, body.home .home-sec h2::before {
  content: none !important;
}
body.home .home-sec-alt + .home-sec .home-sec-in, body.home .home-sec-in {
  padding-top: 26px;
}
@media screen and (min-width: 835px) {
  .article-header {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
  }
}

.article-header {
  display: flex;
  flex-direction: column;
}
.article-header .entry-title {
  order: 1;
  text-align: left !important;
  margin: 0 0 10px !important;
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 26px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
}
.article-header .date-tags {
  order: 2;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  gap: 14px;
  border: none !important;
  padding: 0 !important;
  margin: 0 0 16px !important;
  font-size: 12px !important;
  color: #8A949B !important;
  text-align: left !important;
  justify-content: flex-start !important;
}
.article-header .date-tags .post-date, .article-header .date-tags .post-update {
  white-space: nowrap;
  color: #8A949B !important;
}
.article-header .eye-catch-wrap {
  order: 3;
  margin: 0 0 22px !important;
}
.article-header > .widget {
  order: 4;
}
@media screen and (max-width: 480px) {
  .article-header .entry-title {
    font-size: 21px !important;
  }
}

.pickup-wrap > * {
  position: relative;
  z-index: 1;
}
.pickup-cards {
  scrollbar-width: none;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 480px) {

}.widget-entry-card-date {
  max-width: 100%;
  overflow: hidden;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row !important;
}
.widget-entry-card-date .post-date {
  order: 1 !important;
}
.widget-entry-card-date .post-update {
  order: 2 !important;
}
.widget-entry-card-date .card-cat {
  color: #9AA0A6;
  order: 3 !important;
  display: inline-flex !important;
  align-items: center;
  margin-left: 0 !important;
}.entry-categories-tags {
  border-top: none !important;
  padding-top: 4px;
  position: relative;
  margin-top: 26px;
}
#sidebar .widget-sidebar-title {
  text-align: center;
}
.sp-toc-panel ol ol a {
  font-size: 13px;
  opacity: .9;
}
.sp-toc-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.35);
  z-index: 999;
  opacity: 0;
  pointer-events: none;
  transition: opacity .28s ease;
}
body.sp-toc-open .sp-toc-overlay {
  opacity: 1;
  pointer-events: auto;
}
body.sp-toc-open {
  overflow: hidden;
}
.pickup-arrow {
  position: absolute;
  top: 40% !important;
  transform: translateY(-50%);
  z-index: 3;
  width: 44px !important;
  height: 56px !important;
  border-radius: 0 !important;
  border: none !important;
  cursor: pointer;
  background: transparent !important;
  box-shadow: none !important;
  color: #333333;
  font-size: 16px;
  line-height: 42px;
  text-align: center;
  padding: 0 !important;
  display: none !important;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 1px 3px rgba(255,255,255,.85));
}
.pickup-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  border: none;
  padding: 0;
  cursor: pointer;
  background: #D6DCE1 !important;
}
.pickup-dot.is-active {
  background: #333333 !important;
}
#sidebar .widget-sidebar-title::after, #sidebar .widget-title::after {
  position: static !important;
  transform: none !important;
  width: auto !important;
  height: auto !important;
  background: none !important;
  display: block;
  margin-top: 3px;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .14em;
  color: #9AA0A6;
}
.sp-toc-panel {
  position: fixed;
  top: 0;
  bottom: 0;
  left: auto !important;
  width: 84%;
  max-width: 340px;
  z-index: 1000;
  background: rgba(255,255,255,.94) !important;
  -webkit-backdrop-filter: saturate(140%) blur(12px) !important;
  backdrop-filter: saturate(140%) blur(12px) !important;
  transform: translateX(100%) !important;
  transition: transform .28s ease;
  overflow-y: auto;
  padding: 56px 20px 40px;
  color: #3A4A55 !important;
  font-family: 'Zen Kaku Gothic New', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  right: 0 !important;
  box-shadow: -2px 0 14px rgba(0,0,0,.12);
}
body.sp-toc-open .sp-toc-panel {
  transform: translateX(0) !important;
}
.sp-toc-panel a {
  color: #3A4A55 !important;
  text-decoration: none;
  display: block;
  padding: 9px 0;
  font-size: 14px;
  line-height: 1.6;
}
.sp-toc-panel li {
  border-bottom: none !important;
}
.sp-toc-panel ol {
  list-style: decimal !important;
  margin: 0;
  padding: 0;
  padding-left: 20px !important;
}
.sp-toc-panel ol ol {
  padding-left: 12px !important;
  list-style: none !important;
}
.sp-toc-panel ol > li::marker {
  color: #1F4E79;
  font-size: 12px;
}
.sp-toc-panel ol ol > li {
  position: relative;
  padding-left: 16px;
}
.sp-toc-panel ol ol > li::before {
  content: '';
  position: absolute;
  left: 0;
  top: .9em;
  width: 9px;
  height: 2px;
  background: #E2C173;
}
.sp-toc-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 44px;
  height: 44px;
  background: transparent;
  border: none;
  color: #3A4A55 !important;
  font-size: 22px;
  cursor: pointer;
}
.sp-toc-title {
  font-size: 13px;
  letter-spacing: .16em;
  opacity: 1 !important;
  margin-bottom: 10px;
  color: #3A4A55 !important;
  text-align: center;
  border-bottom: 1px solid #E2E6EA;
  padding-bottom: 8px;
}#sidebar .widget-sidebar-title, #sidebar .widget-title {
  position: relative;
  padding-bottom: 14px !important;
  background-image: linear-gradient(#E2C173, #E2C173) !important;
  background-repeat: no-repeat !important;
  background-size: 38px 2px !important;
  background-position: center bottom !important;
}
@media screen and (max-width: 834px) {
  .pickup-card {
    flex: 0 0 88vw !important;
    max-width: none !important;
  }
  .pickup-card-title {
    font-size: 15px !important;
  }
}

body.home .ad-shortcode, body.home .ad-area.ad-shortcode, body.home .entry-content > .ad-area, body.home .entry-content .ad-shortcode {
  display: block !important;
}
@media screen and (min-width: 835px) {
  .sp-toc-panel, .sp-toc-overlay {
    display: none !important;
  }
}

.pickup-wrap::after {
  content: none !important;
  position: absolute;
  left: calc(50% - 50vw);
  width: 100vw;
  bottom: 0;
  height: 58%;
  background: #EFF3EE;
  z-index: 0;
  border-radius: 0;
}



.pickup-wrap {
  position: relative;
  margin: 0 calc(50% - 50vw) !important;
  padding: 0 calc(50vw - 50%) !important;
  background: linear-gradient(to bottom, transparent 0, transparent 42%, #EFF3EE 42%, #EFF3EE 100%) !important;
  padding-bottom: 8px !important;
}
.pickup-dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin: 0 calc(50% - 50vw) !important;
  background: #EFF3EE !important;
  padding: 12px calc(50vw - 50%) 16px !important;
  margin-top: -8px !important;
  padding-top: 20px !important;
}






@media screen and (max-width: 834px) {
  .widget-entry-cards.pickup-section .widget-entry-card {
    display: block !important;
  }
  .widget-entry-cards.pickup-section .card-thumb {
    flex: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 10px !important;
  }
  .widget-entry-cards.pickup-section .card-thumb img {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    aspect-ratio: 16/9;
    object-fit: cover;
  }
  .widget-entry-cards.pickup-section .card-title {
    font-size: 15px !important;
  }
}


#sidebar .widget-sidebar-title::before, #sidebar .widget-title::before {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 38px !important;
  height: 2px !important;
  background: #E2C173 !important;
  display: block;
  border-radius: 2px;
  box-shadow: none !important;
  background-image: none !important;
  background-size: 6px 6px, 6px 6px, 34px 2px !important;
  background-position: left center, right center, center center !important;
  background-repeat: no-repeat !important;
}


.pickup-card-thumb img {
  border-radius: 0 !important;
}
#navi .menu-header > li > a {
  position: relative;
}
#navi .menu-header > li > a::after {
  content: '';
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 16px;
  height: 3px;
  background: #E2C173;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .3s ease-in-out;
  pointer-events: none;
}
#navi .menu-header > li > a:hover::after, #navi .menu-header > li:hover > a::after {
  transform: scaleX(1);
}
body.home .home-sec-alt {
  background: #F1F4F2;
  margin-top: 26px;
}
body.home .home-sec-alt::before {
  top: -33px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 40' preserveAspectRatio='none'%3E%3Cpath d='M0 24 C 150 4 300 4 450 20 C 600 36 750 36 900 22 C 1020 10 1120 12 1200 20 L1200 40 L0 40 Z' fill='%23F1F4F2'/%3E%3C/svg%3E") repeat-x center bottom / auto 34px;
}
.toc .toc-list > li::marker, .toc-list > li::marker {
  color: #A9B2B8 !important;
  font-size: 12px;
  font-weight: 500;
}
#sidebar-scroll .toc-list > li::marker {
  color: #A9B2B8 !important;
}
body.single .entry-content > h2 {
  background: #6B879E !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 16px 22px !important;
  text-align: left !important;
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  letter-spacing: .06em !important;
  line-height: 1.4 !important;
  margin-top: 48px !important;
}
body.home .a-wrap, body.home .pickup-card {
  transition: opacity .25s ease, transform .25s ease;
}body.home .cat-tile {
  transition: filter .3s ease, opacity .25s ease;
}
body.home .cat-tile:hover {
  opacity: .82;
}

#navi .menu-header > li.menu-item-has-children {
  position: relative;
}
#navi .menu-header > li.menu-item-has-children::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 20px;
  z-index: 1;
}
#navi .menu-header > li > .sub-menu {
  top: calc(100% + 14px) !important;
}
a:hover, .entry-content a:hover {
  color: #4A6A88 !important;
}
body.home .a-wrap:hover, body.home .pickup-card:hover {
  opacity: .72;
  color: inherit !important;
}
@media screen and (max-width: 834px) {
  .widget-entry-card-date {
    gap: 6px !important;
    font-size: 9.5px !important;
    flex-wrap: nowrap !important;
  }
  .widget-entry-card-date .entry-date, .widget-entry-card-date .fa, .widget-entry-card-date .card-cat {
    font-size: 9.5px !important;
  }
  .widget-entry-card-date .card-cat {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }


  body .widget-entry-card-date, body .entry-content .widget-entry-card-date {
    flex-wrap: nowrap !important;
    gap: 5px !important;
    font-size: 9px !important;
    align-items: center !important;
  }
  body .widget-entry-card-date .fa {
    margin-right: 2px !important;
  }
  body .widget-entry-card-date .post-date {
    display: none !important;
  }
  body .widget-entry-card-date {
    flex-wrap: nowrap !important;
    gap: 10px !important;
    font-size: 10.5px !important;
    white-space: nowrap !important;
    align-items: center !important;
  }
  body .widget-entry-card-date .entry-date, body .widget-entry-card-date .fa, body .widget-entry-card-date .card-cat {
    font-size: 10.5px !important;
    white-space: nowrap !important;
  }
  body .widget-entry-card-date .card-cat {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }


}

/* 整理で入れ替わってしまった1か所を元の値に戻す（トップの国タイル） */
body.home .cat-tile {
  border-radius: 0 10px 0 10px !important;
  clip-path: polygon(30px 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%, 0 30px) !important;
}

/* ===== ここから下はカスタマイザーの「追加CSS」から移動（2026-08-11） =====
   以前は追加CSSが後から読み込まれていたので、同じ順序になるよう末尾に置いています。 */

/* ===== フォント（きぬたブログと同じシステムフォント・ウェブフォントは使わない） ===== */
body,
body.ff-noto-sans-jp,
.wf-active body.ff-noto-sans-jp,
.entry-content, .article,
.entry-content h2, .article h2,
.entry-content h3, .article h3,
.entry-content h4, .article h4,
.entry-title, .article-title,
.site-name-text,
#navi .item-label,
#sidebar .widget-sidebar-title, #sidebar .widget-title,
.toc .toc-title,
.entry-card-title, .new-entry-card-title, .navi-entry-card-title,
.breadcrumb, .breadcrumb a,
.entry-date, .post-date, .date-tags a,
.cat-label, .cat-link,
.btn, .btn-wrap a,
.hdr-menu-list a,
.pr-label-s {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  letter-spacing: .1em;
}.entry-content h2, .article h2 {
  position: static;
}
.entry-content h2::after, .article h2::after { content: none; }
@media(max-width:480px){
}

/* ===== 目次（lililife型・枠なし／中央） ===== */
.article .toc, .entry-content .toc {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  width: auto;
  max-width: 460px;
  margin: 50px auto;
  padding: 14px 23px;
}
.toc .toc-title {
  font-size: 16px;
  font-weight: 400;
  color: #3F4544;
  text-align: center;
  padding: 0 0 10px;
  border-bottom: 4px solid #C7D3DE;
}
.toc .toc-list a { color: #3F4544; font-size: 14px; text-decoration: none; }

/* ===== マーカー（下半分だけ） ===== */
.entry-content .marker,
.entry-content .marker-under {
  background: linear-gradient(transparent 62%, #FCE3A6 62%) !important;
}
.entry-content .marker2 {
  background: linear-gradient(transparent 62%, #CBDCEC 62%) !important;
}

/* ===== トップページの記事カードを2列に ===== */
.entry-content .new-entry-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.entry-content .new-entry-cards > a {
  width: 48.5%;
  margin-bottom: 24px;
}
@media(max-width:480px){
  .entry-content .new-entry-cards > a { width: 48.5%; }
}

/* ===== 記事一覧カード（lililife型・タイトル中央） ===== */
.ect-vertical-card .entry-card-title,
.ect-vertical-card-2 .entry-card-title,
.ect-vertical-card-3 .entry-card-title,
.entry-content .new-entry-card-title {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #3F4544;
  text-align: center;
  line-height: 1.6;
}
/* 関連記事とサイドバーは左揃えのまま */
.related-entry-card-title { text-align: left; }#sidebar .widget-entry-card-title {
  text-align: left;
  font-weight: 500 !important;
}
.entry-card-wrap, .entry-card { border: none !important; }

/* ===== VIEW MOREボタンを中央に ===== */
.entry-content .btn-wrap { text-align: center !important; }
/* ヘッダーメニューを太く */
#navi .item-label, #navi .menu-item a { font-weight: 700; }

/* ===== 日付・パンくずの小さな文字 ===== */
.breadcrumb, .breadcrumb a, .breadcrumb span,
.entry-date, .post-date, .date-tags a { color: #D5A721; }
.breadcrumb .fa, .date-tags .fa,
.entry-date .fa, .post-date .fa { color: #D5A721; }

/* ===== カテゴリの見せ方 ===== */
/* カード上のラベルは青地に白文字 */
.cat-label {
  background-color: #1F4E79 !important;
  color: #FFFFFF !important;
  border-color: #1F4E79 !important;
}
/* 記事下のカテゴリはベージュの小さなチップ */
.entry-categories-tags .cat-link,
.entry-categories .cat-link {
  background-color: #F3F0EC !important;
  color: #3F4544 !important;
  border: none !important;
  border-radius: 2px;
  padding: 2px 8px;
  font-size: 12px;
}
.entry-categories-tags .cat-link .cat-icon { display: none; }
#sidebar a { color: #3F4544; }
#sidebar .widget_nav_menu a:hover, #sidebar .widget_categories a:hover { color: #1F4E79; }
/* WRITER（lililife型・丸写真＋中央揃え） */
#sidebar .author-box {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  text-align: center;
}
#sidebar .author-thumb img {
  width: 100px !important;
  height: 100px !important;
  border-radius: 50% !important;
}
#sidebar .author-name, #sidebar .author-name a {
  font-size: 16px;
  font-weight: 700;
  color: #3F4544;
  text-decoration: none;
  text-align: center;
}
#sidebar .author-description {
  font-size: 14px;
  color: #3F4544;
  text-align: left;
  line-height: 1.8;
}

/* ===== PR表記（lililife型・小さな枠のみ） ===== */
.pr-label-s {
  font-size: 12px;
  color: #3F4544;
  background: #FFFFFF;
  border: 1px solid #BBBBBB;
  padding: 2px 12px;
  border-radius: 0;
}

/* ===== 記事末の著者ボックスを非表示（サイドバーのプロフィールは残す） ===== */
.article .author-info, .entry-content + .author-info,
main .author-box, .single .author-info { display: none !important; }

/* ===== トップのピックアップを横スライドに ===== */
.recommended { position: relative; }
.recommended .navi-entry-cards {
  flex-wrap: nowrap;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  justify-content: flex-start;
  gap: 14px;
  padding: 4px 16px 6px;
  scroll-padding-left: 16px;
  scrollbar-width: none;
}
.recommended .navi-entry-cards::-webkit-scrollbar { display: none; }
.recommended .navi-entry-card-link {
  flex: 0 0 auto;
  width: 300px !important;
  scroll-snap-align: start;
  margin: 0;
}
@media(max-width:834px){ .recommended .navi-entry-card-link { width: 52vw !important; } }
@media(max-width:480px){ .recommended .navi-entry-card-link { width: 78vw !important; } }
.rcs-arrow {
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 36px; height: 36px; border-radius: 50%;
  background: rgba(255,255,255,.92); border: 1px solid #E0E0E0;
  color: #1F4E79; font-size: 16px; line-height: 1;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; z-index: 3; box-shadow: 0 1px 6px rgba(0,0,0,.10);
}
.rcs-arrow:hover { background: #fff; }
.rcs-arrow[hidden] { display: none; }
.rcs-arrow.prev { left: -6px; }
.rcs-arrow.next { right: -6px; }

/* ===== トップページの日付を出さない ===== */
.home .article-header .date-tags { display: none !important; }

/* ===== 記事カードに影と、触ったときの浮き上がり（lililife型） ===== */
.entry-card-wrap,
.entry-content .new-entry-cards > a,
.recommended .navi-entry-card-link {
  background-color: #FFFFFF;
  box-shadow: 0 1px 6px rgba(0,0,0,.06);
  transition: box-shadow .3s ease-in-out, transform .3s ease-in-out;
}
.entry-card-wrap:hover,
.entry-content .new-entry-cards > a:hover,
.recommended .navi-entry-card-link:hover {
  box-shadow: 0 3px 18px 3px rgba(0,0,0,.08);
  transform: translateY(-3px);
  background-color: #FFFFFF;
}

/* ===== サイドバー：プロフィール下のフォローボタンは出さない ===== */
#sidebar .author-box .profile-follows { display: none !important; }

/* ===== 検索窓（lililife型・白地に細枠＋アイコンだけのボタン） ===== */
#sidebar .search-box.input-box {
  position: relative; display: flex; align-items: center;
  border: none; background: transparent;
}
#sidebar .search-box .search-edit {
  width: 100%; background: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 4px;
  font-size: 15px; padding: 11px 44px 11px 11px; color: #3F4544; box-shadow: none;
}
#sidebar .search-box .search-submit {
  position: absolute; right: 0; background: transparent; border: none;
  color: #D5A721; font-size: 20px; line-height: 1; padding: 0 12px; cursor: pointer;
}
#sidebar .search-box .search-submit:hover { color: #1F4E79; }

/* ===== VIEW MOREまわりの余白（スマホで詰める） ===== */
@media(max-width:480px){
  .home .entry-content .wp-block-spacer:has(+ .wp-block-cocoon-blocks-button-wrap-1) {
    height: 6px !important; margin-bottom: 0 !important;
  }
  .home .entry-content .wp-block-cocoon-blocks-button-wrap-1 { margin-bottom: 0 !important; }
  .home .entry-content .wp-block-cocoon-blocks-button-wrap-1 + .wp-block-spacer {
    height: 20px !important; margin-bottom: 0 !important;
  }
  .home .entry-content .btn-wrap a { padding: 12px 38px; }
}#header-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 900;
  -webkit-backdrop-filter: saturate(140%) blur(10px);
  backdrop-filter: saturate(140%) blur(10px);
  transition: transform .28s ease;
  will-change: transform;
}
body.hdr-hidden #header-container { transform: translateY(-100%); }
#header-container-in, #header, #navi { background: transparent !important; }
body.admin-bar #header-container { top: 32px; }
@media(max-width:782px){ body.admin-bar #header-container { top: 46px; } }

/* ヘッダー右のボタン（検索・メニュー） */
#header-in { position: relative; }
.hdr-tools {
  position: absolute; right: 12px; top: 50%; transform: translateY(-50%);
  display: flex; gap: 2px; z-index: 2;
}
.hdr-btn {
  width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;
  background: transparent; border: none; color: #FFFFFF; font-size: 18px;
  cursor: pointer; border-radius: 4px; padding: 0;
}
.hdr-btn:hover { background: transparent; }
.hdr-bars { display: block; width: 20px; }
.hdr-bars i {
  display: block; height: 2px; background: #FFFFFF; border-radius: 2px; margin: 4px 0;
  transition: transform .2s ease, opacity .2s ease;
}
body.hdr-menu-open .hdr-bars i:nth-child(1) { transform: translateY(6px) rotate(45deg); }
body.hdr-menu-open .hdr-bars i:nth-child(2) { opacity: 0; }
body.hdr-menu-open .hdr-bars i:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

/* 開くパネル */
.hdr-panel {
  display: none; background: rgba(31,78,121,.96);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  border-top: 1px solid rgba(255,255,255,.22); padding: 14px 16px 18px;
}
body.hdr-search-open .hdr-search-panel { display: block; }
body.hdr-menu-open .hdr-menu-panel { display: block; }
.hdr-search-panel .search-box { max-width: 520px; margin: 0 auto; position: relative; display: flex; align-items: center; }
.hdr-search-panel .search-edit {
  width: 100%; background: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 4px;
  font-size: 15px; padding: 11px 44px 11px 11px; color: #3F4544;
}
.hdr-search-panel .search-submit {
  position: absolute; right: 0; background: transparent; border: none;
  color: #D5A721; font-size: 20px; padding: 0 12px; cursor: pointer;
}
.hdr-menu-list { list-style: none; margin: 0 auto; padding: 0; max-width: 520px; }
.hdr-menu-list li { border-bottom: 1px solid rgba(255,255,255,.18); }
.hdr-menu-list li:last-child { border-bottom: none; }
.hdr-menu-list a { display: block; padding: 13px 4px; color: #FFFFFF; text-decoration: none; font-weight: 700; }
.hdr-menu-list a:hover { opacity: .75; }
.hdr-menu-list .sub-menu { list-style: none; margin: 0 0 6px; padding: 0 0 0 14px; }
.hdr-menu-list .sub-menu a { font-weight: 400; font-size: 14px; padding: 9px 4px; }
.hdr-menu-list .item-description { display: none; }
.hdr-menu-list .top-has-sub, .hdr-menu-list .has-sub { display: none; }
.hdr-menu-list .caption-wrap { display: block; }
.hdr-menu-panel { max-height: calc(100vh - 132px); overflow-y: auto; -webkit-overflow-scrolling: touch; }
@media(max-width:834px){ .hdr-menu-panel { max-height: calc(100vh - 72px); } }

/* ===== スマホ：ロゴが検索・メニューボタンに重ならないように ===== */
@media(max-width:834px){
  #header-in { padding-left: 12px; padding-right: 92px; }
  .logo-header .site-logo-image, .logo-header .header-site-logo-image {
    max-width: 230px; height: auto;
  }
  .hdr-tools { right: 6px; }
}
@media(max-width:400px){
  .logo-header .site-logo-image, .logo-header .header-site-logo-image { max-width: 200px; }
}.mobile-footer-menu-buttons.mobile-menu-buttons {
  box-shadow: none;
  border-top: 1px solid rgba(85,85,85,.14);
}
.mobile-footer-menu-buttons > .menu-button > a,
.mobile-footer-menu-buttons > .menu-button > label { color: #1F4E79; }
/* backdrop-filter が効かない環境では白を濃くする */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
}

/* ===== 記事サイドバーの追従目次（PCのみ） ===== */
#sidebar-scroll {
  top: 96px;
  max-height: calc(100vh - 130px);
  overflow-y: auto;
  overscroll-behavior: contain;
}
#sidebar-scroll .toc {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
}
#sidebar-scroll .toc-list > li { margin-bottom: 6px; }
@media screen and (max-width: 1023px) {
  #sidebar-scroll { display: none; }
}

/* ===== PCヘッダー：ロゴの横にメニューを並べる（1段・2026-08-10） ===== */
@media screen and (min-width: 1024px) {
  #header-container-in {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 1256px;
    margin: 0 auto;
    padding: 0 12px;
    min-height: 76px;
    box-sizing: border-box;
  }
  #header { flex: 0 0 auto; width: auto; height: auto; }
  #header-in { position: static; width: auto; max-width: none; padding: 0; height: auto; }
  #navi { flex: 1 1 auto; min-width: 0; width: auto; height: auto; }
  #navi-in { width: auto; max-width: none; padding: 0 52px 0 20px; height: auto; }
  #navi .menu-header { justify-content: flex-end; flex-wrap: nowrap; height: auto; }
  #navi .menu-header > li { width: auto; height: auto; }
  #navi .menu-header > li > a { height: auto; padding: 10px 14px; }
  .hdr-tools .hdr-menu-btn { display: none; }
}

/* ===== アフィリエイトボタン：カーソルを合わせると影 ===== */
.entry-content a[rel~="sponsored"][style*="display:block"] {
  transition: box-shadow .2s ease, transform .2s ease;
}
.entry-content a[rel~="sponsored"][style*="display:block"]:hover {
  box-shadow: 0 6px 16px rgba(0,0,0,.22);
  transform: translateY(-1px);
}.entry-content h2, .article h2 {
  font-family: 'Zen Kaku Gothic New', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  background: transparent;
  border: none;
  border-radius: 0;
  border-top: 2px solid #D8DEE3;
  border-bottom: 2px solid #D8DEE3;
  padding: 14px 0;
  margin-top: 48px;
  font-weight: 500;
  letter-spacing: .08em;
  color: #3A4A55;
}.entry-content h3, .article h3 {
  font-family: 'Zen Kaku Gothic New', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  background: transparent;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #E2E6EA;
  padding: 0 0 8px;
  margin-top: 36px;
  font-weight: 500;
  letter-spacing: .08em;
  color: #3A4A55;
}.entry-content h4, .article h4 {
  font-family: 'Zen Kaku Gothic New', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  background: transparent;
  border: none;
  padding: 0;
  margin-top: 28px;
  font-weight: 500;
  letter-spacing: .08em;
  color: #8A8A85;
}
@media(max-width:480px){.entry-content h2, .article h2 {
  padding: 12px 0;
  margin-top: 40px;
}.entry-content h3, .article h3 {
  margin-top: 30px;
}
}#sidebar .widget-sidebar-title, #sidebar .widget-title {
  font-family: 'Zen Kaku Gothic New', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  background: transparent !important;
  color: #3A4A55 !important;
  border: none !important;
  border-radius: 0 !important;
}#navi .item-label, #navi .menu-item a, .hdr-menu-list a {
  font-family: 'Zen Kaku Gothic New', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

/* ===== 記事下のカテゴリ・タグは出さない ===== */
.entry-categories-tags { display: none !important; }

/* ===== 記事カード：タイトル3行・細く／説明文・投稿日更新日（2026-08-10） ===== */
.widget-entry-cards:not(.large-thumb-on) .card-title,
.widget-entry-cards.large-thumb-on .card-title,
.entry-card-title, .related-entry-card-title {
  font-family: 'Zen Kaku Gothic New', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 500; letter-spacing: .04em; line-height: 1.6;
  display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 3;
}
.widget-entry-cards:not(.large-thumb-on) .card-snippet,
.widget-entry-cards.large-thumb-on .card-snippet,
.entry-card-snippet, .related-entry-card-snippet {
  font-size: 12px; line-height: 1.8; color: #8A8A85; letter-spacing: .04em; font-weight: 400;
  display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2;
  margin-top: 6px;
}
.widget-entry-card-date, .widget-entry-card-date .entry-date,
.widget-entry-card-date .post-date, .widget-entry-card-date .post-update,
.widget-entry-card-date .fa {
  font-size: 11px; color: #9AA0A6 !important; letter-spacing: .06em;
}
.widget-entry-card-date .fa { margin-right: 4px; }

/* 既存の !important 指定を上書き（カードタイトルを500・3行に） */
.ect-vertical-card .entry-card-title,
.ect-vertical-card-2 .entry-card-title,
.ect-vertical-card-3 .entry-card-title,
.entry-content .new-entry-card-title,
.entry-content .widget-entry-card-title {
  font-family: 'Zen Kaku Gothic New', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 500 !important;
  display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 3;
}

/* ===== メニューの文字をきぬた寄りに（きぬたは16px/400/字間.1em） ===== */
#navi .item-label,
#navi .menu-item a,
.hdr-menu-list a {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: .1em;
}.widget-entry-card-date {
  display: flex;
}
.widget-entry-card-date .widget-entry-card-update-date { margin-left: 0; }
.entry-content .widget-entry-card-date { justify-content: center; }
.entry-content .widget-entry-card-snippet { text-align: center; }
#sidebar .widget-entry-card-date, .related-entry-card-date { justify-content: flex-start; }

/* ===== 調整（2026-08-10 夜）見出しを戻す／サイドバー見出しは黄バーに戻す／フッター ===== */
.entry-content h2, .article h2 { font-size: 24px; }
.entry-content h3, .article h3 { font-size: 21px; }
.entry-content h4, .article h4 { font-size: 17px; }
@media(max-width:480px){
  .entry-content h2, .article h2 { font-size: 21px; }
  .entry-content h3, .article h3 { font-size: 19px; }
  .entry-content h4, .article h4 { font-size: 16px; }
}#sidebar .widget-sidebar-title, #sidebar .widget-title {
  font-size: 17px !important;
  letter-spacing: .1em !important;
  font-weight: 500 !important;
}
#footer .footer-widgets { margin: 0; }
#footer .footer-left, #footer .footer-center, #footer .footer-right { padding: 0; }
#footer .footer-widgets .widget { margin-bottom: 0; }
#footer .footer-bottom { margin-top: 0; padding: 14px 8px; }
/* CATEGORYの一覧に区切りと矢印 */
#sidebar .widget_nav_menu ul.menu { margin: 6px 0 0; }
#sidebar .widget_nav_menu ul.menu > li { border-bottom: 1px solid #ECEFF1; }
#sidebar .widget_nav_menu ul.menu a {
  display: flex; align-items: center; justify-content: space-between;
  padding: 11px 2px; font-size: 14px; line-height: 1.5; text-decoration: none;
}
#sidebar .widget_nav_menu ul.menu > li > a::after {
  content: '\f105'; font-family: FontAwesome; color: #C8CDD2; font-size: 14px; margin-left: 8px;
}
#sidebar .widget_nav_menu ul.menu a:hover { color: #358CBC; }
#sidebar .widget_nav_menu .sub-menu { margin: 0 0 6px; padding-left: 10px; }
#sidebar .widget_nav_menu .sub-menu li { border-top: 1px dotted #ECEFF1; }
#sidebar .widget_nav_menu .sub-menu a { font-size: 13px; color: #8A8A85; padding: 9px 2px; }
#sidebar .widget_nav_menu .sub-menu a::before { content: ''; width: 10px; height: 1px; background: #D5A721; margin-right: 8px; flex: 0 0 auto; }

/* ===== ヘッダー下のピックアップ＝ことりっぷ型（写真の下に白いカードでタイトル） ===== */
.recommended .navi-entry-card-link {
  background: #FFFFFF; border-radius: 4px; overflow: hidden;
  box-shadow: 0 1px 4px rgba(0,0,0,.10);
}
.recommended .navi-entry-card-content {
  position: static !important; background: none !important; background-image: none !important;
  padding: 12px 14px 14px !important; width: auto !important;
}
.recommended .navi-entry-card-title {
  color: #3A4A55 !important; text-shadow: none !important;
  font-size: 14px; font-weight: 500; line-height: 1.65; text-align: left;
  -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;
}
.recommended .navi-entry-card-thumb { border-radius: 0; }
.recommended .navi-entry-card-link:hover { box-shadow: 0 3px 10px rgba(0,0,0,.14); }
.recommended .navi-entry-cards { padding-bottom: 6px; }

/* ===== 2026-08-10 修正まとめ ===== */

/* 1. サイドバー見出しの黄色い縦線をやめて、細いグレーの下線に戻す */
#sidebar .widget-sidebar-title,
#sidebar .widget-title {
  border-left: none !important;
  border-bottom: 1px solid #E2E6EA !important;
  padding: 0 0 8px !important;
  text-align: center;
}

/* 3. スマホ固定フッターの backdrop-filter が、スライドメニューを
      バーの中に閉じ込めていたので、ぼかしを疑似要素に逃がす */
.mobile-footer-menu-buttons.mobile-menu-buttons {
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}.mobile-footer-menu-buttons.mobile-menu-buttons::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  -webkit-backdrop-filter: saturate(140%) blur(12px);
  backdrop-filter: saturate(140%) blur(12px);
  pointer-events: none;
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .mobile-footer-menu-buttons.mobile-menu-buttons::before { background: rgba(255,255,255,.94); }
}

/* ===== ピックアップ（自前カード・ことりっぷ型／カテゴリ＋投稿日＋更新日） ===== */
.pickup-cards {
  display: flex; gap: 14px; overflow-x: auto; -webkit-overflow-scrolling: touch;
  padding: 4px 4px 16px; margin: 0 0 8px;
}
.home .pickup-cards {
  margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);
  padding-left: calc(50vw - 50%); padding-right: calc(50vw - 50%);
}.pickup-card {
  background: #FFFFFF;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0,0,0,.10);
  text-decoration: none;
  color: inherit;
  transition: box-shadow .2s ease;
}
.pickup-card:hover { box-shadow: 0 3px 10px rgba(0,0,0,.14); }
.pickup-card-thumb { margin: 0; }
.pickup-card-thumb img { display: block; width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; }
.pickup-card-body { padding: 12px 14px 14px; }.pickup-card-title {
  font-family: 'Zen Kaku Gothic New', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 500;
  line-height: 1.65;
  color: #3A4A55;
  letter-spacing: .04em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}.pickup-card-meta {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  margin-top: 9px;
  font-size: 11px;
  color: #9AA0A6;
  letter-spacing: .04em;
}
.pickup-card-meta .fa { margin-right: 4px; }
@media(max-width:834px){ }

/* 新着カードの日付：スマホでも1行に */
.widget-entry-card-date { flex-wrap: nowrap; white-space: nowrap; gap: 10px; }
@media(max-width:480px){
  .widget-entry-card-date, .widget-entry-card-date .entry-date,
  .widget-entry-card-date .post-date, .widget-entry-card-date .post-update,
  .widget-entry-card-date .fa { font-size: 10px; letter-spacing: .02em; }
  .widget-entry-card-date { gap: 8px; }
}

/* フッターの文字を小さく */
#footer, #footer a, #footer .footer-bottom, #footer .navi-footer-in a { font-size: 12px; }
#footer .copyright { font-size: 11px; }

/* 5. スライドメニューが開くように（テーマ側の指定が別ルールに負けていたため上書き） */
#navi-menu-input:checked ~ #navi-menu-content,
#sidebar-menu-input:checked ~ #sidebar-menu-content {
  transform: translateX(0) !important;
  opacity: 1 !important;
}
#navi-menu-input:checked ~ #navi-menu-close,
#sidebar-menu-input:checked ~ #sidebar-menu-close {
  display: block !important;
}
#navi-menu-content .menu-drawer a { color: #3F4544; }

/* ===== カテゴリーページ（2026-08-10） ===== */
.archive-title { font-family: 'Zen Kaku Gothic New', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; font-size: 30px; font-weight: 500; letter-spacing: .1em; color: #3A4A55; margin: 4px 0 18px; }
.archive-title .fa, .archive-title .icon-folder-open { display: none; }
.category-content .eye-catch-wrap { margin: 0 0 18px; }
.category-content .eye-catch { margin: 0; border-radius: 6px; overflow: hidden; }
.category-content .eye-catch-image { width: 100%; height: 260px; object-fit: cover; display: block; }
@media(max-width:834px){ .category-content .eye-catch-image { height: 180px; } }
.category-content .entry-content { font-size: 14px; line-height: 1.95; color: #6B7278; margin: 0 0 4px; }
.category-content { border-bottom: 1px solid #ECEFF1; padding-bottom: 22px; margin-bottom: 26px; }
.category-content .cat-label { display: none; }
/* 子カテゴリーのチップ */
.cat-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 2px; }
.cat-chip {
  display: inline-flex; align-items: baseline; gap: 6px;
  border: 1px solid #DCE3E8; border-radius: 30px; padding: 6px 14px;
  font-family: 'Zen Kaku Gothic New', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; font-size: 13px; font-weight: 500; letter-spacing: .06em;
  color: #3A4A55; text-decoration: none; background: #fff; transition: all .2s ease;
}
.cat-chip span { font-size: 11px; color: #9AA0A6; }
.cat-chip:hover { border-color: #358CBC; color: #358CBC; }
.cat-chip:hover span { color: #358CBC; }

.category-content .eye-catch-wrap { display: block; }
.category-content .eye-catch { width: 100%; }

/* ===== VIEW MOREボタン＝KOKONTABI型（枠線・角なし・右に矢印） ===== */
.entry-content .btn-wrap a.btn:not(.view-more) {
  position: relative; text-align: center; line-height: 1.4;
  transition: background-color .2s ease, color .2s ease;
}.entry-content .btn-wrap a.btn:not(.view-more)::after {
  content: '\f105';
  font-family: FontAwesome;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 15px;
}
@media(max-width:480px){ .entry-content .btn-wrap a.btn:not(.view-more) { min-width: 0 !important; width: 100%; } }

/* ============ トップページ用（world-emo型） ============ */
/* 見出し＝小さい英字を上に、日本語を下に、短い下線 */
.home .entry-content h2,
.home .entry-content h3 {
  background: none !important;
  border: none !important;
  text-align: center;
  color: #3F4544;
  letter-spacing: .1em;
  padding: 0 0 15px !important;
  margin: 48px 0 22px !important;
  position: relative;
}
.home .entry-content h2 { font-size: 20px; font-weight: 700; }
.home .entry-content h3 { font-size: 17px; font-weight: 700; }
.home .entry-content .h-copy {
  display: block; font-size: 12px; font-weight: 400;
  letter-spacing: .16em; color: #9AA0A6; margin-bottom: 4px;
}
.home .entry-content h2::after,
.home .entry-content h3::after {
  content: ""; display: block; position: absolute;
  left: 50%; bottom: 0; transform: translateX(-50%);
  width: 56px; height: 1px; background: #1F4E79;
}

/* 写真の中のカテゴリ表示はやめる */
.home .new-entry-cards .cat-label,
.home .popular-entry-cards .cat-label { display: none !important; }

/* カテゴリの文字は、投稿日・更新日と同じ大きさ・色にそろえる */
.card-cat,
.pickup-cat,
.home .entry-content .widget-entry-card-content .cat-link,
.home .entry-content .card-content a[href*="/category/"] {
  font-size: 11px !important;
  color: #9AA0A6 !important;
  font-weight: 400 !important;
  display: inline-flex; align-items: center; gap: 4px;
  margin-right: 10px;
  text-decoration: none;
}
.card-cat::before,
.pickup-cat::before {
  font-family: FontAwesome; content: "\f07b"; font-size: 11px; color: #9AA0A6;
}
.new-entry-card-meta .card-info { display: flex; flex-wrap: wrap; align-items: center; }

/* 記事カードのタイトルは左寄せ */
.home .entry-content .new-entry-card-title,
.home .entry-content .popular-entry-card-title,
.home .entry-content .widget-entry-card-title,
.pickup-card-title {
  text-align: left !important;
}

/* トップはサイドバーを出さず本文を全幅に */
.home #sidebar { display: none !important; }
.home #main, .home .main {
  width: 100% !important; max-width: 100% !important;
  margin-right: 0 !important; float: none !important;
}
.home #content, .home .content { width: 100% !important; }

/* カードの列数 */
.home .entry-content .new-entry-cards,
.home .entry-content .popular-entry-cards {
  display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 24px;
}
.home .entry-content .new-entry-cards > a,
.home .entry-content .popular-entry-cards > a {
  width: calc((100% - 48px) / 3) !important;
  margin-bottom: 0 !important;
}
@media(max-width:834px){
  .home .entry-content .new-entry-cards > a,
  .home .entry-content .popular-entry-cards > a { width: calc((100% - 24px) / 2) !important; }
}

/* スマホ：ピックアップは1枚ずつ、カテゴリ別は2枚ずつ */
@media(max-width:480px){
  .home .entry-content .new-entry-cards > a,
  .home .entry-content .popular-entry-cards > a { width: calc((100% - 12px) / 2) !important; }
  .home .entry-content .new-entry-cards,
  .home .entry-content .popular-entry-cards { gap: 12px; }
}

/* ===== 目次の字体を他と揃える（2026-08-10） ===== */
.toc .toc-title, .toc-title {
  font-family: 'Zen Kaku Gothic New', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 15px; font-weight: 500; letter-spacing: .14em; color: #3A4A55;
}
.toc a, .toc .toc-list a, #sidebar-scroll .toc a {
  font-family: 'Zen Kaku Gothic New', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 400; letter-spacing: .04em;
}
.toc .toc-list > li, .toc-list > li { font-family: 'Zen Kaku Gothic New', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; }
.toc-title .toc-checkbox-label, .toc-title .toc-toggle { font-size: 11px; letter-spacing: .04em; }

/* トップページはサイドバーなし＝本文を中央に */
.home.no-sidebar .content .main { margin: 0 auto; max-width: 1120px; float: none; }

/* ===== NEW POST / POPULAR のタブ（きぬた・Emo型） ===== */








@media(max-width:480px){

}

/* ===== 2026-08-10 追い込み ===== */

/* PICK UPはスマホで1枚ずつ */
@media(max-width:480px){
  .home .entry-content .pickup-section > a { width: 100% !important; }
  .pickup-cards .pickup-card { width: 86vw !important; flex: 0 0 86vw !important; }
}

/* スマホ固定フッターを小さく */
.mobile-footer-menu-buttons.mobile-menu-buttons { font-size: 0; }
.mobile-footer-menu-buttons .menu-button > a,
.mobile-footer-menu-buttons .menu-button > label {
  padding: 6px 0 5px !important;
}
.mobile-footer-menu-buttons .menu-icon,
.mobile-footer-menu-buttons .menu-icon .fa {
  font-size: 17px !important;
  line-height: 1.1 !important;
}
.mobile-footer-menu-buttons .menu-caption {
  font-size: 9px !important;
  letter-spacing: .08em;
  line-height: 1.2 !important;
  margin-top: 1px !important;
}

/* CATEGORYのドロワーがヘッダーに重ならないように、ヘッダーのぶん下げる */
#navi-menu-content, .navi-menu-content {
  padding-top: 112px;
  box-sizing: border-box;
}
#navi-menu-content .navi-menu-close-button,
.navi-menu-content .menu-close-button {
  top: 90px;
}

/* ===== 2026-08-10 追い込み ===== */
#header-container { background: rgba(31,78,121,.80); }
#footer { background: rgba(31,78,121,.80); }
.entry-content .btn-wrap a.btn:not(.view-more) { border-color: #333333 !important; color: #333333 !important; }
.entry-content .btn-wrap a.btn:not(.view-more)::after { color: #333333; }
.entry-content .btn-wrap a.btn:not(.view-more):hover { background-color: #F4F4F2 !important; }
.cat-label { left: 10px; }
.pickup-card { flex: 0 0 380px; }
.pickup-card-title { font-size: 15px; }
.pickup-card-meta { gap: 12px; }
.pickup-card-meta .pickup-cat { order: 3; color: #9AA0A6; }
.pickup-card-meta .pickup-date { order: 1; }
.pickup-card-meta .pickup-update { order: 2; }
@media(max-width:834px){ .pickup-card { flex: 0 0 82vw; max-width: 360px; } }
.home .entry-content h3, .home .article h3 {
  font-size: 18px; border-bottom: none; padding-bottom: 0; margin-top: 34px; color: #6B7278;
}
.home .entry-content h3 .h-copy { font-size: 10px; letter-spacing: .24em; }
.home .entry-content h2 .h-copy { font-size: 12px; letter-spacing: .22em; }
.widget-entry-cards.ranking-visible .card-thumb::before {
  top: auto; bottom: 0; left: 0; width: 20px; height: 20px; line-height: 20px; padding: 0;
  font-size: 10px; text-align: center; border-radius: 0;
  background: rgba(58,74,85,.85) !important; color: #FFFFFF;
}
#sidebar .widget-entry-card-title { font-size: 13.5px !important; line-height: 1.6; }
#sidebar .widget-entry-card-date { font-size: 10px; gap: 8px; }
#sidebar .cat-label { font-size: 9px; padding: 1px 4px; }
.sidebar-more { text-align: center; margin: 12px 0 4px; }
.sidebar-more a {
  display: block; padding: 11px 10px; border: 1px solid #333333;
  color: #333333; text-decoration: none; font-size: 12px; letter-spacing: .14em; position: relative;
}
.sidebar-more a::after { content: '\f105'; font-family: FontAwesome; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); }
.sidebar-more a:hover { background: #F4F4F2; }

/* フッターの高さを小さく（テーマの height:50px を上書き） */
ul.mobile-footer-menu-buttons.mobile-menu-buttons {
  height: 42px !important;
  min-height: 42px !important;
}

/* ===== CATEGORYのドロワーも透過に・閉じるボタンを作り直す ===== */
#navi-menu-content, .navi-menu-content {
  background: rgba(31,78,121,.70) !important;
  -webkit-backdrop-filter: saturate(140%) blur(12px);
  backdrop-filter: saturate(140%) blur(12px);
}
#navi-menu-content a,
#navi-menu-content .menu-drawer a { color: #FFFFFF !important; }
#navi-menu-content .menu-drawer > li { border-bottom: 1px solid transparent; }
#navi-menu-content .menu-drawer > li:last-child { border-bottom: none; }
#navi-menu-content .menu-drawer .sub-menu a { color: rgba(255,255,255,.82) !important; font-size: 14px; }

/* 閉じる×＝小さな丸ボタンに */
#navi-menu-content .navi-menu-close-button,
#navi-menu-content .menu-close-button {
  position: absolute !important;
  top: 64px !important;
  right: 16px !important;
  left: auto !important;
  width: 34px !important;
  height: 34px !important;
  min-height: 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  color: #FFFFFF !important;
  background: transparent !important;
  border-radius: 50% !important;
  border: none !important;
}
#navi-menu-content .navi-menu-close-button:hover,
#navi-menu-content .menu-close-button:hover { background: rgba(255,255,255,.28) !important; }

/* ヘッダーメニューの子カテゴリも同じ透過（消えていたとき用に再指定） */
#navi .sub-menu,
#navi .menu-item .sub-menu {
  background: rgba(31,78,121,.70) !important;
  -webkit-backdrop-filter: saturate(140%) blur(10px);
  backdrop-filter: saturate(140%) blur(10px);
  border: none !important;
  box-shadow: none !important;
}
#navi .sub-menu a { background: transparent !important; color: #FFFFFF !important; }
#navi .sub-menu a:hover { background: rgba(255,255,255,.14) !important; }

/* 統合時に !important の強さを取り違えて落ちた指定を戻す（2026-08-11） */
#header-container { background: rgba(31,78,121,.87) !important; }
#footer, #footer a, #footer .footer-bottom, #footer .navi-footer-in a { font-size: 10px !important; }
#footer .copyright { font-size: 9px !important; }
#footer .footer-bottom { padding: 8px 8px !important; margin-top: 0 !important; }
.widget-entry-cards.ranking-visible .card-thumb::before {
  top: 0 !important; bottom: auto !important; left: 0 !important;
  width: 26px !important; height: 26px !important; line-height: 18px !important;
  padding: 4px !important; font-size: 12px !important;
}
.toc .toc-title, .toc-title { font-weight: 500 !important; }
.pickup-card-meta .pickup-date { order: 1 !important; }
.pickup-card-meta .pickup-update { order: 2 !important; }
.pickup-card-meta .pickup-cat { order: 3 !important; }
.widget-entry-card-date { display: flex !important; flex-wrap: wrap !important; gap: 3px 10px !important; }
.pickup-card { border-radius: 14px !important; }

/* スマホ固定フッターの白いガラス背景も戻す */
ul.mobile-footer-menu-buttons.mobile-menu-buttons { background-color: rgba(255,255,255,.72) !important; }

/************************************
** NEW POST / POPULAR タブ（2026-08-11 作り直し）
** 英語（上）＋日本語（下）を縦に積んで中央寄せ。下線は黄色。
************************************/
.tabbox-nav {
  display: flex; justify-content: center; align-items: flex-end; gap: 40px;
  border-bottom: 1px solid #E2E6EA; margin-bottom: 22px;
}
.tabbox-nav .tabbox-btn {
  flex: 0 0 auto; width: auto; margin: 0; padding: 12px 4px 10px;
  display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 4px;
  background: transparent; border: none; border-radius: 0; box-shadow: none; cursor: pointer;
  font-family: 'Zen Kaku Gothic New', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; font-size: 15px; font-weight: 500; letter-spacing: .18em; line-height: 1.2;
  color: #9AA0A6; position: relative; text-align: center; transition: color .2s ease;
}
.tabbox-nav .tabbox-btn::after {
  content: ''; display: block; font-size: 11px; font-weight: 400; letter-spacing: .12em;
  line-height: 1.2; color: #9AA0A6; position: static; width: auto; height: auto;
  background: none; transform: none; box-shadow: none; margin: 0;
}
.tabbox-nav .tabbox-btn:nth-of-type(1)::after { content: '新着記事'; }
.tabbox-nav .tabbox-btn:nth-of-type(2)::after { content: '人気記事'; }
.tabbox-nav .tabbox-btn.is-active { color: #333333; }
.tabbox-nav .tabbox-btn.is-active::after { color: #7A828A; }
.tabbox-nav .tabbox-btn.is-active::before {
  content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: #E2C173;
}
.tabbox-panel { display: none; }
.tabbox-panel.is-active { display: block; }
@media screen and (max-width: 480px){
  .tabbox-nav { gap: 28px; }
  .tabbox-nav .tabbox-btn { font-size: 14px; }
}

/* グローバルナビの黄色い線は文字の下へ */
#navi .menu-header > li > a::after { bottom: 8px !important; height: 2px !important; }

/************************************
** 2026-08-11 小見出し・背景・うねうね
************************************/
/* 記事の小見出しの下線をやめる（縦棒＋太字だけ） */
body.single .entry-content > h3, body.single .article h3 { border-bottom: none !important; }

/* 背景は白のみ（端に色を残さない） */
body.home, body { background: #FFFFFF !important; }
body.home .home-sec { background: transparent; }
body.home .home-sec-alt { background: #F1F4F2; }

/* うねうねを大きく */
body.home .home-sec-alt::before, body.home .home-sec-alt::after { height: 56px !important; }
body.home .home-sec-alt::before { top: -55px !important; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 60' preserveAspectRatio='none'%3E%3Cpath d='M0 34 C 180 0 330 0 480 26 C 640 54 800 56 960 30 C 1060 14 1140 16 1200 26 L1200 60 L0 60 Z' fill='%23F1F4F2'/%3E%3C/svg%3E") repeat-x center bottom / auto 56px !important; }
body.home .home-sec-alt::after { bottom: -55px !important; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 60' preserveAspectRatio='none'%3E%3Cpath d='M0 26 C 180 60 330 60 480 34 C 640 6 800 4 960 30 C 1060 46 1140 44 1200 34 L1200 0 L0 0 Z' fill='%23F1F4F2'/%3E%3C/svg%3E") repeat-x center top / auto 56px !important; }

/* NEW POST / POPULAR の下のうねうねを少し後ろへ */
body.home .home-sec-alt { margin-top: 64px !important; }

/* ===== portrait photo height cap (2026-08-11) : landscape photos unchanged / raise 620px to enlarge ===== */
.entry-content .wp-block-image img, .article .wp-block-image img { max-height: min(70vh, 620px); width: auto; margin-left: auto; margin-right: auto; }
.entry-content .wp-block-image figcaption, .article .wp-block-image figcaption { text-align: center; }

/************************************
** 2026-08-11 カードの影を外す／タイルのホバーで写真がゆっくり近づく
************************************/
/* カードの影をなくす（枠も影もない、フラットな見た目） */
.pickup-card, .pickup-card:hover,
.tabbox-panel .widget-entry-card-link, .tabbox-panel .popular-entry-card-link,
.widget-entry-cards .a-wrap, #sidebar .widget-entry-card-link,
.related-entry-card-link, .entry-card-wrap {
  box-shadow: none !important;
}

/* 国タイル：カーソルを置くと写真がゆっくり近づく */
.cat-tile {
  background-size: 100% auto !important; background-position: center center !important;
  transition: background-size .6s ease, filter .4s ease !important;
}
.cat-tile:hover {
  background-size: 112% auto !important; filter: saturate(.85) !important; opacity: 1 !important;
}

/************************************
** 2026-08-11 VIEW MORE ボタン（丸型＋矢印）
************************************/
.entry-content a.btn.view-more, a.view-more {
  position: relative; display: inline-flex; align-items: center; justify-content: center;
  width: 340px; max-width: 100%; min-height: 58px;
  padding: 14px 56px !important;
  background: #FFFFFF !important; color: #1F4E79 !important;
  border: 1px solid #1F4E79 !important; border-radius: 999px !important;
  font-size: 14px; font-weight: 500; letter-spacing: .2em; line-height: 1.4;
  text-decoration: none; box-shadow: none !important;
  transition: background-color .3s ease;
}
a.view-more > span { display: inline-block; }
a.view-more::after {
  content: ''; position: absolute; right: 26px; top: 50%; transform: translateY(-50%);
  width: 31px; height: 8px; background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 8'%3E%3Cg fill='none' stroke='%231F4E79' stroke-width='1'%3E%3Cpath d='M0 4h29'/%3E%3Cpath d='M25.5 1L29 4l-3.5 3'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain;
  transition: transform .3s ease;
}
a.view-more:hover { background: #F2F5F8 !important; color: #1F4E79 !important; }
a.view-more:hover::after { transform: translate(5px, -50%); }
@media screen and (max-width: 834px) {
  .entry-content a.btn.view-more, a.view-more { width: 300px; min-height: 54px; padding: 13px 50px !important; font-size: 13px; }
  a.view-more::after { right: 20px; width: 26px; }
}

/************************************
** 2026-08-11 トップにサイドバーを戻す／ピックアップ／ドット／ページ送り
************************************/
/* 1. （撤回）トップのサイドバーは出さない。全幅のまま */

/* 2. ピックアップ：PCでもう少し大きく＋カーソルで写真が寄る */
@media screen and (min-width: 1024px) {
  .pickup-card { flex: 0 0 540px !important; }
  .pickup-card-title { font-size: 16px !important; }
}
.pickup-card-thumb { overflow: hidden; }
.pickup-card-thumb img { transition: transform .55s ease; }
.pickup-card:hover .pickup-card-thumb img { transform: scale(1.07); }

/* 3. ドット＝現在地だけ横長のバーに */
.pickup-dot {
  width: 7px; height: 7px; border-radius: 50%;
  transition: background-color .3s ease;
}
.pickup-dot.is-active { width: 7px; background: #8FA2B0 !important; }

/* 4. ページ送りの数字を丸に */
.pagination .page-numbers {
  display: inline-flex !important; align-items: center; justify-content: center;
  width: 42px; height: 42px; padding: 0 !important; margin: 0 5px !important;
  border: 1px solid #E2E6EA !important; border-radius: 50% !important;
  background: #FFFFFF !important; color: #3A4A55 !important;
  font-size: 13px; letter-spacing: .04em; line-height: 1;
  transition: background-color .25s ease, color .25s ease, border-color .25s ease;
}
.pagination .page-numbers.current {
  background: #8FA2B0 !important; border-color: #8FA2B0 !important; color: #FFFFFF !important;
}
.pagination .page-numbers:not(.current):hover {
  background: #F2F5F8 !important; border-color: #C7D3DE !important; color: #1F4E79 !important;
}
.pagination .page-numbers.dots { border-color: transparent !important; background: transparent !important; }
.pagination .page-numbers.next, .pagination .page-numbers.prev,
.pagination-next-link {
  width: auto !important; padding: 0 20px !important; border-radius: 999px !important; height: 42px;
}

/* 5. トップ用サイドバーの中身 */
#sidebar .widget_common_ad .widget-sidebar-title, #sidebar .widget_common_ad .widget-title { display: none !important; }
#sidebar #block-57 .widget-sidebar-title::after { content: 'サイト内を検索'; }
#sidebar #block-58 .widget-sidebar-title::after { content: 'ホテルを探す'; }
.side-hotel { text-align: center; }
.side-hotel-lead { font-size: 12.5px; color: #6B7176; margin: 0 0 10px !important; letter-spacing: .04em; line-height: 1.7; }
.side-hotel-btn {
  display: block; padding: 13px 10px; background: #003B95; color: #FFFFFF !important;
  border-radius: 6px; font-size: 13.5px; letter-spacing: .08em; text-decoration: none !important;
  transition: background-color .25s ease;
}
.side-hotel-btn:hover { background: #002F77; }
.side-hotel-pr { font-size: 10px; color: #B0B6BA; margin: 7px 0 0 !important; letter-spacing: .12em; }

/* 6. （撤回）PCの記事カードは3列のまま */


/* ===== 2026-08-11 記事末尾のセクションラベル（あわせて読みたい／出典） ===== */
.entry-content .sec-label {
  position: relative;
  font-family: 'Zen Kaku Gothic New', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: .14em;
  color: #3A4A55;
  text-align: center;
  border-bottom: 1px solid #E2E6EA;
  padding: 0 0 8px;
  margin: 64px 0 18px;
  line-height: 1.3;
}
.entry-content .sec-label::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 38px;
  height: 2px;
  background: #E2C173;
}
.entry-content .sec-label .ja {
  display: block;
  margin-top: 3px;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .14em;
  color: #9AA0A6;
}
/* 出典（折りたたみ・控えめ） */
.entry-content .src-fold {
  margin: 44px 0 0;
  border-top: 1px solid #EDF0F2;
  padding-top: 12px;
}
.entry-content .src-fold summary {
  font-family: 'Zen Kaku Gothic New', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 11px;
  letter-spacing: .16em;
  color: #A9AFB4;
  cursor: pointer;
  list-style: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.entry-content .src-fold summary::-webkit-details-marker { display: none; }
.entry-content .src-fold summary::after { content: '＋'; font-size: 10px; color: #C3C9CD; }
.entry-content .src-fold[open] summary::after { content: '−'; }
.entry-content .src-fold ul { margin: 8px 0 0; padding: 0; list-style: none; }
.entry-content .src-fold li {
  font-size: 12.5px;
  line-height: 1.85;
  letter-spacing: .04em;
  color: #8A9095;
  padding-left: 12px;
  text-indent: -12px;
}
.entry-content .src-fold li::before { content: '・'; color: #C3C9CD; }
.entry-content .src-fold a { color: #6B818F; text-decoration: none; border-bottom: 1px solid #DDE3E7; }
.entry-content .src-fold a:hover { color: #358CBC; border-bottom-color: #358CBC; }

@media screen and (max-width: 480px) {
  .entry-content .sec-label { margin: 52px 0 16px; font-size: 16px; }
}

/* 子カテゴリタイルを記事一覧の先頭に全幅で置く（アイキャッチ無しでも出るように変更したため） */
.list > .cat-tiles {
  width: 100% !important; flex: 0 0 100% !important; order: -1;
  margin: 0 0 28px !important;
}

/************************************
** 2026-08-11 ピックアップの角丸／メニュー下線／物販カード
************************************/
.pickup-card { border-radius: 16px !important; }
.pickup-card-thumb, .pickup-card-thumb img { border-top-left-radius: 16px; border-top-right-radius: 16px; }

#navi .menu-header > li > a::after {
  bottom: 3px !important; left: 9px !important; right: 9px !important; height: 1px !important;
}

.easyLink-box {
  border: none !important; border-radius: 8px !important;
  box-shadow: 0 1px 8px -4px rgba(0,0,0,.28), 0 0 0 1px rgba(0,0,0,.05) !important;
  padding: 22px 24px !important; background: #FFFFFF !important;
}
.easyLink-info-name, .easyLink-info-name a {
  font-size: 15px !important; font-weight: 700 !important; color: #3A4A55 !important; line-height: 1.6 !important;
}
.easyLink-info-btn { display: flex !important; flex-wrap: wrap; gap: 10px; margin-top: 14px !important; }
.easyLink-info-btn a {
  flex: 1 1 0 !important; width: auto !important; min-width: 0 !important; max-width: 230px;
  border-radius: 999px !important; height: 40px !important; min-height: 40px !important;
  padding: 0 12px !important; font-size: 12.5px !important; letter-spacing: .02em !important;
  white-space: nowrap !important; box-shadow: none !important;
  align-items: center !important; justify-content: center !important;
  transition: opacity .25s ease;
}

@media screen and (max-width: 480px) {
  .easyLink-box { padding: 18px 16px !important; }
  .easyLink-info-btn a { width: 100% !important; padding: 0 12px !important; }
}

/************************************
** 2026-08-11 リンクの押した感
************************************/
/* 本文のテキストリンク：カーソル・タップでしっかり色が変わる */
.entry-content p > a:not([style*="background"]):not(.btn):not(.view-more),
.entry-content li > a:not([style*="background"]):not(.btn):not(.view-more) {
  transition: color .15s ease;
}
.entry-content p > a:not([style*="background"]):not(.btn):not(.view-more):hover,
.entry-content li > a:not([style*="background"]):not(.btn):not(.view-more):hover,
.entry-content p > a:not([style*="background"]):not(.btn):not(.view-more):focus,
.entry-content li > a:not([style*="background"]):not(.btn):not(.view-more):focus {
  color: #358CBC !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}
.entry-content p > a:not([style*="background"]):not(.btn):not(.view-more):active,
.entry-content li > a:not([style*="background"]):not(.btn):not(.view-more):active {
  color: #E2C173 !important;
  text-decoration: underline !important;
}

/* アフィリエイトのボタン：文字色は白のまま、ボタン自体が少し明るくなる */
.entry-content a[rel*="sponsored"][style*="background"], .easyLink-info-btn a, .side-hotel-btn {
  transition: filter .2s ease !important;
}
.entry-content a[rel*="sponsored"][style*="background"]:link, .entry-content a[rel*="sponsored"][style*="background"]:visited, .entry-content a[rel*="sponsored"][style*="background"]:hover, .entry-content a[rel*="sponsored"][style*="background"]:active, .entry-content a[rel*="sponsored"][style*="background"]:focus,
.easyLink-info-btn a:link, .easyLink-info-btn a:visited, .easyLink-info-btn a:hover, .easyLink-info-btn a:active, .easyLink-info-btn a:focus,
.side-hotel-btn:link, .side-hotel-btn:visited, .side-hotel-btn:hover, .side-hotel-btn:active, .side-hotel-btn:focus {
  color: #FFFFFF !important; text-decoration: none !important;
}
.entry-content a[rel*="sponsored"][style*="background"]:hover, .easyLink-info-btn a:hover, .side-hotel-btn:hover {
  filter: brightness(1.12) !important; opacity: 1 !important;
}
.entry-content a[rel*="sponsored"][style*="background"]:active, .easyLink-info-btn a:active, .side-hotel-btn:active {
  filter: brightness(1.2) !important; opacity: 1 !important;
}

/* VIEW MORE も同じ考え方（紺文字のまま、地がほんのり明るく） */
a.view-more:link, a.view-more:visited, a.view-more:hover, a.view-more:active {
  color: #1F4E79 !important;
}


/* ==========================================================
   記事内ボックスの統一（2026-08-12）
   Cocoon純正ブロック3種 ＋ アフィリエイトボタンの光沢
   ① データ箱     = ラベルボックス
   ② ひとことメモ = ボックス
   ③ 注意         = アイコンボックス（注意）
   ========================================================== */

/* ---- ① データ箱｜見出しを塗りつぶし、線が見出しの中央を通る ---- */
.entry-content .label-box-label{
  display: inline-block !important;
  position: relative;
  z-index: 1;
  background: #41607C !important;
  color: #fff !important;
  text-shadow: none !important;
  margin-left: 14px !important;
  padding: 0 10px !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  line-height: 1.65 !important;
  letter-spacing: .02em;
  border-radius: 2px !important;
}
.entry-content .label-box-label .label-box-label-text{
  color: #fff !important;
}
.entry-content .label-box-content{
  margin-top: -14px !important;   /* ラベルの中央に線が通る位置 */
  border: 1px solid #7A93AA !important;
  border-radius: 4px !important;
  padding: 15px 14px 10px !important;
}

/* ---- ② ひとことメモ｜塗りつぶし・枠なし ---- */
.entry-content .blank-box{
  border: none !important;
  background: #F0F4F8 !important;
  border-radius: 3px !important;
  padding: 14px 16px !important;
}

/* ---- ③ 注意｜アイコンを左に戻して、赤から黄へ ---- */
.entry-content .alert-box,
.entry-content .is-style-alert-box{
  background: #FFFBF0 !important;
  border: 1px solid #F2E6CB !important;   /* 1pxが最小。色を薄くして細く見せる */
  border-radius: 4px !important;
  padding: 14px 16px 14px 48px !important;
}
.entry-content .alert-box::before,
.entry-content .is-style-alert-box::before{
  top: 15px !important;
  left: 14px !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  font-size: 20px !important;
  color: #D9A521 !important;
  width: auto !important;
  border: none !important;
}

/* ---- アフィリエイトボタンの光沢（きのこブログと同じ動き） ---- */
.entry-content a[rel*="sponsored"][style*="background"]{
  position: relative !important;
  overflow: hidden !important;
}
.entry-content a[rel*="sponsored"][style*="background"]::after{
  content: "";
  position: absolute;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background: #fff;
  opacity: 0;
  transform: rotate(45deg);
  pointer-events: none;
  animation: tl-reflection 5s ease-in-out infinite;
}
@keyframes tl-reflection{
  0%   { transform: scale(0) rotate(45deg);  opacity: 0; }
  80%  { transform: scale(0) rotate(45deg);  opacity: .5; }
  81%  { transform: scale(4) rotate(45deg);  opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@media (prefers-reduced-motion: reduce){
  .entry-content a[rel*="sponsored"][style*="background"]::after{
    animation: none;
    opacity: 0;
  }
}
