@charset "utf-8";

/* SPファーストビュー 
==========================*/

/* =======img====== */
#foodGuide .foodInfoPellet,
#healthCheck .featherCheck,
#healthCheck .footCheck {
    position: relative;
}
.foodInfoPellet img:nth-of-type(1),
.foodInfoPellet img:nth-of-type(2),
.featherCheck img.sp,
.beakimg img,
.footCheck img,
.healthCheckimg img {
    position: absolute;
}

/* 個別の位置指定 */
.foodInfoSeed img {
    right: 10px;
    bottom: -15px;
}
.foodInfoPellet img:nth-of-type(1) {
    right: 25px;
    top: 74px;
}
.foodInfoPellet img:nth-of-type(2) {
    right: 26px;
    bottom: 13px;
}
.featherCheck img.sp {
    right: -26px;
    top: -23px;
}
.beakimg img {
    right: -13px;
    top: 54px;
}
.footCheck img {
    right: -21px;
    bottom: -34px;
}
.healthCheckimg img {
    right: 0;
    margin-top: 26px;
}

/* --- #foodGuide --- */
#foodGuide .foodInfoSeed,
#foodGuide .foodInfoPellet {
    margin-top: 26px;
}
#foodGuide .foodInfo h3 {
    border-bottom: 1px solid #46A9BE;
}
dl.foodList {
    padding: 14px;
}
dl.foodList dt {
    height: 70px;
}
#foodGuide .seedMemo {
    display: flex;
    align-items: center;
    margin-top: 24px;
    gap: 23px;
    margin-left: 14px;
}
#foodGuide .seedMemo p {
    font-size: 1.3rem;
    font-weight: bold;
}
/* --- /#foodGuide --- */

/* --- #healthAlert --- */
#healthAlert .diseaseGraph {
    justify-content: center;
}
.dataSource {
    bottom: 10px;
}
.headsUpContent {
    padding: 10px 13px 50px;
}
.headsUpText {
    font-size: 2.4rem;
    line-height: 1.4;
    font-weight: bold;
    margin-bottom: 13px;
}
/* --- /#healthAlert --- */

/* --- #familiarDanger --- */
.dangerHeader {
    background-color: #46AABE;
}
/* --- /#familiarDanger --- */

/* --- #healthCheck --- */
#healthCheck .healthCheckInner {
    padding: 60px 13px 127px 19px;
}
/* --- /#healthCheck --- */

/* --- #closingMessage --- */
.closingMessage {
    margin-top: 42px;
}

@media only screen and (min-width: 768px) {

    /* --- #foodGuide -- */
    #foodGuide .foodInfoWrap {
        display: flex;
        gap: 24px;
        justify-content: center;
    }
    #foodGuide .foodInfo {
        width: 347px;
        height: 317px;
        overflow: auto;
        margin-top: 34px;
    }
    #foodGuide .seedMemo {
        justify-content: center;
    }
    /* --- /#foodGuide --- */

    /* ---#healthAlert */
    #healthAlert .diseaseGraph {
    margin-top: 0;
    margin-left: 27px;
    }
    /* --- /#healthAlert --- */

    /* --- #healthCheck --- */
    #healthCheck {
        margin-top: 43px;
    }
    #healthCheck .healthCheckInner {
        padding: 20px;
    }
    #healthCheck .healthCheckContent {
        padding: 0 14px;
        display: grid;
        grid-template-rows: repeat(3, 1fr);
        grid-template-columns: repeat(2, 1fr);
        grid-auto-flow: column;
        gap: 25px 27.5px;
    }
    /* --- /#healthCheck --- */

    /* --- #closingMessage --- */
    .closingMessage {
        margin-top: 49px;
    }
    /* --- /#closingMessage --- */

    /* ---img--- */
    .foodInfoPellet img:nth-of-type(1) {
        right: 41px;
    }
    .foodInfoPellet img:nth-of-type(2) {
        right: 33px;
        top: 200px;
    }
    .featherCheck img.pc {
        position: absolute;
        left: -63px;
        top: 30px;
    }
    .beakimg img {
        right: 0;
        top: 117px;
    }
    .footCheck img {
        right: -68px;
        bottom: -8px;
    }
    .healthCheckimg img {
        margin-top: 0;
        bottom: 42px;
    }
}