*
{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.l-sizedetect
{
    font-family: 'SP';
}

.l-section
{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
	
	background-color: #fff;
	/*background: -webkit-linear-gradient(bottom, #FFFFFF, #F5F1E4 60%, #F6F0E3);
	background: -o-linear-gradient(bottom, #FFFFFF, #F5F1E4 60%, #F6F0E3);
	background: -moz-linear-gradient(bottom, #FFFFFF, #F5F1E4 60%, #F6F0E3);
	background: linear-gradient(to bottom, #FFFFFF, #F5F1E4 60%, #F6F0E3);*/
}

.l-main
{
    width: auto;
    margin: 0 auto;
    display: block;
}

@media screen and (min-width: 768px)
{
    .l-sizedetect
    {
        font-family: 'TAB';
    }

    .l-main
    {
        width: 768px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1025px)
{
    .l-sizedetect
    {
        font-family: 'PC';
    }

    .l-main
    {
        width: 1000px;
        margin: 0 auto;
    }
}