@charset "utf-8";

/* トップページ */
/** イベント情報 **/
#top section#event .in100per::after {
    right: min(12px, 3.2vw);
}

#top section#event .swiper-button-prev {
    left: var(--swiper-navigation-sides-offset, min(14.5vw));
}

#top section#event .swiper-button-next {
    right: var(--swiper-navigation-sides-offset, min(14.5vw));
}

/** 直売所マップ **/
#top section#map .map-area::after,
#page article#products #map .map-wrap::after {
    bottom: -60px;
}

#top section#map .store-slide li a,
#page article#products #map .store-slide li a {
    flex-direction: column;
    gap: 1px;
    align-items: flex-start;
}

#top section#map .store-slide li .store-img,
#page article#products #map .store-slide li .store-img {
    width: 100%;
    height: 200px;
}

#top section#map .store-slide .content,
#page article#products #map .store-slide .content {
    width: 100%;
    padding-bottom: 30px;
}

#top section#map .store-slide .content .store-num,
#page article#products #map .store-slide .content .store-num {
    font-size: 1.5rem;
    line-height: 2.3rem;
    padding: 0 0 0px 10px;
}

#top section#map .store-slide .content .store-place,
#page article#products #map .store-slide .content .store-place {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    padding: 6px 10px 0;
}

#top section#map .store-slide .content h3,
#page article#products #map .store-slide .content h3 {
    color: #ffffff;
    font-size: 1.3rem;
    line-height: 2rem;
    padding: 0 10px;
}

#top section#map .store-slide li::after,
#page article#products #map .store-slide li::after {
    bottom: 9px;
    right: 13px;
}

#top section#map .swiper-button-prev,
#page article#products #map .swiper-button-prev {
    left: var(--swiper-navigation-sides-offset, min(14vw));
    top: var(--swiper-navigation-top-offset, 53%);
}

#top section#map .swiper-button-next,
#page article#products #map .swiper-button-next {
    right: var(--swiper-navigation-sides-offset, min(14vw));
    top: var(--swiper-navigation-top-offset, 53%);
}

#top section#map .map-wrap::after {
    bottom: 0;
}

/* 下層ページ */
/* 共通 */
/*** 食材から探す ***/
#page section:has(.index-wrap) .icon-tore2 h2::before,
#page section:has(.index-wrap) h2::before {
    top: 3px;
    left: -50px;
}

#page section:has(.index-wrap) h2::before {
    left: -30px;
}

#page section:has(.index-wrap) .icon-tore2 h2::after,
#page section:has(.index-wrap) h2::after {
    top: -3px;
    right: -49px;
}

#page section:has(.index-wrap) h2::after {
    right: -30px;
}

/*** h2左右のアイコン ***/
/**** ほうれん草とゆず（白） ****/
#page article .icon-products1 h2::before {
    bottom: 3px;
}

#page article .icon-products1 h2::after {
    bottom: 19px;
}

/**** 里芋と枝豆 ****/
#page article .icon-products2 h2::before {
    top: 3px;
}

#page article .icon-products2 h2::after {
    top: 3px;
}

/**** ゆずと栗 ****/
#page article .icon-products3 h2::after {
    top: 18px;
    right: -45px;
}

#page article .icon-products3 h2::before {
    top: 20px;
    left: min(-50px);
}

/** いるま野の農産物と特産品 **/
/*** いるま野管内の農産物 ***/
#page article#products #in-area .products-wrap {
    height: 1100px;
}

/*** おいしい青果物MAP ***/
#page article#products #map .map-wrap::after {
    bottom: -20px;
}

/** とれ蔵キッチン **/
/*** 月間人気レシピランキング ***/
#page article#kitchen section:has(.ranking-wrap) h2.title-row,
#page article#kitchen section:has(.index-wrap) h2.title-row {
    max-width: 200px;
    margin-bottom: 20px;
}

