/*
Theme Name: Blocksy Child
Theme URI: https://creativethemes.com/blocksy/
Template: blocksy
Author: CreativeThemes
Author URI: https://creativethemes.com
Description: Blocksy is a fast, modern WordPress theme with advanced WooCommerce support and full compatibility with the block editor.
Tags: accessibility-ready,blog,block-patterns,e-commerce,wide-blocks,block-styles,grid-layout,one-column,two-columns,three-columns,four-columns,right-sidebar,left-sidebar,translation-ready,custom-colors,custom-logo,custom-menu,featured-images,footer-widgets,full-width-template,theme-options,threaded-comments
Version: 2.1.9.1756542411
Updated: 2025-08-30 17:26:51

*/


/* = Asset templates */
.asset-single-wrap{max-width:960px;margin:0 auto;padding:32px 16px;}
.asset-tax .tax-chip{display:inline-block;margin:0 8px 8px 0;padding:4px 8px;border:1px solid #ddd;border-radius:14px;font-size:12px;}
.asset-preview{margin:16px 0;}
.asset-preview img,.asset-preview iframe{max-width:100%;height:auto;display:block;}
.asset-meta ul{list-style:none;padding:0;margin:0 0 16px;}
.asset-meta li{margin:4px 0;}
.asset-btn{display:inline-block;padding:12px 20px;text-decoration:none;border:1px solid #222;}
.asset-btn:hover{opacity:.85;}
.asset-license{font-size:12px;color:#666;margin-top:8px;}
.asset-content{margin-top:24px;}
.asset-nav{display:flex;justify-content:space-between;margin-top:24px;}

.archive-assets{max-width:1120px;margin:0 auto;padding:32px 16px;}
.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;}
.asset-card{border:1px solid #eee;padding:12px;background:#fff;}
.asset-card .thumb{aspect-ratio:16/9;background:#f5f5f5;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.asset-card img{width:100%;height:100%;object-fit:cover;}
.asset-card .no-thumb{color:#999;font-size:12px;}
.asset-card .card-title{font-size:16px;margin:8px 0 0;}
.asset-card .chip{display:inline-block;margin-top:4px;font-size:12px;color:#666;}
.asset-pagination{margin-top:24px;}

/* === Asset 2-column layout === */
.asset-header { margin-bottom: 12px; }
.asset-title { margin: 0 0 8px; }
.asset-tax .tax-chip {
  display:inline-block; margin:0 8px 8px 0; padding:4px 8px;
  border:1px solid #ddd; border-radius:14px; font-size:12px;
}

/* 2カラム：左プレビュー / 右情報 */
.asset-body { display:grid; grid-template-columns: 1fr 320px; gap:24px; align-items:start; }
.asset-main { min-width: 0; }
.asset-side .asset-info { position:sticky; top:24px; border:1px solid #eee; padding:16px; border-radius:8px; background:#fff; }
.side-heading { font-size:18px; margin:0 0 12px; }
.info-list { list-style:none; padding:0; margin:0 0 12px; }
.info-list li { display:flex; justify-content:space-between; gap:12px; padding:6px 0; border-bottom:1px dashed #eee; }
.info-list li strong { color:#333; }
.asset-btn { display:inline-block; padding:12px 20px; text-decoration:none; border:0; background:#333; color:#fff; border-radius:6px; }
.asset-btn.large { width:100%; text-align:center; padding:14px 0; font-weight:700; }
.asset-btn:hover { opacity:.92; }
.asset-license { font-size:12px; color:#666; margin:8px 0 0; }
.asset-catbox { margin-top:14px; }
.side-sub { font-size:14px; margin:12px 0 6px; color:#555; }
.catlines a { text-decoration:underline; }

/* 本文余白 */
.asset-content { margin-top:16px; }

/* 関連素材 */
.asset-related { margin-top:40px; }
.related-heading { font-size:20px; margin:0 0 12px; }
.asset-grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(220px,1fr)); gap:16px; }
.asset-card { border:1px solid #eee; background:#fff; border-radius:8px; overflow:hidden; }
.asset-card .thumb { aspect-ratio: 16/9; background:#f6f6f6; display:flex; align-items:center; justify-content:center; }
.asset-card img { width:100%; height:100%; object-fit:cover; }
.asset-card .no-thumb { color:#999; font-size:12px; }
.asset-card .card-title { font-size:14px; margin:8px 10px 10px; }

/* スマホ：1カラムに崩す */
@media (max-width: 900px) {
  .asset-body { grid-template-columns: 1fr; }
  .asset-side .asset-info { position:static; }
}