@charset "UTF-8";

/* # header */
header {
    height: 48px;
}

header .inner {
    height: 100%;
}

/* // # header */

/* # header_nav */
.header_nav {
    position: fixed;
    top: 48px;
    right: 0;
    width: 100px;
    z-index: 15;
}

.header_nav ul {
    height: 0;
    overflow-y: hidden;
    background-color: #FFF;
    /* transition: .3s; モックなので、素敵さを排除*/
}

.header_nav.active ul {
    height: 100px;
}

.header_nav li {
    border-bottom: 1px solid #d7d7d7;
}

.header_nav li a {
    display: block;
    font-size: 16px;
    color: #000;
    padding: 8px 0;
    text-align: center;
    background-color: #FFF;
    white-space: nowrap;
}

.header_nav li a:hover {
    background-color: #d7d7d7;
}

/* // # header_nav */


/* # main wrapper */
.main_wrapper {
    display: flex;
    flex-direction: column;
    margin-top: 48px;
}

/* ## has sidemenu */
.main_wrapper.has_sidemenu {
    flex-direction: row-reverse;
}

/* // ## has sidemenu */
/* // # main wrapper */


/* # main */
main {
    padding: 16px;
}

/* // # main */


/* # sidemenu */
.sidemenu.fixed {
    width: 300px;
}

/* ## search_product */
.search_product {
    margin-bottom: 16px;
}

/* // ## search_product */


/* ## search_and_narrow_down */
.search_and_narrow_down {
    /* position: fixed; */
    padding: 16px;
    /* overflow: scroll; */
    /* height: 100%; */
}

.taxonomies_list_for_narrow_down dl {
    margin-bottom: 16px;
}

.taxonomies_list_for_narrow_down dt {
    font-weight: bold;
}

.taxonomies_list_for_narrow_down dd {
    margin-left: 16px;
}

.taxonomies_list_for_narrow_down dd label {
    cursor: pointer;
}

.taxonomies_list_for_narrow_down dd input[type="checkbox"] {
    margin-right: 8px;
}

/* // ## search_and_narrow_down */
/* // # sidemenu */

/* # footer */
footer{
    background-color: #b3b3b3;
}
footer ul {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
}
footer .copyright{
    margin: 16px 0 0;
}

/* // # footer */