#page article#kitchen section:has(.ranking-wrap) .icon-tore2 h2::before {
    left: -55px;
}

#page article#kitchen section:has(.ranking-wrap) .icon-tore2 h2::after {
    top: -1px;
    right: -60px;
}

/** 材料別レシピページ **/
#page.tax-recipe article .recipe-wrap>p {
    font-size: 1rem;
    line-height: 1.5rem;
}

/** かりる **/
#page article#yushi .consult p.lead {
    text-align: left;
}

/** ふやす **/
#page article#shisan .card-wrap .card a,
#page article#service .card-wrap .card a,
#page article#rate_fee .card-wrap .card a {
    width: calc(136px - 2rem);
}

/** ローン個別ページ **/
/**** 商品概要 ****/
#page.loan-page table.summary ul:not(.sum-caution) li {
    font-size: 0.75rem;
    line-height: 1.125rem;
    text-indent: -1.125rem;
    padding-left: 1.125rem;
}

#page.loan-page table.summary ul .dot-burgundy,
#page article#soudankai .consult-lead ul .dot-burgundy {
    margin-right: 0.375rem;
}

#page.loan-page table.summary ul.sum-caution li {
    font-size: 0.625rem;
    line-height: 0.94rem;
    text-indent: -0.625rem;
    padding-left: 0.625rem;
}

/**** 教育ローン ****/
#page.loan-page .edu-wrap h2::before,
#page.loan-page .edu-wrap h2::after {
    bottom: 0;
}

#page.loan-page:has(.edu-wrap) article section>h2::before,
#page.loan-page:has(.edu-wrap) article section>h2::after {
    top: 0;
}

/** 法律・税務相談 **/
#page article#soudankai .consult-lead h2 span {
    display: inline !important;
}

#page article#soudankai .consult-lead ul li {
    font-size: 0.75rem;
    line-height: 1.125rem;
    text-indent: -1.125rem;
    padding-left: 1.125rem;
}

/** JAポイントカード **/

#page article#pointcard h2 {
    font-size: 20px;
    margin: 0 auto 10px;
}

#page article#pointcard .sect3 h2 {
    font-size: 16px;
    line-height: 1.4rem;
}

#page article#pointcard .sect3 h2::before {
    top: 50%;
    transform: translateY(-50%) rotate(-10deg);
}

#page article#pointcard .sect3 h2::after {
    top: 50%;
    transform: translateY(-50%) rotate(10deg);
}


#page article#chokin_kinri .icon-torezo h2.title-row::before,
#page article#chokin_kinri .icon-torezo h2.title-row::after {
    top: 15px;
}

/** JAポイントカード改修20260826追加 **/
#page article#pointcard .sect6 {
    padding-top: 30px;
    padding-bottom: 60px;
}

#page article#pointcard .balance-point .merit .flex .left::before {
    content: none;
}


/** 会員特典（JAポイントカード） **/
#page article#pointaction .icon-torezo h2.title-row::before,
#page article#pointaction .icon-torezo h2.title-row::after {
    top: 9px;
}

#page article#pointaction .grant .caution ol li span.list-head {
    min-width: 2rem;
}

#page article#pointaction .grant .caution ul li span.list-head {
    min-width: 1rem;
}

#page article#pointaction .reduction .caution ol li span.list-head {
    min-width: 1.5rem;
}

/** 貯金金利 **/
#page article#chokin_kinri h2 {
    font-size: 1.5rem;
    line-height: 2.25rem;
}

#page article#chokin_kinri table td.gray {
    max-width: calc(112px - 20px);
}

/** 事務取扱手数料 **/
#page article#tesuryo table td:has(span),
#page article#cardatm .sect3 table td:has(span) {
    gap: 0 10px;
    justify-content: space-between;
}

#page article#tesuryo table td span {
    text-align: left;
    max-width: 65%;
}

#page article#tesuryo .caution ol,
#page article#cardatm .caution ol {
    padding-left: 2rem;
}

