﻿/*
    <div.eachLatestNews_style01.fspsEachElement>
        <div.row01>
            <span.date>
            <a.caption>caption</a>
        </div>        
        <div.row02>
            <img.pic>  
            <span.description>
        </div>
    </div>
*/

.eachLatestNews_style01 {
    display: block;
    box-sizing: border-box;
    padding: 1rem;
    border-bottom: solid 1px #e4e3e3;
}

    .eachLatestNews_style01 .row01
    {
        margin : 0 0 1rem 0;
    }

    .eachLatestNews_style01 .date {
        font-size: 0.8rem;
        margin-right: 4rem;
    }

    .eachLatestNews_style01 .caption
    {
        font-weight : bolder;
    }

    .eachLatestNews_style01 .row02
    {
        overflow:hidden;
    }

    .eachLatestNews_style01 .pic
    {
        float : right;
        margin : 0 0 1rem 1rem;
    }

    .eachLatestNews_style01 .description {
        
    }

        .eachLatestNews_style01 .description > p:first-child {
            margin: 0;
        }

    @media (max-width: 480px) {
        .eachLatestNews_style01 .pic
        {
            float : none;
            margin : 0 0 1rem 0;
        }

        .eachLatestNews_style01 .description {
            display: block;
        }

        .eachLatestNews_style01 .caption {
            display : block;
        }
    }
