@charset "utf-8";

/* =======================================

	evebt-chawanmushi CSS

========================================== */

#footer {
    top: 0;
}

.only-pc {
    display: none !important;
}

/* -- #content -------------------------------------  */
#content {
    overflow: hidden;
    background: url(/img/recipe/event/yakuzen/bg_01_sp.png) top center / cover repeat;
}


/* -- .mod-hero -------------------------------------  */
.mod-hero {
    position: relative;
    margin: 45px 10px 0 13px;
}

.mod-hero__heading {
    position: absolute;
    top: calc(-25/967*100%);
    left: calc(46/703*100%);
    width: calc(572/703*100%);
}

.mod-hero__detail {
    position: absolute;
    top: calc(366/967*100%);
    left: calc(90/703*100%);
    width: calc(395/703*100%);
}

.mod-hero__info {
    position: absolute;
    top: calc(664/967*100%);
    left: calc(47/703*100%);
    width: calc(609/703*100%);
}

.mod-hero__image {
    position: absolute;
    top: calc(360/967*100%);
    left: calc(427/703*100%);
    width: calc(265/703*100%);
}

.mod-hero img {
    max-width: 100%;
}

/* -- .mod-read -------------------------------------  */
.mod-read {
    margin: 27px 22px 0;
}

.mod-read img {
    max-width: 100%;
}

/* -- .mod-tips -------------------------------------  */
.mod-tips {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-wrap: wrap;
    margin: 29px 0 0;
    gap: 0 56px;
}

.mod-tips__item {
    width: calc(282/750*100%);
}

.mod-tips__item:nth-child(1) {
    margin: 0 calc(200/750*100%) calc(-36/750*100%);
}

.mod-tips img {
    max-width: 100%;
}

/* -- .mod-recipe-list -------------------------------------  */
.mod-recipe-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 17px 0;
    margin: 29px 17.5px 25px;
}

.mod-recipe-list__item {
    width: calc(162/340*100%);
}

.mod-recipe-list img {
    max-width: 100%;
}