#page article#tesuryo .caution li,
#page article#cardatm .caution li {
    padding-right: 10px;
}

#page article#cardatm .sect3 table td {
    justify-content: unset;
}

#page article#cardatm .sect3 table td:has(span) {
    gap: 0 26px;
    max-width: calc(100% - 26px);
    padding: 8px 13px 6px;
}

#page article#cardatm .sect3 table td span {
    max-width: 230px;
}

#page article#cardatm .sect3 table tr td:last-child {
    padding-right: 13px;
}

/** JAのサービス **/
#page article#ja-service .white-box img {
    height: 65px;
}

#page article#ja-service .icon-torezo h2::before,
#page article#ja-service .icon-torezo h2::after {
    top: 0;
}

/** 手数料（内国為替） **/
#page article#kawase .sect1 .tables table,
#page article#kawase .sect3 .tables table {
    min-width: 700px;
}

#page article#kawase table .w1 {
    width: 60px;
}

#page article#kawase table .w2 {
    width: 140px;
}

#page article#kawase table .w3 {
    width: 160px;
}

/** ネットバンク **/
#page article#ib-teiki .icon-torezo h2.title-row::before,
#page article#ib-teiki .icon-torezo h2.title-row::after {
    top: 25px;
}

#page article#ib-teiki .white-box p.lead {
    text-align: left;
}

#page article#ib-teiki .btn-green a img {
    margin: 0 0 -4px 5px;
}

/** 農業・営農情報 **/
#page.single.fNews-page .content .content_body .single-meta .category {
    margin-left: 5vw;
    padding: 2px 20px;
}

#page.single.fNews-page .content .content_body .single-body {
    max-width: 75vw;
}

#page.single.fNews-page section>#archive-nav {
    max-width: 90vw;
    padding: 15px;
}

/** 農業情報システム **/
#page article#jouhou_system-new section.palegreen .browser ul li,
#page article#jouhou_system-new section.palegreen .phone ul li,
#page article#jouhou_system-new section.palegreen .sect2 .white-box ul li {
    max-width: 92%;
    margin: 0 auto;
}

#page article#jouhou_system-new section.palegreen .sect1 .white-box>p.small,
#page article#jouhou_system-new section.palegreen .system-link p.small {
    max-width: 278px;
}

#page article#jouhou_system-new .sect2 .white-box h3 {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
}

#page article#jouhou_system-new .sect2 .white-box h3 span.large {
    margin-right: 6px;
}

#page article#jouhou_system-new .sect2 .white-box h3 span.wrap {
    max-width: 180px;
}

/** さといも選果場 **/
#page article#satoimo-senka>section a[href^="tel:"] {
    pointer-events: all;
    cursor: pointer;
}

/* 404 */
#page article#page-not-found .white-box p {
    text-align: left;
}

