#news h3, #news ol {
    text-align: left
}
#wrapper {
    background: 0 0
}
#contents-list {
    margin: 70px auto
}
#contents-list h2 {
    font-size: 2rem;
    margin-bottom: 70px
}
#contents-list ul {
    font-size: 0;
    overflow: hidden
}
#contents-list ul li {
    display: inline-block;
    max-width: 100%;
    list-style: none
}
#contents-list ul li img:hover {
    opacity: .6
}
#slider {
    margin-bottom: 40px
}
#slider .sp-slide:not(:first-child) {
    display: none
}
#brand {
    margin-top: 40px;
    margin-bottom: 35px;
    list-style: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
#brand li {
    border: 1px solid #cfcfcf
}
#brand li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
#brand li.lesmignardises{
    padding: 0 8px;
}
#news {
    margin: 0 auto 50px
}
#news h3 {
    margin-bottom: 10px
}
#news ol li {
    line-height: 1.5;
    margin-bottom: 10px;
    padding-bottom: 10px;
    list-style: none;
    color: #372e2a;
    border-bottom: 1px dashed #ccc
}
#news ol li .date {
    display: inline-block;
    margin-right: 30px;
    vertical-align: top
}
#news ol li a {
    display: block;
    color: #372e2a
}
@media (max-width:667px) {
.sp-image {
    max-width: none
}
#brand, #news {
    padding-right: 15px;
    padding-left: 15px
}
#brand li {
    width: 100%
}
#brand li{
    margin-bottom: 15px
}
#brand li a {
    padding-top: 15px;
    padding-bottom: 15px;
}
#brand li.lesmignardises{
    padding: 0 0;
}
#brand li.lesmignardises img{
    width: 330px;
}
#news ol .date {
    display: block
}
}

@media (min-width:668px) {
header {
    position: relative;
    width: 1024px;
    margin: 0 auto;
    background-color: transparent
}
header .header {
    position: absolute;
    z-index: 1
}
#slider {
    z-index: 0
}
#contents-list {
    overflow: hidden;
    width: 1024px
}
#contents-list li {
    display: block;
    width: 308px
}
#brand, #brand li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
#contents-list li:nth-child(2) {
    margin: 0 50px
}
#brand {
    display: flex;
    list-style: none;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
#brand li {
    display: flex;
    width: 388px;
    height: 98px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
#brand li:nth-child(2n) {
    margin:4px
}
#news {
    width: 1024px
}
#news ol li a {
    display: inline-block;
    width: 904px
}
}