header {
    background-color: #111;
    z-index: 10;
    position: fixed;
    border-color: #fff;
}

header::before {
    background-color: #fff;
    border-bottom: 1px solid #111;
}

header li.others button span {
    background-color: #111;

}

.u_l {
    border-color: #aaa;
}

.h3_common .inner::before,
.h3_common .inner::after {
    background-color: #111;
}

@media screen and (min-width: 900px) {


    header #mainNav > li,
    header #mainNav > li > a {
        color: #111;
    }

}

header li.open > .marker::before,
header li.open > .marker::after {
    border-color: #111;
}

/* kodawari*/
#kodawari #content #top {
    color: #fff;
    padding-bottom: 4em;
    max-width: 640px;
}

#kodawari #top::after,
#kodawari #top::before {
    /*    background-color: #fff;*/
    z-index: -4;
}

#kodawari #top::after,
#kodawari #top::before {
    background-color: transparent;
    z-index: -4;
    background-image: url(../tabettei/menu/img/tabettei_h.jpg);
    background-size: cover;
}

#kodawari #top {
    text-shadow: 0 0 10px #111;
}

.tabe .h4_common,
.tabe .h_common {
    background-color: #111;
}

#kodawari .kodawari_list {
    border: none;
    padding: 3em 4em;
    box-shadow: 1px 1px 4px #aaa;
    z-index: -2;
}


@media screen and (max-width: 900px) {
    
#kodawari .kodawari_list {
    padding: 1em;
}


}


#kodawari .kodawari_list .h4_common {
    padding: 0.0em 2rem 1rem 2rem !important;
}

#kodawari .kodawari_list .h4_common .kh_sanray {
    position: relative;
    top: 0.25em;
}

#kodawari .kodawari_list .d .h4_common {
    flex-direction: row;
}

.h_common.center {
    text-align: center;
    background-color: #111;

}

#kodawari.tabe #content p {
    text-align: left;
}

#kodawari.tabe #top .baloon.left {
    font-size: 1.5em;
    font-weight: bold;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    color: #fff;
}

#kodawari.tabe #s_01 > div,
#kodawari.tabe #s_02 > div {
    padding-top: 0.1em;
    padding-bottom: 1em;
}

#kodawari.tabe #content #s_01,
#kodawari.tabe #content #s_02 {
    margin-bottom: 3em;
}

#kodawari.tabe #s_03 {
    background-color: #fff;

}

#kodawari.tabe #s_03 > div {
    padding: 1em 2em;
}

#kodawari.tabe #s_03 p {
    margin-bottom: 1.5em;

}

#kodawari.tabe #s_03 p.right {
    text-align: right;
}

#kodawari.tabe #content::before {
    background-color: #323232;
    z-index: -5;
}

#kodawari.tabe #content #top.flex {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#kodawari.tabe #content #top .imgBox {
    min-width: 13em;
}

#kodawari.tabe #content #top .imgBox img {
    width: 100%;
}

#kodawari.tabe #content #top.flex p {

    font-size: 1.5em;
}




#kodawari.tabe #content h3.h_common {
    font-family: 'Noto Sans JP', sans-serif, YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
    color: #111;
}

#kodawari.tabe .h_common::before {
    background-color: #111;
}

#kodawari #content #top .imgBox {
    margin: auto
}

#kodawari #content #top .imgBox:empty {}


#kodawari.tabe .common_list h3 + p {
    font-weight: normal;
    margin: 0.5em 0;
    border-bottom: none;
}

/*baloon set*/
#kodawari.tabe .kodawari_list .baloon,
#kodawari.tabe #top .baloon {
    background-color: #111;
    color: #fff;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

#kodawari.tabe .baloon {}

#kodawari.tabe .baloon.line {
    border: 1px solid #111;
}

#kodawari.tabe .baloon::after {
    border-color: #111;
    height: calc(1em - 1px);
    width: calc(1em - 1px);
    border-width: 0.5em;

}

#kodawari.tabe .baloon.line::before {
    border-color: #111;
    border-width: calc(0.5em + 1px);

}

#kodawari.tabe .baloon.left::after,
#kodawari.tabe .baloon.line.left::before {
    right: 100%;
    left: auto;
    top: 0;
    bottom: 0;
    border-left-color: transparent;
    border-bottom-color: transparent;
}

#kodawari.tabe .baloon.bottom::after,
#kodawari.tabe .baloon.line.bottom::before {
    border-left-color: transparent;
    border-bottom-color: transparent;
}

#kodawari.tabe .kodawari_list.baloon.bottom::after,
#kodawari.tabe .kodawari_list.baloon.line.bottom::before {
    border-width: 1.25em;
    border-right-color: #fff;
    border-top-color: #fff;
    right: 13em;
    left: auto;
    z-index: -1;
}

