/*====================================================
	// note overwrite
====================================================*/

article {
    background: #070b3a;
    font-feature-settings: "palt";
    word-break: normal;
    line-break: strict;
    /* border-top: #b68d3c 10px solid; */
    position: relative;
}


.bg_flower {
    background: url(../img/bg_flower.png) repeat top center;
    padding-bottom: 60px;
}

.contents {
    /*    padding: 0 0 2em;*/
}

a i {
    width: 6px;
    margin-right: 8px;
    display: inline-block;
    vertical-align: top;
}

@media print,
screen and (max-width: 900px) {
    /* #slide_nav {
        top: -200px;
        display: block;
    } */

    #headNav li:nth-child(5) {
        display: none;
    }

    .contents .lv_02 {
        padding-top: 30px;
    }

}





@media print,
screen and (max-width: 768px) {
    .contents .lv_02 {
        padding-top: 0;
    }

    .contents_texture {
        padding-top: 30px;
    }

}



/*====================================================
	// id #title
====================================================*/

#title {
    width: 100%;
    position: relative;
    padding: 0 0 120px;
    position: relative;
    background: url(../img/bg_title_pc.svg) no-repeat bottom center;
    background-size: cover;
}

#title .bg_title_bar {
    width: 100%;
    background: url(../img/bg_title_bar.png) repeat-x;
}

#title .mob {
    display: none;
}

#title .tax {
    width: 95%;
    max-width: 1160px;
    margin: auto;
    color: #666;
    font-size: 1.2rem;
    padding: 0 2.5%;
}

#title .tax span {
    font-size: 1.2rem;
    text-align: right;
    padding: .3em 1.5em;
    background: #fff;
    display: inline-block;
    border-radius: 2em;
}

#title .link-to-top a {
    color: #fff;
    background: #3156a1;
    padding: .25em 2em .25em;
}

.lv-01 {
    margin-bottom: 30px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}


.lv-01 .txtbox {
    width: 66%;
    max-width: 822px;
    margin-top: 40px;
    margin-bottom: 15px;
}

#title .link-to-top {
    position: absolute;
    top: 0;
    left: 2.5%;
    text-align: right;
}

#title .inner {
    width: 95%;
    max-width: 1260px;
    margin: auto;
    background: url(../img/mv_title_w1260.png) no-repeat top right;
}

#title h1 .h1_mob {
    display: none;
}


#first_copy {
    width: 95%;
    margin: auto;
    font-family: 'Noto Serif JP', serif;
}

#first_copy p {
    color: #000;
    font-size: 1.6rem;
    line-height: 1.6;
    margin-bottom: 1em;
}

#first_copy .time {
    font-weight: normal;
    font-size: 1.5rem;
    display: block;
    padding-top: 10px;
}

#first_copy .break_1 {
    display: block;
}

#local_nav ul {
    width: 90%;
    margin: auto auto 30px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}

#local_nav li {
    width: 15.6%;
    font-size: 1.7rem;
    font-family: 'Noto Serif JP', serif;
    line-height: 1.3;
}

#local_nav li a {
    height: 92%;
    color: #63483c;
    padding: 3% 0 5%;
    border: #b68d3c thin solid;
    border-top: #b68d3c 8px solid;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to bottom, #ddd 0, #fff 40%, #fff 100%);

}

@media screen and (max-width: 1280px) {
    #title .inner {
        background: url(../img/mv_title_w1260.png) no-repeat top right;
        background-size: contain;
    }

    #first_copy {
        width: 85%;
        margin: 0;
    }
}


@media screen and (max-width: 1280px) {
    #local_nav ul {
        flex-wrap: wrap;
        justify-content: center;
    }

    #local_nav li {
        width: 24%;
        margin: 0 .5% 30px;
    }

}

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

    .lv-01 {
        margin-bottom: 0;
    }

    #local_nav ul {
        width: 100%;
    }
}



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

    #title {
        padding: 0 0 200px;
    }

    #title .bg_title_bar {
        background: none;
    }

    #title .inner {
        background: none;
    }

    .lv-01 {
        display: block;
    }

    #title {
        padding-bottom: 0;
    }

    #title .inner {
        width: 100%;
        margin: auto auto auto;
        padding-top: 0;
    }

    #title .mob {
        margin-bottom: 3px;
        display: block;
    }

    #title h1 {
        width: 100%;
        margin-bottom: 30px;
    }

    #title h1 .h1_pc {
        display: none;
    }

    #title h1 .h1_mob {
        display: block;
    }

    #title .txtbox {
        width: 100%;
        margin-top: -10px;
    }

    #title .link-to-top {
        position: absolute;
        top: 0;
        left: 2%;
    }

    #title .link-to-top a {
        font-size: 1.2rem;
        color: #fff;
        background: #3156a1;
        padding: .5em 1em .25em;
    }

    #first_copy {
        width: 85%;
        margin-bottom: 2em;
    }

    #local_nav li {
        width: 48%;
        height: 50px;
        margin: 0 .5% 1.6em;
    }

    #title .tax {
        margin: auto auto 15px;
        color: #fff;
        opacity: 0.8;
    }

}

