@charset "utf=8";

.hNavLinkDinner a{
	font-size: 2.6rem;
	border-bottom: 2px var(--primary) solid;
}

.hCvr {
    background: url(../../../../uploads/incover_dinner.jpg) no-repeat top center /cover;
}

.inDnrWr01 {
    margin: 13rem 0 0;
}

.inDnrWr01 .inAr01 {
    width: 100%;
    max-width: 83rem;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.inDnrReadTxt01 {
    text-align: center;
}

.inDnrBx01Fl {
    display: flex;
    justify-content: center;
    margin: 4rem 0 0;
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 1.4;
}

.inDnrWr02 {
    margin: 10rem 0 0;
}

.inAr01 {
    width: 100%;
    max-width: 165rem;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.inDnrRecoTit {
    position: relative;
    display: block;
    width: 100%;
    max-width: 107rem;
    margin: 0 auto;
    padding: 3rem 0;
    font-size: 4.5rem;
    line-height: 1.4;
    letter-spacing: .05em;
    font-weight: bold;
    text-align: center;
}

.inDnrRecoTit::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 77%;
    max-width: 82rem;
    height: 1px;
    background: var(--primary);
}

.inDnrRecoTit::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 77%;
    max-width: 82rem;
    height: 1px;
    background: var(--primary);
}

.inDnrRecoFl {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 13rem 0 0;
}

.inDnrRecoFlL {
    width: 54%;
}

.inDnrRecoFlR {
    position: absolute;
    z-index: 5;
    width: 50%;
    margin: auto 0;
    padding: 6rem;
    background: url(../../../../uploads/in_dinner_bg01.jpg) no-repeat center /cover;
}

.inDnrRecoMenuTit {
    font-size: 4rem;
    line-height: 1.4;
    font-weight: bold;
}

.inDnrRecoMenuPrice {
    margin: 1rem 0 0;
    line-height: 1.4;
    font-weight: 600;
}

.inDnrRecoMenuTxt {
    margin: 4rem 0 0;
}

.inDnrRecoFl01 {
    max-width: 162rem;
}

.inDnrRecoFl01 .inDnrRecoFlL {
    max-width: 88rem;
}

.inDnrRecoFl01 .inDnrRecoFlR {
    right: 0;
    max-width: 78rem;
}

.inDnrRecoFl02 {
    flex-direction: row-reverse;
    max-width: 142rem;
}

.inDnrRecoFl02 .inDnrRecoFlL {
    max-width: 76rem;
}

.inDnrRecoFl02 .inDnrRecoFlR {
    left: 0;
    max-width: 71rem;
}

.inDnrRecoFl03 {
    max-width: 142rem;
}

.inDnrRecoFl03 .inDnrRecoFlL {
    max-width: 76rem;
}

.inDnrRecoFl03 .inDnrRecoFlR {
    right: 0;
    max-width: 71rem;
}

.inDnrRecoFl04 {
    flex-direction: row-reverse;
    max-width: 162rem;
}

.inDnrRecoFl04 .inDnrRecoFlL {
    max-width: 88rem;
}

.inDnrRecoFl04 .inDnrRecoFlR {
    left: 0;
    max-width: 78rem;
}

.inDnrRecoFl05 {
    max-width: 142rem;
}

.inDnrRecoFl05 .inDnrRecoFlL {
    max-width: 76rem;
}

.inDnrRecoFl05 .inDnrRecoFlR {
    right: 0;
    max-width: 71rem;
}

.inDnrWr03 {
    margin: 18rem 0 0;
}

.inDnrDairyTit {
    position: relative;
    display: block;
    width: 100%;
    max-width: 107rem;
    margin: 0 auto;
    padding: 3rem 0;
    font-size: 4.5rem;
    line-height: 1.4;
    letter-spacing: .05em;
    font-weight: bold;
    text-align: center;
}

.inDnrDairyTit::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 77%;
    max-width: 82rem;
    height: 1px;
    background: var(--primary);
}

.inDnrDairyTit::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 77%;
    max-width: 82rem;
    height: 1px;
    background: var(--primary);
}

.inDnrDairyTxt01 {
    margin: 5rem 0 0;
    text-align: center;
}

.inDnrDairyImg {
    margin: 6rem 0 0;
    width: 100%;
}

.inDnrDairyImg.sp{
    display: none;
}

.inDnrWr04 {
    margin: 13rem 0 0;
}

