@media screen and (1024px <= width) {
  #recipe_list {
    width: 1000px;
    margin: 30px auto 0;
  }
  #recipe_list .headline img {
    width: 100%;
  }
  #recipe_list .content {
    border-radius: 0 0 21px 21px;
  }
  #recipe_list .content .list {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 887px;
    margin: 0 auto;
    gap: 25px 43px;
  }
  #recipe_list .content .list .item {
    width: 267px;
  }
  #recipe_list .content .list .item > dt a {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  #recipe_list .content .list .item > dt a:hover .photo::after {
    opacity: 1;
  }
  #recipe_list .content .list .item > dt a:hover .label_no_oven p::after {
    opacity: 1;
  }
  #recipe_list .content .list .item > dt a:hover .name::after {
    opacity: 1;
  }
  #recipe_list .content .list .item > dt a .photo {
    padding: 5px;
    background: #ffffff;
    transform-origin: center center;
    filter: drop-shadow(0 0 3px #695e44);
    position: relative;
    z-index: 0;
  }
  #recipe_list .content .list .item > dt a .photo::after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.3);
    pointer-events: none;
    transition: opacity 0.4s ease;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
  }
  #recipe_list .content .list .item > dt a .photo.opt_left {
    transform: rotate(-2deg);
  }
  #recipe_list .content .list .item > dt a .photo.opt_left_3 {
    transform: rotate(-3deg);
  }
  #recipe_list .content .list .item > dt a .photo.opt_left_5 {
    transform: rotate(-5deg);
  }
  #recipe_list .content .list .item > dt a .photo.opt_right {
    transform: rotate(2deg);
  }
  #recipe_list .content .list .item > dt a .photo.opt_right_3 {
    transform: rotate(3deg);
  }
  #recipe_list .content .list .item > dt a .photo img {
    width: 255px;
  }
  #recipe_list .content .list .item > dt a .label_no_oven {
    height: 0;
    position: relative;
    z-index: 200;
  }
  #recipe_list .content .list .item > dt a .label_no_oven p {
    position: absolute;
    top: -29px;
    rigtht: 14px;
  }
  #recipe_list .content .list .item > dt a .label_no_oven p::after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.4);
    pointer-events: none;
    transition: opacity 0.4s ease;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
  }
  #recipe_list .content .list .item > dt a .label_no_oven p img {
    width: 122px;
  }
  #recipe_list .content .list .item > dt a .name {
    margin-top: -11px;
    position: relative;
    z-index: 10;
  }
  #recipe_list .content .list .item > dt a .name::after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.4);
    pointer-events: none;
    transition: opacity 0.4s ease;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
  }
  #recipe_list .content .list .item > dt a .name img {
    width: 267px;
  }
  #recipe_list .content .list .item > dd .explain {
    margin-top: 6px;
    text-align: center;
    color: #3c3c3c;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
  }
  #recipe_list.ebigratin {
    padding-bottom: 76px;
  }
  #recipe_list.ebigratin .content {
    padding: 54px 0;
    background: #fcf4f3;
  }
  #recipe_list.ebigratin .content .banner {
    margin-top: 32px;
    text-align: center;
  }
  #recipe_list.ebigratin .content .banner img {
    width: 700px;
  }
  #recipe_list.ebidoria {
    padding-bottom: 76px;
  }
  #recipe_list.ebidoria .content {
    padding: 54px 0;
    background: #fbece5;
  }
  #recipe_list.side_dish {
    padding-bottom: 50px;
  }
  #recipe_list.side_dish .content {
    padding: 57px 0 45px;
    background-image: url(../../2ac65fff00062dd3e065.svg);
    background-position: center top;
    background-size: 31.5px auto;
  }
  #recipe_list.side_dish .content .list {
    gap: 31px 43px;
  }
  #recipe_list.dessert {
    padding-bottom: 50px;
  }
  #recipe_list.dessert .content {
    padding: 57px 0 45px;
    background-image: url(../../bcd9bc182ac5c505016c.svg);
    background-position: center top;
    background-size: 30px auto;
  }
  #recipe_list.dessert .content .list {
    gap: 31px 43px;
  }
  #recipe_list.collaboration {
    padding-bottom: 62px;
  }
  #recipe_list.collaboration .content {
    padding: 50px 0 52px;
    background-image: url(../../68f836d7c891d8acb28c.svg);
    background-position: center top;
    background-size: 30px auto;
  }
  #recipe_list.collaboration .content .label {
    text-align: center;
  }
  #recipe_list.collaboration .content .label img {
    width: 386px;
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.6));
  }
  #recipe_list.collaboration .content .list {
    margin-top: 55px;
    margin-top-gap: 31px 43px;
  }
  #recipe_list.no_oven {
    padding-bottom: 62px;
  }
  #recipe_list.no_oven .content {
    padding: 45px 0 55px;
    background: #ffedd2;
  }
  #recipe_list.no_oven .content .list {
    gap: 31px 43px;
  }
}
@media screen and (width < 768px) {
  #recipe_list {
    width: 94.6666666667vw;
    margin: 7.3333333333vw auto 0;
  }
  #recipe_list .headline img {
    width: 100%;
  }
  #recipe_list .content {
    border-radius: 0 0 2vw 2vw;
  }
  #recipe_list .content .list {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 90vw;
    margin: 0 auto;
    gap: 4.4vw 4.9333333333vw;
  }
  #recipe_list .content .list .item {
    width: 42.5333333333vw;
  }
  #recipe_list .content .list .item > dt a {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  #recipe_list .content .list .item > dt a:hover .photo::after {
    opacity: 1;
  }
  #recipe_list .content .list .item > dt a:hover .label_no_oven p::after {
    opacity: 1;
  }
  #recipe_list .content .list .item > dt a:hover .name::after {
    opacity: 1;
  }
  #recipe_list .content .list .item > dt a .photo {
    padding: 0.8vw;
    background: #ffffff;
    transform-origin: center center;
    filter: drop-shadow(0 0 0.5333333333vw #695e44);
    position: relative;
    z-index: 0;
  }
  #recipe_list .content .list .item > dt a .photo::after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.3);
    pointer-events: none;
    transition: opacity 0.4s ease;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
  }
  #recipe_list .content .list .item > dt a .photo.opt_left {
    transform: rotate(-2deg);
  }
  #recipe_list .content .list .item > dt a .photo.opt_left_3 {
    transform: rotate(-3deg);
  }
  #recipe_list .content .list .item > dt a .photo.opt_left_5 {
    transform: rotate(-5deg);
  }
  #recipe_list .content .list .item > dt a .photo.opt_right {
    transform: rotate(2deg);
  }
  #recipe_list .content .list .item > dt a .photo.opt_right_3 {
    transform: rotate(3deg);
  }
  #recipe_list .content .list .item > dt a .photo img {
    width: 40.8vw;
  }
  #recipe_list .content .list .item > dt a .label_no_oven {
    height: 0;
    position: relative;
    z-index: 200;
  }
  #recipe_list .content .list .item > dt a .label_no_oven p {
    position: absolute;
    top: -5.2vw;
    rigtht: 2.1333333333vw;
  }
  #recipe_list .content .list .item > dt a .label_no_oven p::after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 0.8vw;
    box-shadow: 0 0 0.8vw rgba(255, 255, 255, 0.4);
    pointer-events: none;
    transition: opacity 0.4s ease;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
  }
  #recipe_list .content .list .item > dt a .label_no_oven p img {
    width: 19.6vw;
  }
  #recipe_list .content .list .item > dt a .name {
    margin-top: -1.7333333333vw;
    position: relative;
    z-index: 10;
  }
  #recipe_list .content .list .item > dt a .name::after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 0.8vw;
    box-shadow: 0 0 0.8vw rgba(255, 255, 255, 0.4);
    pointer-events: none;
    transition: opacity 0.4s ease;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
  }
  #recipe_list .content .list .item > dt a .name img {
    width: 42.5333333333vw;
  }
  #recipe_list .content .list .item > dd .explain {
    margin-top: 0.9333333333vw;
    text-align: center;
    color: #3c3c3c;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 400;
    font-size: 2.5333333333vw;
    line-height: 3.2vw;
  }
  #recipe_list.ebigratin {
    padding-bottom: 8.9333333333vw;
  }
  #recipe_list.ebigratin .content {
    padding: 7.6vw 0 12vw;
    background-color: #fcf4f3;
    background-image: url(../../0ef6f72f99b87dd5877d.png);
    background-position: center bottom;
    background-size: 100% 2.5333333333vw;
    background-repeat: no-repeat;
  }
  #recipe_list.ebigratin .content .banner {
    margin-top: 7.3333333333vw;
    text-align: center;
  }
  #recipe_list.ebigratin .content .banner img {
    width: 90.6666666667vw;
  }
  #recipe_list.ebidoria {
    padding-bottom: 8.9333333333vw;
  }
  #recipe_list.ebidoria .content {
    padding: 7.6vw 0 13.6vw;
    background-color: #fbece5;
    background-image: url(../../e467f1de66f9f05822ab.png);
    background-position: center bottom;
    background-size: 100% 2.5333333333vw;
    background-repeat: no-repeat;
  }
  #recipe_list.side_dish {
    padding-bottom: 8.9333333333vw;
  }
  #recipe_list.side_dish .content {
    padding: 6vw 0 5.3333333333vw;
    background-image: url(../../2ac65fff00062dd3e065.svg);
    background-position: center top;
    background-size: 4.2vw auto;
  }
  #recipe_list.side_dish .content .list {
    gap: 7.3333333333vw 4.9333333333vw;
  }
  #recipe_list.dessert {
    padding-bottom: 8.9333333333vw;
  }
  #recipe_list.dessert .content {
    padding: 6vw 0 8.2666666667vw;
    background-image: url(../../bcd9bc182ac5c505016c.svg);
    background-position: center top;
    background-size: 4vw auto;
  }
  #recipe_list.dessert .content .list {
    gap: 7.3333333333vw 4.9333333333vw;
  }
  #recipe_list.collaboration {
    padding-bottom: 8.9333333333vw;
  }
  #recipe_list.collaboration .content {
    padding: 6.2666666667vw 0 9.3333333333vw;
    background-image: url(../../68f836d7c891d8acb28c.svg);
    background-position: center top;
    background-size: 4vw auto;
  }
  #recipe_list.collaboration .content .label {
    text-align: center;
  }
  #recipe_list.collaboration .content .label img {
    width: 61.8666666667vw;
    filter: drop-shadow(0 0 0.3333333333vw rgba(0, 0, 0, 0.6));
  }
  #recipe_list.collaboration .content .list {
    margin-top: 6.1333333333vw;
    margin-top-gap: 7.3333333333vw 4.9333333333vw;
  }
  #recipe_list.no_oven {
    padding-bottom: 8.9333333333vw;
  }
  #recipe_list.no_oven .content {
    padding: 6.5333333333vw 0 9.3333333333vw;
    background: #ffedd2;
  }
  #recipe_list.no_oven .content .list {
    gap: 7.3333333333vw 4.9333333333vw;
  }
}
@media screen and (768px <= width < 1024px) {
  #recipe_list {
    width: 90.9090909091vw;
    margin: 2.7272727273vw auto 0;
  }
  #recipe_list .headline img {
    width: 100%;
  }
  #recipe_list .content {
    border-radius: 0 0 1.9090909091vw 1.9090909091vw;
  }
  #recipe_list .content .list {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 80.6363636364vw;
    margin: 0 auto;
    gap: 2.2727272727vw 3.9090909091vw;
  }
  #recipe_list .content .list .item {
    width: 24.2727272727vw;
  }
  #recipe_list .content .list .item > dt a {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  #recipe_list .content .list .item > dt a:hover .photo::after {
    opacity: 1;
  }
  #recipe_list .content .list .item > dt a:hover .label_no_oven p::after {
    opacity: 1;
  }
  #recipe_list .content .list .item > dt a:hover .name::after {
    opacity: 1;
  }
  #recipe_list .content .list .item > dt a .photo {
    padding: 0.4545454545vw;
    background: #ffffff;
    transform-origin: center center;
    filter: drop-shadow(0 0 0.2727272727vw #695e44);
    position: relative;
    z-index: 0;
  }
  #recipe_list .content .list .item > dt a .photo::after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.3);
    pointer-events: none;
    transition: opacity 0.4s ease;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
  }
  #recipe_list .content .list .item > dt a .photo.opt_left {
    transform: rotate(-2deg);
  }
  #recipe_list .content .list .item > dt a .photo.opt_left_3 {
    transform: rotate(-3deg);
  }
  #recipe_list .content .list .item > dt a .photo.opt_left_5 {
    transform: rotate(-5deg);
  }
  #recipe_list .content .list .item > dt a .photo.opt_right {
    transform: rotate(2deg);
  }
  #recipe_list .content .list .item > dt a .photo.opt_right_3 {
    transform: rotate(3deg);
  }
  #recipe_list .content .list .item > dt a .photo img {
    width: 23.1818181818vw;
  }
  #recipe_list .content .list .item > dt a .label_no_oven {
    height: 0;
    position: relative;
    z-index: 200;
  }
  #recipe_list .content .list .item > dt a .label_no_oven p {
    position: absolute;
    top: -2.6363636364vw;
    rigtht: 1.2727272727vw;
  }
  #recipe_list .content .list .item > dt a .label_no_oven p::after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 0.4545454545vw;
    box-shadow: 0 0 0.4545454545vw rgba(255, 255, 255, 0.4);
    pointer-events: none;
    transition: opacity 0.4s ease;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
  }
  #recipe_list .content .list .item > dt a .label_no_oven p img {
    width: 11.0909090909vw;
  }
  #recipe_list .content .list .item > dt a .name {
    margin-top: -1vw;
    position: relative;
    z-index: 10;
  }
  #recipe_list .content .list .item > dt a .name::after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 0.4545454545vw;
    box-shadow: 0 0 0.4545454545vw rgba(255, 255, 255, 0.4);
    pointer-events: none;
    transition: opacity 0.4s ease;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
  }
  #recipe_list .content .list .item > dt a .name img {
    width: 24.2727272727vw;
  }
  #recipe_list .content .list .item > dd .explain {
    margin-top: 0.5454545455vw;
    text-align: center;
    color: #3c3c3c;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 400;
    font-size: 1.4545454545vw;
    line-height: 1.8181818182vw;
  }
  #recipe_list.ebigratin {
    padding-bottom: 6.9090909091vw;
  }
  #recipe_list.ebigratin .content {
    padding: 4.9090909091vw 0;
    background: #fcf4f3;
  }
  #recipe_list.ebigratin .content .banner {
    margin-top: 2.9090909091vw;
    text-align: center;
  }
  #recipe_list.ebigratin .content .banner img {
    width: 63.6363636364vw;
  }
  #recipe_list.ebidoria {
    padding-bottom: 6.9090909091vw;
  }
  #recipe_list.ebidoria .content {
    padding: 4.9090909091vw 0;
    background: #fbece5;
  }
  #recipe_list.side_dish {
    padding-bottom: 4.5454545455vw;
  }
  #recipe_list.side_dish .content {
    padding: 5.1818181818vw 0 4.0909090909vw;
    background-image: url(../../2ac65fff00062dd3e065.svg);
    background-position: center top;
    background-size: 2.8636363636vw auto;
  }
  #recipe_list.side_dish .content .list {
    gap: 2.8181818182vw 3.9090909091vw;
  }
  #recipe_list.dessert {
    padding-bottom: 4.5454545455vw;
  }
  #recipe_list.dessert .content {
    padding: 5.1818181818vw 0 4.0909090909vw;
    background-image: url(../../bcd9bc182ac5c505016c.svg);
    background-position: center top;
    background-size: 2.7272727273vw auto;
  }
  #recipe_list.dessert .content .list {
    gap: 2.8181818182vw 3.9090909091vw;
  }
  #recipe_list.collaboration {
    padding-bottom: 5.6363636364vw;
  }
  #recipe_list.collaboration .content {
    padding: 4.5454545455vw 0 4.7272727273vw;
    background-image: url(../../68f836d7c891d8acb28c.svg);
    background-position: center top;
    background-size: 2.7272727273vw auto;
  }
  #recipe_list.collaboration .content .label {
    text-align: center;
  }
  #recipe_list.collaboration .content .label img {
    width: 35.0909090909vw;
    filter: drop-shadow(0 0 0.1818181818vw rgba(0, 0, 0, 0.6));
  }
  #recipe_list.collaboration .content .list {
    margin-top: 5vw;
    margin-top-gap: 2.8181818182vw 3.9090909091vw;
  }
  #recipe_list.no_oven {
    padding-bottom: 5.6363636364vw;
  }
  #recipe_list.no_oven .content {
    padding: 4.0909090909vw 0 5vw;
    background: #ffedd2;
  }
  #recipe_list.no_oven .content .list {
    gap: 2.8181818182vw 3.9090909091vw;
  }
}
