@charset "utf-8";

body { 
    font-family: 'MS PGothic', 'Osaka', Arial, sans-serif; 
    background: #f0f7ff; 
    color: #333;
    line-height: 1.5;
    margin: 0;
    padding: 20px;
}

.container {
    max-width: 1000px;
    margin: 0 auto;
    background: #fff;
    padding: 20px;
    border: 1px solid #ccc;
}

.search-box { 
    margin-bottom: 20px; 
    padding: 15px;
    background: #e1eefc;
    border: 1px solid #adc5e7;
    text-align: center; 
}

/* 見出し：Wiki風の下線スタイル */
.section-container { grid-column: 1 / -1; margin-top: 40px; }
h2 {
    font-size: 1.2em;
    color: #004276;
    border-bottom: 2px solid #004276;
    padding-bottom: 5px;
    scroll-margin-top: 100px;
}

#results { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 15px; }
.items-grid-wrapper { display: contents; }

.item-card { 
    background: white; padding: 10px; border: 1px solid #ddd; 
    display: flex; flex-direction: column; transition: border 0.2s;
}
.item-card img { max-width: 100%; height: auto; margin-bottom: 8px; align-self: center; }
.item-title { font-size: 0.85em; font-weight: bold; height: 3.6em; overflow: hidden; margin-bottom: 8px; color: #0066cc; }
.item-price { color: #d00; font-size: 1em; font-weight: bold; margin-bottom: 10px; }

.amazon-link { 
    display: block; text-align: center; background: #f7f7f7; color: #333; 
    text-decoration: none; padding: 5px; border: 1px solid #ccc; border-radius: 3px; font-size: 0.75em; 
}

#toc {
    background: #f8f8f8; border: 1px solid #ccc; padding: 10px 15px; margin-bottom: 30px; 
    font-size: 0.9em; position: sticky; top: 0; z-index: 100;
}
toc a { color: #0066cc; text-decoration: none; margin-right: 10px; }
#toc a::before { content: "・"; color: #333; }


#return-button {
margin-left: auto;
}