.branch-ttl,
.branch-sttl {
    color: #d5c6b4;
}

.branch-spacebox-thumb > img {
    width: 100%;
}

.branch-space {
    overflow: hidden;
}

.cmn-contact {
    background: #f4f1ed;
}

.cmn-contact-head {
    position: relative;
}

.cmn-contact-maps iframe {
    margin-bottom: 20px;
    width: 100%;
}

.contact_btn {
    align-items: center;
    background: transparent;
    border: 1px solid #000;
    color: #000;
    display: flex;
    font-weight: 700;
    justify-content: center;
    height: 44px;
    margin: 0 auto;
    max-width: 280px;
    position: relative;
    width: 100%;
}

.contact_btn:hover {
    border: 1px solid #bb1d0d;
    color: #bb1d0d;
}

.branch-food {
    background: url(../image/branch/branch-icon3.png) 95% 100% no-repeat;
    background-size: 15% auto;
}
.branch_top .hm_manag_content{
    width: 100%;
}
.branch_top .hm_manag_ttl{
    line-height: 1;
}
.branch_top .hm_manag_enttl{
    line-height: 1;
}
.branch_top .hm_manag_ttl+.hm_manag_enttl{
    padding-top: 14px;
}
.branch_top .hm_manag_enttl+.hm_manag_ttl{
    padding-top: 14px;
}
@media (min-width:768px), print {
    .branch_top::after {
        height: 91%;
        top: 0;
        transform: none;
        clip-path: polygon(0 0, 100% 0%, 100% 49%, 0% 100%);
    }

    .branch_top .hm_management_inner {
        margin-top: -30px;
    }

    .branch_top .hm_manag_thumb {
        width: 290px;
    }

    .branch_top .hm_manag_content {
        width: 655px;
    }

    .branch-lbl {
        font-size: 36px;
        line-height: 1.5;
        padding-top: 30px;
    }

    .branch-box {
        display: flex;
        gap: 30px;
        justify-content: space-between;
        align-items: center;
        padding-top: 30px;
        padding-bottom: 30px;
        position: relative;
    }

    .branch-box::after {
        content: "";
        width: 350px;
        height: 160px;
        background: url(../image/branch/branch-icon1.png) center no-repeat;
        background-size: contain;
        display: inline-block;
        position: absolute;
        top: 0;
        left: 93%;
        width: -1;
    }

    .branch-box-thumb {
        width: 400px;
    }

    .branch-box-info {
        width: 555px;
    }

    .branch-ttl {
        font-size: 110px;
        line-height: 1.2;
    }

    .branch-des {
        font-size: 23px;
        line-height: 46px;
    }

    .branch-spacebox-thumb {
        display: flex;
        justify-content: space-between;
        padding-top: 40px;
        position: relative;
        padding-bottom: 50px;
    }

    .branch-spacebox-thumb::after {
        content: "";
        width: 100%;
        height: 80%;
        background: url(../image/branch/branch-icon2.png) left center no-repeat;
        background-size: contain;
        display: inline-block;
        position: absolute;
        top: 20%;
        left: 98%;
        z-index: -1;
    }

    .branch-spacebox-thumb::before {
        content: "";
        width: 300px;
        height: 160px;
        background: url(../image/branch/branch-icon1.png) center no-repeat;
        background-size: contain;
        display: inline-block;
        position: absolute;
        top: 20%;
        right: 105%;
        z-index: -1;
    }

    .branch-spacebox-thumb > div {
        width: 49.5%;
    }

    .branch-food {
        padding-top: 130px;
        position: relative;
        padding-bottom: 50px;
    }

    .branch-food .hm_management_inner {
        margin-top: -130px;
    }

    .branch-food::after,
    .branch-food::before {
        content: "";
        position: absolute;
        left: 0;
        top: 130px;
        right: 0;
        display: block;
        height: calc(100% - 220px);
        clip-path: polygon(0 0, 100% 0%, 100% 40%, 0% 100%);
    }

    .branch-food::after {
        z-index: -1;
        background: #f4f1ed;
        opacity: .9;
    }

    .branch-food::before {
        z-index: -2;
        background: url(../image/branch/branch-img5.png) top center no-repeat;
        background-size: cover;
    }
    .branch-food-banner:before,.branch-food-banner:after{
        display: none;
    }
    .branch-food-banner{
        padding-bottom: 200px;
    }

    .branch-foodbox {
        background: #1a1a1a;
        display: flex;
        gap: 60px;
        padding: 40px;
        color: #fff;
    }

    .branch-sttl {
        font-size: 80px;
        line-height: 1;
        padding-bottom: 20px;
    }

    .branch-fooddes {
        font-size: 18px;
    }

    .branch-food-dl {
        padding-bottom: 90px;
        padding-top: 90px;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        font-size: 22px;
    }

    .branch-food-dl dt,
    .branch-food-dl dd {
        width: 46%;
    }

    .branch-food-note {
        font-size: 23px;
        width: 90%;
        margin: 0px auto;
    }

    .cmn-contact {
        padding: 60px 0 30px;
    }

    .cmn-contact-head {
        border-left: 14px solid #cb4726;
        padding-left: 15px;
    }

    .cmn-contact-ttl {
        font-size: 47px;
        line-height: .9;
    }
    .cmn-contact-ttl2 {
        font-size: 23px;
        line-height: .9;
    }

    .cmn-contact-enttl {
        font-size: 23px;
        line-height: 1;
        padding-top: 15px;
    }
    .cmn-contact-enttl2 {
        font-size: 47px;
        line-height: 1;
        padding-top: 15px;
    }

    .cmn-contact-address {
        font-size: 20px;
        padding-top: 15px;
        padding-bottom: 30px;
    }

    .cmn-contact-info {
        display: flex;
        gap: 20px;
    }

    .cmn-contact-des {
        width: 45%;
    }

    .cmn-contact-maps {
        width: 55%;
    }

    .cmn-contact-dl {
        display: flex;
        font-size: 18px;
        flex-wrap: wrap;
    }

    .cmn-contact-dl dt,
    .cmn-contact-dl dd {
        border-top: 1px solid #979797;
        padding: 15px 0;
    }

    .cmn-contact-dl dt:nth-child(1),
    .cmn-contact-dl dd:nth-child(2) {
        border: none;
    }

    .cmn-contact-dl dt {
        width: 105px;
    }

    .cmn-contact-dl dd {
        width: calc(100% - 105px);
    }

    .cmn-contact-phone {
        font-size: 40px;
        line-height: .8;
    }

    .cmn-contact-dl dt:nth-child(1) {
        display: flex;
        align-items: flex-end;
    }
    .branch_top .hm_manag_enttl{
        margin: 0;
        padding: 0;
    }
    .branch_top .hm_manag_ttl+.hm_manag_enttl{
        padding-top: 24px;
    }
    .branch_top .hm_manag_enttl+.hm_manag_ttl{
        padding-top: 13px;
    }
    .branch_top--banterin .hm_manag_thumb{
        min-height: 180px;
        display: flex;
        justify-content: center;
        align-items: flex-end;
    }
}

