@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Gilda+Display&display=swap');
.pc_use {
    display: none;
}
.sp_use {
    display: block;
}
.flexwrap{
  display:flex;
  flex-wrap:wrap;
}
.c-fit {
    object-fit: cover;
    object-position: center;
    width: 100%;
}
.img {
    max-width: 100%;
    height: auto;
}

.l-content {
	padding: 0;
}
.l-donabegohan {
	width: auto;
    margin: 0 0 40px 0;
}

/*ヘッダー*/
.p-donabegohan-head {
	margin: 0 auto;
}
.p-donabegohan__mian-visual {
	aspect-ratio: 4 / 3;
    text-align: center;
}

/*概要*/
.l-donabegohan-summary {
	margin: 0 auto 56px;
    padding: 40px 24px 56px;
    border-bottom: 1px solid var(--c-black);
}
.l-donabegohan-heading-group {
	margin: 0 0 40px 0;
    padding: 0 0 40px 0;
    background: transparent url(/webstore/design/themes/new_marumitsu/media/images/ver2/bg-handline.svg) no-repeat bottom;
    background-size: 100% 8px;
    text-align: center;
}
.p-donabegohan__title {
	margin: 0 0 8px 0;
    font-size: 25px;
    font-weight: 900;
    line-height: 1.2;
}
.p-donabegohan-summary__text {
	font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
}
/*用意する物*/
.l-donabegohan-section {
	margin: 0 0 56px 0;
    padding: 0 24px 56px;
    border-bottom: 1px solid var(--c-black);
    overflow-x: hidden;
}
.l-donabegohan-set {
    margin: 0 ;
}
.p-donabegohan-set__image {
    width: 100%;
    aspect-ratio: 4 / 3;
    margin: 0 0 24px 0;
}
.p-donabegohan-set__define {
	width: auto;
}
.p-donabegohan-set__title {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
}
.p-donabegohan-set__text {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
}
/*手順*/
.l-donabegohan-menu {
	position: relative;
    overflow-x: visible;
}
.p-donabegohan-slider {
	width: auto;
}
.p-donabegohan-slider__item {
	width: auto;
}
.p-donabegohan-slider__define {
	margin: 0;
	margin-top: 8px;
    padding: 0;
}
.p-donabegohan-slider__image {
    width: 100%;
}
.img-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.p-donabegohan-slider__name {
    padding: 20px 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    transition: all 0.3s;
}
.p-donabegohan-slider__text {
	font-weight: 400;
}
.p-donabegohan__button {
    border-bottom: 2px solid var(--c-black);
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.02em;
}
.top__var {
	border-top: 1px solid var(--c-black);
}
.m__bt {
	margin-bottom: 24px;
}
.p-donabegohan__more-link {
	display: block;
    padding: 20px 0;
    background: transparent url(/webstore/design/themes/new_marumitsu/media/images/ver2/icon-arrow.svg) no-repeat right center;
    transition: all 0.3s;
}
.p-donabegohan-recipe {
	padding: 8px;
	background-image: url(/webstore/design/themes/new_marumitsu/media/images/ver2/bg-noise.png);
    background-color: var(--c-paper);
    background-blend-mode: color-burn;
    /* background-size: 25%; */
    background-repeat: repeat;
    background-size: 110px;
}
.p-donabegohan-recipe__inner {
	display: block;
    padding: 40px;
    border: 2px solid var(--c-black);
}
.p-donabegohan-recipe__title {
	font-size: 14px;
	margin: 0 0 16px 0;
    font-weight: 900;
    line-height: 1.3;
    text-align: center;
}
.p-donabegohan-recipe-list {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
	display: flex;
	flex-wrap: wrap;
}
.p-donabegohan-recipe-list li {
    width: 98%;
    margin: 1%;
	font-size: 14px;
}
.recipe-detail_box {
	background-image: url(/webstore/design/themes/new_marumitsu/media/images/ver2/bg-noise.png)!important;
	background-color: var(--c-paper)!important;
	background-blend-mode: color-burn;
    /* background-size: 25%; */
    background-repeat: repeat;
    background-size: 110px 
}
.recipe-detail-title_text {
	font-weight: 700;
}
.recipe-detail_inner-box {
	font-size: 14px;
}
.donabegohan-recipe_detail {
	display: flex;
	line-height: 1.5;
}
.recipe-title_text {
	margin-bottom: 4px;
}
.quantity_text {
	margin-bottom: 16px;
	margin-left: 16px;
}
.recipe-detail_text {
	line-height: 1.5;
}
.sp_use {
        display: none;
    }