@media (max-width: 425px) {

    #top section#map .map-wrap::after,
    #page article#products #map .map-wrap::after {
        bottom: -15px;
    }

    #page article .icon-products1 h2::after {
        bottom: 17px;
    }

    #page article .icon-products4 h2::before {
        left: min(-14vw);
    }

    #page article .icon-products4 h2::after {
        right: min(-13vw);
    }

    #page section .market-information .market-wrap {
        grid-template-columns: repeat(auto-fit, 156px);
    }

    #top section#recipe .recipe-inner-wrap,
    #page article#kitchen #this-month .thisMonth2 {
        gap: 50px 20px;
    }

    #top section#recipe .recipe-inner-wrap {
        grid-template-columns: repeat(auto-fit, 150px);
    }

    #top section#recipe .recipe-inner-wrap .recipe-content,
    #page article#kitchen #this-month .thisMonth2 .recipe-content {
        max-width: 150px;
    }

    #top section#recipe .recipe-inner-wrap .recipe-content img,
    #page article#kitchen #this-month .thisMonth2 .recipe-content img {
        width: 230px;
        height: 100px;
    }

    #top section#recipe .recipe-inner-wrap .recipe-content h3,
    #page article#kitchen #this-month .thisMonth2 .recipe-content h3,
    #page.products-page .recipe-content h3,
    #page article#kitchen .seasonal-recipe .recipe-card h3,
    #page article#kitchen .season-vege-wrap .s-vege-card h3,
    #page.tax-recipe article .recipe-card h3,
    #page article#season .recipe-card h3,
    #page article#favorite .recipe-card h3,
    #page article#vegetables .recipe-card h3 {
        font-size: 0.875rem;
        line-height: 1.3rem;
    }

    #page article#kitchen #this-month .thisMonth2 {
        grid-template-columns: repeat(auto-fit, 136px);
    }

    #page.products-page .products-recipe,
    #page article#kitchen .seasonal-recipe .recipe-wrap,
    #page article#kitchen .season-vege-wrap,
    #page.tax-recipe article .recipe-wrap,
    #page article#season .recipe-wrap,
    #page article#favorite .recipe-wrap,
    #page article#vegetables .recipe-wrap {
        grid-template-columns: repeat(auto-fit, 155px);
    }

    #page.products-page .recipe-content img,
    #page article#kitchen .seasonal-recipe .recipe-card img,
    #page article#kitchen .season-vege-wrap .s-vege-card img,
    #page.tax-recipe article .recipe-card img,
    #page article#season .recipe-card img,
    #page article#favorite .recipe-card img,
    #page article#vegetables .recipe-card img {
        height: 100px;
    }

    #page article#vegetables .recipe-wrap {
        grid-template-columns: repeat(auto-fit, 145px);
    }

    #page article#bank .in1267:has(.bank-side-wrap) ul {
        width: calc(100% - 30px);
    }

    #page article#kawase .icon-torezo h2.title-row::before,
    #page article#kawase .icon-torezo h2.title-row::after {
        top: 20px;
    }

    #page article#ib-teiki table tr {
        align-items: center;
    }
}

@media (max-width: 375px) {
    #top section#event .swiper-button-prev {
        left: var(--swiper-navigation-sides-offset, min(13.5vw));
    }

    #top section#event .swiper-button-next {
        right: var(--swiper-navigation-sides-offset, min(13.5vw));
    }

    #page section .market-information .market-thumb h3 {
        padding: 8px;
    }

    #page article#members .icon-torezo h2.title-row::before,
    #page article#members .icon-torezo h2.title-row::after,
    #page article#jouhou_system-new .icon-torezo h2::before,
    #page article#jouhou_system-new .icon-torezo h2::after {
        top: 17px;
    }
}

@media (max-width: 370px) {
    #header .in100per {
        height: 70px;
    }

    #s-menu {
        top: 8px;
    }

    #sp-navi .sp-close {
        top: 10px;
    }

    #top #lead .fv-banner {
        top: min(65px, 13svh);
    }

    #top #lead::before {
        bottom: min(90px, 5svh);
        max-width: 120px;
    }

    #top #lead .em-area h2 {
        top: min(-25px, -2.3svh);
    }

    #top section#recipe .main-recipe::before {
        top: 5px;
        left: -10px;
        width: 60px;
        height: 53px;
    }

    #top section#recipe .main-recipe::after {
        top: 6px;
        right: -12px;
        width: 63px;
        height: 51px;
    }

    #top section#recipe .main-recipe>p {
        font-size: 1.5rem;
        line-height: 2.5rem;
    }

    #top section#topix .in100per::before {
        top: -30px;
        width: 75px;
        height: 82px;
        left: 10px;
    }

    #top section#event .in100per::after {
        top: 20px;
        width: 60px;
        height: 71px;
    }

    #torezo-navi .nav-knob p {
        font-size: 1.3rem;
    }

    #page article#ja-service h2 {
        font-size: 19px;
        line-height: 27.5px;
    }
}