/* CSS ドット smart.css */

header {
    background: rgba(255,255,255,0.70);
    height: 40px;
    top: 0;
}
#logo {
    top:  -5px;
    left: -5px;
    width:  80px;
    height:  40px;
}
#logo img {
    width: 70px;
}
#menu {
    top:   15px;
    right: 0px;
}
#menu ul li {
    margin-right: 18px;
    font-size: 60%;
}

.section .linkarea a {
    height: 20%;
    padding: 20% 0;
    font-size: 3.2em;
    color: #FFFFFF;
}
#container {
    margin-top: 40px;
}



footer {
    bottom: 1%;
    right:  2%;
}
footer .copyright {
    font-size: 1.0em;
}


/*** LOOKBOOK ***/

#lookbook {
    margin-top: 40px;
}
#lookbook ul li {
    width: 50%;
}
@media screen and (max-width 480px) {
    #lookbook ul li {
        width: 25%;
    }
}
.lb-nav a.lb-prev {
    left: 0;
}
.lb-nav a.lb-next {
    right: 0;
}

/*** BRAND ***/

#brand {
    margin-top: 40px;
}
.text {
    width: 95%;
    padding: 2% 2% 2% 3%;
    text-align: left;
}
.text h2 {
    margin-top: 10px;
    font-size:  18px;
}
.text hr {
    border: 1px solid #000000;
    margin: 12px 0 24px;
}
.description_sp .text p,
.description_sp table tr th,
.description_sp table tr td {
    font-size: 14px;
}
@media screen and (min-width: 360px) {
  * { -webkit-text-size-adjust: none; }
}

.description {
    display: none;
}
.description_sp {
    display: block;
    padding-bottom: 20px;
}
.look_sp {
    display: block;
}


/*** 調整 ***/


#lookbook.section {
    margin-top: 0px;
}
#brand.section {
    margin-top: 0px;
    height: auto;
}

.bx-wrapper .bx-pager {
    display: none;
}

table tr th,
table tr td {
    padding: 2px 0;
}