#info.page_top {
    background-image: url(../images/info/shop_header_bg.jpg);
}
#info .back_title {
    font-size: 9vw;
    color: rgba(255,255,255,0.4);
}
.info_container {
    padding: 6vw;
    padding-bottom: 12vw;
    text-align: center;
}
/*今月の旬*/
.seasonal_wrap {
    margin: 0 auto;
    margin-bottom: 6vw;
    padding: 5vw 7vw;
    box-sizing: border-box;
    background: #f6f6f6;
    border-radius: 10px;
    box-shadow: 0px 0px 20px 3px #e2e2e2 inset;
    text-align: center;
}
.seasonal_wrap h1 {
    font-family: "Hiragino Mincho ProN-W3", "Hiragino Mincho Pro-W3", "ヒラギノ明朝ProN W3", "ヒラギノ明朝Pro W3", 游明朝, "Yu Mincho", YuMincho, "MS PMincho", "MS P明朝", "Noto Serif JP", serif;
    margin: 0;
    color: #095133;
}
.seasonal_item {
    display: flex;
    justify-content: center;
    padding-top: 40px;
}
.seasonal_item img {
    width: 40%;
    object-fit: contain;
}
.seasonal_item .contents {
    padding-left: 50px;
}
.seasonal_item .item_name {
    text-align: left;
    margin-top: 0;
}
.seasonal_item .item_descript {
    text-align: left;
    margin: 0;
}
.seasonal_item .btn {
    padding-top: 25px;
}
.seasonal_item .btn a {
    padding: 10px 60px;
    background: #095133;
    border: solid 2px #095133;
    color: white;
    font-size: 13px;
    position: relative;
}
.seasonal_item .btn a::before {
    content: "";
    position: absolute;
    top: 48%;
    right: 0;
    width: 30px;
    height: 1px;
    background: white;
    transition: .3s;
}
.seasonal_item .btn a:hover {
    background: #f6f6f6;
    color: #095133;
    border: solid 2px #095133;
}
.seasonal_item .btn a:hover:before {
    background: #095133;
}


/*バナーリンク*/
.info_banner_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0;
}
.banner_item {
    width: 31%;
}
.banner_item img {
    width: 100%;
}
.banner_item:hover img {
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7; 
}
.info_fruit_banner {
    width: 80%;
    margin-top: 5vw;
    margin-right: -13%;
}
.info_fruit_banner img {
    width: 100%;
}
.info_fruit_banner:hover img {
    transform: scale(.97);
    transition: .3s ease-in-out;
}

@media screen and (max-width: 1024px) {
    .seasonal_item .item_descript {
        font-size: 14px;
    }
}
@media screen and (max-width: 780px) {
    .info_container {
        padding: 10vw 3vw;
        padding-bottom: 16vw;
    }
    .seasonal_wrap {
        width: 90%;
    }
    .seasonal_item {
        padding-top: 30px;
    }
    .seasonal_wrap h1 {
        font-size: 25px;
    }
    .seasonal_item .item_name {
        font-size: 20px;
    }
    .seasonal_item .item_descript {
        font-size: 13px;
    }
    .seasonal_item .item_descript p {
        line-height: 1.7;
    }
    .info_banner_wrap {
        width: 90%;
        margin: 20px auto;
    }
    .info_fruit_banner {
        width: 90%;
        margin-right: -8%;
    }
}
@media screen and (max-width: 600px) {
    .info_banner_wrap {
        flex-direction: column;
        align-items: center;
        width: 100%;
    }
    .banner_item {
        width: 55%;
        min-width: 240px;
        margin: 10px;
    }
    .seasonal_item {
        flex-direction: column;
        align-items: center;
    }
    .seasonal_item img {
        width: 80%;
    }
    .seasonal_item .contents {
        width: 80%;
        padding: 20px 0;
    }
}
@media screen and (max-width: 500px) {
    #info span.back_title {
        font-size: 11vw;
    }
    .seasonal_wrap {
        padding: 5vw 4vw;
    }
    .info_fruit_banner {
        width: 100%;
        margin-top: 0;
    }
}
@media screen and (max-width: 400px) {
    .seasonal_wrap h1 {
        font-size: 22px;
    }
    .seasonal_item .item_name {
        font-size: 18px;
    }
    .seasonal_item .btn a {
        padding: 7px 40px;
        font-size: 12px;
    }
    .seasonal_item .btn a::before {
        width: 20px;
    }
}