@media print,
screen and (max-width: 768px) {

    #first_copy {
        width: 90%;
        margin: auto auto 30px;
    }

    #local_nav ul {
        width: 95%;
        /* border: #f00 thin solid; */
    }

}

/*====================================================
	// id #shitadori
====================================================*/

#shitadori section {
    padding-bottom: 15px;
    font-size: 1.6rem;
    text-align: center;
}


#shitadori h3,
#shitadori h4 {
    font-family: "Sawarabi Mincho";
    font-weight: normal;
}

#shitadori h3 {
    font-size: 2.2rem;
    margin-bottom: 30px;
    padding: 10px 0;
    color: #fff;
    background: #b68d3c;
}

#shitadori h4 {
    /* font-size: 2.6rem; */
    font-size: 3.0rem;
    margin-bottom: 5px;
    color: #b68d3c;
}

#shitadori p {
    font-size: 1.8rem;
}



@media print,
screen and (max-width: 768px) {

    #shitadori h4 {
        font-size: 2.0rem;
    }

    #shitadori p {
        width: 90%;
        font-size: 1.6rem;
        margin-left: auto;
        margin-right: auto;
    }


}

/*====================================================
	// id #tenken
====================================================*/


#tenken h2 {
    background: #79a166;
}

#tenken .inner {
    width: 90%;
    margin: auto auto 15px;
    align-items: center;
}

#tenken .txtbox {
    width: 60%;
}

#tenken figure {
    width: 20%;
}

#tenken figure figcaption {
    font-size: 1.3rem;
    text-emphasis: right;
    display: block;
    padding-top: 5px;
}

#tenken ul li:first-child {
    font-size: 2.0rem;
    margin-bottom: 10px;
}

#tenken .link a {
    margin: auto auto 1.5em;
    padding: 10px 15px;
    color: #fff;
    background: #79a166;
    display: inline-block;
    border-radius: 2em;
    font-size: 1.4rem;
}


@media print,
screen and (max-width: 768px) {

    #tenken .inner {
        width: 90%;
        display: block;
    }

    #tenken .txtbox {
        width: auto;
    }

    #tenken figure {
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }

    #tenken .link a {
        width: 90%;
        margin: auto auto 1.5em;
        padding: 10px 0;
        color: #fff;
        background: #79a166;
        display: inline-block;
        border-radius: 2em;
        font-size: 1.4rem;
        display: block;
        text-align: center;
    }


}


/*========================
 // id #reservation
===========================*/


#reservation {
    width: 80%;
    margin: auto auto 46px;
    font-size: 1.6rem;
    text-align: center;
    background: url(../img/bg_reserve.svg) no-repeat top center;
}

#reservation .deco {
    display: none;
}

#reservation .inside {
    padding: 10px 5% 0;
}

#icon_reserve {
    width: 300px;
    margin: auto auto 15px;
}

#reservation .how h6 {
    width: 70%;
    margin: auto auto 5px;
    font-family: "Sawarabi Mincho";
    font-size: 2.4rem;
    font-weight: normal;
    color: #542815;
}

#reservation .how .tel_link {
    margin-left: .75em;
}


#reservation p.lead {
    font-size: 1.5rem;
    margin-bottom: 5px;
}

#reservation .telnum {
    font-size: 1.8rem;
    padding-top: 15px;
    display: block;
}

#reservation .linkbtn {
    margin-bottom: 20px;
}

#reservation .linkbtn a {
    margin: auto;
    font-size: 1.8rem;
    padding: 10px 60px;
    display: inline-block;
}


@media screen and (max-width: 1024px) {
    #reservation {
        width: auto;
    }
}



@media print,
screen and (max-width: 768px) {

    #reservation {
        background: url(../img/bg_reserve_mob.svg) no-repeat center center;
    }

    #reservation .tel_link {
        display: block;
        margin: 0;
    }

    #reservation .how h6 {
        width: 95%;
        font-size: 2.0rem;
    }

}


@media print,
screen and (max-width: 640px) {

    #reservation {
        background: url(../img/bg_reserve_mob_640.svg) no-repeat 0 20px;
    }

}