/* CotoCle v0.8.644 — Google official search box + gallery-style official results */
.cc-inspiration{--cc-idea-ink:#27332f;--cc-idea-muted:#6d7974;--cc-idea-line:#e7ebe9;--cc-idea-mint:#4b9a83;width:100%;max-width:none;margin:0;padding:0 0 72px;color:var(--cc-idea-ink);font-family:system-ui,-apple-system,"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;box-sizing:border-box;overflow-x:hidden}
.cc-inspiration *{box-sizing:border-box}
.cc-inspiration-top{width:min(1480px,calc(100% - 32px));margin:0 auto;padding:26px 8px 18px;display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}
.cc-inspiration-top__title{display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0}
.cc-inspiration-kicker{display:block;margin:0 0 6px;color:#6aa895;font-size:11px;font-weight:900;letter-spacing:.16em}
.cc-inspiration-top h1{margin:0;color:#27342f;font-size:clamp(34px,4vw,56px);font-weight:950;line-height:1.02;letter-spacing:-.045em}
.cc-inspiration-reference-badge{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px;border:1px solid #ecc8da;border-radius:999px;background:#fff4f9;color:#a55c80;font-size:10px;font-weight:900;white-space:nowrap}
.cc-inspiration-lead{margin:0;color:#67736e;font-size:13px;font-weight:650;line-height:1.6}

/* The visible search box is Google's official Programmable Search box. */
.cc-inspiration-google-searchbox{width:min(760px,100%);min-height:46px;position:relative;z-index:2}
.cc-inspiration-google-searchbox .gsc-control-cse{margin:0}

.cc-inspiration-keywords{width:100%;min-width:0;overflow:hidden}
.cc-inspiration-keywords__rail{display:flex;gap:8px;width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;padding:1px 2px 5px;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}
.cc-inspiration-keywords__rail::-webkit-scrollbar{display:none}
.cc-inspiration-keyword{appearance:none;flex:0 0 auto;min-height:38px;padding:0 15px;border:1px solid #e1e7e4;border-radius:999px;background:#fff;color:#53615b;font:850 12px/1 inherit;white-space:nowrap;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}
@media(hover:hover) and (pointer:fine){.cc-inspiration-keyword:hover{transform:translateY(-1px);border-color:#b9d7cc}}
.cc-inspiration-keyword.is-active{border-color:#4b9a83;background:#eaf6f2;color:#2f755f}
.cc-inspiration-source-note{display:flex;align-items:flex-start;gap:8px;max-width:1100px;margin-top:0;color:#7b8782}
.cc-inspiration-source-note__mark{display:grid;width:20px;height:20px;place-items:center;flex:0 0 20px;border-radius:50%;background:#eef3f1;color:#66766f;font-size:10px;font-weight:950}
.cc-inspiration-source-note p{margin:0;font-size:9.5px;line-height:1.55}
.cc-inspiration-source-note strong{color:#56645e}
.cc-inspiration-source-note__compact{display:none}

/* Keep Google's official results in normal document flow. No hidden data engine,
   no custom result cards, no custom pager, and no result interception. */
.cc-inspiration-feed{position:relative;width:100%;max-width:1480px;margin:0 auto;padding:10px 8px 24px;background:#f6f8f7;overflow:visible}
.cc-inspiration-feed__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;width:100%;margin:0 auto;padding:8px 4px 10px}
.cc-inspiration-feed__head span{display:block;margin:0 0 4px;color:#75a596;font-size:9px;font-weight:900;letter-spacing:.14em}
.cc-inspiration-feed__head h2{margin:0;color:#34413c;font-size:17px;font-weight:900;letter-spacing:-.02em}
.cc-inspiration-feed__head>p{margin:0;color:#89948f;font-size:9px;font-weight:750}
.cc-inspiration-google-results{width:100%;min-height:320px;overflow:visible}
.cc-inspiration-google-results .gsc-control-cse{margin:0}
.cc-inspiration-google__foot{width:100%;margin:0 auto;padding:10px 8px 2px;color:#8a9590;font-size:8.5px;line-height:1.6;text-align:center}

.cc-inspiration-unconfigured{display:flex;align-items:center;gap:16px;padding:22px;border:1px solid #eadfbd;border-radius:18px;background:#fffaf0}
.cc-inspiration-unconfigured__mark{display:grid;width:48px;height:48px;place-items:center;flex:0 0 48px;border-radius:14px;background:#fff;color:#6f7673;font-size:20px;font-weight:950;box-shadow:0 4px 12px rgba(60,60,50,.07)}
.cc-inspiration-unconfigured h3{margin:0 0 5px;font-size:15px}.cc-inspiration-unconfigured p{margin:0;color:#7d7766;font-size:11px;line-height:1.7}.cc-inspiration-unconfigured a{display:inline-block;margin-top:8px;color:#498d78;font-size:11px;font-weight:900;text-decoration:none}


/* Desktop: inspiration page uses a fixed, theme-independent surface. */
@media(min-width:901px){
  body.cc-inspiration-page{background:#f7f6f1!important;background-image:none!important}
  body.cc-inspiration-page::before,body.cc-inspiration-page::after{display:none!important}
  body.cc-inspiration-page #content,body.cc-inspiration-page .site-content,body.cc-inspiration-page .siteContent,body.cc-inspiration-page .l-wrapper,body.cc-inspiration-page .l-main,body.cc-inspiration-page .content,body.cc-inspiration-page .content__main,body.cc-inspiration-page .content__body,body.cc-inspiration-page article.article,body.cc-inspiration-page .article__body,body.cc-inspiration-page .entry-content{background:#f7f6f1!important;background-image:none!important}
  .cc-inspiration{background:#f7f6f1!important;background-image:none!important;color:#27332f}
  .cc-inspiration-top{background:#fff!important;border-radius:22px;margin-top:18px;margin-bottom:14px;padding:28px 28px 22px;box-shadow:0 1px 0 rgba(39,51,47,.05)}
  .cc-inspiration-feed{background:#fff!important;border-radius:22px;margin-bottom:24px;padding:16px 18px 28px;box-shadow:0 1px 0 rgba(39,51,47,.05)}
  .cc-inspiration-source-note{color:#66716c}
}

/* Inspiration must remain an ordinary page-scrolling document on desktop. */
@media(min-width:901px){
  html.cc-inspiration-html,
  html.cc-inspiration-html body.cc-inspiration-page:not(.cc-processing-open):not(.cc-preview-modal-open){height:auto!important;min-height:100%!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:auto!important}
  body.cc-inspiration-page .site,body.cc-inspiration-page #page,body.cc-inspiration-page #content,body.cc-inspiration-page .site-content,body.cc-inspiration-page .siteContent,body.cc-inspiration-page .l-wrapper,body.cc-inspiration-page .l-main,body.cc-inspiration-page .content,body.cc-inspiration-page .content__main,body.cc-inspiration-page .content__body,body.cc-inspiration-page article.article,body.cc-inspiration-page .article__body,body.cc-inspiration-page .entry-content,body.cc-inspiration-page .cc-inspiration,body.cc-inspiration-page .cc-inspiration-feed,body.cc-inspiration-page .cc-inspiration-google-results{height:auto!important;max-height:none!important;overflow-y:visible!important}
}

@media(max-width:700px){
  .cc-inspiration{padding-bottom:94px}
  .cc-inspiration-top{width:100%;padding:10px 10px 7px;gap:6px}
  .cc-inspiration-top__title{gap:8px}
  .cc-inspiration-kicker{margin-bottom:2px;font-size:8px;letter-spacing:.13em}
  .cc-inspiration-top h1{font-size:28px;line-height:1;letter-spacing:-.04em}
  .cc-inspiration-reference-badge{min-height:23px;padding:0 8px;font-size:8px}
  .cc-inspiration-lead{font-size:9.5px;line-height:1.35}
  .cc-inspiration-google-searchbox{width:100%;min-height:44px}
  .cc-inspiration-keywords{margin-top:1px}
  .cc-inspiration-keywords__rail{gap:5px;padding:0 1px 2px}
  .cc-inspiration-keyword{min-height:30px;padding:0 10px;font-size:9.5px}
  .cc-inspiration-source-note{gap:5px;margin:0;align-items:center}
  .cc-inspiration-source-note__mark{width:16px;height:16px;flex-basis:16px;font-size:8px}
  .cc-inspiration-source-note p{font-size:7.7px;line-height:1.28}
  .cc-inspiration-source-note__full{display:none}.cc-inspiration-source-note__compact{display:inline}
  .cc-inspiration-feed{width:100%;padding:4px 5px 96px}
  .cc-inspiration-feed__head{padding:3px 2px 6px}
  .cc-inspiration-feed__head span{margin-bottom:2px;font-size:8px}
  .cc-inspiration-feed__head h2{font-size:14px}.cc-inspiration-feed__head>p{display:none}
  .cc-inspiration-google-results{min-height:55vh}
}
@media(max-width:700px) and (max-height:740px){.cc-inspiration-top{padding-top:7px;gap:5px}.cc-inspiration-kicker{display:none}.cc-inspiration-lead{font-size:9px;line-height:1.25}.cc-inspiration-keyword{min-height:28px}}
@media(prefers-reduced-motion:reduce){.cc-inspiration-keywords__rail{scroll-behavior:auto}}


/* v0.8.644 ---------------------------------------------------------------
   Keep Google's official Search Element and result markup intact, but use
   CSS-only presentation to make IMAGE results fill the available canvas.
   No result extraction, reordering, custom pager, or custom result renderer. */
.cc-inspiration-feed{
  max-width:none;
  padding-left:clamp(8px,1.2vw,20px);
  padding-right:clamp(8px,1.2vw,20px);
}
.cc-inspiration-google-results,
.cc-inspiration-google-results .gsc-control-cse,
.cc-inspiration-google-results .gsc-control-wrapper-cse,
.cc-inspiration-google-results .gsc-results-wrapper-nooverlay,
.cc-inspiration-google-results .gsc-results,
.cc-inspiration-google-results .gsc-imageResult{
  width:100%!important;
  max-width:none!important;
}
.cc-inspiration-google-results .gsc-control-cse{
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.cc-inspiration-google-results .gsc-results-wrapper-nooverlay{
  overflow:visible!important;
}

/* Google image-result expansion area becomes the gallery grid. */
.cc-inspiration-google-results .gsc-results .gsc-expansionArea{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr));
  align-items:start;
  gap:10px!important;
  width:100%!important;
}
.cc-inspiration-google-results .gsc-expansionArea > .gsc-imageResult,
.cc-inspiration-google-results .gsc-imageResult.gsc-imageResult-column{
  display:block!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  vertical-align:top!important;
  background:#fff!important;
  border-radius:14px!important;
  overflow:hidden!important;
  box-shadow:0 1px 0 rgba(35,48,43,.07),0 4px 14px rgba(35,48,43,.055)!important;
}
.cc-inspiration-google-results table.gsc-imageResult,
.cc-inspiration-google-results .gsc-imageResult table,
.cc-inspiration-google-results .gs-imageResult,
.cc-inspiration-google-results .gs-imageResult .gs-image-box{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
.cc-inspiration-google-results .gs-imageResult .gs-image-box{
  height:auto!important;
  padding:0!important;
  text-align:center!important;
  overflow:hidden!important;
  background:#f1f3f2!important;
}
.cc-inspiration-google-results .gs-imageResult .gs-image,
.cc-inspiration-google-results img.gs-image{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  border:0!important;
  object-fit:cover!important;
}
.cc-inspiration-google-results .gs-imageResult .gs-image-box + *,
.cc-inspiration-google-results .gs-imageResult .gs-text-box{
  padding-left:9px!important;
  padding-right:9px!important;
}
.cc-inspiration-google-results .gs-imageResult .gs-title,
.cc-inspiration-google-results .gs-imageResult .gs-snippet,
.cc-inspiration-google-results .gs-imageResult .gs-visibleUrl{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.cc-inspiration-google-results .gs-imageResult .gs-title{
  margin-top:7px!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:750!important;
}
.cc-inspiration-google-results .gs-imageResult .gs-visibleUrl{
  margin-bottom:8px!important;
  font-size:9px!important;
  line-height:1.35!important;
  color:#728079!important;
}

/* Google-owned pager/branding stays untouched logically and spans the row. */
.cc-inspiration-google-results .gsc-expansionArea > .gsc-cursor-box,
.cc-inspiration-google-results .gsc-expansionArea > .gcsc-more-maybe-branding-root,
.cc-inspiration-google-results .gsc-expansionArea > .gcsc-branding,
.cc-inspiration-google-results .gsc-expansionArea > .gsc-adBlock,
.cc-inspiration-google-results .gsc-expansionArea > .gsc-webResult,
.cc-inspiration-google-results .gsc-expansionArea > .gsc-result-info,
.cc-inspiration-google-results .gsc-expansionArea > .gs-no-results-result{
  grid-column:1 / -1!important;
}
.cc-inspiration-google-results .gsc-cursor-box{
  margin:18px 0 6px!important;
  text-align:center!important;
}

@media (max-width:1399px) and (min-width:1101px){
  .cc-inspiration-google-results .gsc-results .gsc-expansionArea{grid-template-columns:repeat(5,minmax(0,1fr));}
}
@media (max-width:1100px) and (min-width:701px){
  .cc-inspiration-google-results .gsc-results .gsc-expansionArea{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px!important;}
}
@media (max-width:700px){
  .cc-inspiration-google-results .gsc-results .gsc-expansionArea{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px!important;}
  .cc-inspiration-google-results .gsc-expansionArea > .gsc-imageResult,
  .cc-inspiration-google-results .gsc-imageResult.gsc-imageResult-column{border-radius:10px!important;}
  .cc-inspiration-google-results .gs-imageResult .gs-title{font-size:9.5px!important;margin-top:5px!important;}
  .cc-inspiration-google-results .gs-imageResult .gs-visibleUrl{font-size:7.5px!important;margin-bottom:6px!important;}
}


/* v0.8.646: Google公式ページャーをDOM上に維持したまま、
   利用者向け操作は大きな「もっと見る」に一本化する。 */
.cc-inspiration-google-results .gsc-cursor-box{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:-1px!important;
  padding:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.cc-inspiration-more-wrap{
  width:100%;
  padding:18px 8px 6px;
  text-align:center;
}
.cc-inspiration-more-wrap[hidden]{display:none!important}
.cc-inspiration-more{
  appearance:none;
  -webkit-appearance:none;
  min-width:min(360px,88vw);
  min-height:48px;
  padding:12px 28px;
  border:1px solid #cfd8d4;
  border-radius:999px;
  background:#fff;
  color:#34413c;
  font:800 14px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  cursor:pointer;
  box-shadow:0 4px 14px rgba(35,48,43,.06);
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease;
}
.cc-inspiration-more:hover{background:#f7faf8;box-shadow:0 7px 20px rgba(35,48,43,.09);transform:translateY(-1px)}
.cc-inspiration-more:focus-visible{outline:3px solid rgba(74,143,120,.25);outline-offset:3px}
.cc-inspiration-more:disabled{cursor:wait;opacity:.62;transform:none}
.cc-inspiration-more-note{margin:7px 0 0;color:#7d8984;font-size:10px;font-weight:650}
@media(max-width:700px){
  .cc-inspiration-more-wrap{padding:12px 5px 3px}
  .cc-inspiration-more{min-width:min(300px,86vw);min-height:44px;padding:10px 22px;font-size:13px}
  .cc-inspiration-more-note{font-size:9px}
}

/* v0.8.647: Google参考画像を同一ボックス内で拡大表示。 */
.cc-inspiration-google-results{position:relative!important;}
.cc-inspiration-google-results.is-reference-viewing > .gsc-control-cse,
.cc-inspiration-google-results.is-reference-viewing > .gsc-control-wrapper-cse,
.cc-inspiration-google-results.is-reference-viewing > .gcse-searchresults{display:none!important;}
.cc-reference-viewer{
  width:100%;
  min-height:clamp(560px,74vh,920px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(38,55,47,.12);
  border-radius:18px;
  background:#111412;
  box-shadow:0 14px 42px rgba(23,34,29,.14);
}
.cc-reference-viewer__toolbar{
  flex:0 0 auto;
  min-height:58px;
  padding:9px 12px;
  display:flex;
  align-items:center;
  gap:9px;
  background:rgba(24,29,26,.98);
  border-bottom:1px solid rgba(255,255,255,.11);
  color:#fff;
}
.cc-reference-viewer__back,
.cc-reference-viewer__button,
.cc-reference-viewer__source{
  min-height:38px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:10px;
  background:#29302c;
  color:#fff!important;
  padding:0 11px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  line-height:1;
  font-weight:750;
  text-decoration:none!important;
  white-space:nowrap;
  cursor:pointer;
}
.cc-reference-viewer__back:hover,
.cc-reference-viewer__button:hover,
.cc-reference-viewer__source:hover{background:#37413b;}
.cc-reference-viewer__back{flex:0 0 auto;}
.cc-reference-viewer__title{
  min-width:0;
  flex:1 1 auto;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  font-size:13px;
  font-weight:750;
}
.cc-reference-viewer__controls{display:flex;align-items:center;gap:6px;flex:0 0 auto;}
.cc-reference-viewer__percent{min-width:52px;text-align:center;font-size:11px;color:#d8dfdb;font-variant-numeric:tabular-nums;}
.cc-reference-viewer__stage{
  position:relative;
  flex:1 1 auto;
  min-height:500px;
  overflow:auto;
  overscroll-behavior:contain;
  /* Allow natural one-finger vertical scrolling while the enlarged image is open.
     Horizontal drag and custom pinch/zoom behavior remain handled by the viewer JS. */
  touch-action:pan-y;
  cursor:grab;
  background:radial-gradient(circle at center,#202622 0,#141815 56%,#0f1210 100%);
  outline:none;
  -webkit-overflow-scrolling:touch;
}
.cc-reference-viewer__stage.is-dragging{cursor:grabbing;}
.cc-reference-viewer__stage.is-zooming{cursor:zoom-in;}
.cc-reference-viewer__canvas{position:relative;min-width:100%;min-height:100%;}
.cc-reference-viewer__image{
  position:absolute;
  display:block;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  user-select:none;
  -webkit-user-drag:none;
  transform-origin:center center;
  box-shadow:0 14px 56px rgba(0,0,0,.34);
}
.cc-reference-viewer__status{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:28px;
  text-align:center;
  color:#e2e8e4;
  font-size:13px;
  line-height:1.7;
  pointer-events:none;
}

/* High-resolution thumbnails: preserve each result's natural aspect ratio. */
.cc-inspiration-google-results img.gs-image{
  image-rendering:auto!important;
  object-fit:contain!important;
  background:#f1f3f2!important;
}

@media(max-width:700px){
  .cc-reference-viewer{min-height:72vh;border-radius:12px;}
  .cc-reference-viewer__toolbar{min-height:52px;padding:7px;gap:5px;flex-wrap:wrap;}
  .cc-reference-viewer__back{order:1;min-height:36px;padding:0 9px;font-size:11px;}
  .cc-reference-viewer__title{order:2;font-size:11px;}
  .cc-reference-viewer__controls{order:3;width:100%;justify-content:center;padding-top:1px;}
  .cc-reference-viewer__button,.cc-reference-viewer__source{min-height:34px;padding:0 8px;font-size:10.5px;}
  .cc-reference-viewer__percent{min-width:43px;font-size:9.5px;}
  .cc-reference-viewer__stage{min-height:58vh;}
}

/* v0.8.648: inline-only Google reference surface + tight masonry gallery. */
.cc-inspiration-google-searchbox{width:min(900px,100%);}
.cc-inspiration-search-form{
  display:flex;
  align-items:center;
  width:100%;
  min-height:48px;
  padding:4px 4px 4px 14px;
  border:1px solid #dce3df;
  border-radius:15px;
  background:#fff;
  box-shadow:0 2px 10px rgba(35,48,43,.045);
}
.cc-inspiration-search-form:focus-within{border-color:#8dbdad;box-shadow:0 0 0 3px rgba(75,154,131,.11);}
.cc-inspiration-search-form__icon{position:relative;flex:0 0 18px;width:18px;height:18px;margin-right:9px;}
.cc-inspiration-search-form__icon:before{content:"";position:absolute;left:1px;top:1px;width:11px;height:11px;border:2px solid #66736e;border-radius:50%;}
.cc-inspiration-search-form__icon:after{content:"";position:absolute;width:7px;height:2px;left:12px;top:13px;background:#66736e;border-radius:2px;transform:rotate(45deg);transform-origin:left center;}
.cc-inspiration-search-form__input{appearance:none;-webkit-appearance:none;min-width:0;flex:1 1 auto;height:38px;margin:0;padding:0;border:0!important;outline:0!important;background:transparent!important;color:#28342f!important;font:700 14px/1.2 system-ui,-apple-system,"Noto Sans JP",sans-serif!important;box-shadow:none!important;}
.cc-inspiration-search-form__input::-webkit-search-cancel-button{opacity:.55;}
.cc-inspiration-search-form__submit{appearance:none;-webkit-appearance:none;flex:0 0 auto;min-width:68px;height:40px;margin:0;padding:0 15px;border:0;border-radius:11px;background:#3f8e76;color:#fff;font:850 12px/1 system-ui,-apple-system,"Noto Sans JP",sans-serif;cursor:pointer;}

/* Never allow Google's Overlay layout to cover the CotoCle page. */
body.cc-inspiration-page .gsc-modal-background-image,
body.cc-inspiration-page .gsc-modal-background-image-visible{display:none!important;visibility:hidden!important;pointer-events:none!important;}
body.cc-inspiration-page .gsc-results-wrapper-overlay,
body.cc-inspiration-page .cc-google-inline-recovered{
  position:static!important;
  inset:auto!important;
  z-index:auto!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.cc-inspiration-page .gsc-results-close-btn{display:none!important;}

/* Pinterest-like density while preserving Google's result nodes/order. */
.cc-inspiration-feed{padding-left:2px!important;padding-right:2px!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;}
.cc-inspiration-feed__head{padding-left:7px!important;padding-right:7px!important;}
.cc-inspiration-google-results .gsc-results .gsc-expansionArea{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  grid-auto-rows:1px!important;
  grid-auto-flow:row!important;
  column-gap:2px!important;
  row-gap:2px!important;
  align-items:start!important;
  width:100%!important;
}
.cc-inspiration-google-results .gsc-expansionArea > .gsc-imageResult,
.cc-inspiration-google-results .gsc-imageResult.gsc-imageResult-column{
  width:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.cc-inspiration-google-results .gs-imageResult .gs-image-box{padding:0!important;background:#eef1ef!important;overflow:hidden!important;}
.cc-inspiration-google-results .gs-imageResult .gs-image,
.cc-inspiration-google-results img.gs-image{display:block!important;width:100%!important;height:auto!important;max-width:none!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;object-fit:contain!important;background:#eef1ef!important;}
.cc-inspiration-google-results .gs-imageResult .gs-title,
.cc-inspiration-google-results .gs-imageResult .gs-snippet,
.cc-inspiration-google-results .gs-imageResult .gs-visibleUrl{margin-left:5px!important;margin-right:5px!important;}

@media(max-width:1399px) and (min-width:1101px){.cc-inspiration-google-results .gsc-results .gsc-expansionArea{grid-template-columns:repeat(5,minmax(0,1fr))!important;}}
@media(max-width:1100px) and (min-width:701px){.cc-inspiration-google-results .gsc-results .gsc-expansionArea{grid-template-columns:repeat(4,minmax(0,1fr))!important;}}
@media(max-width:700px){
  .cc-inspiration-top{padding-left:7px;padding-right:7px;}
  .cc-inspiration-google-searchbox{min-height:44px;}
  .cc-inspiration-search-form{min-height:44px;padding:2px 2px 2px 11px;border-radius:12px;}
  .cc-inspiration-search-form__input{height:38px;font-size:13px!important;}
  .cc-inspiration-search-form__submit{min-width:58px;height:38px;padding:0 11px;border-radius:10px;font-size:11px;}
  .cc-inspiration-feed{padding:2px 0 92px!important;}
  .cc-inspiration-feed__head{padding:4px 7px 6px!important;}
  .cc-inspiration-google-results .gsc-control-cse{padding:0!important;}
  .cc-inspiration-google-results .gsc-results .gsc-expansionArea{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:2px!important;row-gap:2px!important;}
  .cc-inspiration-google-results .gs-imageResult .gs-title{margin-top:3px!important;margin-left:4px!important;margin-right:4px!important;font-size:8.5px!important;line-height:1.25!important;}
  .cc-inspiration-google-results .gs-imageResult .gs-visibleUrl{margin:1px 4px 4px!important;font-size:7px!important;}
  .cc-reference-viewer{border-left:0;border-right:0;border-radius:0;min-height:76vh;}
}

/* v0.8.649: PC Google image results must use the whole reference surface.
   Google Search Element can keep a fixed/column width on intermediate wrappers;
   neutralise those wrappers without extracting or reordering result nodes. */
.cc-inspiration-google-results,
.cc-inspiration-google-results > .gcse-searchresults-only,
.cc-inspiration-google-results .gsc-control-cse,
.cc-inspiration-google-results .gsc-control-wrapper-cse,
.cc-inspiration-google-results .gsc-results-wrapper-nooverlay,
.cc-inspiration-google-results .cc-google-inline-recovered,
.cc-inspiration-google-results .gsc-resultsbox-visible,
.cc-inspiration-google-results .gsc-wrapper,
.cc-inspiration-google-results .gsc-results,
.cc-inspiration-google-results .gsc-above-wrapper-area,
.cc-inspiration-google-results .gsc-above-wrapper-area-container{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.cc-inspiration-google-results .gsc-resultsbox-visible,
.cc-inspiration-google-results .gsc-wrapper,
.cc-inspiration-google-results .gsc-results{
  float:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
.cc-inspiration-google-results .gsc-resultsbox-visible{display:block!important;}
.cc-inspiration-google-results .gsc-above-wrapper-area-container,
.cc-inspiration-google-results .gsc-above-wrapper-area-container tbody,
.cc-inspiration-google-results .gsc-above-wrapper-area-container tr{
  width:100%!important;
  max-width:none!important;
}

/* Dense responsive desktop masonry: roughly 7–10 columns depending on the
   actual content width, while tablet/mobile keep their dedicated layouts. */
@media(min-width:1101px){
  .cc-inspiration-google-results .gsc-results .gsc-expansionArea{
    grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;
    width:100%!important;
    max-width:none!important;
  }
}
@media(min-width:701px) and (max-width:1100px){
  .cc-inspiration-google-results .gsc-results .gsc-expansionArea{
    grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;
    width:100%!important;
  }
}
/* v0.8.650: Googleページ送りは既存結果を残したまま追記。自動クエリは行わない。 */
.cc-inspiration-google-results.is-loading-more{min-height:180px;}
.cc-inspiration-google-results.is-loading-more::after{
  content:"次の画像を追加中…";
  display:block;
  width:100%;
  padding:14px 8px 4px;
  text-align:center;
  color:#6d7b75;
  font:750 12px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.cc-inspiration-more-wrap{position:relative;z-index:2;}
.cc-inspiration-more:disabled:not(:hover){transform:none;}



/* v0.8.668 ---------------------------------------------------------------
   Clarify the role of Google reference images vs reusable CotoCle materials.
   Keep the guidance compact and place direct routes to Materials / My Files. */
.cc-inspiration-use-guide{
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  gap:14px;
  align-items:start;
  width:100%;
  margin:2px 0 3px;
  padding:17px 18px;
  border:1px solid #dbeae4;
  border-radius:18px;
  background:linear-gradient(135deg,#f5fcf9 0%,#fffdf7 100%);
  box-shadow:0 5px 18px rgba(42,75,63,.045);
}
.cc-inspiration-use-guide__icon{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:15px;
  background:linear-gradient(145deg,#4b9a83,#327c68);
  color:#fff;
  font-size:22px;
  line-height:1;
  font-weight:950;
  box-shadow:0 8px 18px rgba(61,146,122,.18);
}
.cc-inspiration-use-guide__body{min-width:0}
.cc-inspiration-use-guide__eyebrow{
  display:block;
  margin:0 0 4px;
  color:#4b9a83;
  font-size:9px;
  font-weight:950;
  letter-spacing:.14em;
}
.cc-inspiration-use-guide h2{
  margin:0 0 6px!important;
  color:#2d3b35!important;
  font-size:16px!important;
  line-height:1.45!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
}
.cc-inspiration-use-guide p{
  margin:0!important;
  color:#66736e!important;
  font-size:11px!important;
  line-height:1.72!important;
  font-weight:650!important;
}
.cc-inspiration-use-guide p strong{color:#315f52;font-weight:900}
.cc-inspiration-use-guide__actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:12px 0 7px;
}
.cc-inspiration-use-guide__button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:39px;
  padding:0 15px;
  border:1px solid #cfded8;
  border-radius:12px;
  background:#fff;
  color:#34574c!important;
  text-decoration:none!important;
  font-size:11px;
  font-weight:900;
  line-height:1;
  box-shadow:0 3px 10px rgba(42,72,62,.045);
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;
}
.cc-inspiration-use-guide__button:hover{
  transform:translateY(-1px);
  border-color:#9ccbbb;
  box-shadow:0 6px 14px rgba(42,72,62,.08);
}
.cc-inspiration-use-guide__button--primary{
  border-color:#3d927a;
  background:#3d927a;
  color:#fff!important;
}
.cc-inspiration-use-guide small{
  display:block;
  color:#89928e;
  font-size:8.5px;
  line-height:1.55;
  font-weight:650;
}
@media(max-width:700px){
  .cc-inspiration-use-guide{
    grid-template-columns:35px minmax(0,1fr);
    gap:9px;
    margin:1px 0 2px;
    padding:10px 10px 9px;
    border-radius:13px;
  }
  .cc-inspiration-use-guide__icon{
    width:34px;
    height:34px;
    border-radius:10px;
    font-size:15px;
  }
  .cc-inspiration-use-guide__eyebrow{margin-bottom:2px;font-size:6.7px}
  .cc-inspiration-use-guide h2{margin-bottom:4px!important;font-size:10.5px!important;line-height:1.4!important}
  .cc-inspiration-use-guide p{font-size:8px!important;line-height:1.52!important}
  .cc-inspiration-use-guide__actions{gap:6px;margin:8px 0 5px}
  .cc-inspiration-use-guide__button{
    flex:1 1 132px;
    min-height:34px;
    padding:0 9px;
    border-radius:10px;
    font-size:8.8px;
  }
  .cc-inspiration-use-guide small{font-size:6.8px;line-height:1.4}
}


/* v0.8.669 ---------------------------------------------------------------
   Invite community contributions near the inspiration search without changing
   Google result rendering or the existing reference/material guidance. */
.cc-inspiration-contribute{
  display:grid;grid-template-columns:44px minmax(0,1fr);gap:13px;align-items:start;
  width:100%;margin:12px 0 2px;padding:16px 17px;border:1px solid #dce9e4;
  border-radius:17px;background:#fff;box-shadow:0 5px 18px rgba(42,75,63,.045);
}
.cc-inspiration-contribute__mark{
  display:grid;place-items:center;width:42px;height:42px;border-radius:13px;
  background:#eaf6f1;color:#327c68;font-size:24px;line-height:1;font-weight:700;
}
.cc-inspiration-contribute__body{min-width:0}
.cc-inspiration-contribute__eyebrow{display:block;margin:0 0 3px;color:#4b9a83;font-size:8px;font-weight:950;letter-spacing:.14em}
.cc-inspiration-contribute h2{margin:0 0 6px!important;color:#2d3b35!important;font-size:15px!important;line-height:1.45!important;font-weight:900!important}
.cc-inspiration-contribute p{margin:0!important;color:#66736e!important;font-size:10.5px!important;line-height:1.7!important;font-weight:650!important}
.cc-inspiration-contribute__footer{display:flex;align-items:center;gap:12px;margin:11px 0 7px}
.cc-inspiration-contribute__button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:0 15px;border-radius:12px;background:#3d927a;color:#fff!important;text-decoration:none!important;font-size:10.5px;font-weight:900;box-shadow:0 5px 13px rgba(61,146,122,.16)}
.cc-inspiration-contribute__button:hover{transform:translateY(-1px);color:#fff!important}
.cc-inspiration-contribute__reference{flex:1 1 auto;padding-left:12px!important;border-left:2px solid #e3efeb;font-size:9px!important;line-height:1.55!important;color:#78847f!important}
.cc-inspiration-contribute small{display:block;color:#8b9490;font-size:8px;line-height:1.5;font-weight:650}
@media(max-width:700px){
  .cc-inspiration-contribute{grid-template-columns:30px minmax(0,1fr);gap:8px;margin:8px 0 1px;padding:10px;border-radius:13px}
  .cc-inspiration-contribute__mark{width:29px;height:29px;border-radius:9px;font-size:17px}
  .cc-inspiration-contribute__eyebrow{font-size:6.3px}
  .cc-inspiration-contribute h2{margin-bottom:4px!important;font-size:10.5px!important;line-height:1.4!important}
  .cc-inspiration-contribute p{font-size:7.7px!important;line-height:1.5!important}
  .cc-inspiration-contribute__footer{display:block;margin:8px 0 5px}
  .cc-inspiration-contribute__button{width:100%;min-height:33px;padding:0 9px;border-radius:10px;font-size:8.7px}
  .cc-inspiration-contribute__reference{margin-top:6px!important;padding:0!important;border-left:0;font-size:6.9px!important;line-height:1.45!important}
  .cc-inspiration-contribute small{font-size:6.5px;line-height:1.4}
}


/* v0.8.670 ---------------------------------------------------------------
   First-view priority: title/search/reference images first; explanatory and
   contribution content follows the gallery. */
.cc-inspiration-after{
  width:min(1480px,calc(100% - 32px));margin:0 auto 24px;padding:20px 28px 24px;
  display:flex;flex-direction:column;gap:12px;background:#fff;border-radius:22px;
  box-shadow:0 1px 0 rgba(39,51,47,.05);
}
.cc-inspiration-after .cc-inspiration-source-note{margin-top:0}
@media(max-width:900px){
  .cc-inspiration-after{width:100%;margin:0;padding:12px 10px 18px;border-radius:0;gap:8px}
}
@media(max-width:700px){
  .cc-inspiration-top{padding-bottom:5px}
  .cc-inspiration-feed{padding-top:0}
  .cc-inspiration-after{padding:10px 10px 94px}
}


/* v0.8.672 ---------------------------------------------------------------
   Inspiration guidance surfaces must remain readable in every site theme.
   Keep Google results untouched; only the explanatory area below the gallery
   receives fixed CotoCle card surfaces and text colors. */
body.cc-inspiration-page .cc-inspiration-after{
  background:rgba(255,255,255,.96)!important;
  background-image:none!important;
  color:#27332f!important;
  border:1px solid rgba(74,117,101,.12)!important;
}
body.cc-inspiration-page .cc-inspiration-after > .cc-inspiration-lead{
  margin:0!important;
  padding:11px 13px!important;
  border:1px solid #e0ebe6!important;
  border-radius:14px!important;
  background:#f7fbf9!important;
  background-image:none!important;
  color:#52645d!important;
}
body.cc-inspiration-page .cc-inspiration-after .cc-inspiration-use-guide{
  background:linear-gradient(135deg,#f2fbf7 0%,#fffaf1 100%)!important;
  border-color:#d8e9e2!important;
  color:#27332f!important;
}
body.cc-inspiration-page .cc-inspiration-after .cc-inspiration-source-note{
  padding:11px 13px!important;
  border:1px solid #dceae4!important;
  border-radius:14px!important;
  background:#f3f9f6!important;
  background-image:none!important;
  color:#5f6f68!important;
}
body.cc-inspiration-page .cc-inspiration-after .cc-inspiration-contribute{
  background:linear-gradient(145deg,#eef9fc 0%,#f7fbf3 100%)!important;
  border-color:#d7e8e2!important;
  color:#27332f!important;
}
body.cc-inspiration-page .cc-inspiration-after .cc-inspiration-contribute__reference{
  background:rgba(255,255,255,.72)!important;
  border-radius:10px!important;
  padding:9px 11px!important;
  border-left:0!important;
}
body.cc-inspiration-page .cc-inspiration-after .cc-inspiration-use-guide h2,
body.cc-inspiration-page .cc-inspiration-after .cc-inspiration-contribute h2{
  color:#253a32!important;
}
body.cc-inspiration-page .cc-inspiration-after .cc-inspiration-use-guide p,
body.cc-inspiration-page .cc-inspiration-after .cc-inspiration-contribute p,
body.cc-inspiration-page .cc-inspiration-after .cc-inspiration-source-note p{
  color:#53665e!important;
}
@media(max-width:900px){
  body.cc-inspiration-page .cc-inspiration-after{
    width:calc(100% - 20px)!important;
    margin:10px auto 0!important;
    padding:10px 10px 94px!important;
    border-radius:18px!important;
  }
}
@media(max-width:700px){
  body.cc-inspiration-page .cc-inspiration-after > .cc-inspiration-lead,
  body.cc-inspiration-page .cc-inspiration-after .cc-inspiration-source-note{
    border-radius:11px!important;
  }
  body.cc-inspiration-page .cc-inspiration-after .cc-inspiration-contribute__reference{
    margin-top:7px!important;
    padding:8px 9px!important;
  }
}

/* v0.8.673 ---------------------------------------------------------------
   Softer first-view hero for the childcare inspiration page. The title,
   search box and keyword rail are grouped into one seasonal-style card.
   Pure CSS decoration keeps the surface theme-independent and lightweight. */
body.cc-inspiration-page .cc-inspiration-top{
  isolation:isolate;
  overflow:hidden;
  position:relative;
  background:
    radial-gradient(circle at 52% 18%,rgba(255,255,255,.74) 0 7%,transparent 7.4%),
    radial-gradient(circle at 78% 24%,rgba(255,255,255,.56) 0 8%,transparent 8.4%),
    radial-gradient(circle at 22% 42%,rgba(255,255,255,.48) 0 9%,transparent 9.4%),
    linear-gradient(145deg,#dff4ff 0%,#e9f7ff 47%,#edf9f0 100%)!important;
  border:1px solid rgba(77,146,130,.13)!important;
  border-radius:26px!important;
  box-shadow:0 12px 30px rgba(48,91,79,.08),inset 0 1px 0 rgba(255,255,255,.75)!important;
}
body.cc-inspiration-page .cc-inspiration-top::before,
body.cc-inspiration-page .cc-inspiration-top::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:-1;
}
body.cc-inspiration-page .cc-inspiration-top::before{
  left:-5%;right:-5%;bottom:-42px;height:112px;
  background:
    radial-gradient(ellipse at 8% 100%,rgba(116,188,151,.38) 0 28%,transparent 29%),
    radial-gradient(ellipse at 25% 100%,rgba(150,210,169,.34) 0 27%,transparent 28%),
    radial-gradient(ellipse at 72% 100%,rgba(124,190,147,.34) 0 30%,transparent 31%),
    radial-gradient(ellipse at 91% 100%,rgba(102,174,136,.32) 0 31%,transparent 32%);
  opacity:.88;
}
body.cc-inspiration-page .cc-inspiration-top::after{
  width:145px;height:145px;right:-38px;top:-42px;border-radius:50%;
  background:radial-gradient(circle at 42% 42%,rgba(255,235,153,.52) 0 36%,rgba(255,245,196,.2) 37% 58%,transparent 59%);
  filter:blur(.1px);
}
body.cc-inspiration-page .cc-inspiration-top__title,
body.cc-inspiration-page .cc-inspiration-google-searchbox,
body.cc-inspiration-page .cc-inspiration-keywords,
body.cc-inspiration-page .cc-inspiration-unconfigured{position:relative;z-index:1}
body.cc-inspiration-page .cc-inspiration-top h1{color:#254266!important;text-shadow:0 1px 0 rgba(255,255,255,.55)}
body.cc-inspiration-page .cc-inspiration-kicker{color:#5c9d91!important}
body.cc-inspiration-page .cc-inspiration-reference-badge{
  background:rgba(255,245,250,.93)!important;
  border-color:#efc9dc!important;
  box-shadow:0 5px 14px rgba(148,82,117,.07)!important;
}
body.cc-inspiration-page .cc-inspiration-keyword{
  background:rgba(255,255,255,.91)!important;
  border-color:rgba(108,145,134,.21)!important;
  box-shadow:0 3px 10px rgba(46,82,72,.035)!important;
}
body.cc-inspiration-page .cc-inspiration-keyword.is-active{
  background:#e8f6f1!important;border-color:#73b49f!important;color:#2d765e!important;
}

@media(min-width:901px){
  body.cc-inspiration-page .cc-inspiration-top{
    width:min(1420px,calc(100% - 44px));
    margin-top:22px;margin-bottom:20px;
    padding:36px 38px 31px;
    gap:16px;
  }
}
@media(max-width:900px){
  body.cc-inspiration-page .cc-inspiration-top{
    width:calc(100% - 24px)!important;
    margin:12px auto 13px!important;
    padding:22px 18px 20px!important;
    gap:12px!important;
    border-radius:24px!important;
  }
}
@media(max-width:700px){
  body.cc-inspiration-page .cc-inspiration-top{
    width:calc(100% - 20px)!important;
    margin:10px auto 12px!important;
    padding:20px 14px 17px!important;
    gap:11px!important;
    border-radius:22px!important;
  }
  body.cc-inspiration-page .cc-inspiration-top h1{font-size:32px!important;line-height:1.05!important}
  body.cc-inspiration-page .cc-inspiration-kicker{display:none!important}
  body.cc-inspiration-page .cc-inspiration-top::before{bottom:-52px;height:105px}
  body.cc-inspiration-page .cc-inspiration-top::after{width:110px;height:110px;right:-30px;top:-34px}
  body.cc-inspiration-page .cc-inspiration-google-searchbox{min-height:50px}
  body.cc-inspiration-page .cc-inspiration-keyword{min-height:34px!important;padding:0 12px!important;font-size:10px!important}
}