﻿.easyJapaneseActionButton ruby rp,
.easyJapaneseActionButton ruby rt {
    display: none !important;
}

#easyJapaneseDispArea {
    margin: 0px 0px 0px 5px;
}

    #easyJapaneseDispArea .change_title {
        display: none;
    }

/* やさしい日本語ボタン */
.easyJapaneseButton_visible {
    display: inline-block;
    text-decoration: none;
}

.easyJapaneseButton_hidden {
    display: none;
}

.easyJapaneseButton {
    border-radius: 0.25em;
    line-height: 1;
    padding: 6px 8px;
    font-size: 0.9em;
    align-content: center;
    text-align: center;
}

.easyJapaneseResetButton {
    border-radius: 0.25em;
    line-height: 1;
    padding: 6px 8px;
    font-size: 0.9em;
    align-content: center;
    text-align: center;
}

/* 音声読み上げボタン */
.easyJapanese_wrap .easyJapaneseButtonArea {
    display: flex;
    flex-direction: row;
}

    .easyJapanese_wrap .easyJapaneseButtonArea .tsutaeru-speech {
        padding: 0px;
    }

    .easyJapanese_wrap .easyJapaneseButtonArea .tsutaeru-speech-buttons {
        display: flex;
        flex-direction: row;
        padding: 0px;
    }



/* 変換時に表示される帯 */
.tsutaeru-toolbar .tsutaeru-toolbar-messages {
    position: relative;
    z-index: 10010;
}

/* スマホ版 start */
@media screen and (max-width: 767px) {
    #easyJapaneseDispArea {
        margin: 0px;
    }

        #easyJapaneseDispArea .easyJapaneseButtonArea {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            column-gap: 10px;
            row-gap: 5px;
        }

        #easyJapaneseDispArea .easyJapaneseButton,
        #easyJapaneseDispArea .easyJapaneseResetButton {
            box-sizing: border-box;
            height: 31px;
        }

    .tsutaeru-speech {
        padding: 0px;
    }

        .tsutaeru-speech .tsutaeru-speech-buttons {
            padding: 0px;
            display: flex;
            flex-direction: row;
            column-gap: 10px;
        }

    .tsutaeru-toolbar {
        display: none;
    }

}
/* スマホ版 トップページ end */
