.viewer_wrap * {

    box-sizing: border-box;
}

.viewer_wrap .left_column {

    display: inline-block;

    width: 100%;
}


.viewer_wrap .right_column {

    display: inline-block;

    width: 100%;
    vertical-align: top;
}

.viewer_wrap .right_column .right_items .right_item {
    margin-top: 20px;
}

.viewer_wrap .shimen_thumbnail {

    max-width: 150px;
}

.viewer_wrap .section-viewer_new_tyoukan .shimen_thumbnail {

    max-width: 300px;
}

.viewer_wrap .link-shimen {
    text-decoration: none;
}

.viewer_wrap .link-shimen:hover {
    opacity: 0.5;
}

/*最新の紙面*/
.viewer_wrap .section-viewer_new_tyoukan {
    text-align: center;
}

.viewer_wrap .section-viewer_new_tyoukan .link-shimen .shimen_thumbnail {
    border: 15px solid #d3d3d3;

}

.viewer_wrap .section-viewer_new_tyoukan .shimen_viewer_item-title {
    background-color: #d3d3d3;
    padding: 10px;
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 2rem;
}

.viewer_wrap .section-viewer_new_tyoukan .shimen_viewer_item-title {
    background-color: #d3d3d3;
    padding: 10px;
    font-weight: bold;
}

.viewer_wrap .description {
    font-size: 2rem;

}
.section-viewer_announcement{

    padding: 20px;
    border: 3px solid #ffa500;
    margin: 20px 5px;
    font-size: 1.8rem;
}

/*その他の紙面*/
.viewer_wrap .section-viewer_list {
    vertical-align: top;
}

.viewer_wrap .section-viewer_list .link-shimen {

    width: 22%;
    display: inline-block;
    margin-right: 19px;
    text-align: center;
    vertical-align: top;
    min-width: 180px;
}

.viewer_wrap .section-viewer_list .link-shimen .shimen_viewer_item-title {

    text-align: center;
    background-color: #d3d3d3;
}

.viewer_wrap .section-viewer_list .link-shimen .shimen_thumbnail {

    margin: 5px auto;
}

.right_column .link_how_to {
    width: 100%;
    background-color: #d3d3d3;
    padding: 30px 10px;
    text-align: center;
    font-weight: bold;
    font-size: 1.8rem;
    display: block;
    text-decoration: none;
}

.right_column .link_how_to:hover {
    opacity: 0.5;
}

.right_column .suspended_publication_date .suspended_publication-title {
    background-color: #d3d3d3;
    padding: 10px 10px;
    text-align: center;
    font-weight: bold;
    font-size: 1.6rem;
    margin-bottom: 5px;
}

.right_column .suspended_publication_date .date_item {
    width: 100%;
    text-align: right;
    display: inline-block;
    padding: 3px;

}

.right_column .app_wrap .viewer_icon-img {
    width: 100px;


    height: auto;
    /* アスペクト比を保つ */
}

.right_column .app_wrap .viewer_title {
    font-size: 2.4rem;
    color: #dc143c;
    font-weight: bold;

}

.right_column .app_wrap .img-container {
    display: flex;
    /* 横並びに配置 */
    align-items: flex-start;
    /* 上揃え */
    gap: 10px;
    /* 要素間の隙間 */

}

.viewerApp_install {
    text-align: center;
    margin-top: 10px;
}

.viewerApp_install-link_img {
    max-width: 200px;
    margin: 5px auto;
}

.viewerApp_install-qr_img {
    max-width: 150px;
}

.viewerApp_howto {
    margin-top: 30px;
    text-align: center;
}

.view_guide_sample_img_area {
    text-align: center;

}

.view_guide_sample_img_area img {
    max-width: 320px;
}

.misfortune_text {

    margin-bottom: 10px;
}

@media print,
screen and (min-width: 745px) {
    .viewer_wrap .left_column {

        display: inline-block;

        width: 68%;
    }


    .viewer_wrap .right_column {

        display: inline-block;

        width: 30%;
        padding-left: 15px;
    }

    .viewer_wrap .section-viewer_new_tyoukan .shimen_viewer_item-title {
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }

    .viewer_wrap .description {
        font-size: 2.2rem;
        text-align: center;
        font-weight: bold;
        padding: 5px;
        margin-top: 20px;
    }

    .viewer_wrap .announcement {

        text-align: center;
        padding: 5px;
        margin-bottom: 20px;

    }

    .view_guide_sample_img_area img {
        max-width: 600px;
    }

    .right_column .suspended_publication_date .date_item {
        width: 49%;
        text-align: right;
        display: inline-block;
        padding: 3px;

    }
}