.show-detail
{
    display: inline-block;

    padding: 15px 120px 15px 15px;

    text-decoration: none;

    color: #fff;
    border: 1px solid #654d4d;
    background: url(../images/bg-show-late.png) no-repeat 90% center #000;
}

@media only screen and (min-width: 751px)
{
    .main
    {
        color: #050505;
    }

    .main .inbox
    {
        width: 1024px;
        margin: 0 auto;
    }

    .main .inbox:after
    {
        display: block;
        clear: both;

        content: '';
    }

    .main .mL
    {
        float: left;

        width: 680px;
    }

    .main .mR
    {
        float: right;

        width: 288px;
    }

    .main .mR .posts
    {
        color: #050505;
    }

    .main .mR .posts h2
    {
        padding: 7px 0 7px 15px;
        color: #fff;
				font-family: Oswald;
        background: none #00a3df;
    }

    .main .mR .posts .item
    {
        position: relative;

        padding: 15px 0;

        border-bottom: 1px solid #000;
    }

    .main .mR .posts .item:after
    {
        display: block;
        clear: both;

        content: '';
    }

    .main .mR .posts .item img
    {
        float: left;
				max-width: 100px;
    }

    .main .mR .posts .item p
    {
        margin: 0 0 0 120px;
				line-height: 1.2;
    }

    .main .mR .posts .item a 
		{
        display: block;
        text-decoration: none;
				color: #050505;
		}
    .main .mR .posts .item a:hover img {
				opacity: .8;
		}

    .main .mR .posts .item span
    {
        margin: 5px 0 0 120px;
				display: block;
				color: #84878b;
				font-size: 12px;
    }

    .main .entry
    {
        position: relative;
				border-top: 4px solid #050505;
				padding: 10px 0 0;
				margin: 0 0 70px;
    }

    .main .entry .date
    {
        position: absolute;
        top: 0;
        left: -95px;
				color: #84878b;
        font-family: Oswald;
				letter-spacing: 0px;
    }

    .main .entry .date em
    {
        display: block;
        font-size: 50px;
        font-family: Oswald;
				font-weight: 400;
				letter-spacing: 2px;
				line-height: 1;
        color: #00a3df;
    }

    .main .entry .box
    {
        position: relative;
        line-height: 1.6;
				letter-spacing: 1px;
        margin: 0 0 0 95px;
        padding: 0 0 100px 0;
    }

    .main .entry .box h3
    {
        margin: 0 0 40px 0;
				color: #050505;
				font-size: 25px;
				letter-spacing: .055em;
				line-height: 1.2;
    }

    .main .entry .box p img 
    {
				max-width: 100%;
    }

    .main .entry .photo
    {
				display: inline-block;
				margin: 0 0 20px;
    }

    .main .entry .photo img
    {
				max-width: 100%
    }

    .main .entry .box .show-detail
    {
        position: absolute;
        right: 0;
        bottom: 0;
    }
    .copy
    {
        font-size: 11px;
				color: #333;
    }
}

@media only screen and (max-width: 750px)
{
    .main
    {
        color: #050505;
    }

    .main .inbox
    {
        margin: 0 auto;
        padding: 0 18px;
    }

    .main .mR .posts
    {
        color: #050505;
    }

    .main .mR .posts h2
    {
        padding: 10px 0 10px 15px;
        color: #fff;
        font-size: 1.8rem;
        background: none #00a3df;
    }

    .main .mR .posts .item
    {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: 49%;
        margin: 0 0 15px 5px;
        padding: 15px 10px;
    }
    .main .mR .posts .item a
    {
        display: block;
				text-decoration: none;
				color: #050505;
    }
    .main .mR .posts .item p
    {
        margin: 10px 0;
        line-height: 1.4;
				font-size: 1.5rem;
    }
    .main .mR .posts .item span
    {
        font-size: 1.4rem;
    }

    .main .entry
    {
        position: relative;
    }

    .main .entry .date
    {
        display: block;
        text-align: left;
        margin: 0 0 20px;
    }

    .main .entry .date em
    {
        //color: #00a3df;
				margin: 0 10px 0 0;
    }

    .main .entry .box
    {
        position: relative;

        padding: 0 0 100px 0;

        text-align: center;
    }

    .main .entry .box h3
    {
        padding: 20px 0;

        text-align: left;

        border-top: 6px solid #050505;
    }

    .main .entry .box p
    {
        text-align: left;
    }
    .main .entry .box p img {
				width: 100%;
		}

    .main .entry .box .photo
		{
        display: block;
        margin: 10px 0 30px;
    }

    .main .entry .box .show-detail
    {
        margin-top: 60px;
    }
    .copy
    {
        font-size: 1.3rem;
				color: #333;
    }
    .mask
    {
				display: block;
				color: #333;
				height: 205px;
				overflow: hidden;
				position: relative;
    }
    .mask img 
    {
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
    }
}

/*# sourceMappingURL=news.css.map */