.inDnrWr04 .inAr01 {
    width: 100%;
    max-width: 165rem;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.inDnrSecondTit {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 3rem 0;
    font-size: 4.5rem;
    line-height: 1.4;
    letter-spacing: .05em;
    font-weight: bold;
    text-align: center;
}

.inDnrSecondTit::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 77%;
    max-width: 82rem;
    height: 1px;
    background: var(--primary);
}

.inDnrSecondTit::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 77%;
    max-width: 82rem;
    height: 1px;
    background: var(--primary);
}

.inDnrSecondTit br {
    display: none;
}

.inDnrSecondFl {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 8rem 0 0;
    max-width: 142rem;
}

.inDnrSecondFlL {
    width: 54%;
    max-width: 76rem;
}

.inDnrSecondFlR {
    position: absolute;
    z-index: 5;
    width: 50%;
    margin: auto 0;
    padding: 6rem;
    right: 0;
    max-width: 71rem;
    background: url(../../../../uploads/in_dinner_bg01.jpg) no-repeat center /cover;
}

.inDnrSecondTxt{
    margin: 4rem 0 0;
}

.inDnrSecondTxt:first-of-type{
    margin: 0;
}



/* ==========================================
背景
========================================== */

.bg01 {
    background: url(../../../../uploads/bg02.jpg) repeat-y center top;
}

/* ==========================================
お品書き一覧
========================================== */

#menu01,
#menu02{
    padding: 5rem 0 0;
    margin: -5rem 0 0;
}

.menu-frame {
    margin: 6rem auto 0;
    padding: 10rem 1.5rem;
}

.menu-frame-inner {
    max-width: 122rem;
    width: 100%;
    margin: 6rem auto 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8rem 10rem;
}

.menu-block:not(:first-child) {
    margin: 8rem 0 0;
}

.menu-title01 {
    font-size: 2.5rem;
    font-weight: bold;
    letter-spacing: 0.05em;
    line-height: 1.44em;
}

.menu-list {
    margin: 3rem 0 0;
}

.menu-list-item:not(:first-child) {
    margin: 2rem 0 0;
}

.menu-list-item {
    padding: 0 0 1rem;
    border-bottom: solid 1px #C4BEAF;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.menu-list-name-box {
    flex: 1;
}

.menu-list-name {
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 0.05em;
    line-height: 1.5em;
}

.menu-list-price-box {
    margin: 0 0 0 1.5rem;
    text-align: right;
}

.menu-list-tax {
    display: inline;
    font-weight: bold;
    letter-spacing: 0.05em;
    line-height: 1.5em;
}

.menu-list-price {
    display: inline;
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 0.05em;
    line-height: 1.45em;
}

.inDnrWr05{
    margin: 10rem 0 0;
}

.inDnrWr05 .inAr01{
    width: 100%;
    max-width: 103rem;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.inDnrCourseBx{
    padding: 6rem 1.5rem;
    background: var(--primary);
}

.inDnrCourseIn{
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--white);
}

.inDnrCourseTit{
    font-size: 3.5rem;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
}

.inDnrCourseTxt01{
    margin: 3rem 0 0;
}

.inDnrCourseImg{
    width: 100%;
    margin: 3rem auto 0;
    max-width: 58rem;
}

.inDnrCourseTxt02{
    margin: 3rem 0 0;
}

.inDnrCourseTelBx{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 4rem 0 0;
}

.inDnrCourseTelIcon{
    width: 2.1rem;
    margin: 0 .7rem 0 0;
}

.inDnrCourseTelNum{
    font-family: var(--font-familyA);
    font-size: 4rem;
    letter-spacing: 0;
    line-height: 1.4;
}

.inDnrWr06{
   margin: 10rem 0 0; 
}

