/*cuisine CSS*/

.imGr {
    margin-bottom: 160px;
}
/*.imGr .flexbox {
    margin: 0 -30px;
}
.imGr > *,
.imGr .flexbox div > * {
    margin-bottom: 60px;
}
.imGr .flexbox > * {
    width: 50%;
    padding: 0 30px;
}
.imGr .flexbox div {
    margin-bottom: -60px;
}*/
.wrap-l1.flexbox {
    flex-wrap: nowrap;

}
.wrap-l2 {
    padding-top: 60px;
    padding-left: 60px;
}
.wrap-text p {
    margin-bottom: 40px;
}
.wrap-dl.wrap-dl-r {
    padding-left: 170px;
    margin-bottom: 160px;
}

.monthly-menu .intro{
    margin-bottom: 2em;
}
.monthly-menu .name{
    text-align: right;
    margin-bottom: 4em;
}

.wrap-dl.wrap-dl-r dl {
    gap: var(--u-column);
    border: none;
    padding: 0;
    padding-bottom: 25px;
}
.wrap-dl.wrap-dl-r dl:first-of-type {
    padding-top: 60px;
    border-top: 1px solid var(--cl-border);
}
.wrap-dl.wrap-dl-r dt {
    min-width: var(--u-grid);

}
@media (max-width: 640px){
	.wrap-dl.wrap-dl-r dl:first-of-type {
		padding-top: 36px;
	}
	.wrap-l2 {
        padding-top: 0;
        padding-left: 36px;
    
    }
	/*.imGr > *,
	.imGr .flexbox div > * {
		margin-bottom: 12px;
	}
	.imGr .flexbox {
        margin: 0 -6px;
    
    }
    .imGr .flexbox div > img:last-of-type {
        margin-bottom: 0;
    }
	.imGr .flexbox > * {
        padding: 0 6px;
    
    }
	.imGr .flexbox div {
		margin-bottom: -12px;
	}*/
    .wrap-text p {
        margin-bottom: 36px;
    }
    .wrap-dl.wrap-dl-r {
        padding-left: 0;
        margin-top: 36px;
        margin-bottom: 120px;
    
    }
}

/**/
.pcuisine.pindex #psec-03.psec h3,
.pcuisine.pindex #psec-05.psec h3 {
    writing-mode: initial;
    margin-bottom: 30px;
}
.pcuisine .imdesc span {
    font-size: 12px;
}
.pcuisine .imdescGr .imdesc:not(:last-of-type) {
    margin-bottom: 60px;
}
.pcuisine .pbox > p {
    margin-bottom: 60px;
}
.pcuisine .pbox:not(:first-of-type) > p {
	margin-bottom: 0;
}
@media (min-width: 641px){
	.pcuisine .imdesc {
		flex-wrap: nowrap;
	}
	.pcuisine .imdesc img {
		width: 450px;
}
}

/**/
#pageMain .psec:last-of-type {
    margin-bottom: 200px;
}
.pcuisine .psec li {
    position: relative;
    padding-left: 25px;
}
.pcuisine .psec li::before {
    content: "";
    position: absolute;
    display: inline-block;
    height: 1px;
    width: 12px;
    background-color: var(--cl-pageink);
    top: 1.1em;
    left: 0;
}

@media (max-width: 640px){
	.pcuisine .pbox > p,
	.pcuisine .imdescGr .imdesc:not(:last-of-type){
		margin-bottom: 36px;
	}
	.psec + .psec {
		margin-top: 120px;
	}
    .pcuisine h3 {
        font-size: 17px;
        margin-bottom: 18px;
    }
	.pcuisine.pindex #psec-03.psec h3,
    .pcuisine.pindex #psec-05.psec h3 {
		font-size: 16px;
        margin-top: 24px;
        margin-bottom: 18px;
    }
	#pageMain .psec:last-of-type {
		margin-bottom: 120px;
	}
    #psec-01 .pbox > .wrap-dl dt,
    #psec-02 .wrap-dl dt,
    #psec-04 .wrap-dl dt{
        min-width: 6em;
    }
    .imGr {
        margin-bottom: 120px;
    }
}

/**/
.imGr > * + * {
    margin-top: var(--u-gutter);;
}
.imGr .flexbox div {
    display: flex;
    flex-wrap: wrap;
}
.imGr .flexbox,
.imGr .flexbox div {
    gap: var(--u-gutter);
    margin-bottom: 0;
}
.imGr .flexbox > * {
    padding: 0;
    width: calc(50% - var(--u-gutter) / 2);
}
.imGr .flexbox div img {
    aspect-ratio: 352/209;
}
@media (max-width: 640px){
    .imGr .flexbox div img {
        aspect-ratio: 4/2.6;
    }
}