@charset "utf-8";
/* 
サイト固有の記述
*/

/* 全体（色系）*/
body {

    &.blueberry {
        .add_works {
            background-color: #F7F6F9;
        }
    }

    .tp_sec02 {
        .lauout_ul01 li {
                border-bottom: dotted 3px #AFAFBB;
        }
    }

    .sp_on2 {
        display: none;
    }
    
}

/* パソコン以上*/
@media screen and (min-width: 1281px) {
    body {
        .pager {
            margin-bottom: 30px;
        }

        .post-btn {
            margin-bottom: 50px;
        }

        .tp_sec02 .lead {
            padding: 200px 0;
        }

        .tp_sec02 {
            .lauout_ul01 li .imgbox {
                width: 55%;
            }

            .lauout_ul01 li {
                padding: 70px 50px;
            }
        }

        .add_farm {
            .layout_a .imgbox {
                width: 50%;
            }
        }

        .footerUpper .footerUpper_prof_area .flex_l {
            margin: 0 60px;
        }

        &.farm-intro .sec01 .layout_b .imgbox {
            width: 30%;
        }

        &.farm-intro .sec01 .layout_b .txtbox {
            margin-left: 80px;
        }

        &.farm-intro .sec02 .sec02_flex_dl dt {
            width: 20%;
        }

        &.about-tobetsu {
            .sec01 .layout_a .imgbox {
                width: 40%;
            }

            .sec01 .layout_a .txtbox {
                margin-right: 100px;
            }
        }

        .tbl_list02 li:before {
            width: 240px;
        }

        .tbl_list02 .list_ttl  {
            width: 240px;
        }

        .header_drawer_toggle .gnav-trg {
            display: none;
        }

        header .header-r-area .h_btn_area {
            display: block;
        }

        header .header-r-area {
            padding-right: 20px;
        }
    }
}

/* モニター以上*/
@media screen and (min-width: 1860px) {
    body {

        
    }
}

/* タブレット*/
@media screen and (max-width: 1024px) {
    body {
        .tp_sec02 {
            .lead {
                .imgbox p {
                    text-align: center;
                }
            }
        }

        .thum_list li .category_c a {
            padding: 5px 15px;
        }

        &.farm-intro {
            .sec01 {
                .layout_b {
                    display: flex;
                }

                .layout_b .txtbox {
                    margin-left: 40px;
                    margin-top: 0;
                }
            }
        }

        header .h1 a img,
        header.fixed .h-logo h1 a img {
            max-height: 60px;
        }

        main section .page_title {
            left: 5%;
        }

        .page_head .contents_wrap {
            padding: 0;
        }
    }
}

/* 携帯*/
@media screen and (max-width: 767px) {
    body {
        .thum_list li .category_c a {
            padding: 5px 10px;
        }

        &.farm-intro {
            .sec01 {
                .layout_b {
                    display: block;
                }

                .layout_b .txtbox {
                    margin-left: 0px;
                    margin-top: 0;
                }
                
            }
        }

        header .h1 a img,
        header.fixed .h-logo h1 a img {
            max-height: 46px;
        }

        .sp_on2 {
            display: block;
        }

        &.farm-intro .sec01 .layout_b .imgbox {
            width: 60%;
            margin: 0 auto 20px;
        }

        &.farm-intro .sec02 .sec02_flex_dl dt {
            width: 100%;
        }

        &.farm-intro .sec02 .sec02_flex_dl dd {
            margin-left: 0;
        }

        .flow_list li.flow_in_flex .imgbox .sincebox {
            margin: 0 auto;
            width: auto;
        }

        .mail_form dl {
            padding: 20px;
        }
    }
}