.inDnrWr06 .inAr01{
    width: 100%;
    max-width: 77rem;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.inDnrLinkTit{
    font-size: 4.5rem;
    text-align: center;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: .05em;
}

.inDnrLinkFl{
    display: grid;
    grid-template-columns: repeat(2 ,1fr);
    gap: 4rem;
    margin: 5rem auto 0;
}

.inDnrLinkBtn .btn02 {
    margin: 0 auto;
}

.inDnrMenuTit{
    font-size: 3.5rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.4;
}

.inDnrMenuReadTxt{
    font-size: 1.8rem;
    font-weight: 600;
    text-align: center;
}

.inDnrMenuReadTxt:first-of-type{
    margin: 3rem 0 0;
}

.inDnrWr08{
    padding: 0 0 13rem 0;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <=1024px) {

    .hCvr {
        background: url(../../../../uploads/incover_dinner_sp.jpg) no-repeat top center /cover;
    }

    .inDnrRecoFlR {
        padding: 5rem 3rem;
    }

    .inDnrSecondFlR {
        padding: 5rem 3rem;
    }

    /* ==========================================
	お品書き一覧
	========================================== */

    .menu-frame {
        margin: 3rem auto 0;
        padding: 5rem 1.5rem;
    }

    .menu-frame-inner {
        gap: 4rem 5rem;
    }

    .menu-block:not(:first-child) {
        margin: 4rem 0 0;
    }

    .menu-title01 {
        font-size: 2.2rem;
    }

    .menu-list {
        margin: 1.5rem 0 0;
    }

    .menu-list-item:not(:first-child) {
        margin: 1rem 0 0;
    }

    .menu-list-item {
        padding: 0 0 0.5rem;
    }
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */



/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <=768px) {

	.hBxR::after {
		content: "夜のお品書き";
		position: absolute;
		z-index: 11;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		margin: auto;
		padding: 1rem 1.5rem;
		background: var(--cover-bg);
		font-size: 3rem;
		color: var(--white);
		line-height: 1.5em;
        text-wrap: nowrap;
	}

    .inDnrWr01 {
        margin: 5rem 0 0;
    }

    .inDnrReadTxt01 {
        text-align: left;
    }

    .inDnrReadTxt01 br {
        display: none;
    }

    .inDnrBx01Fl {
        flex-direction: column;
        align-items: center;
    }

    .inDnrWr02 {
        margin: 5rem 0 0;
    }

    .inDnrRecoFlL {
        width: 100%;
    }

    .inDnrRecoFlR {
        padding: 3rem 1.5rem;
    }

    .inDnrRecoFl {
        flex-direction: column;
        margin: 2.5rem 0 0;
    }

    .inDnrRecoFlL {
        width: 100%;
    }

    .inDnrRecoFlR {
        position: static;
        width: 100%;
    }

    .inDnrRecoTit{
        font-size: 3rem;
    }

    .inDnrRecoMenuTit{
        font-size: 2.8rem;
    }

    .inDnrRecoMenuTxt{
        margin: 2.5rem 0 0;
    }

    .inDnrDairyTit{
        font-size: 3rem;
    }

    .inDnrDairyTxt01 {
        text-align: left;
    }

    .inDnrDairyTxt01 br {
        display: none;
    }

    .inDnrWr03 {
        margin: 8rem 0 0;
    }

    .inDnrSecondTit{
        font-size: 3rem;
    }

    .inDnrSecondTit br {
        display: block;
    }

    .inDnrWr04 {
        margin: 6rem 0 0;
    }

    .inDnrSecondFl {
        flex-direction: column;
        margin: 2.5rem 0 0;
    }

    .inDnrSecondFlL {
        width: 100%;
    }

    .inDnrSecondFlR {
        position: static;
        width: 100%;
        padding: 3rem 1.5rem;
    }

    .inDnrWr05{
        margin: 5rem 0 0;
    }

    .inDnrLinkFl{
        gap: 1rem;
    }

    .inDnrLinkTit{
        font-size: 3rem;
    }

    .inDnrWr08{
        padding: 0 0 6rem 0;
    }

    .inDnrMenuTit{
        font-size: 2.8rem;
    }

    .inDnrSecondTxt{
        margin: 2.5rem 0 0;
    }

    .inDnrDairyImg.sp{
        display: block;
        margin: 2.5rem 0 0;
    }

    .inDnrDairyImg.pc{
        display: none;
    }

    .inDnrDairyTxt01{
        margin: 2.5rem 0 0;
    }

    /* ==========================================
	お品書き一覧
	========================================== */

    .menu-frame-inner {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */



/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <=576px) {

    .inDnrRecoTit{
        font-size: 2.4rem;
    }

    .inDnrRecoMenuTit{
        font-size: 2.2rem;
    }

    .inDnrDairyTit{
        font-size: 2.4rem;
    }

    .inDnrSecondTit{
        font-size: 2.4rem;
    }

    .inDnrLinkFl{
        display: grid;
        grid-template-columns: repeat(1 ,1fr);
        gap: 2rem;
    }
    
    .inDnrLinkTit{
        font-size: 2.4rem;
    }

    .inDnrMenuTit{
        font-size: 2.2rem;
    }


    /* ==========================================
	お品書き一覧
	========================================== */

    .menu-title01 {
        font-size: 2rem;
    }

    .menu-list-name {
        font-size: 1.8rem;
    }

    .menu-list-tax {
        font-size: 1.6rem;
    }

    .menu-list-price {
        font-size: 1.8rem;
    }

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */