@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.internal-blogcard-footer{ display: none }
/*.blogcard-snippet { display: none; }*/
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

a.follow-button.feedly-button.feedly-follow-button-sq{
display:none;
}
a.follow-button.rss-button.rss-follow-button-sq{
display:none;
}

/* コピー機能 */
pre {
    position: relative;
    padding: 10px;
    border: 1px solid #ddd;
    background: #f9f9f9;
}

.code-copy-button {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 5px 10px;
    background-color: #1a4a7a;
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 12px;
    border-radius: 3px;
}

.code-copy-button:hover {
    background-color:  #073678;
}

/************************************
****　目次
************************************/
.toc-title{
font-weight:bold;
}
.toc-title::after {
color:#666;
font-weight:normal;
}
.toc-list > li a {
/*font-weight: bold;*/
font-size: 90%;
display:block;
margin-top:6px;
margin-left: 10px;
}
.toc-list > li li {
list-style: none!important;
}
.toc-list > li li a {
font-weight: normal;
font-size: 95%;
margin-top:0;
margin-left: 1em;
}

.toc-list > li li a::before {
content: "";
width: 7px;
height: 7px;
left: -8px;
display: inline-block;
border-radius: 50%;
background: #ccc;/*こちらで緑点の色を変更できます*/
position: relative;
margin-bottom: 2px;
}
@media (max-width:880px){
.toc-list > li a {
margin-left: 0px; /*SPの左側余白*/
}
.toc-list > li li a {
margin-left: -2em;
}
.toc-list > li li a::before {
left: -8px;
margin-bottom:1px;
}
}
.toc a:hover {
color: #333333;
text-decoration: underline;
}

.sidebar-scroll {
	font-size: 16px;
}
/*
.toc-widget-box {
	width: 330px;
}

.toc-widget-box .toc-list {
	width: 200px;
	margin:0px!important;
	padding: 0px 0px 0px 24px;
	white-space: nowrap;
	overflow: hidden;
}
*/

  #navi .navi-in > .menu-mobile li {
    width: 20%;
    height: 40px;
    line-height: 40px;
  }


/* ==================================================
   PoseBook 共通CSS START
   ================================================== */