@media (min-width: 768px) {
    .pc_use {
        display: block;
    }
	.l-donabegohan {
    margin: 0 0 80px;
    }
   .p-donabegohan-head {
    padding: 64px 80px 0;
    }
   .l-donabegohan-heading-group {
    max-width: 680px;
    margin: 0 auto 40px;
  }
  .p-donabegohan-summary__text {
    max-width: 680px;
    margin: 0 auto;
  }
  .l-donabegohan-summary {
    margin: 0 auto 80px;
    padding: 80px 0;
  }
  .p-donabegohan__title {
    font-size: 28px;
  }
  .l-donabegohan-section {
    margin: 0 0 80px 0;
    padding: 0 80px 80px;
  }
  .p-donabegohan-set__image {
    margin: 0 0 40px 0;
  }
  .p-donabegohan-set-slider {
    display: flex;
    column-gap: 16px;
  }
 .p-donabegohan-recipe-list {
    text-align: left;
 }
 .p-donabegohan-recipe__col {
	display: flex;
	justify-content: center;
  }
 .p-donabegohan-recipe-list li {
    width: 48%;
  }
}
@media (min-width: 1081px) {
  .l-donabegohan {
    margin: 0 8.33333% 80px;
  }
  .p-donabegohan-head {
    max-width: 870px;
    padding: 64px 0 0;
  }
  .l-donabegohan-section {
    padding: 0 0 80px;
  }
  .l-donabegohan-set {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
    margin: 0 0 40px 0;
    padding: 0;
  }
  .p-donabegohan-set__image {
    width: 65%;
    aspect-ratio: 3 / 2;
    margin: 0;
  }
  .p-donabegohan-set__define {
    width: 25%;
  }
  .p-donabegohan-slider__define {
	margin: 0;
	margin-top: 16px;
    padding: 0;
  }
  .swiper-donabegohan .swiper-button-prev {
    display: block;
    top: -25px;
    left: auto;
    right: 40px;
    bottom: auto;
    z-index: 1;
    width: 24px;
    height: 24px;
    margin: auto;
    padding: 5px 2px;
  }
  .swiper-donabegohan .swiper-button-prev::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: transparent url(/webstore/design/themes/new_marumitsu/media/images/ver2/btn-prev.svg) no-repeat;
  }
  .swiper-donabegohan .swiper-button-next {
    display: block;
    top: -25px;
    left: auto;
    right: 0;
    bottom: auto;
    z-index: 1;
    width: 24px;
    height: 24px;
    margin: auto;
    padding: 5px 2px;
  }
  .swiper-donabegohan .swiper-button-next::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: transparent url(/webstore/design/themes/new_marumitsu/media/images/ver2/btn-next.svg) no-repeat;
  }
/*  .p-donabegohan-recipe-list {
    justify-content: space-between;
  }*/
  .p-donabegohan-recipe-list  {
		justify-content: space-between;
	}
  .p-donabegohan-recipe-list li {
	width: fit-content;
    margin: 1% 4%;
  }
  .m__bt {
	margin-bottom: 0;
  }
  .margin_none {
		margin: 0;
  }
}
@media (min-width: 2001px) {
  .l-donabegohan {
    max-width: 1780px;
    margin: 0 auto 80px;
  }
}

}