@media (max-width:767px) {
    .branch_top {
        padding-bottom: 20px;
    }

    .branch_top::after {
        height: 55%;
        top: 0;
        transform: none;
        clip-path: polygon(0 0, 100% 0%, 100% 75%, 0% 100%);
    }

    .hm_management_inner {
        padding-bottom: 40px;
    }

    .branch_top .hm_management_inner {
        margin-top: -40px;
        padding-bottom: 0;
    }

    .branch_top .hm_management_up {
        align-items: flex-start;
        justify-content: flex-start;
    }

    .branch_top .hm_management_up .hm_manag_thumb {
        margin-left: 0;
        max-width: 130px;
    }

    .branch_top .hm_manag_ttl {
        font-size: 2.2rem;
    }

    .branch_top .hm_manag_enttl {
        font-size: 1.6rem;
    }

    .branch-lbl {
        font-size: 1.8rem;
        line-height: 1.5;
        padding-top: 30px;
    }

    .branch-ttl {
        font-size: 5.4rem;
        line-height: 1.5;
    }

    .branch-des {
        font-size: 1.5rem;
    }

    .branch-box {
        padding-top: 30px;
        padding-bottom: 30px;
        position: relative;
    }

    .branch-des {
        padding-bottom: 20px;
    }

    .branch-box-thumb {
        position: relative;
        width: 250px;
        margin: 0px auto;
    }

    .branch-box-thumb::after {
        content: "";
        width: 150px;
        height: 100px;
        background: url(../image/branch/branch-icon1.png) center no-repeat;
        background-size: contain;
        display: inline-block;
        position: absolute;
        top: 0;
        left: 93%;
        z-index: -1;
    }

    .branch-spacebox {
        display: flex;
        flex-direction: column;
    }

    .branch-spacebox-thumb {
        margin-left: -30px;
        margin-right: -30px;
    }

    .branch-spacebox-info {
        position: relative;
    }

    .branch-spacebox-info::after {
        content: "";
        position: absolute;
        left: 88%;
        top: 0;
        bottom: 0;
        width: 18%;
        display: block;
        background: url(../image/branch/branch-icon4.png) left top no-repeat;
        background-size: contain;
        z-index: -1;
    }

    .branch-food {
        font-size: 1.6rem;
        background-size: 20% auto;
    }

    .branch-foodbox {
        background: #1a1a1a;
        display: flex;
        flex-direction: column-reverse;
        padding: 30px;
        color: #fff;
        margin-right: -30px;
        margin-left: -30px;
    }

    .branch-sttl {
        font-size: 5.4rem;
        line-height: 1;
        padding-bottom: 20px;
    }

    .branch-fooddes {
        font-size: 1.5rem;
        padding-bottom: 30px;
    }

    .branch-food-dl {
        position: relative;
        margin-left: -30px;
        margin-right: -30px;
        padding: 30px;
    }

    .branch-food-dl::after,
    .branch-food-dl::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        display: block;
        height: 42%;
        clip-path: polygon(0 0, 100% 0%, 100% 42%, 0% 100%);
    }

    .branch-food-dl::after {
        z-index: -1;
        background: #f4f1ed;
        opacity: .9;
    }

    .branch-food-dl::before {
        z-index: -2;
        background: url(../image/branch/branch-img5.png) top center no-repeat;
        background-size: cover;
    }

    .branch-food-dl div {
        padding-bottom: 30px;
    }

    .branch-food-dl div:last-child {
        padding-bottom: 0;
    }

    .cmn-contact {
        padding: 60px 0 30px;
    }

    .cmn-contact-head {
        border-left: 7px solid #cb4726;
        padding-left: 10px;
    }

    .cmn-contact-ttl {
        font-size: 1.8rem;
        line-height: .9;
    }
    .cmn-contact-ttl2 {
        font-size: 1.4rem;
        line-height: 1;
    }

    .cmn-contact-enttl {
        font-size: 1.4rem;
        line-height: 1;
    }
    .cmn-contact-enttl2 {
        font-size: 1.8rem;
        line-height: .9;
        padding-top: 10px;
    }

    .cmn-contact-address {
        font-size: 1.4rem;
        padding-top: 15px;
        padding-bottom: 30px;
    }

    .cmn-contact-info {
        display: flex;
        flex-direction: column;
    }

    .cmn-contact-dl {
        display: flex;
        font-size: 1.4rem;
        flex-direction: column;
    }

    .cmn-contact-dl dt,
    .cmn-contact-dl dd {
        padding: 0;
        width: 100%;
    }

    .cmn-contact-dl dt {
        padding-top: 10px;
    }

    .cmn-contact-dl dd {
        border-bottom: 1px solid #979797;
        padding-bottom: 10px;
    }

    .cmn-contact-dl dd:last-child {
        border: none;
    }

    .cmn-contact-phone {
        font-size: 2.6rem;
        line-height: .8;
    }

    .cmn-contact-dl dt:nth-child(1) {
        display: flex;
        align-items: flex-end;
    }

    .cmn-contact-maps {
        padding-top: 20px;
    }

    .cmn-contact-maps iframe {
        height: 220px;
    }

}


