/* 
Theme Name: Astra Child 
Theme URI: https://wpastra.com/ 
Template: astra 
Author: Brainstorm Force 
Author URI: https://wpastra.com/about/?
utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme 
Description: The Astra WordPress theme is lightning-fast and highly 
customizable. It has over 1 million downloads and the only theme in 
the world with 6,000+ five-star reviews! It’s ideal for professional web 
designers, solopreneurs, small businesses, eCommerce, membership 
sites and any type of website. It offers special features and templates 
so it works perfectly with all page builders like Spectra, Elementor, 
Beaver Builder, etc. Fast performance, clean code, mobile-first design 
and schema markup are all built-in, making the theme exceptionally 
SEO-friendly. It’s fully compatible with WooCommerce, SureCart and 
other eCommerce plugins and comes with lots of store-friendly 
features and templates. Astra also provides expert support for free 
users. A dedicated team of fully trained WordPress experts are on 
hand to help with every aspect of the theme. Try the live demo of 
Astra: https://zipwp.org/themes/astra/ 
Tags: custom-menu,custom-logo,entertainment,one-column,
two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,
editor-style,featured-images,full-width-template,microformats,
post-formats,rtl-language-support,theme-options,threaded-comments,
translation-ready,blog 
Version: 4.11.13.1761468954 
Updated: 2025-10-26 17:55:54 

*/ 

.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } 

.breadcrumb { margin: 12px 0 24px; font-size: .9rem; } 

.works-header .title { font-size: 2rem; margin-bottom: .25em; } 
.works-header .subtitle { color:#666; margin-bottom: 1rem; } 
.chips { display:flex; flex-wrap:wrap; gap:8px; margin-bottom: 16px; } 
.chip { display:inline-block; padding: .25em .6em; border:1px solid 
#ddd; border-radius:999px; font-size:.85rem; } 
.chip--award { background:#222; color:#fff; border-color:#222; } 

.works-gallery { margin: 24px 0 16px; } 
.works-mainimg .mainimg { width:100%; height:auto; display:block; 
border-radius:6px; } 
.thumbs { display:flex; gap:8px; margin-top:10px; overflow-x:auto; 
padding-bottom:6px; } 
.thumbs img { width:110px; height:70px; object-fit:cover; 
border-radius:4px; cursor:pointer; } 

.works-spec dl { display:grid; grid-template-columns: 140px 1fr; 
row-gap:8px; column-gap:16px; margin: 24px 0; } 
.works-spec dt { color:#666; } 
.lead { font-size:1.05rem; margin: 24px 0; } 
.works-points, .works-voice { margin: 40px 0 24px; } 
.works-points h2, .works-voice h2, .works-related h2 { font-
size:1.4rem; margin-bottom:.6em; } 

.post-nav { display:flex; justify-content:space-between; gap:12px; 
margin: 40px 0; } 

.cards { display:grid; grid-template-columns: repeat(3,1fr); gap:20px; } 
.card { display:block; border:1px solid #eee; border-radius:8px; 
overflow:hidden; background:#fff; transition:.2s; } 
.card:hover { transform: translateY(-2px); box-shadow:0 6px 18px 
rgba(0,0,0,.06); } 
.card .thumb img { width:100%; height:220px; object-fit:cover; 
display:block; } 
.card-title { font-size:1rem; padding:10px 12px 16px; } 

.more-archive { text-align:center; margin-top:16px; } 
.btn { display:inline-block; padding:.8em 1.6em; border:1px solid 
#333; border-radius:999px; } 

@media (max-width: 767px) { 
.cards { grid-template-columns: 1fr; } 
.works-spec dl { grid-template-columns: 110px 1fr; } 
.thumbs img { width:90px; height:58px; }
 }





/* ========== 基本（必要最低限：既存サイトの汎用） ========== */
.container { max-width:1200px; margin:0 auto; padding:0 20px; }
.breadcrumb { margin:12px 0 24px; font-size:.9rem; }