@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* ふるさと納税 情報ボックスの全体設定 */
.furusato-info-box {
    border: 2px solid #e0f7fa; /* 枠線（薄い水色） */
    background-color: #f4fdff; /* 背景色（非常に薄い水色） */
    padding: 15px;
    margin: 20px 0;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); /* 軽い影 */
}

/* ヘッダー部分 */
.furusato-info-box .info-header {
    display: flex;
    align-items: center;
    border-bottom: 2px dotted #cee4f0; /* 点線で区切り */
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.furusato-info-box .info-header .icon {
    font-size: 24px;
    margin-right: 10px;
}

.furusato-info-box .info-header h3 {
    font-size: 18px;
    font-weight: bold;
    color: #00796b; /* 濃い目のグリーン */
    margin: 0;
}

/* 各情報アイテムの共通設定 */
.furusato-info-box .info-item {
    display: flex;
    flex-wrap: wrap; /* 小さな画面で折り返す */
    align-items: center;
    padding: 8px 0;
}

.furusato-info-box .info-item:not(:last-child) {
    border-bottom: 1px dashed #d9e8ee; /* アイテム間の区切り線 */
}

/* ラベル（項目名） */
.furusato-info-box .label {
    font-weight: bold;
    color: #333;
    min-width: 90px; /* ラベルの幅を確保 */
    padding-right: 10px;
    flex-shrink: 0; /* 縮まない */
}

/* 寄付額の強調 */
.furusato-info-box .donation-amount .value {
    font-size: 26px;
    font-weight: bolder;
    color: #d32f2f; /* 赤系で強調 */
    background-color: #ffebee; /* 薄い赤の背景 */
    padding: 5px 10px;
    border-radius: 4px;
}

/* サイトリンクのボタン設定 */
.furusato-info-box .site-links {
    display: flex;
    flex-direction: column; /* 縦に並べる */
    gap: 10px; /* ボタン間のスペース */
    flex-grow: 1; /* スペースを埋める */
}

.furusato-info-box .site-btn {
    display: block;
    text-align: center;
    padding: 12px 15px;
    font-size: 15px;
    font-weight: bold;
    border-radius: 6px;
    text-decoration: none; /* 下線なし */
    color: #fff !important; /* 文字色を白に統一 */
    transition: background-color 0.3s;
}

/* サイトごとのボタン色 */
.furusato-info-box .site-btn.rakuten {
    background-color: #bf0000; /* 楽天カラー */
}
.furusato-info-box .site-btn.rakuten:hover {
    background-color: #8c0000;
}

.furusato-info-box .site-btn.choice {
    background-color: #00897b; /* チョイスカラー（緑系） */
}
.furusato-info-box .site-btn.choice:hover {
    background-color: #00695c;
}

.furusato-info-box .site-btn.satofull {
    background-color: #f08300; /* さとふるカラー（オレンジ） */
}
.furusato-info-box .site-btn.satofull:hover {
    background-color: #c96a00;
}

.furusato-info-box .site-btn.furunavi {
    background-color: #005bac; /* ふるなびカラー（青系） */
}
.furusato-info-box .site-btn.furunavi:hover {
    background-color: #004080;
}


/* レスポンシブ対応（スマホの場合） */
@media (max-width: 600px) {
    .furusato-info-box .info-item {
        flex-direction: column; /* 縦並びにする */
        align-items: flex-start;
    }
    .furusato-info-box .label {
        margin-bottom: 5px;
    }
    .furusato-info-box .site-links {
        width: 100%; /* ボタンを横幅いっぱいに広げる */
    }
}