section {
    text-align: center;
}

section h2 {
    width: 100%;
    margin: 0 0 1.5em;
    font-size: 2em;
    font-weight: 300;
    text-align: center;
    box-sizing: border-box;
    font-family: 'Lato', sans-serif;
}

.thumbList {
    /*    display: block;*/
    width: 100%;
    max-width: 1280px;
    min-width: 980px;
    margin: 0 auto;
    padding: 0 25px;
    box-sizing: border-box;
    text-align: center;
}

.thumbList li {
    /*    display: block;*/
    width: 23.5%;
    background-color: #fff;
    box-sizing: border-box;
    margin-left: 2%;
    margin-bottom: 40px;
    border: 1px solid #ddd;
    font-family: 'Lato', sans-serif;
    /*    float:left;*/
    position: relative;
}

.thumbList li:nth-child(4n+1) {
    margin-left: 0;
}

.thumbList li a {
    display: block;
    padding: 10px;
    color: #000;
    text-decoration: none;
}

.thumbList li .thumb {
    width: 100%;
    padding-bottom: 65%;
    background-color: #eee;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}


/*.thumbList li span{
	display: block;
	padding:1.5em 0;
}*/

.thumbList li p {
    display: block;
    padding: 1.5em 0 0;
}

.thumbList li span {
    display: block;
    font-size: 0.76em;
    padding: 0.5em 0 1em;
}

#style {
    background-color: #f6f5f1;
    padding: 30px 0;
}


/*#style .thumbList li .thumb{
    width:100%;
    padding-bottom:50%;
    background-color:#eee;
    background-repeat:no-repeat;
    background-size:cover;
}
#style .thumbList li a{
    padding:0px;
}
#style .thumbList li p{
	display: block;
    position: absolute;
    top:50%;
    left:0;
    width:100%;
    margin-top:-0.5em;
    color:#fff;
	padding:0;
    text-align: center;
    z-index:2;
}*/


/* move to common css */

#recommend {
    background-color: #fff;
    padding: 50px 0 20px;
}

#fContents {
    background-color: #f8f1e7;
    padding: 60px 0;
}


/* brandiste */

#brandsite {
    background-color: #fafaf7;
    padding: 60px 0;
}

#brandsite .brandBnrArea {
    width: 100%;
    max-width: 1280px;
    min-width: 980px;
    margin: 0 auto;
    padding: 0 30px;
    box-sizing: border-box;
    position: relative;
}

#brandsite .brandBnrArea * {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    border: 0;
    color: transparent;
}

#brandsite .slideBox li {
    width: auto;
    margin: 0 13px;
    border: 0;
}

#brandsite .slideBox li .thumb {
    width: 100%;
    padding-bottom: 50%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    border: solid 1px #ddd;
    margin-bottom: 1px;
}

#brandsite .slideBox li a {
    padding: 0px;
}

#brandsite .slickLeft,
#brandsite .slickRight {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-family: 'icons';
    font-size: 30px;
    color: #666;
    cursor: pointer !important;
}

#brandsite .slickLeft {
    left: 0;
}

#brandsite .slickRight {
    right: 0;
}


/*======================================
	SP
======================================*/

@media screen and (max-width: 540px) {
    header + #fmain {
        margin-top: 0;
    }
    section h2 {
        width: 100%;
        margin: 0 0 1em;
        font-size: 1.5em;
        font-weight: 300;
        text-align: center;
        box-sizing: border-box;
        font-family: 'Lato', sans-serif;
    }
    .thumbList {
        /*    display: block;*/
        max-width: 100%;
        min-width: 0;
        padding: 0 15px;
    }
    .thumbList li {
        /*    display: block;*/
        width: 48%;
        background-color: #fff;
        box-sizing: border-box;
        margin-left: 1%;
        margin-right: 1%;
        margin-bottom: 10px;
        border: 1px solid #ddd;
        font-family: 'Lato', sans-serif;
        /*    float:left;*/
        position: relative;
    }
    .thumbList li:nth-child(4n+1) {
        margin-left: 1%;
    }
    .thumbList li a {
        display: block;
        padding: 10px;
        color: #000;
        text-decoration: none;
    }
    .thumbList li .thumb {
        width: 100%;
        padding-bottom: 65%;
        background-color: #eee;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }
    .thumbList li p {
        font-size:0.9em;
        display: block;
        padding: 1.5em 0 0;
    }
    .thumbList li span {
        display: block;
        font-size: 0.76em;
        padding: 0.5em 0 1em;
    }
    #style {
        background-color: #f6f5f1;
        padding: 30px 0;
    }
    /* move to common css */
    #recommend {
        background-color: #fff;
        padding: 20px 0 20px;
    }
    #fContents {
        background-color: #f8f1e7;
        padding: 20px 0;
    }
    /* brandiste */
    #brandsite {
        background-color: #fafaf7;
        padding: 30px 0;
    }
    #brandsite .brandBnrArea {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        padding: 0 30px;
        box-sizing: border-box;
        position: relative;
    }
    #brandsite .brandBnrArea * {
        user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        border: 0;
        color: transparent;
    }
    #brandsite .slideBox li {
        width: auto;
        margin: 0 5px;
        border: 0;
    }
    #brandsite .slideBox li .thumb {
        width: 100%;
        padding-bottom: 50%;
        background-color: #fff;
        background-repeat: no-repeat;
        background-size: cover;
        border: solid 1px #ddd;
        margin-bottom: 1px;
    }
    #brandsite .slideBox li a {
        padding: 0px;
    }
    #brandsite .slickLeft,
    #brandsite .slickRight {
        position: absolute;
        top: 50%;
        width: 18px;
        height: 18px;
        margin-top: -9px;
        font-family: 'icons';
        font-size: 18px;
        color: #666;
        cursor: pointer !important;
    }
    #brandsite .slickLeft {
        left: 10px;
    }
    #brandsite .slickRight {
        right: 10px;
    }
}