@charset "UTF-8";

.mega-search-section { 
    background: #1a1a1a;
    padding: 80px 0; 
}

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

.search-box-wrapper {
    display: flex;
    align-items: center;
    max-width: 800px;
    margin: 0 auto;
    background-color: #f7f7f7; /* 白っぽい背景 */
    border-radius: 8px; /* 緩やかな角丸 */
    overflow: hidden; /* アイコンがはみ出ないように */
    box-shadow: 0 4px 15px rgba(0,0,0,0.3); /* 浮遊感 */
}

.mega-search-input { 
    flex-grow: 1;
    font-size: 1.8rem; /* 少し小さく */
    background: transparent;
    color: #333; /* 文字を暗く */
    border: none; 
    outline: none; 
    padding: 20px 25px;
}

.mega-search-input::placeholder {
    color: rgba(51, 51, 51, 0.4);
}

.search-submit {
    background-color: #ff8c69; /* サーモンピンク */
    color: #fff;
    border: none;
    padding: 20px 25px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s;
}

.search-submit:hover {
    background-color: #ff7f50; /* 少し濃いサーモンピンク */
}

.search-submit svg {
    display: block;
}