/* ==================== index2専用スタイル ==================== */

/* Blueskyボタン */
.btn-bluesky {
    background: #0085FF;
    box-shadow: 0 5px 15px rgba(0, 133, 255, 0.3);
}

/* Threadsボタン */
.btn-threads {
    background: #000000;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

/* 漫画ボタン（全幅表示） */
.btn-trial-full {
    width: 100%;
    max-width: 600px;
    height: 70px;
    border: none;
    border-radius: 20px;
    font-family: 'M PLUS Rounded 1c', 'Noto Sans JP', sans-serif;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: white;
    position: relative;
    padding: 15px;
    line-height: 1.4;
    background: linear-gradient(135deg, #FFB6C1 0%, #FFA07A 100%);
    box-shadow: 0 5px 20px rgba(255, 182, 193, 0.5);
    animation: poyopoyo 1.5s infinite ease-in-out, shake 3s infinite;
}

.btn-trial-full:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

.btn-trial-full:active {
    transform: scale(0.98);
}

/* スマホ対応 */
@media (max-width: 767px) {
    .btn-trial-full {
        font-size: 14px;
        height: 65px;
    }
}

/* タブレット・PC対応 */
@media (min-width: 768px) {
    .btn-trial-full {
        font-size: 17px;
        height: 75px;
    }
}