@charset "utf-8";

/******************************************************************
サイトコンテンツスタイルシート（PC版）
Author: T.Sugiyama
Author URI: http://fromdime.com
******************************************************************/


/******************************************************************

共通

******************************************************************/


/******************************************************************

構造調整タグ

******************************************************************/



/******************************************************************

汎用パーツ

******************************************************************/


/******************************************************************

プラグイン

******************************************************************/


/******************************************************************

ヘッダー

******************************************************************/


/******************************************************************

サイドバー

******************************************************************/


/******************************************************************

フッター

******************************************************************/



/******************************************************************

特集ページ

******************************************************************/
/*-------------------------------------------
会員登録LP
-------------------------------------------*/
.lp-member article#lp-member {
    margin-bottom: 5rem;
}
.lp-member .article-header {
    text-align: center;
    margin-bottom: 5rem;
}
.lp-member .article-main {
}
.lp-member .article-main .inner_width {
    max-width: 800px;
    margin: 0 auto;
}
.lp-member .article-main section {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 4rem;
    margin-bottom: 4rem;
}
.lp-member .article-main .section_header {
    margin: 0 auto 2rem;
}
.lp-member .article-main .section_header .section_title {
    text-align: center;
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 1.4;
    color: #007f41;
}
.lp-member .article-main .section_header .icon-member {
    margin-bottom: 1.0rem;
}
.lp-member .article-main .section_header .icon-member img {
    width: 100%;
    max-height: 120px;
    object-fit: contain;
}
.lp-member .section_main .text {
    font-size: 1.1rem;
    margin-bottom: 2rem;
}

.lp-member .section_footer .button-wrapper {
    text-align: center;
}
.lp-member .section_footer .button-wrapper .button {
    font-size: 1.3rem;
    background-color: #ff0000;
    color: #ffffff;
    width: 90%;
    max-width: 400px;
    display: block;
    padding: 0.8rem;
    margin: 0 auto;
    font-weight: bold;
    border-radius: 15px;
}
.lp-member .section_footer .button-wrapper .button:hover {
    background-color: #FFE100;
    color: #007f41;
}


/*-------------------------------------------
岡林農園の文旦ものがたり
-------------------------------------------*/
.lp-buntan article#lp-buntan .base_width {
    max-width: 1000px;
}
.lp-buntan article#lp-buntan {
    margin-top: 3rem;
}
.lp-buntan .article-header {
}
.lp-buntan .article-header .article-title-wrapper {
    background-color: #ffe100;
    padding: 4rem 0;
}
.lp-buntan .article-main #buntan-story {
}
.lp-buntan .article-main #buntan-story .section_inner {
    padding: 3rem 0;
}
.lp-buntan .article-main #buntan-story .section_inner.buntan-story-odd {
    background-color: #fff7e4;
}
.lp-buntan .article-main #buntan-story .section_inner.buntan-story-even {
    background-color: #ffe100;
}
.lp-buntan .article-main #buntan-story .buntan-story-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 1rem 2%;
}
.lp-buntan .article-main #buntan-story .buntan-story-inner .thumb {
    flex-basis: 64%;
    max-width: 64%;
}
.lp-buntan .article-main #buntan-story .buntan-story-inner .text {
    flex-basis: 34%;
    max-width: 34%;
    font-size: 1.2rem;
}
.lp-buntan .article-main #buntan-story .section_inner.buntan-story-even .thumb {
    order: 2;
}
.lp-buntan .article-main #buntan-story .section_inner.buntan-story-even .text {
    order: 1;
}
.lp-buntan .article-main #buntan-story .section_inner .button-wrapper {
    margin: 2rem auto 1rem;
}
.lp-buntan .article-main #buntan-story .section_inner .button {
    display: block;
    font-size: 1.3rem;
    color: #239244;
    border: 1px solid #239244;
    background-color: #ffffff;
    width: 100%;
    max-width: 400px;
    padding: 0.8rem;
    font-weight: bold;
    border-radius: 15px;
    text-align: center;
    margin: 0 auto;
}
.lp-buntan .article-main #buntan-story .section_inner .button:hover {
    background-color: #239244;
    color: #ffffff;
}





/******************************************************************
*******************************************************************

メディアクエリー

*******************************************************************
******************************************************************/
/* 1281px ~ : PC Large screens -> Default */

/* ~ 1280px : PC screens */
@media only screen and (max-width: 80em) {

}

/* ~ 1024px : Medium screens */
@media only screen and (max-width: 64em) {

}

/* ~ 960px : Tablet screens */
@media only screen and (max-width: 60em) {

}

/* ~ 896px : スマホ横 */
@media only screen and (max-width: 56em) {

} /* 896px以下 End */

/* ~ 812px : iphone X screens */
@media only screen and (max-width: 50.750em) {

}

/* ~ 767px : Tablet screens */
@media only screen and (max-width: 47.938em) {

}

/* 640px以下:Small screens */
@media only screen and (max-width: 40em) {


    /******************************************************************

    共通

    ******************************************************************/

    /******************************************************************

    構造調整タグ

    ******************************************************************/


    /******************************************************************

    汎用パーツ

    ******************************************************************/


    /******************************************************************

    プラグイン

    ******************************************************************/


    /******************************************************************

    ヘッダー

    ******************************************************************/


    /******************************************************************

    サイドバー

    ******************************************************************/


    /******************************************************************

    ユーティリティナビゲーション

    ******************************************************************/



    /******************************************************************

    フッター

    ******************************************************************/



    /******************************************************************

    特集ページ

    ******************************************************************/
    .lp-buntan .article-main #buntan-story .buntan-story-inner .thumb {
        flex-basis: 100%;
        max-width: 400px;
        margin: 0 auto;
    }
    .lp-buntan .article-main #buntan-story .buntan-story-inner .text {
        flex-basis: 100%;
        max-width: 100%;
        font-size: 1.1rem;
    }
    .lp-buntan .article-main #buntan-story .section_inner.buntan-story-even .thumb {
        order: 1;
    }
    .lp-buntan .article-main #buntan-story .section_inner.buntan-story-even .text {
        order: 2;
    }

    /*-------------------------------------------
    岡林農園公式オンラインショップの会員登録によるメリット
    -------------------------------------------*/


} /* 641以下end */

/* 479px以下: SP screens */
@media only screen and (max-width: 29.938em) {

    /*-------------------------------------------
    -------------------------------------------*/


}