@charset "UTF-8";
/*
Skin Name: 革靴ライフ研究所 — Editorial
Description: 写真と余白を大切にした、オフホワイト・チャコール・ブラウンのスキン。
Skin URI: https://kawagutsulife.com/
Author: 革靴ライフ研究所
Author URI: https://kawagutsulife.com/
Version: 1.0.1
Priority: 10
License: GPL-2.0-or-later
*/
/* Only Cocoon's standard pages are styled here. The custom homepage is independent. */
body:not(.kll-home){
 --kls-paper:#f9f8f4;--kls-surface:#fff;--kls-ink:#282822;--kls-muted:#68665f;
 --kls-brown:#755740;--kls-line:#d9d6ce;--kls-tint:#f0ede6;
 background-color:var(--kls-paper);color:var(--kls-ink);
 font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
 line-height:1.9;
}
body:not(.kll-home) .wrap{max-width:100%}
body:not(.kll-home) a{color:var(--kls-brown);text-underline-offset:.2em}
body:not(.kll-home) a:hover{color:var(--kls-ink)}
body:not(.kll-home) :where(a,button,input,select,textarea):focus-visible{outline:3px solid #997246;outline-offset:3px}
body:not(.kll-home) .header-container{background:var(--kls-paper);color:var(--kls-ink)}
body:not(.kll-home) .header-container .site-name-text{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:600;letter-spacing:.12em;color:var(--kls-ink)}
body:not(.kll-home) .header-container .site-name-text-link{color:var(--kls-ink)}
body:not(.kll-home) .tagline{font-size:12px;letter-spacing:.13em;color:var(--kls-muted)}
body:not(.kll-home) #navi{background:var(--kls-paper);border-block:1px solid var(--kls-line);color:var(--kls-ink)}
body:not(.kll-home) .navi-in a{font-size:13px;color:var(--kls-ink)}
body:not(.kll-home) .navi-in a:hover{background:var(--kls-tint);color:var(--kls-brown)}
body:not(.kll-home) .navi-in .sub-menu{background:var(--kls-paper);border:1px solid var(--kls-line)}
body:not(.kll-home) .main{background:var(--kls-surface);border:1px solid var(--kls-line);border-radius:2px;box-shadow:none}
body:not(.kll-home) .sidebar{background:transparent;color:var(--kls-ink)}
body:not(.kll-home) .breadcrumb{font-size:11px;color:var(--kls-muted);line-height:1.8}
body:not(.kll-home) .breadcrumb a{color:var(--kls-muted)}
body:not(.kll-home) .entry-title,body:not(.kll-home) .archive-title{
 font-family:"Yu Mincho","Hiragino Mincho ProN",serif;color:var(--kls-ink);font-weight:600;
 font-size:clamp(25px,2.6vw,36px);line-height:1.65;letter-spacing:.035em;overflow-wrap:anywhere;
}
body:not(.kll-home) .archive-title{padding-block:8px 22px;border-bottom:1px solid var(--kls-line);margin-bottom:28px}
body:not(.kll-home) .date-tags,body:not(.kll-home) .post-date,body:not(.kll-home) .post-update{font-size:11px;color:var(--kls-muted)}
body:not(.kll-home) .article{line-height:2}
body:not(.kll-home) .entry-content{font-size:16px;line-height:2.05;overflow-wrap:anywhere}
body:not(.kll-home) .entry-content p{margin-block:0 1.7em}
body:not(.kll-home) .entry-content a:not(.btn):not(.wp-block-button__link):not(.blogcard-wrap){text-decoration:underline}
body:not(.kll-home) .article h2:not(.has-background){background:var(--kls-tint);border:0;border-left:3px solid var(--kls-brown);padding:20px 24px;box-shadow:none;border-radius:0}
body:not(.kll-home) .article h2:not(.has-text-color),body:not(.kll-home) .article h3:not(.has-text-color),body:not(.kll-home) .article h4:not(.has-text-color){color:var(--kls-ink)}
body:not(.kll-home) .article h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:25px;font-weight:600;line-height:1.65;margin-block:2.4em 1.2em}
body:not(.kll-home) .article h3{font-size:21px;line-height:1.7;border:0;border-bottom:1px solid var(--kls-line);padding:0 0 12px;margin-block:2em 1em;background:transparent}
body:not(.kll-home) .article h4{font-size:18px;line-height:1.8;border:0;padding:0 0 0 14px;border-left:2px solid var(--kls-brown);background:transparent}
body:not(.kll-home) .entry-content :where(h2,h3,h4)::before,body:not(.kll-home) .entry-content :where(h2,h3,h4)::after{content:none}
body:not(.kll-home) .toc{max-width:100%;background:var(--kls-paper);border:1px solid var(--kls-line);border-radius:2px;padding:22px 28px;box-shadow:none}
body:not(.kll-home) .toc-title{font-size:14px;letter-spacing:.1em;font-weight:600;color:var(--kls-ink)}
body:not(.kll-home) .toc-list{font-size:14px;line-height:2}
body:not(.kll-home) .toc a{color:var(--kls-ink);text-decoration:none}
body:not(.kll-home) .toc a:hover{text-decoration:underline;color:var(--kls-brown)}
body:not(.kll-home) .entry-content blockquote:not(.has-background){background:var(--kls-paper);border:0;border-left:2px solid #ab967d;padding:24px 28px;color:var(--kls-muted);font-size:15px;line-height:2}
body:not(.kll-home) .entry-content blockquote::before,body:not(.kll-home) .entry-content blockquote::after{content:none}
body:not(.kll-home) .entry-content blockquote p:last-child{margin-bottom:0}
body:not(.kll-home) .entry-content hr{border:0;border-top:1px solid var(--kls-line);margin-block:40px}
body:not(.kll-home) .entry-content figcaption{font-size:12px;color:var(--kls-muted);line-height:1.7;text-align:center}
body:not(.kll-home) .entry-content table:not(.has-background){background:var(--kls-surface);font-size:14px}
body:not(.kll-home) .entry-content table:not(.has-background) th{background:var(--kls-tint);color:var(--kls-ink)}
body:not(.kll-home) .entry-content table:not(.has-border-color) :where(th,td){border-color:var(--kls-line);padding:12px 14px}
body:not(.kll-home) .entry-content table:not(.has-background) tr:nth-of-type(odd){background:var(--kls-paper)}
body:not(.kll-home) .entry-content .scrollable-table.stfc-sticky table tr>:first-child{background:var(--kls-tint)}
body:not(.kll-home) .entry-card-wrap,body:not(.kll-home) .related-entry-card-wrap,body:not(.kll-home) .widget-entry-card-link{color:var(--kls-ink);border-radius:0;box-shadow:none}
body:not(.kll-home) .entry-card-wrap{border-bottom:1px solid var(--kls-line);padding-block:20px}
body:not(.kll-home) .entry-card-wrap:hover,body:not(.kll-home) .related-entry-card-wrap:hover,body:not(.kll-home) .widget-entry-card-link:hover{background:var(--kls-tint);color:var(--kls-ink)}
body:not(.kll-home) .entry-card-title,body:not(.kll-home) .related-entry-card-title{line-height:1.8;font-weight:600;color:var(--kls-ink)}
body:not(.kll-home) .entry-card-snippet{font-size:13px;line-height:1.9;color:var(--kls-muted)}
body:not(.kll-home) .cat-label{background:var(--kls-brown);border:0;color:#fff;font-size:10px;padding:4px 8px;border-radius:0}
body:not(.kll-home) .cat-link{background:var(--kls-brown);color:#fff;border-radius:2px;padding:4px 10px}
body:not(.kll-home) .tag-link{border-color:var(--kls-line);color:var(--kls-muted);border-radius:2px;padding:4px 10px}
body:not(.kll-home) .blogcard{background:var(--kls-paper);border:1px solid var(--kls-line);border-radius:2px;box-shadow:none}
body:not(.kll-home) .blogcard-title{font-weight:600;line-height:1.7;color:var(--kls-ink)}
body:not(.kll-home) .blogcard-snippet{font-size:12px;line-height:1.8;color:var(--kls-muted)}
body:not(.kll-home) a.btn:not([class*="btn-"]),body:not(.kll-home) .wp-block-button__link:not(.has-background){background:var(--kls-ink);color:#fff;border:1px solid var(--kls-ink);border-radius:2px;box-shadow:none;padding:14px 26px;font-size:14px;line-height:1.6;text-decoration:none}
body:not(.kll-home) .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background){background:transparent;color:var(--kls-ink)}
body:not(.kll-home) a.btn:not([class*="btn-"]):hover,body:not(.kll-home) .wp-block-button__link:not(.has-background):hover{background:var(--kls-brown);border-color:var(--kls-brown);color:#fff}
body:not(.kll-home) .sidebar .widget{border-top:1px solid var(--kls-line);padding-top:22px;margin-bottom:32px}
body:not(.kll-home) .sidebar h3{background:transparent;border:0;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:18px;color:var(--kls-ink);padding:0 0 12px;line-height:1.7}
body:not(.kll-home) .sidebar a{color:var(--kls-ink)}
body:not(.kll-home) .author-box{background:var(--kls-paper);border:1px solid var(--kls-line);border-radius:2px;padding:24px;font-size:13px;line-height:1.9}
body:not(.kll-home) .author-name{font-weight:600;letter-spacing:.07em}
body:not(.kll-home) .pagination a,body:not(.kll-home) .pagination .current{border:1px solid var(--kls-line);background:transparent;color:var(--kls-ink);border-radius:0;box-shadow:none}
body:not(.kll-home) .pagination .current,body:not(.kll-home) .pagination a:hover{background:var(--kls-ink);color:#fff;border-color:var(--kls-ink)}
body:not(.kll-home) :where(input[type="text"],input[type="email"],input[type="url"],input[type="search"],textarea,select){background:#fff;color:var(--kls-ink);border:1px solid var(--kls-line);border-radius:2px;max-width:100%;font:inherit;font-size:16px}
body:not(.kll-home) .search-edit{border:1px solid var(--kls-line);background:#fff;color:var(--kls-ink);border-radius:2px}
body:not(.kll-home) .search-submit{color:var(--kls-brown);background:transparent}
body:not(.kll-home) #footer{background:#2b2d28;color:#eeeade;border-top:0;padding-block:32px}
body:not(.kll-home) #footer a,body:not(.kll-home) #footer h3{color:#eeeade;background:transparent}
body:not(.kll-home) #footer .copyright{color:#d5d3c8;font-size:11px}
body:not(.kll-home) .mobile-menu-buttons{background:var(--kls-paper);color:var(--kls-ink);border-top:1px solid var(--kls-line)}
body:not(.kll-home) .mobile-menu-buttons a{color:var(--kls-ink)}
body:not(.kll-home) .go-to-top-button{background:var(--kls-ink);color:#fff;border:1px solid var(--kls-ink);border-radius:2px}
@media(max-width:834px){
 body:not(.kll-home) .article h2{font-size:23px;padding:16px 18px}
 body:not(.kll-home) .article h3{font-size:20px}
 body:not(.kll-home) .main{border-inline:0}
 body:not(.kll-home) .toc{padding:18px 20px}
 body:not(.kll-home) .entry-content blockquote{padding:20px}
}
@media(max-width:480px){
 body:not(.kll-home) .entry-title,body:not(.kll-home) .archive-title{font-size:25px}
 body:not(.kll-home) .article h2{font-size:22px}
 body:not(.kll-home) .entry-content{font-size:16px;line-height:2}
 body:not(.kll-home) .author-box{padding:18px}
}
@media(prefers-reduced-motion:reduce){body:not(.kll-home) *,body:not(.kll-home) *::before,body:not(.kll-home) *::after{scroll-behavior:auto!important;transition:none!important}}
/* Stack the standard horizontal cards on small phones. */
@media(max-width:600px){
 body:not(.kll-home) .ect-entry-card .entry-card{display:flex;flex-direction:column}
 body:not(.kll-home) .ect-entry-card .entry-card-thumb{float:none;width:100%;max-width:100%;margin:0 0 16px}
 body:not(.kll-home) .ect-entry-card .entry-card-content{margin:0;padding-bottom:0;width:100%;min-width:0}
 body:not(.kll-home) .ect-entry-card .entry-card-meta{position:static;margin-top:12px;text-align:left}
}

/* Cocoon SNS share / follow: Editorial palette */
body:not(.kll-home) .sns-share .sns-buttons a,
body:not(.kll-home) .sns-follow .sns-buttons a,
body:not(.kll-home) .share-menu-content .sns-buttons a,
body:not(.kll-home) .follow-menu-content .sns-buttons a {
  background: #f9f8f4 !important;
  color: #755740 !important;
  border: 1px solid #ab967d !important;
  border-radius: 2px;
  box-shadow: none;
  text-decoration: none !important;
  opacity: 1;
  min-height: 44px;
  box-sizing: border-box;
  transition: background-color .18s ease, color .18s ease;
}
body:not(.kll-home) .sns-share .sns-buttons a:hover,
body:not(.kll-home) .sns-follow .sns-buttons a:hover,
body:not(.kll-home) .share-menu-content .sns-buttons a:hover,
body:not(.kll-home) .follow-menu-content .sns-buttons a:hover,
body:not(.kll-home) .sns-share .sns-buttons a:focus-visible,
body:not(.kll-home) .sns-follow .sns-buttons a:focus-visible,
body:not(.kll-home) .share-menu-content .sns-buttons a:focus-visible,
body:not(.kll-home) .follow-menu-content .sns-buttons a:focus-visible {
  background: #755740 !important;
  color: #ffffff !important;
  border-color: #755740 !important;
  opacity: 1;
}
body:not(.kll-home) .sns-share .sns-buttons a:focus-visible,
body:not(.kll-home) .sns-follow .sns-buttons a:focus-visible,
body:not(.kll-home) .share-menu-content .sns-buttons a:focus-visible,
body:not(.kll-home) .follow-menu-content .sns-buttons a:focus-visible {
  outline: 2px solid #282822;
  outline-offset: 3px;
}
body:not(.kll-home) .sns-share .sns-buttons a span,
body:not(.kll-home) .sns-follow .sns-buttons a span,
body:not(.kll-home) .share-menu-content .sns-buttons a span,
body:not(.kll-home) .follow-menu-content .sns-buttons a span {
  color: inherit !important;
}
body:not(.kll-home) .sns-share-message,
body:not(.kll-home) .sns-follow-message {
  color: #282822;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .08em;
}
@media (prefers-reduced-motion: reduce) {
  body:not(.kll-home) .sns-buttons a { transition: none; }
}