.posebook,.posebook *{box-sizing:border-box}
.posebook{
  --pb-ink:#202126;--pb-muted:#747780;--pb-line:#e7e3df;--pb-paper:#fff;--pb-soft:#f7f4f1;
  --pb-accent:#cc6a74;--pb-accent-deep:#9b4650;--pb-accent-pale:#fbebed;
  --pb-code:#24252a;--pb-code-ink:#f5f5f4;--pb-code-muted:#b8bac1;
  width:100%;color:var(--pb-ink);font-family:inherit
}
.posebook a{-webkit-tap-highlight-color:transparent}
.posebook-entry{scroll-margin-top:24px;margin:0 0 72px;padding:0 0 64px;border-bottom:1px solid var(--pb-line)}
.posebook-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;margin:0 0 18px}
.posebook-no{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0;border:1px solid #e8c9cd;border-radius:50%;background:var(--pb-accent-pale);color:var(--pb-accent-deep)!important;text-decoration:none!important;font-size:14px;font-weight:800;line-height:1;cursor:pointer;position:relative;z-index:5}
.posebook-no:hover{background:#f7dfe2}
.posebook-meta{margin:0 0 3px;color:var(--pb-muted);font-size:11px;font-weight:700;letter-spacing:.08em}
.posebook-title{all:unset;display:block;color:var(--pb-ink);font-family:inherit;font-size:1.2rem;font-weight:800;line-height:1.5}
.posebook-title::before,.posebook-title::after{content:none!important;display:none!important}
.posebook-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 22px}
.posebook-figure{margin:0;min-width:0}
.posebook-image-wrap{position:relative;overflow:hidden;border-radius:12px 12px 0 0;background:#eee}
.posebook-figure img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}
.posebook-caption{margin:0;padding:8px 6px;border:1px solid var(--pb-line);border-top:0;border-radius:0 0 12px 12px;background:var(--pb-paper);color:#555861;text-align:center;font-size:12px;font-weight:700}

.posebook-prompt{margin:0 0 22px;overflow:hidden;border-radius:12px;background:var(--pb-code);box-shadow:0 0 0 1px rgba(0,0,0,.04)}
.posebook-prompt-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px 9px 16px;border-bottom:1px solid rgba(255,255,255,.09)}
.posebook-prompt-label{color:#efc4c9;font-size:11px;font-weight:800;letter-spacing:.1em}
.posebook-copy{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;min-width:76px;padding:7px 11px;border:1px solid rgba(255,255,255,.2);border-radius:7px;background:rgba(255,255,255,.07);color:#fff;font:inherit;font-size:11px;font-weight:800;line-height:1;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .05s ease}
.posebook-copy:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.34)}
.posebook-copy:active{transform:translateY(1px)}
.posebook-copy.is-copied{background:#f6e6e8;border-color:#f6e6e8;color:#7f3640}
.posebook-copy.is-error{background:#5c3035;border-color:#7f464c;color:#fff}
.posebook-prompt pre{margin:0!important;padding:18px!important;border:0!important;background:transparent!important;color:var(--pb-code-ink)!important;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12.5px;line-height:1.8;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace}

.posebook-guide{margin:0;border:1px solid var(--pb-line);border-radius:14px;background:var(--pb-paper);overflow:hidden}
.posebook-guide-head{padding:11px 14px;background:var(--pb-soft);border-bottom:1px solid var(--pb-line);color:var(--pb-accent-deep);font-size:12.5px;font-weight:800;letter-spacing:.08em}
.posebook-overview{display:grid;grid-template-columns:92px minmax(0,1fr);border-bottom:1px solid var(--pb-line)}
.posebook-overview-label{display:flex;align-items:center;justify-content:center;padding:14px 10px;background:#fff8f8;color:#6f4247;font-size:13px;font-weight:800}
.posebook-overview p{margin:0;padding:13px 15px;color:#3f4148;font-size:14.5px;line-height:1.85}
.posebook-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}
.posebook-detail{min-width:0;padding:13px 14px;border-bottom:1px solid var(--pb-line)}
.posebook-detail:nth-child(odd){border-right:1px solid var(--pb-line)}
.posebook-detail:nth-last-child(-n+2){border-bottom:0}
.posebook-detail dt{margin:0 0 5px;color:var(--pb-muted);font-size:13px;font-weight:800;letter-spacing:.04em}
.posebook-detail dd{margin:0;color:#3f4148;font-size:14px;line-height:1.72}

.posebook-section-title,.posebook-catalog-title{all:unset;display:block;position:relative;margin:0 0 28px!important;padding:0 0 12px 15px!important;border:0!important;border-bottom:1px solid var(--pb-line)!important;background:none!important;color:var(--pb-ink)!important;font-family:inherit;font-size:1.42rem;font-weight:800;line-height:1.5}
.posebook-section-title::before,.posebook-catalog-title::before{content:""!important;display:block!important;position:absolute;left:0;top:.18em;width:4px;height:1.15em;border-radius:3px;background:var(--pb-accent)}
.posebook-section-title::after,.posebook-catalog-title::after{content:none!important;display:none!important}
.posebook-production-note{
  margin:-12px 0 14px;
  color:var(--pb-muted);
  font-size:12px;
  line-height:1.7
}
.posebook-navigation-note{
  margin:0 0 28px;
  padding:11px 14px;
  border:1px solid #e1e7eb;
  border-radius:9px;
  background:#f4f7f9;
  color:#4f5b64;
  font-size:12.5px;
  line-height:1.75
}

.posebook-catalog{scroll-margin-top:24px;margin:84px 0 24px}
.posebook-catalog-title{margin-bottom:8px!important}
.posebook-catalog-note{margin:0 0 18px;color:var(--pb-muted);font-size:13px;line-height:1.7}
.posebook-catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.posebook-catalog-card{scroll-margin-top:24px;min-width:0}
.posebook-catalog-link{display:block;overflow:hidden;border:1px solid var(--pb-line);border-radius:10px;background:#fff;color:inherit!important;text-decoration:none!important;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.posebook-catalog-link:hover{transform:translateY(-2px);border-color:#d9b8bd;box-shadow:0 5px 14px rgba(45,35,35,.08)}
.posebook-catalog-number{display:block;padding:6px 4px;background:var(--pb-accent-pale);color:var(--pb-accent-deep);text-align:center;font-size:11px;font-weight:800}
.posebook-catalog-link img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}

@media(max-width:600px){
  .posebook-production-note{margin-top:-8px;font-size:11.5px}
  .posebook-navigation-note{margin-bottom:22px;padding:10px 12px;font-size:12px}

  .posebook-entry{margin-bottom:56px;padding-bottom:50px}.posebook-head{gap:10px;margin-bottom:14px}.posebook-no{width:40px;height:40px;font-size:12px}.posebook-title{font-size:1.05rem}.posebook-meta{font-size:10px}
  .posebook-media{gap:5px;margin-bottom:18px}.posebook-caption{padding:6px 3px;font-size:10.5px}
  .posebook-prompt-toolbar{padding:9px 9px 8px 13px}.posebook-copy{min-width:70px;padding:7px 9px;font-size:10.5px}.posebook-prompt pre{padding:14px!important;font-size:11.5px;line-height:1.75}
  .posebook-overview{grid-template-columns:74px minmax(0,1fr)}.posebook-overview-label{padding:11px 6px;font-size:13px}.posebook-overview p{padding:11px;font-size:14px;line-height:1.8}
  .posebook-detail-grid{grid-template-columns:1fr}.posebook-detail,.posebook-detail:nth-child(odd){border-right:0;border-bottom:1px solid var(--pb-line)}.posebook-detail:last-child{border-bottom:0}.posebook-detail:nth-last-child(2){border-bottom:1px solid var(--pb-line)}.posebook-detail{padding:11px 12px}.posebook-detail dt{font-size:13px}.posebook-detail dd{font-size:14px}
  .posebook-section-title,.posebook-catalog-title{font-size:1.2rem;padding-left:13px!important}.posebook-section-title::before,.posebook-catalog-title::before{width:3px}
  .posebook-catalog-grid{gap:5px}.posebook-catalog-number{padding:5px 2px;font-size:10px}
}


/* ==================================================
   PoseBook 共通CSS END
   ================================================== */