.branch-media{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    column-gap: 60px;
}
.branch-media .branch-spacebox-thumb{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    flex-wrap: wrap;
}
.branch-media .branch-spacebox-thumb::before{
    display: none;
}
.branch-media .branch-spacebox-thumb > div{
    width: calc(50% - 10px);
}

.branch_top .hm_manag_enttl::after{
    display: none;
}
.branch_top .hm_management_up{
    align-items: flex-end;
    margin: 0 0 60px;
}
.branch_top .hm_manag_content{
    position: relative;
    padding-bottom: 26px;
}
.branch_top .hm_manag_content::after {
    border-top: 2px solid #bb1d0d;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 145px;
}

.page-id-19 .branch_top .hm_management_inner{
    margin-top: 0;
    padding-top: 15px;
}
.parco_menu{
    margin-top: 15px;
}
.parco_menu .media-body{
    flex: 1;
}

.parco_menu .bl-media-body+.bl-media-body{
    margin-top: 20px;
}
.parco_menu .bl-media-body h3{
    color: #8b2012;
    font-size: 22px;
    line-height: 38px;
    font-weight: 500;
    margin: 0 0 10px;
}
.parco_menu .bl-media-body p{
    font-size: 18px;
    line-height: 28px;
}
@media (min-width: 768px){
    .parco_menu{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        column-gap: 40px;
        width: 90%;
        margin: -15px auto 50px;
    }
}
.cmn-contact-phone[href^="tel:"]{
    pointer-events: unset;
    font-weight: 600;
}
.cmn-contact-address,.cmn-contact-des{
    font-family: "Noto Sans JP", sans-serif;
}
.nishiki_span_reservation {
  border: 1px solid #bb1d0d;
  color: #bb1d0d;
  font-size: 2.2rem;
  font-weight: 500;
	padding: 0 20px;
	margin-left:20px;
}
@media (max-width: 767px) {
.nishiki_span_reservation {
  border: 1px solid #bb1d0d;
  color: #bb1d0d;
  font-size: 1.6rem;
  font-weight: 500;
	padding: 0 20px;
	margin-left:20px;
}