/* 本を表示する領域 */
#left_box {
    width: calc(50vw - 2.777rem);
    height: max-content;
    margin: 0 1.388rem;
}

/* 本の文章 */
#left_box p {
    width: max-content;
    height: max-content;
    position: relative;
    margin: 0 auto;
}

.nazo_text {
    cursor: pointer;
}

.nazo_text:hover {
    color: red;
}

.white_border {
    text-shadow: 0.04rem 0.04rem 0 white, -0.04rem -0.04rem 0 white,
                -0.04rem 0.04rem 0 white,  0.04rem -0.04rem 0 white,
                       0 0.04rem 0 white,        0 -0.04rem 0 white,
                -0.04rem       0 0 white,  0.04rem        0 0 white;
}

#crossword_img {
    width: calc(50vw - 2.777rem);
}

/* ナゾを表示する領域 */
#right_box {
    width: calc(50vw - 2.777rem);
    margin: auto 1.388rem;
}

/* ナゾの写真 */
#right_box > img {
    width: calc(50vw - 2.777rem);
    opacity: 0;
    position: absolute;
    top: 7.552rem;
    right: 1.388rem;
}

/* クロスワードの正解文字 */
#crossword_word > p {
    writing-mode: vertical-rl;
    position: absolute;
    opacity: 0;
    display: none;
    color: red;
    letter-spacing: 1.5rem;
}

/* 「アンサーボード」というタイトル*/
#form_title {
    padding: 0.5rem 1.111rem;
    background-color: #E2A785;
    border-radius: 1.388rem;
    margin: 1.388rem auto;
}

#wrong {
    color: red;
    width: max-content;
    margin: 1.388rem auto;
    opacity: 0;
}