/*
Theme Name: Cocoon Child
Template: cocoon-master
*/

/* ギャラリー ここから */
.wp-block-gallery {
  margin-bottom: 40px !important;
}
.wp-block-gallery .wp-block-image {
  margin: 4px !important;
}
.wp-block-gallery img {
  border-radius: 4px;
  transition: transform 0.3s ease;
}
.wp-block-gallery img:hover {
  transform: scale(1.03);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* 記事ヘッダー ここから */
.single .article-header .cat-label {
  display: none !important;
}

/* カラム内ブログカード ここから */
.wp-block-columns .wp-block-embed__wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
}
.wp-block-columns .blogcard-wrap {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* タブレット ここから */
@media screen and (max-width: 768px) {
  .has-text-align-center .bold {
    font-size: 0.8em;
  }
}

/* 表 ここから */
@media screen and (max-width: 767px) {
  .wp-block-table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .wp-block-table table {
    min-width: 600px;
  }
}

/* ポートフォリオ ここから */
@media screen and (max-width: 600px) {
  .my-portfolio,
  .fixed-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }
  .my-portfolio .wp-block-image,
  .fixed-grid .wp-block-image {
    width: calc(50% - 5px) !important;
    flex-basis: calc(50% - 5px) !important;
    margin: 0 0 10px !important;
  }
  .my-portfolio .wp-block-image img,
  .fixed-grid .wp-block-image img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
  }
}

/* 目次はみ出し ここから */
.toc-content{overflow:hidden}
/* 目次はみ出し ここまで */

/* モバイルナビ ここから */
.gb-mnav{display:none}
@media screen and (max-width:1023px){
  .gb-mnav{position:fixed;left:0;right:0;bottom:0;z-index:1000;display:flex;background:#fff;border-top:1px solid #e5e5e5;padding-bottom:env(safe-area-inset-bottom)}
  .gb-mnav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:56px;color:#222;font-size:11px;letter-spacing:.04em;text-decoration:none}
  .gb-mnav__item .fa{font-size:18px}
  body{padding-bottom:calc(56px + env(safe-area-inset-bottom))}
  #toc{scroll-margin-top:70px}
}
/* モバイルナビ ここまで */

/* デスク構成 ここから */
.gb-area{columns:2;column-gap:16px;margin:28px 0 20px}
.gb-area__box{break-inside:avoid;margin:0 0 16px;border:1px solid #d9d9d9;background:#fff;padding:22px 24px 14px}
.gb-area__hd{display:flex;align-items:baseline;gap:12px;padding-bottom:12px;margin-bottom:4px;border-bottom:1px solid #111}
.gb-area__en{font-family:"Helvetica Neue",Arial,sans-serif;font-size:17px;font-weight:300;letter-spacing:.22em;line-height:1;color:#111}
.gb-area__ja{font-size:11px;color:#999;letter-spacing:.1em}
.gb-area__cnt{margin-left:auto;font-family:"Helvetica Neue",Arial,sans-serif;font-size:10px;color:#999;letter-spacing:.16em}
.entry-content .gb-area ol{list-style:none;margin:0;padding:0}
.entry-content .gb-area li{margin:0;padding:0;border-bottom:1px solid #efefef;font-size:14px;line-height:1.6}
.entry-content .gb-area li::before,.entry-content .gb-area li::marker{content:none}
.entry-content .gb-area li:last-child{border-bottom:0}
.entry-content .gb-area li a{display:flex;align-items:baseline;gap:14px;padding:10px 0;color:#111;text-decoration:none}
.gb-area .no{flex:0 0 2em;font-family:"Helvetica Neue",Arial,sans-serif;font-size:11px;color:#999;letter-spacing:.08em}
.gb-area .nm{flex:1;min-width:0}
.gb-area .nm small{display:block;margin-top:2px;font-size:11px;line-height:1.5;color:#999}
.entry-content .gb-area li a:hover .nm{text-decoration:underline}
@media (max-width:600px){.gb-area{columns:1}.gb-area__box{margin-bottom:12px;padding:18px 18px 10px}}