@charset "UTF-8";
body {
    font-family: "ten-mincho", serif;
    font-size: 100%;
}

img {
    width: 100%;
}

/* header */
header.header {
width: 100%;
height: 60px;
position: fixed;
background-color: #f6e5cc;
z-index: 200;
}

header.header  .header_wrapper {
display: flex;
justify-content: space-between;
max-width: 1200px;
margin: 0 auto;
}

h1.logo {
    font-size: 18px;
    /* margin: 10px 30px 6px; */
    line-height: 60px;
    color: #4c4848;
}

h1.logo a:hover {
    color: #575656;
}

h1.logo a {
    color: #332618;
    text-decoration: none;
}

nav.gnav {
    display: flex;
    width: auto;
    height: 60px;
}
nav.gnav ul {/* メニューを縦から横に並べる */
    display: flex;
    margin-top: 0;
}
nav.gnav ul li {/* メニューの項目をレイアウトする */
    margin: 5px 0px 0px 30px;
    line-height: 60px;/* ヘッダーの高さと揃えて中央に表示 */
}
nav.gnav ul li:last-child {
    margin-right: 30px;
}

/* span.netflixicon {
    display: block;
    background-image: url(../images/common/icon3.png) no-repeat 12px center;
    background-size: 20px;
} */

.gnav ul a:hover {
    filter: brightness(0.2);
}

footer {
    color: #fff;
    line-height: 60px;
    text-align: center;
    font-size: 5px;
    height: 60px;
    background-color: #332618;
}