@media screen and (max-width: 18em) {

    #kodawari.tabe .kodawari_list.baloon.bottom::after,
    #kodawari.tabe .kodawari_list.baloon.line.bottom::before {
        right: auto;
        left: 2em;
    }
}
@media screen and (max-width: 900px) {
    #kodawari .kodawari_list .d .h4_common{
        padding-bottom: 1em !important;
    }
}

#kodawari #content .kodawari_list {
    margin-bottom: 5em !important;
}

/*baloon set*/
#kodawari #to_menu .daisuke {
    position: absolute;
    bottom: calc(100% - 5%);
    right: -10%;
    left: auto;
    max-width: 65vw;
    z-index: -2;
}

/*
#kodawari .kodawari_list .d .imgBox {
    height: 100%;
    position: static;
    margin: 0 0 1em;
    min-height: 0;
    height: auto;
    width: auto;
    display: block;
    line-height: 0;
}
*/

@media screen and (max-width: 900px) {

    #kodawari .kodawari_list .d .imgBox {
        float: none;
        height: auto;
        width: 100%;
        max-width: 640px;
    }



}

/*
#kodawari .kodawari_list .d .imgBox img {
    position: static;
    width: 100%;
}
*/

#kodawari.tabe #to_menu {
    max-width: 1100px;
    position: relative;
    z-index: 1
}

#kodawari.tabe #to_menu .imgBox img {
    -webkit-filter: drop-shadow(0 -3px 0 #111) drop-shadow(-3px 0 0 #111) drop-shadow(3px 0 0 #fff) drop-shadow(0 3px 0 #111);
    filter: drop-shadow(0 -3px 0 #111) drop-shadow(-3px 0 0 #111) drop-shadow(3px 0 0 #111) drop-shadow(0 3px 0 #111);
}

#kodawari.tabe #to_menu::before {
    content: "";
    display: block;
    position: absolute;
    background-color: #111;
    z-index: -1;
}

#kodawari.tabe #to_menu .svg_text .background {
    stroke: #111;
    stroke-width: 8;
    text-shadow: none;

}

#kodawari.tabe #to_menu .marker::after {
    border-color: #111;
}


#kodawari.tabe #to_menu .svg_text .background {
    stroke: #111;
    stroke-width: 8;
    text-shadow: none;

}

#kodawari.tabe #to_menu .marker::after {
    border-color: #fff;
}

#menu #map::before {
    background-color: #111;
}

#menu.tabe #map .area {
    border: 1px solid #fff;
    padding: 1.2em 1em;
    font-size: 1.5em;
    max-width: 18em;
    margin: auto;
    margin-top: 1em;
}

#menu.tabe #map p span {
    font-size: 0.8rem;
    display: block;
}

.commom_btn {
    background-color: #111;
}

#menu #content p {
    color: #fff;
}

#menu #content #top p,
#menu #content .menu_list p {
    color: #111;
}
#menu #content #top.h2_common{
    color: #fff;
}

#menu #top .logo{
    height: 5em;
    margin-bottom: 1em
}
#menu .commentWrap {
    margin: 1em 0.5em;
}

#menu #content::before {
    background-color: #111;
    background-image: url(../common_img/back_dot_p_gray.png);
}

#menu #top.h2_common::before {
    background-color: #fff;
/*    background-image: url(../common_img/back_dot_b.svg);*/
    background-image: url(../tabettei/menu/img/tabettei_h.jpg);
    background-size: cover;
}


#menu .menu_list .item .caption,
#menu .menu_list .item .caption .inner {
    background-color: #111;
    color: #fff;
}

header .inq_wrap .inq_mail,
header .inq_wrap .inq_tel {
    background-color: #111;
    border-color: #fff;
}


#menu .menu_list .item {
/*    min-height: 30em;*/
}

#menu .menu_list .item.flex {
/*    flex-direction: row;*/
}


#menu .menu_list .item h4,
#menu .menu_list .item .title,
#menu .menu_list .item .title .prices{
/*    text-align: left;*/
}

#menu .menu_list.item .imgBox {
    width: 100%;
    height: 100%;
    max-height: none;
    max-width: none;
    padding: 0;

}





#menu .menu_list .item .imgBox {
        padding: 0;
    overflow: hidden;

}

#menu .menu_list.middle .item .imgBox {
    height: 18em;
}
#menu .menu_list .item .imgBox img {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: -100%;
    bottom: -100%;
    margin: auto
    
}


.js_menu_more {
/*
    position: absolute;
    right: 0;
    bottom: 0;
*/
}

.js_modal .imgBox {
    max-height: 20em;
}