@charset "UTF-8";

/*!
Theme Name: AdBridge
Description: PPCアフィリエイト向けのテーマです。【重要】このテーマは「Cocoon」の子テーマです。先にCocoon（親テーマ）をインストールしてから有効化してください。Cocoonは https://wp-cocoon.com/downloads/ から無料で入手できます。
Author:      AdBridge
Template:    cocoon-master
Version:     3.9.91
License:     GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: adbridge
*/

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

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

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

.s1, .s2, .s3 { }   

.c1 { --k:#29588e; --a:#3b80ce; --at:#276ebe; --al:#edf3fa; }   
.c2 { --k:#7336ba; --a:#803bce; --at:#8a45d9; --al:#f3edfa; }   
.c3 { --k:#9a2d5c; --a:#ce3b7b; --at:#c7296d; --al:#faedf3; }   
.c4 { --k:#864727; --a:#ce6c3b; --at:#ae5224; --al:#faf1ed; }   
.c5 { --k:#34631d; --a:#6cce3b; --at:#3c7f1a; --al:#f1faed; }   
.c6 { --k:#1d6359; --a:#3bceba; --at:#197b6e; --al:#edfaf9; }   

.f1 { font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans",
      "Noto Sans JP", Meiryo, sans-serif; }

.f2 { font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans",
      "Noto Sans JP", Meiryo, sans-serif; }

.f2 :is(.site-name-text, .entry-card-title, .entry-title, .archive-title,
        .wp-block-heading, .article h1, .article h2, .article h3) {
  font-family: "Hiragino Mincho ProN", "Yu Mincho", YuMincho,
               "Noto Serif JP", "Times New Roman", serif;
}

.f3 { font-family: "Hiragino Maru Gothic ProN", "M PLUS Rounded 1c",
      "Yu Gothic Medium", YuGothic, "Hiragino Sans", "Noto Sans JP", sans-serif;
      letter-spacing: .02em; line-height: 1.9; }

:is(.c1,.c2,.c3,.c4,.c5,.c6) {
  --ln:#e6ecf1;
  --bg:#f2f3f5;
  --sf:#ffffff;
  --tx:#333333;
  
  --tx2:#5f6773;
}

:is(.c1,.c2,.c3,.c4,.c5,.c6) {
  font-feature-settings: "palt";
  line-break: strict;
}
:is(.c1,.c2,.c3,.c4,.c5,.c6) :is(h1,h2,h3,.entry-card-title,.entry-title) {
  text-wrap: balance;
  letter-spacing: .01em;
}
:is(.c1,.c2,.c3,.c4,.c5,.c6) .entry-content p { line-height: 1.9; }
:is(.c1,.c2,.c3,.c4,.c5,.c6) .entry-content > p:first-of-type { font-size: 1.05em; }

:is(.c1,.c2,.c3,.c4,.c5,.c6) .site-name-text {
  color: var(--k);
}

.s1 .logo-header { text-align: center; }
.s1 .site-name-text {
  font-weight: 600;
  letter-spacing: .06em;
}
.s1 .site-name-text::after {
  content: ""; display: block; width: 46px; height: 3px;
  margin: 12px auto 0; border-radius: 2px;
  background: linear-gradient(90deg, var(--a), var(--k));
}

.s2 .logo-header { text-align: left; }
.s2 .site-name-text {
  display: inline-block;
  padding-left: 16px;
  position: relative;
  font-weight: 700;
  letter-spacing: .02em;
}
.s2 .site-name-text::before {
  content: ""; position: absolute; left: 0; top: 50%;
  width: 5px; height: 1.15em; margin-top: -.575em;
  border-radius: 3px;
  background: linear-gradient(180deg, var(--a), var(--k));
}

.s3 .logo-header { text-align: center; }
.s3 .site-name-text {
  display: inline-block;
  padding: 9px 6px;
  border-top: 1px solid var(--a);
  border-bottom: 1px solid var(--a);
  font-weight: 400;
  letter-spacing: .24em;
  text-indent: .24em;   
}

:is(.c1,.c2,.c3,.c4,.c5,.c6) .entry-card-title {
  color: var(--k);
  transition: color .18s ease;
}
:is(.c1,.c2,.c3,.c4,.c5,.c6) .entry-card-wrap:hover .entry-card-title {
  color: var(--at);
}
:is(.c1,.c2,.c3,.c4,.c5,.c6) .entry-card {
  border-radius: 6px;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
:is(.c1,.c2,.c3,.c4,.c5,.c6) .entry-card-wrap:hover .entry-card {
  transform: translateY(-2px);
  background: var(--al);
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
}

:is(.c1,.c2,.c3,.c4,.c5,.c6) .entry-card-thumb {
  overflow: hidden; border-radius: 5px; position: relative;
}
:is(.c1,.c2,.c3,.c4,.c5,.c6) .entry-card-thumb img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%; height: auto;
  transition: filter .18s ease, transform .35s ease;
}
:is(.c1,.c2,.c3,.c4,.c5,.c6) .entry-card-wrap:hover .entry-card-thumb img {
  filter: saturate(1.08);
}
:is(.c1,.c2,.c3,.c4,.c5,.c6) .eye-catch img {
  aspect-ratio: 16 / 9; object-fit: cover;
}

:is(.c1,.c2,.c3,.c4,.c5,.c6) .sidebar :is(.wp-block-heading, .widget-title, h3) {
  background: none !important;
  color: var(--k);
  padding: 0 0 9px;
  margin: 0 0 10px;
  border: none;
  border-bottom: 2px solid var(--ln);
  position: relative;
  font-size: 15px;
  letter-spacing: .04em;
}
:is(.c1,.c2,.c3,.c4,.c5,.c6) .sidebar :is(.wp-block-heading, .widget-title, h3)::after {
  content: ""; position: absolute; left: 0; bottom: -2px;
  width: 38px; height: 2px; background: var(--a);
}
:is(.c1,.c2,.c3,.c4,.c5,.c6) .sidebar li {
  transition: color .16s ease;
}
:is(.c1,.c2,.c3,.c4,.c5,.c6) .sidebar li a {
  transition: color .16s ease;
}
:is(.c1,.c2,.c3,.c4,.c5,.c6) .sidebar li a:hover {
  color: var(--at);
}

:is(.c1,.c2,.c3,.c4,.c5,.c6) .toc {
  border: 1px solid var(--ln);
  border-left: 3px solid var(--a);
  border-radius: 0 6px 6px 0;
  background: var(--sf);
  padding: 16px 20px;
}
:is(.c1,.c2,.c3,.c4,.c5,.c6) .toc-title {
  color: var(--k); font-size: 15px; letter-spacing: .04em;
  border: none; padding-bottom: 8px;
}
:is(.c1,.c2,.c3,.c4,.c5,.c6) .toc-list > li { margin-bottom: 6px; }
:is(.c1,.c2,.c3,.c4,.c5,.c6) .toc-list a {
  color: var(--tx); text-decoration: none; transition: color .16s ease;
}
:is(.c1,.c2,.c3,.c4,.c5,.c6) .toc-list a:hover {
  color: var(--at); text-decoration: underline; text-underline-offset: 3px;
}
:is(.c1,.c2,.c3,.c4,.c5,.c6) .toc-list > li::marker {
  color: var(--at); font-weight: 700;
}

.b1 .cat-label {
  top: 14px; left: -34px; padding: 4px 40px; border-radius: 0;
  
  background: var(--al); color: var(--at);
  font-size: 11px; font-weight: 700; letter-spacing: .08em;
  transform: rotate(-45deg);
  box-shadow: 0 2px 6px rgba(0,0,0,.18);
}
.b2 .cat-label {
  top: 10px; left: 10px; padding: 3px 12px; border-radius: 999px;
  background: rgba(255,255,255,.92); color: var(--k);
  font-size: 11px; font-weight: 700; letter-spacing: .04em;
  box-shadow: 0 1px 4px rgba(0,0,0,.16);
}
.b3 .cat-label {
  top: 12px; left: 0; padding: 4px 14px 4px 10px; border-radius: 0 3px 3px 0;
  background: var(--k); color: #fff;
  font-size: 11px; font-weight: 700; letter-spacing: .06em;
  border-left: 3px solid var(--a);
}

.l1 .entry-card {
  border-left: 3px solid transparent;
  padding-left: 10px;
  transition: border-color .18s ease, transform .18s ease,
              box-shadow .18s ease, background .18s ease;
}
.l1 .entry-card-wrap:hover .entry-card { border-left-color: var(--at); }

.l2 .entry-card { border-bottom: none; padding: 24px 10px; margin-bottom: 8px; }
.l2 .entry-card-title { font-size: 1.1em; }
.l2 .entry-card-thumb { flex-basis: 44%; }
.l2 .entry-card-snippet { opacity: .85; }

.l3 .entry-card {
  border: 1px solid var(--ln); border-radius: 8px;
  padding: 16px; margin-bottom: 14px; background: var(--sf);
}
.l3 .entry-card-wrap:hover .entry-card {
  border-color: var(--at); transform: translateY(-3px);
}

@view-transition { navigation: auto; }

@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    :is(.c1,.c2,.c3,.c4,.c5,.c6) .entry-card-wrap {
      animation: ab-in linear both;
      animation-timeline: view();
      animation-range: entry 0% entry 32%;
    }
    @keyframes ab-in {
      from { opacity: .35; transform: translateY(14px); }
      to   { opacity: 1;   transform: none; }
    }
  }
}

:is(.c1,.c2,.c3,.c4,.c5,.c6) ::selection { background: var(--k); color: #fff; }
:is(.c1,.c2,.c3,.c4,.c5,.c6) :focus-visible {
  outline: 2px solid var(--a); outline-offset: 2px; border-radius: 2px;
}
:is(.c1,.c2,.c3,.c4,.c5,.c6) {
  scrollbar-color: var(--a) var(--bg);
  scrollbar-width: thin;
}
:is(.c1,.c2,.c3,.c4,.c5,.c6) .entry-content a:not([class]) {
  color: var(--at); text-underline-offset: 3px; text-decoration-thickness: 1px;
}

.footer-bottom.fdt-logo.fnm-text-width .footer-bottom-logo,
.footer-bottom.fdt-logo.fnm-text-width .footer-bottom-content {
  position: static;
  float: none;
  display: block;
  width: auto;
  text-align: center;
}
.footer-bottom.fdt-logo.fnm-text-width .footer-bottom-logo {
  margin: 0 0 8px;
}

@media (prefers-color-scheme: dark) {
  
  :is(.c1,.c2,.c3,.c4,.c5,.c6):not(.nd) {
    color-scheme: dark;

    --cocoon-text-color:       #dfe3e8;
    --cocoon-black-color:      #dfe3e8;
    --cocoon-grey-color:       #9aa3ad;

    --tx:#dfe3e8;
    --tx2:#9aa3ad;
  }

  .c1:not(.nd) { --k:#a1bbd9; --a:#397bc6; --at:#5e97d9; --al:#232c36;
        --bg:#0f1317; --sf:#1a1f26; --ln:#364351;
        --cocoon-white-color:#1a1f26; --cocoon-thin-color:#364351;
        --cocoon-xx-thin-color:#232c36; --cocoon-xxx-thin-color:#232c36;
        --cocoon-basic-border-color:#364351; --cocoon-custom-border-color:#364351;
        --cocoon-current-background-color:#232c36; --cocoon-tab-label-color:#232c36; }

  .c2:not(.nd) { --k:#c0a8dc; --a:#9059cf; --at:#aa7be0; --al:#2c2336;
        --bg:#130f17; --sf:#1f1a26; --ln:#433651;
        --cocoon-white-color:#1f1a26; --cocoon-thin-color:#433651;
        --cocoon-xx-thin-color:#2c2336; --cocoon-xxx-thin-color:#2c2336;
        --cocoon-basic-border-color:#433651; --cocoon-custom-border-color:#433651;
        --cocoon-current-background-color:#2c2336; --cocoon-tab-label-color:#2c2336; }

  .c3:not(.nd) { --k:#dca8be; --a:#c9457e; --at:#dd6e9e; --al:#36232b;
        --bg:#170f13; --sf:#261a1f; --ln:#513642;
        --cocoon-white-color:#261a1f; --cocoon-thin-color:#513642;
        --cocoon-xx-thin-color:#36232b; --cocoon-xxx-thin-color:#36232b;
        --cocoon-basic-border-color:#513642; --cocoon-custom-border-color:#513642;
        --cocoon-current-background-color:#36232b; --cocoon-tab-label-color:#36232b; }

  .c4:not(.nd) { --k:#d7b19d; --a:#ba6236; --at:#d67e51; --al:#362923;
        --bg:#17120f; --sf:#261e1a; --ln:#513f36;
        --cocoon-white-color:#261e1a; --cocoon-thin-color:#513f36;
        --cocoon-xx-thin-color:#362923; --cocoon-xxx-thin-color:#362923;
        --cocoon-basic-border-color:#513f36; --cocoon-custom-border-color:#513f36;
        --cocoon-current-background-color:#362923; --cocoon-tab-label-color:#362923; }

  .c5:not(.nd) { --k:#9fce88; --a:#4d922a; --at:#57b22a; --al:#293623;
        --bg:#12170f; --sf:#1e261a; --ln:#3f5136;
        --cocoon-white-color:#1e261a; --cocoon-thin-color:#3f5136;
        --cocoon-xx-thin-color:#293623; --cocoon-xxx-thin-color:#293623;
        --cocoon-basic-border-color:#3f5136; --cocoon-custom-border-color:#3f5136;
        --cocoon-current-background-color:#293623; --cocoon-tab-label-color:#293623; }

  .c6:not(.nd) { --k:#88cec5; --a:#298e81; --at:#29ae9c; --al:#233634;
        --bg:#0f1716; --sf:#1a2625; --ln:#36514d;
        --cocoon-white-color:#1a2625; --cocoon-thin-color:#36514d;
        --cocoon-xx-thin-color:#233634; --cocoon-xxx-thin-color:#233634;
        --cocoon-basic-border-color:#36514d; --cocoon-custom-border-color:#36514d;
        --cocoon-current-background-color:#233634; --cocoon-tab-label-color:#233634; }

  :is(.c1,.c2,.c3,.c4,.c5,.c6):not(.nd) :is(
    .entry-card-snippet, .entry-card-meta, .post-date, .entry-date, .copyright
  ) { color: var(--tx2); }

  :is(.c1,.c2,.c3,.c4,.c5,.c6):not(.nd) :is(.sidebar a, .navi a, .footer a) { color: var(--tx); }
  :is(.c1,.c2,.c3,.c4,.c5,.c6):not(.nd) :is(.sidebar a:hover, .navi a:hover, .footer a:hover) {
    color: var(--at);
  }

  :is(.c1,.c2,.c3,.c4,.c5,.c6):not(.nd) :is(input, textarea, select) {
    background: var(--bg);
    color: var(--tx);
    border: 1px solid var(--ln);
  }

  :is(.c1,.c2,.c3,.c4,.c5,.c6):not(.nd) :is(.go-to-top-button, .menu-content) {
    background: var(--sf);
    color: var(--tx);
  }

  :is(.c1,.c2,.c3,.c4,.c5,.c6):not(.nd) .entry-card { background: transparent; }
  :is(.c1,.c2,.c3,.c4,.c5,.c6):not(.nd) .entry-card-wrap:hover .entry-card {
    background: var(--al);
    box-shadow: 0 6px 18px rgba(0,0,0,.35);
  }
  .l3:not(.nd) .entry-card { background: var(--bg); }

  .b2:not(.nd) .cat-label { background: rgba(27,32,39,.92); color: var(--k); }

  .b1:not(.nd) .cat-label { background: var(--al); color: var(--at); }

  .b3:not(.nd) .cat-label { background: var(--sf); color: var(--k); }

  .copy-info { background: var(--sf); color: var(--tx); }

  :is(.pagination-next-link, .comment-btn) {
    background: var(--sf); color: var(--tx); border-color: var(--ln);
  }
  :is(.pagination-next-link, .comment-btn):hover {
    background: var(--al); color: var(--tx);
  }
}