.sample2oya {
    position: relative; /* 指定した分だけ相対的に移動 */
}

    .sample2oya:hover .sample0 {
        display: inline; /* インライン要素として表示 */
    }

    .sample2oya:hover .sample1 {
        display: inline; /* インライン要素として表示 */
    }

    .sample2oya:hover .sample2 {
        display: inline; /* インライン要素として表示 */
    }

    .sample2oya:hover .sample3 {
        display: inline; /* インライン要素として表示 */
    }

    .sample2oya:hover .sample4 {
        display: inline; /* インライン要素として表示 */
    }

/* --- 吹き出し ------------------ */
.sample0 {
    display: none; /* 要素を非表示 */
    position: relative; /* 親要素を基準 */
    padding: 2px; /* テキストの前後の余白 */
    background-color: rgba(255, 127, 127, 0.75); /* 背景色（透明度） */
    width: 180px; /* 吹き出し全体の幅 */
    left: 30%; /* 表示位置 */
    top: 100%; /* 表示位置 */
    margin-top: 12px; /* 表示位置 */
    font-size: 80%; /* 文字サイズ */
    animation: sample2Anime 1s linear;
}

.sample1 {
    display: none; /* 要素を非表示 */
    position: relative; /* 親要素を基準 */
    padding: 2px; /* テキストの前後の余白 */
    background-color: rgba(255, 127, 127, 0.75); /* 背景色（透明度） */
    width: 180px; /* 吹き出し全体の幅 */
    left: 30%; /* 表示位置 */
    top: 100%; /* 表示位置 */
    margin-top: 12px; /* 表示位置 */
    font-size: 80%; /* 文字サイズ */
    animation: sample2Anime 1s linear;
}

.sample2 {
    display: none; /* 要素を非表示 */
    position: relative; /* 親要素を基準 */
    padding: 2px; /* テキストの前後の余白 */
    background-color: rgba(255, 127, 127, 0.75); /* 背景色（透明度） */
    width: 180px; /* 吹き出し全体の幅 */
    left: 30%; /* 表示位置 */
    top: 100%; /* 表示位置 */
    margin-top: 12px; /* 表示位置 */
    font-size: 80%; /* 文字サイズ */
    animation: sample2Anime 1s linear;
}

.sample3 {
    display: none; /* 要素を非表示 */
    position: relative; /* 親要素を基準 */
    padding: 2px; /* テキストの前後の余白 */
    background-color: rgba(255, 127, 127, 0.75); /* 背景色（透明度） */
    width: 180px; /* 吹き出し全体の幅 */
    left: 30%; /* 表示位置 */
    top: 100%; /* 表示位置 */
    margin-top: 12px; /* 表示位置 */
    font-size: 80%; /* 文字サイズ */
    animation: sample2Anime 1s linear;
}

.sample4 {
    display: none; /* 要素を非表示 */
    position: relative; /* 親要素を基準 */
    padding: 2px; /* テキストの前後の余白 */
    background-color: rgba(255, 127, 127, 0.75); /* 背景色（透明度） */
    width: 180px; /* 吹き出し全体の幅 */
    left: 30%; /* 表示位置 */
    top: 100%; /* 表示位置 */
    margin-top: 12px; /* 表示位置 */
    font-size: 80%; /* 文字サイズ */
    animation: sample2Anime 1s linear;
}

.sample0:after {
    border-bottom: 12px solid rgba(255, 127, 127, 0.75); /* 吹き出し口の高さ・色 */
    border-left: 10px solid transparent; /* 吹き出し口の幅１／２ */
    border-right: 10px solid transparent; /* 吹き出し口の幅１／２ */
    top: -12px; /* 吹き出し口の位置調整 */
    left: 5%; /* 吹き出し口の横位置 */
    content: ""; /* コンテンツの挿入 */
    position: absolute; /* 親要素を基準 */
}

.sample1:after {
    border-bottom: 12px solid rgba(255, 127, 127, 0.75); /* 吹き出し口の高さ・色 */
    border-left: 10px solid transparent; /* 吹き出し口の幅１／２ */
    border-right: 10px solid transparent; /* 吹き出し口の幅１／２ */
    top: -12px; /* 吹き出し口の位置調整 */
    left: 5%; /* 吹き出し口の横位置 */
    content: ""; /* コンテンツの挿入 */
    position: absolute; /* 親要素を基準 */
}

.sample2:after {
    border-bottom: 12px solid rgba(255, 127, 127, 0.75); /* 吹き出し口の高さ・色 */
    border-left: 10px solid transparent; /* 吹き出し口の幅１／２ */
    border-right: 10px solid transparent; /* 吹き出し口の幅１／２ */
    top: -12px; /* 吹き出し口の位置調整 */
    left: 5%; /* 吹き出し口の横位置 */
    content: ""; /* コンテンツの挿入 */
    position: absolute; /* 親要素を基準 */
}

.sample3:after {
    border-bottom: 12px solid rgba(255, 127, 127, 0.75); /* 吹き出し口の高さ・色 */
    border-left: 10px solid transparent; /* 吹き出し口の幅１／２ */
    border-right: 10px solid transparent; /* 吹き出し口の幅１／２ */
    top: -12px; /* 吹き出し口の位置調整 */
    left: 5%; /* 吹き出し口の横位置 */
    content: ""; /* コンテンツの挿入 */
    position: absolute; /* 親要素を基準 */
}

.sample4:after {
    border-bottom: 12px solid rgba(255, 127, 127, 0.75); /* 吹き出し口の高さ・色 */
    border-left: 10px solid transparent; /* 吹き出し口の幅１／２ */
    border-right: 10px solid transparent; /* 吹き出し口の幅１／２ */
    top: -12px; /* 吹き出し口の位置調整 */
    left: 5%; /* 吹き出し口の横位置 */
    content: ""; /* コンテンツの挿入 */
    position: absolute; /* 親要素を基準 */
}


@@keyframes sample2Anime {
    100% {
        color: black;
        background: rgba(255, 127, 127, 0.75)
    }

    50% {
        color: black;
        background: rgba(255, 127, 127, 0.25)
    }

    0% {
        color: white;
        background: white
    }
}